@charset "utf-8";
/* CSS Document */

body{
	*background-color: #fff;
}

/*++++++++++LAYOUT+++++++++++*/
div#wrapper {position: relative;width: 100%; max-width: 1366px; margin: 0px auto; }
section#header {position: relative;width: 100%;height: auto; z-index: 10;}
div#page-wrapper {position: relative;margin-top: 20px;}
div.inner{position: relative;width:1000px;margin:0px auto;}

div#banner{position: relative;z-index:10;text-align: center;}
div#banner img{max-width: 100%;margin: 0px auto;}
div#banner h1{height: 0px;width: 0px;text-indent: -9999px;}
a#logo{display: inline-block;}

div#lang{position: absolute;right: 10px;top: 5px;text-align: center;z-index: 10;}
div#lang img{margin-left: 3px;}

div#top{color:#FFF;font-weight:500;text-align:center;width:39px;padding:8px 0px;position:fixed;bottom:20px;right:10px;display:none;cursor:pointer;background-color: #105290;border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-moz-transition: background-color 0.2s ease-in-out;-ms-transition: background-color 0.2s ease-in-out;-o-transition: background-color 0.2s ease-in-out;-webkit-transition: background-color 0.2s ease-in-out;transition: background-color 0.2s ease-in-out;}
div#top:hover{background: #990004;background:-webkit-linear-gradient(top, #D60004 0%, #990004 100%); background:-moz-linear-gradient(top, #D60004 0%, #990004 100%);background:-ms-linear-gradient(top, #D60004 0%, #990004 100%);background:-o-linear-gradient(top, #D60004 0%, #990004 100%);}

div.adv{position: absolute;top: 0px;max-width: 170px;display: block;}
div#adv-left{left: 0px;}div#adv-right{right: 0px;}
div.adv img{max-width: 170px;}


nav#navbar{position: relative;width: 100%;height: 50px; z-index: 15;}
nav#navbar .inner{height: 50px;border-bottom: 5px solid #0064b0;background: url(../images/bg_menu.png) repeat-x left top;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

nav#navbar ul{float: left;list-style: none;margin:0;padding:0;}
nav#navbar ul li{position: relative;float: left; background: url(../images/line_nav.png) no-repeat right top;}
nav#navbar ul li:first-child{border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; -webkit-border-radius: 5px 0px 0px 0px;}
nav#navbar ul li:last-child{background: none;}

nav#navbar ul a{display: block; text-transform: uppercase; font-size: 16px; font-weight: 400;color: #fff;padding: 12px 20px; text-shadow: 1px 1px 0px #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
nav#navbar ul > li:hover, nav#navbar ul > li.active{background-color: #00579b;}
nav#navbar ul > li:hover > a, nav#navbar ul > li.active > a{}

nav#navbar ul ul:before{content: ''; display: inline-block; position: absolute; border-left: 7px solid transparent ; border-right:7px solid transparent ; border-bottom: 7px solid rgba(0,0,0,0.2); top: -6px; left: 19px;}
nav#navbar ul ul:after{content: ''; display: inline-block; position: absolute; border-left: 6px solid transparent ; border-right:6px solid transparent ; border-bottom: 6px solid #fff; top: -5px; left: 20px;}
nav#navbar ul ul ul:before{content: ''; display: inline-block; position: absolute; border-top: 7px solid transparent ; border-bottom:7px solid transparent ; border-right: 7px solid rgba(0,0,0,0.2); left: -13px; top: 12px;}
nav#navbar ul ul ul:after{content: ''; display: inline-block; position: absolute; border-top: 6px solid transparent ; border-bottom:6px solid transparent ; border-right: 6px solid #fff; left: -12px; top: 13px;}


nav#navbar ul ul, nav#navbar ul ul ul{position: absolute;display: none;top: 40px;left: 0px;width: 265px;height: auto; margin:0;padding: 5px;background-color: #fff; border: 2px solid #bababa; box-shadow: -1px 2px 3px 1px #ccc; z-index: 30;}
nav#navbar ul ul ul{top: -6px; left: 250px; z-index: 40;}
nav#navbar ul ul li{width: 100%; padding: 0px; border-top: 1px dotted #ccc; box-shadow: none !important; background-color: #fff; background: none;}
nav#navbar ul ul li:first-child{border-top: none;}
nav#navbar ul ul li a{font-size: 15px;color: #333; font-weight: 400;padding: 4px 10px 4px 10px;background: none; text-transform: none; text-shadow: none;}
nav#navbar ul ul li a i{font-size: 15px;margin-right: 5px; line-height: 20px;}
nav#navbar ul ul ul li a i{float: left;font-size: 15px;}

