@import url("font-awesome.min.css");
@import url("bootstrap.css");
@import url("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
/* =============================================================== */
/* FOUNDATION
/* =============================================================== */
a {
	color: #006633;
	text-decoration: none;
	outline: none !important;
   -moz-transition: all .2s ease-in;
   -webkit-transition: all .2s ease-in;
   -o-transition: all .2s ease-in;
   transition: all .2s ease-in;
}
a:hover, a:focus {
	text-decoration: none;
	cursor: pointer;
    color: #55008b
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline: none}
ul, ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	color: #333333;
	font-family: arial, sans-serif;
	background: #fff;
}
/* =============================================================== */
/* TYPOGRAPHY + GLOBAL CLASS
/* =============================================================== */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding-bottom: 15px;
}
h1 {
	font-size: 30px;
	line-height: 35px;
}
h2 {
	font-size: 24px;
	line-height: 28px;
}
h3 {
	font-size: 20px;
	line-height: 24px;
}
h4 {
	font-size: 17px;
	line-height: 20px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
}
h6 {
	font-size: 12px;
	line-height: 20px;
}
p{margin-bottom: 5px}
p.lead {
	font-size: 13px;
	line-height: 1.4;
	border-style: solid;
	border-color:  #e6e6e6;
	border-width: 0 1px;
	background-color: #f9f9f9;
	color: #333333;text-transform: uppercase;
	margin: 0;padding: 10px 15px;
	font-weight: 400;
}