nav#navbar ul ul li:hover > a{color: #fff;background-color: #00579b;}
nav#navbar ul li:hover ul{display: block;}
nav#navbar ul li:hover ul ul{display: none;}
nav#navbar ul ul li:hover ul{display: block;}
nav#navbar ul ul li:hover ul ul{display: none;}
nav#navbar ul ul ul li:hover ul{display: block;}


div#search{position: absolute;width: 250px;right: 8px;top: 8px;height: 30px;}
div#search input{height: 30px;padding: 5px 8px; color: #fff;}
div#search button{height: 30px; padding: 4px 8px;}
div#search button i{color: #fff}
div#search input, div#search button{background-color: #006abb; border: 0px;}
div#search input::-webkit-input-placeholder {color:#fff;}
div#search input:-moz-placeholder {color:#fff;}
div#search input::-moz-placeholder {color:#fff;}
div#search input:-ms-input-placeholder {color:#fff;}

div#slideshow{position: relative;width: 100%;height:auto; margin-top: 20px; background: url(../images/bg_slideshow.png) no-repeat center bottom; z-index: 5;}
div#slideshow .bx-wrapper .slide img{max-width: 100%; max-height: 450px;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

div.breadcrumb{width: 100%;padding: 7px 10px;margin: 5px 0px 10px; border: 1px solid #ccc;}
div.breadcrumb i{color: #000; font-size: 13px;margin: 0px 5px;}


div#left{float: left;width: 240px;}
div#left .row{position: relative;float: left;margin-bottom: 25px;}
div#left .row .l-title{position: relative;float: left;width:100%;height: 37px; background: url(../images/bg_l_title.png) no-repeat left top;}
div#left .row:not(.product-list) .l-title:before{content: ''; position: absolute; width: 100%; height: 11px; background: url(../images/bg_l_title_shadow.png) no-repeat right center; bottom: -11px; left: 0px;}
div#left .row .l-title h2{float: left; color: #fff; font-size: 16px;font-weight: 400;margin:0px 0px 0px 52px; padding: 10px 0px; text-transform: uppercase;}

div#left .row .l-content{float: left;width:100%;padding-top: 10px;padding-bottom: 10px; padding-left: 4px;background: url(../images/bg_l_content.png) repeat-y right top;}
div#left .row:not(.product-list) .l-content:after{content: ''; position: absolute; width: 100%; height: 19px; background: url(../images/bg_l_bottom.png) no-repeat right center; bottom: -18px; left: 0px;}

div#left .row.product-list{ margin-bottom: 15px; padding: 15px;border-radius: 5px; background: url(../images/bg_row_top.png) no-repeat center top, url(../images/bg_row_bottom.png) no-repeat center bottom, url(../images/bg_row_list.png) repeat-y center top;}
div#left .row.product-list .l-title{background: url(../images/bg_l_title_list.png) no-repeat center top;}
div#left .row.product-list .l-title h2{width: 100%; margin: 0px; padding: 6px 0px; text-align: center; color: #ff0;}
div#left .row.product-list .l-content{background: none;}

div#left .row .l-content dl.l-nav{width: 100%;margin:0;}
div#left .row .l-content dl.l-nav dt{float: left;width: 100%;border-top: 1px solid #cdcdcd;}
div#left .row .l-content dl.l-nav dt:first-child{border-top: none;}
div#left .row .l-content dl.l-nav dt a{display: block; color: #373737;font-weight: 400;padding: 7px 10px;}
div#left .row .l-content dl.l-nav dt a:hover{color: #f00;}
div#left .row .l-content dl.l-nav dt a i{margin-right: 5px;}
div#left .row .l-content dl.l-nav dd{float: left;width: 100%;}
div#left .row .l-content dl.l-nav dd ul{list-style: none; margin: 0; padding: 5px 10px;}
div#left .row .l-content dl.l-nav dd ul li{border-top: 1px dotted #cdcdcd;}
div#left .row .l-content dl.l-nav dd ul li:first-child{border-top: none;}

div#left .row .l-content dl.l-nav .open{}
div#left .row .l-content dl.l-nav dt.open a, div#left .row .l-content dl.l-nav dt a:hover{color: #f00;background-color: #f2f2f2;}
div#left .row .l-content dl.l-nav dd ul li a{display: block; color: #373737;font-weight: 400;padding: 7px 10px;}
div#left .row .l-content dl.l-nav dd ul li a.active, div#left .row .l-content dl.l-nav dd ul li a:hover{color: #f00;background-color: #f2f2f2;}


div#left .row .l-content ul.l-nav{float: left;list-style: none;margin: 0px;padding: 0px;}
div#left .row .l-content ul.l-nav li{float: left;width: 100%; padding: 7px 0px;border-top: 1px dotted #ccc;}
div#left .row .l-content ul.l-nav li:first-child{border-top: none;}
div#left .row .l-content ul.l-nav li i{color: #094BBB;margin-right: 10px;}

div#left .row .l-content ul.l-nav li a{color: #094BBB;}
div#left .row .l-content ul.l-nav li a:hover, div#left .row .l-content .l-nav li a:hover i{color: #f00;}

div.row .l-content ul.l-nav li span{margin-right: 7px;border: 1px solid #ccc;padding: 3px;}
div.row .l-content ul.l-nav li img{max-width: 100%;height: auto;}

div#left .row .l-content ul.support {
    list-style: none outside none;
    margin: 0px 10px;
    padding: 0;
}
div#left .row .l-content ul.support li {
    padding: 5px 0px;
}
div#left .row .l-content ul.support li img {
    height: 24px;
    width: auto;
}
div#left .row .l-content ul.support li#hotline {
    background: url("../images/hotline.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
div#left .row .l-content ul.support li#hotline p {
    color: #f00;
    font-size: 23px;
    font-weight: bold;
    padding: 17px 0 0 43px;
}
div#left .row .l-content ul.support li.lbl p {
    border-bottom: 1px dotted #ccc;
    color: #f00;
    font-weight: bold;
    margin-bottom: 0;
}

ul#accordion ,ul#accordion ul{width:100%;list-style: none; margin: 0px; padding: 0px;}
ul#accordion li{position: relative;background: url(../images/bg_li_accordion.png) no-repeat center top;}
ul#accordion li:first-child{border-top-color: transparent;}
ul#accordion i{width: 10%; color: #00589c; position: absolute; right: 0px;top: 12px;z-index: 10; text-align: center; cursor: pointer;}
ul#accordion a{position: relative; color: #fff; display: block; padding: 9px 20px 9px 5px;z-index: 1;text-shadow: 1px 1px 0px #333;}
ul#accordion li.active > a, ul#accordion li:hover > a{color: #ff0;}
ul#accordion ul{margin:0;}
ul#accordion ul a{line-height: 1.2em;padding-left: 30px; padding-right: 10px;}
ul#accordion ul a i{right: auto; left: 5px; top: 8px; text-shadow: none;}
ul#accordion ul ul a{padding-left: 30px;}

div#counter{padding-left: 42px;}
div#counter p{margin-bottom: 5px;}
div#counter p i{width: 20px;}
div#counter p b{color: #f00;}
p#notice{line-height:1.5em;color: #FF0000;text-align:center; font-size:12px;font-style:italic;}

div.info{float: right;width: 740px;}
div.info .row{float: left;width: 100%; margin-bottom: 10px;}
div.info .row .i-title{position: relative; float: left;width: 100%;height: auto;background: url(../images/bg_i_title.png) repeat-x left bottom;}
div.info .row .i-title:before{content:'';position: absolute;width: 20px; height: 21px; background: url(../images/icon_title.png) no-repeat left top; left:10px; bottom: 5px;}
div.info .row .i-title:after{content:'';position: absolute;width: 100%; height: 8px; background: url(../images/bg_i_shadow.png) no-repeat left top; left:0px; bottom: -8px;}

div.info .row .i-title h2{
	float: left;
	color: #3e3e3e;
	margin: 0px;
	padding: 7px 0px 7px 40px;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #444;
}