.border-title {
	border-bottom: 1px solid #CECECE;
	margin: 0 0 15px;
	padding: 10px 0 10px;
}
label{font-weight: normal !important;}
/* Helper class */
.error,sup {
	color: red;
}
.section-block {
	margin-bottom: 30px;
}
.underline {
	text-decoration: underline;
}
.relative {
	position: relative;
}
.no-margin {
	margin: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-margin-right {
	margin-right: 0;
}
.no-margin-left {
	margin-left: 0;
}
.no-margin-top {
	margin-top: 0;
}
.no-margin-bottom {
	margin-bottom: 0;
}
.no-border {
	border: 0;
}
.no-radius{border-radius: 0}
.width100, .w100 {
	width: 100%;
}
.width50, .w50 {
	width: 100%;
	display: block;
}

.float-right {
	float: right;
}
.float-left {
	float: left;
}
.float-none{float: none}
.globalPadding {
	padding: 0 26px;
}
.globalPaddingTop {
	padding-top: 16px;
}
.globalPaddingBottom {
	padding-bottom: 16px;
}
.globalPaddingRight {
    padding-bottom: 16px;
}
.text-bold{font-weight: bold}
.text-italic{font-style: italic}
.hr2 {
	border-width: 2px;
	border-color: #DDDDDD;
}
.hr3 {
	border-width: 4px;
	border-color: #DDDDDD;
}
ul.list-dot li {
	list-style: inside disc;
}
ul.list-number li {
	list-style: inside decimal;
}
ul.list {
	list-style: disc;
	padding-left: 40px;
}
ul.list ul {
	list-style: circle;
	padding-left: 40px;
}
ul.list-check {
	list-style: none;
}
ul.list-border li {
	border-bottom: 1px solid #E0EDED;
	display: block;
	padding: 10px 15px;
}
ul.list-border li:hover {
	background: #ebebeb;
}
.transitionfx {
	transition: all 0.25s ease 0s;
	-moz-transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	-ms-transition: all 0.25s ease 0s;
}
.container{width: 1024px}
.bg-info{background-color: #55008b}
.bg-success{background-color: #329e69}
.btn-primary,.btn-primary:hover{background-color: #55008b;border-color: #55008b}
.navbar-default .navbar-toggle{border-color: transparent}
.navbars-i4sn button{background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    float: right;
    margin-bottom: 5px;
    margin-right: 0;
    margin-top: 5px;
    padding: 9px 0;
    position: relative;}
.navbars-i4sn .navbar-toggle{padding: 0;margin: 0 15px 0 0}
.navbar-toggle .icon-bar{background-color: #fff;height: 4px;width: 25px}
.banner{position: relative;border-bottom: 10px solid #54008b}
.nav-top{position: relative;width: 100%;z-index: 100}
.slogan h2{font-size: 18px;color: #333333;text-transform: uppercase}
.slogan h2 span{font-size: 30px;font-weight: bold}
.hotline {font-size: 13px;color: #333333}
.hotline a{font-size: 18px;color:#333333}
.navbar-top{background-color: #006633;min-height: 33px;height: 33px;border: none}
.navbars-i4sn{background-color: #54008b;height: 52px}
.logo{position: absolute;top:-20px;z-index: 101}
.navbar-top .navbar-nav > li > a{padding: 0 20px; margin: 5px 0;font-size: 14px;color: #ffffff}
.navbar-top .navbar-nav > li > a > i{color: #1ca15f;margin-right: 5px}

.navbar-top .navbar-nav > li > a:hover, .navbar-top .navbar-nav > li > a:focus{color:#32aa6e;background-color: transparent}
.navbar-top .navbar-nav > .active > a, .navbar-top .navbar-nav > .active > a:focus, .navbar-top .navbar-nav > .active > a:hover{background: none;color:#32aa6e}

.navbars-i4sn .navbar-nav > li > a{padding: 16px 20px;font-size: 14px;color: #fff;text-transform: uppercase}
.navbars-i4sn .navbar-nav > .active > a,.navbars-i4sn .navbar-nav > .active > a:focus,.navbars-i4sn .navbar-nav > .active > a:hover,.navbars-i4sn .navbar-nav li > a:hover{background-color: #eee5f3;color:#333333}

#navbar{background-color: rgba(84,0,139,0.95);border: none;padding-top: 15px;box-shadow: none}
#navbar li a{text-align: right;padding: 10px 20px;font-size: 14px}
#navbar li a:hover,#navbar .active a{background-color: #fff;color:#54008b;}

.text_rotate{background-color: rgba(0,102,51,0.85);width: 310px;padding: 15px 20px 10px}
.text_rotate h4{color: #ffcc00;font-size: 16px}
.text_rotate .desc{font-size: 12px;color: #fff}
.text_rotate .ion-ios-plus-outline{font-size: 30px;color: #ffcc00}

.block-title{border-bottom: 2px solid #b797cc;margin-bottom: 15px}
.block-title .title{color: #333;font-size: 18px;font-weight: normal;padding-bottom: 0}
.block-title .back{background-color:#55008b;padding: 5px 10px ;margin-left:5px;margin-bottom: 5px}
.block-title .back i{color:#fff}

.block-new .item{margin-bottom: 30px}
.block-new .media{border: 1px solid #e5e5e5;border-top: none;margin-top: 0;padding: 10px }

.block-new .item h2,.block-service .item h2{color:#006633;font-size: 14px;padding-bottom: 0;line-height: 18px;height: 35px;overflow: hidden}
.text-date{color:#666666;font-size: 13px}
.block-new .media .media-body .desc{font-size: 13px;color:#333333;padding-top: 5px;height: 96px;overflow: hidden}
.btn-new{color: #54008b;font-size: 14px;text-transform: uppercase}
.btn-new .badge{background-color: transparent;border: 1px solid #54008b;border-radius: 50%}
.btn-new .badge i{color: #54008b;font-size: 20px}

.block-service .item{margin-bottom: 30px}
.block-service .media-left{padding-right: 0}
.block-service .media-body{border: 1px solid #e5e5e5;border-left: none;padding: 10px}
.block-service .desc{height: 112px; overflow: hidden;padding: 10px 0}

.block-product .media{padding-top: 40px;overflow: visible}
.block-product .media-body{padding-left: 20px;overflow: visible}
.block-product .media-heading{color: #ffffff;font-size: 14px;font-weight: bold;border-top: 1px solid #a762d3;border-bottom: 1px solid #a762d3;padding: 5px 0}
.block-product .desc{color:#fff;font-size: 15px;padding-top: 10px;height: 115px;overflow: hidden;margin-bottom: 15px}
.block-product .btn-group{border: 4px solid #7733a2;width: 100%;font-size: 13px}
.block-product .btn-primary{background-color: #006633;border-color: #006633;border-radius: 0;text-align: left;padding: 8px 12px}
.block-product .btn-group .dropdown-toggle{background-color: #15894f;padding: 4px 11.9px !important; border-color: #15894f;margin-left: 0;box-shadow: none !important;text-align: center}
.block-product .btn-group .dropdown-toggle .ion-android-arrow-down{font-size: 19.5px}
.block-product .dropdown-menu{background-color: #ede8f1;border-radius: 0;width: 100%;margin-top: 0;padding: 0;border: none;box-shadow:none}
.block-product .dropdown-menu > li > a{color:#333;font-size: 15px;padding: 8px 20px;font-weight: bold}
.block-product .dropdown-menu > li > a:hover,.block-product .dropdown-menu > li > a:focus{color: #fff;background-color: #b797cc}

.block-products .thumbnail,.block-detail .thumbnail{border-radius: 0;border-color: #e5e5e5}
.block-products .thumbnail:hover{border-color: #55008b}
.block-products .thumbnail .title{font-size: 14px;font-weight: bold;line-height: 18px;}
.block-products .thumb{padding-bottom: 10px;margin: 9px 9px 0;display: block}
.block-products .thumbnail .caption .pageIntro{font-size: 14px;color:#333333}

.block-products .caption p.code{color: #666666}

.block-pro .text-title{font-size: 18px;color:#fff;padding: 15px 0}
.block-pro .item{border: 4px solid #70bb96;background-color: #ffffff;margin-bottom: 20px;overflow: visible}
.block-pro .item .media-body{color:#333333;font-size: 13px;padding: 15px 10px 0}
.block-pro .btn-group{width: 100%}
.block-pro .btn-primary{background-color: #006633;border-color: #006633;border-radius: 0;text-align: left;padding: 8.6px 8px;font-size: 13px;text-transform: none}
.block-pro .btn-group .dropdown-toggle{background-color: #277c52;padding: 4px 12.4px !important; border-color: #277c52;margin-left: 0;box-shadow: none !important;text-align: center}
.block-pro .btn-group .dropdown-toggle .ion-android-arrow-down{font-size: 19.5px}
.block-pro .dropdown-menu{background-color: #ede8f1;border-radius: 0;width: 100%;margin-top: 0;padding: 0;border: none;box-shadow:none;min-height: 180px}
.block-pro .dropdown-menu > li > a{color:#333;font-size: 13px;padding: 8px 20px;font-weight: bold}
.block-pro .dropdown-menu > li > a:hover,.block-product .dropdown-menu > li > a:focus{color: #fff;background-color: #329e69}

.block-detail .title{font-size: 16px;line-height: 21px;color:#006633}
.block-detail .code {color: #666}
.block-detail .code li{border-bottom: 1px dotted #e5e5e5;margin-bottom: 5px}
.block-detail .code label{display: inline-block;width: 165px}
.block-detail .addthis_toolbox{position: absolute; right: 0px; top: -55px}
label.select-mask {
    display: inline-block;
    margin: 0;
    position: relative;
}
label.select-mask select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    line-height: 16px;
    outline: medium none;
    padding: 5px 6px;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 0;
    font-size: 13px;
    color:#333333;
    font-weight: bold;
    width: 220px;

}
label.select-mask::after {
    color: #fff;
    content: "\e259";
    cursor: pointer;
    font-family: "Glyphicons Halflings";
    font-size: 14px;
    padding: 5px 8px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #55008b;
}
label.select-mask::before {
    content: "";
    display: block;
    height: 24px;
    pointer-events: none;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 28px;
}

.wide-container {
    margin: 0 auto;
    height: 658px;
}
.wide-container2{
    margin: 0 auto;
    height: 428px;
    position: relative;
}
.paging {overflow:hidden; text-align:center; font-size:12px;padding:15px 0 2px;margin-bottom: 20px}
.paging a {overflow:hidden; background:#fff; color:#000; line-height:18px; text-align:center; border: 1px solid #cccccc;
    padding:2px 6px; text-decoration:none;margin:0 2px; display:inline;border-radius: 3px}
.paging  a:hover, .paging  a.active {background:#55008b; color:#fff; text-decoration:none;border: 1px solid #55008b;}

.articleLink ul {margin-top: 10px}
.articleLink li { padding:5px 0 5px 12px; color:#54008b;list-style: inside square; text-indent: -11px}
.articleLink li span {color:#999999; padding-left:5px;font-size: 12px}
.articleLink a { color:#333333; font-size:14px; line-height:17px;}
.articleLink a:hover { color:#54008b}

.infomation{padding: 30px 0}
.infomation .media-body{font-size: 12px;color:#333;height: 110px}
.infomation .media-body h3,.infomation .media-body h3 a{color: #55008b;font-size: 13.5px;font-weight: bold;padding-bottom: 0;line-height: 18px}
.infomation .img-ui{background: url("../images/ui-icon.png") no-repeat;width: 100px;height: 100px}
.infomation .ui-info{background-position: 0 0;}
.infomation .ui-call{background-position: -236px 0;}
.infomation .ui-chuck{background-position: -115px 0;}
.infomation .row > div:nth-child(2){border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5}

.detail .desc table{width: 100% !important;}
.detail .desc img{max-width: 100%;height: auto;display: block}

.share li {float:left;margin: 10px 10px 10px 0}
.share li a{background: url(../images/icon-share.jpg) no-repeat;height: 40px;width: 40px;text-indent: -99999px;display: inline-block}
.share a.icon-twitter{background-position:  -93px 0}
.share a.icon-facebook{background-position:  0 0}
.share a.icon-linkedin{background-position:  -140px 0}
.share a.icon-google{background-position:  -46px 0}
.share a.icon-pinterest{background-position:  -186px 0}
a.addthis_button_google_plusone{width: 65px !important;}


.copyright{font-size: 12px;color:#333333}
#cate_pro option{padding: 5px 2px}

#form-registry *{font-size: 13px}
.block-products{margin: 0 -10px}
.block-products div[class*="col-"]{padding: 0 10px}
.btn-zoom {
    background-color: transparent;
    border: medium none;
    bottom: 20px;
    color: #ffaa01;
    font-size: 24px;
    padding: 0;
    position: absolute;
    right: 20px;
    z-index: 999;
}
.pageIntro ul{list-style: inside disc}
/* .thumbnail .pageIntro{height: 128px;overflow: hidden} */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.inpt-qty {
	-webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #ddd -moz-use-text-color #ddd #ddd;
	border-image: none;
	border-style: solid none solid solid;
	border-width: 1px medium 1px 1px;
	font-size: 16px;
	height: 35px;
	padding: 0 5px;
	text-align: center;
	width: 45px;
}
.add-qty,.sub-qty {
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	cursor: pointer;
	display: block;
	font-size: 14px;
	height: 18px;
	left: 56px;
	line-height: 18px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 18px;
}
.sub-qty {
	top: 17px;
}
.add-qty:hover,.sub-qty:hover {
	background-color: #ddd;
}
select:not([multiple]) {
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=");
  background-position: right 50%;
  background-repeat: no-repeat;

  cursor: pointer;
  outline: medium none;
  padding: 0 20px 0 6px;
}