div.info .row .i-title a{}
div.info .row .i-title span{color: #f00;}
div.info .row .i-content{float: left;width: 100%;}

div.info .row .i-content.detail{padding: 10px 0px 0px;}
div.info .row .i-content.detail  img{max-width: 100% !important; height: auto !important;}
div.info .row .i-content .clearfix.line{*background: url(../images/bg_clearfix.png) repeat-x left bottom; *padding-bottom: 20px;}
div.about.row{background-color: #f7f7f7; box-shadow: 0px 5px 10px #999;}
div.about.row .col-xs-3:after{content:''; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: url(../images/bg_about.png) no-repeat left top;}
div.about.row .col-xs-3 img{max-width: 100%; height: 240px;}
div.about.row .col-xs-9 i.fa{color: #dee9f6;font-size: 35px;}

.sub-title{font-weight: bold;border-bottom: 1px solid #333;padding-bottom: 5px;}

ul.nav-index{list-style: none;padding: 0px;margin: 0px;}
ul.nav-index li{padding-bottom: 5px;}
ul.nav-index a{color: #0e4783} ul.nav-index a:hover{color: #f00;}
ul.nav-index a i{margin-right: 10px;}

div.box-list{position: relative; float: left;width: 23.5%;margin: 0% 2% 2% 0;overflow: hidden;}
div.box-list-right{float: right;margin-right: 0}
div.box-list p.list-img{position: relative;z-index: 1;margin: 0;}
div.box-list p.list-img img{max-width: 100%; height: auto;}
div.box-list:before{content:''; position: absolute;top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #ccc;z-index: 2;
	transition: all ease-in-out 0.3s;
}
div.box-list:hover:before{top: 0px; right: 0px; bottom: 0px; left: 0px;}
div.box-list:hover h3.list-name{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
div.box-list h3.list-name{position: absolute; z-index: 3;
	top: 100%;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	text-align: center; font-size: 15px;margin: 0px; text-transform: uppercase; font-weight: 400; line-height: 1.4em;
	letter-spacing: 0.5px;
	background-color: rgba(0,0,0,0.5);
	padding: 5px 10px;
	transition: all ease-in-out 0.3s;
}
div.box-list h3.list-name a{color: #fff;}
div.box-list h3.list-name a:hover{color: #ff0; text-shadow: 1px 1px 0px #333;}

ul#scroller .box-sp{width: 100%; margin: 0;}
div.partners .box-sp{width: 48%;}
div.partners .box-sp p.sp-img:after{bottom: -12px;width: 100%;height: 12px;background: url(../images/bg_partners_shadow.png) no-repeat center bottom;}

div.box-sp{float: left;width: 32%;margin: 2% 2% 0 0; }
div.box-sp-right{float: right;margin-right: 0}
div.box-sp p.sp-img{position: relative;float: left;width: 100%; height: auto; text-align: center; margin-bottom: 10px;padding: 5px;border: 1px solid #ccc; background-color: #fff;}
div.box-sp p.sp-img:hover{border: 1px solid #f00;}
div.box-sp p.sp-img:after{content: '';position: absolute;left: 0;bottom: -10px;width: 100%;height: 10px;background: url(../images/box_sp_img_shadow.png) no-repeat center bottom;}
div.box-sp p.sp-img img{max-width: 100%; height: auto;}


div.box-sp p.sp-img.video img{width: 100%; height: auto;}
div.box-sp h3.sp-name{float: left;width: 100%;font-size: 16px;margin:0;text-align: center; font-weight: 400;}
div.box-sp h3.sp-name a{color: #105290;}
div.box-sp h3.sp-name a:hover{color: #f00;}
div.box-sp p.sp-des {float: left;width: 100%;text-align: center;margin:5px 0px;}
div.box-sp p.sp-price {float: left;width: 100%;text-align: center;margin:0;}
div.box-sp span.o-price {text-decoration: line-through;color: #666;}
div.box-sp span.s-price {}
div.box-sp span.s-price b{color: #f00;}

div#product-images, div#product-content{float: left;}
div.product-img-large{position:relative;float: left;width: 100%;padding: 5px; border: 1px solid #ccc;}
div.product-img-large img{max-width: 100%;height: auto;background-color: #fff;display: none;margin: 0px auto;}
div.product-img-large img.active{display: block;}
div.product-img-thumb{float: left;width: 100%;height:auto;padding: 10px 0px;}
div.product-img-thumb p{position: relative;width: 100%;height: auto;margin:0;border: 1px solid #ccc;}
div.product-img-thumb p img{max-width: 100%;height: auto;}
div.product-img-thumb p:hover img, div.product-img-thumb p.active img{margin-top:0px;}
div.product-img-thumb p:hover, div.product-img-thumb p.active{border: 5px solid #105290;}
div.product-img-thumb .slide{cursor: pointer;}
/*div.product-img-thumb .slide i{position: absolute;content:'';width:100%;height: 6px;top: -6px;background: url(../images/muiten_vien.png) no-repeat center 6px;}
div.product-img-thumb .slide i.active, div.product-img-thumb .slide:hover i{background-position: center center}
div.product-img-thumb .bx-viewport{border-right: none;padding-top:10px;}
div.product-img-thumb .bx-wrapper .bx-controls-direction a {}
div.product-img-thumb .bx-wrapper .bx-prev {left: -20px;}
div.product-img-thumb .bx-wrapper .bx-next {right: -20px;}*/

div#product-content{padding-left: 10px;}
div#product-content div.attr-content{float: left; width: 100%;color: #666;border-bottom:1px dotted #ccc}
div#product-content div.attr-content h2{color: #019329;}
div#product-content div.attr-content p{display:inline-block;margin: 10px 0px;}
div#product-content div.attr-content p.attr-left{width: 100px; font-weight: 400;}
div#product-content div.attr-content p.attr-left a{color: #F9597E;}
div#product-content div.attr-content p.attr-right{}
div#product-content div.attr-content p.attr-right select{float: left;width: 110px;}
div#product-content div.attr-content p.attr-right input{float: left;width: 110px;padding: 4px 5px 4px 10px;margin-right: 10px;}
div#product-content div.attr-content.utilities{height: 39px;}
div#product-content div.attr-content .like{margin: 10px 0px;}


div.box-thread{float: left;width: 32%;margin-right: 2%;}
div.box-thread-right{float: right;margin-right: 0}
div.box-thread-title{float: left;width: 100%;height: 32px;border-bottom: 5px solid #151b97;}
div.box-thread-title h3{
	float: left;
	padding: 0px 35px;
	margin: 0px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 32px;
	background: url(../images/box_thread_title_left.png) no-repeat left top, url(../images/box_thread_title_right.png) no-repeat right top;background-color: #151b97;
}

div.box-thread-content{float: left;width: 100%;margin-top: 1px;padding: 10px;border: 1px solid #ccc;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;background-color: #fff;}
div.box-thread-img{position: relative;float: left;width: 100%;margin-bottom: 10px;padding: 1px;border: 1px solid #ccc;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
div.box-thread-img:after{content: '';position: absolute;left: 0;bottom: -10px;width: 100%;height: 10px;background: url(../images/box_thread_img_shadow.png) no-repeat center bottom;}
div.box-thread-img img{max-width: 100%; height: auto;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

div.box-news{float: left;width: 100%;margin: 10px 0px;}
div.box-news-right{float: right;}
div.box-news p.news-img{float: left;margin: 0px 10px 0px 0px;border: 1px solid #ccc;padding: 3px;background-color: #fff;}
div.box-news p.news-img:hover{border: 1px solid #f00;}
div.box-news p.news-img img{max-width: 100%;height: auto;}
div.box-news h3.news-name{text-align: left;margin: -8px 0px 0px; font-weight: 400;}
div.box-news h3.news-name a{font-size: 16px; color: #105290;}
div.box-news h3.news-name a:hover{color: #f00;}
div.box-news p.news-des{margin: 5px 0px 0px;text-align: justify; color: #666;}
div.box-news p.news-readmore{margin: 0px; text-align: right;}
div.box-news p.news-readmore a{color: #2C60E2; font-style: italic;}
div.box-news p.news-readmore a:hover{color: #f00;}



div.like{float: left; width: 85px;}
div.like.facebook{width: 90px;}
div.like.facebook iframe{width: 450px !important;}

div#map-canvas{width:100%;height: 350px;margin: 10px 0px;border: 2px solid #ccc;}

div.paging{float: left;width:100%;margin-top: 10px;text-align: center;}
div.paging a,div.paging span{font-weight: 400;display: inline-block;width: 29px;height: 27px;border: 1px solid #ccc; line-height: 20px; padding-top: 2px;
background:-moz-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-webkit-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-ms-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-o-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
}
div.paging span{background: #0174cb;color: #fff;}
div.paging a:hover{background: #0174cb;color: #fff;}
div.paging a i{line-height: 20px;}

ul.o-nav{list-style: none;margin: 0px;padding: 0px 10px;}
ul.o-nav li{line-height: 15px;padding: 5px 0px;}
ul.o-nav li i{color: #094BBB;margin-right: 10px;}
ul.o-nav li a{color: #3d3d3d;}
ul.o-nav li a:hover, ul.o-nav li a:hover i{color: #f00;}

div#partners{margin: 20px auto;}
div#partners .inner{padding: 10px; border-top: 1px solid #ccc; border-bottom: 5px solid #666;}
div#partners .slide{border: 1px solid #ccc;}

p#newsletter input, p#newsletter button{height: 33px;}

div#footer{background: #0062ac; color: #fff;}
div#footer .inner{padding: 10px 0px; text-align: center;}
div#footer p#social{text-align: center;}
div#footer p#social a{margin: 5px; }
div#footer p#copy-right{ border-top: 1px solid #4c98df; margin:0px; padding: 10px; text-align: center;}
/*======================CSS3================*/


::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
.transitionAll{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.transitionAll_1s{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}