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

body{ background: #fff; }

/*++++++++++LAYOUT+++++++++++*/
div#wrapper {position: relative;width: 100% !important;margin: 0px auto;}

div#bar {max-width: 100%; margin: -15px auto 0px;height: 20px;z-index: 9999; }
div#bar ul { text-align: right; list-style: none; }
div#bar ul li {position: relative;display: inline-block;padding-left: 10px;padding-right: 10px;}
div#bar ul li p, div#bar ul li p a { font-weight: bold;}

div.bannerqc{position: fixed;top: 51px;max-width: 170px;display: none;}
div#banner-left{left: 0;}div#banner-right{right: 0;}
div.bannerqc img{max-width: 170px;}

div#top-bar{width: 100%;margin: 0px auto;}
div#top-bar .col-sm-12{}
.hotline p{font-family: Tahoma; line-height: 41px;color: #fff;}
.hotline p i{font-weight: bold; color: #f87908;}

div#top-bar .slogan #slogan ul{width: 100%;}
div#top-bar .slogan #slogan ul li{width: 100%;}
div#top-bar .slogan #slogan ul li p{font-family: Tahoma; color: #ff0;font-weight: bold;line-height: 41px;text-align: center;}


/** Header **/
div#wrapper_header { width: 100%; }
div#header {position: relative; max-width: 1000px;height: auto; background: #fff; margin: 0px auto; }

div#header #lang { position: absolute; top: 5px; right: 27px; text-align: right; z-index: 9999; }
div#header #lang a { display: inline-block; margin-left: 5px; }
div#header #lang a img:hover { opacity: 0.8; }

div#header #hotline { position: absolute; top: 45px; right: -19px; width: 208px; height: 33px; line-height: 33px; 
    background: url(../images/bg_hotline.png) no-repeat top left; }
div#header #hotline p { color: #1727bd; font-size: 12px; padding-left: 45px; font-weight: bold; }
@media (max-width: 450px){
    div#header #hotline { display: none; }
}

div#header #search { position: absolute; top: 45px; right: 191px; border: 2px solid #f87908; border-radius: 5px; background-color: #fff; height: 32px; width: 154px; }
@media (max-width: 640px){
    div#header #search { right: 0px; top: 80px; z-index: 9999; }
}

div#header #search .element-search { background: none; border: none; height: 31px; padding: 0px 5px; width: 128px; }
div#header #search #btn { position: absolute; top: 0px; right: -2px; background: url(../images/btn_search.png) no-repeat top left; width: 29px; height: 29px; }
div#header #search #btn:hover { cursor: pointer; } 

div#banner{max-width: 1000px;overflow: hidden;}

div#banner h1{height: 0px;width: 0px;text-indent: -9999px;}
a#logo{display: inline-block;}

div#shopping-cart{position: absolute;z-index: 10;top: 42px;right: 10px;}
div#shopping-cart p{font-family: Roboto;font-size: 17px;}

div#navbar{background: #fff;}
div#navbar ul{list-style: none;text-align: right;padding: 0;margin: 5px 0px;}
div#navbar ul li{display: inline-block;padding:0px 15px;border-left: 1px solid #000;line-height: 12px;}
div#navbar ul li:first-child{border-left: none;}
div#navbar ul li#last{padding-right: 0px;}
div#navbar ul li#shopping-cart{display: none;}
div#navbar ul a{display: block;font-size: 12px;font-weight: bold;}
div#navbar ul a:hover, div#navbar ul li.active a{color: #fe0201;}

/** Custom Bootstrap Start **/
.navbar-default .navbar-toggle .icon-bar { background-color: #cc080d;}

/** Custom Bootstrap End **/

div#menu{ border-top: 1px solid #020202; margin-top: 5px; padding-bottom: 5px; }
div.navbar-custom{border-radius: 0px;min-height: 35px;margin-bottom: 5px;border: none; background: none; box-shadow: none; }
div.navbar-custom .hotline{display: none;}
div.navbar-custom .social{display: none;}
div.navbar-custom .navbar-collapse{padding: 0px;}
div.navbar-custom .navbar-nav li.dropdown{ position: relative;}
div.navbar-custom .navbar-nav a{ font-family: Roboto; font-size: 14px;padding: 6px 14px 9px; color: #000; text-transform: uppercase; text-align: center; border-bottom: 3px solid #fff; }
div.navbar-custom .navbar-nav a i { display: block;}
div.navbar-custom .navbar-nav a i img { height: 20px;}
div.navbar-custom .navbar-nav a span { display: inline-block; padding-top: 5px;}
div.navbar-custom .navbar-nav a.small_size { display: none;}
div.navbar-custom .navbar-nav a.menu_active { border-bottom: 3px solid #cc080d; background-color: #fff; }
div.navbar-custom .navbar-nav .dropdown .dropdown-menu{
	width: 180px;
	border: 1px solid #000;
	position: absolute;
    top: 62px;
    left: 0px;
    border-radius: 0px;
}
div.navbar-custom .navbar-nav .dropdown .dropdown-menu.news-menu {
    right: 0px;
    left: auto;
}

div.navbar-custom .navbar-nav .dropdown .dropdown-menu li{background: none; position: relative;}
div.navbar-custom .navbar-nav .dropdown .dropdown-menu a{padding: 5px 10px; text-align: left; text-transform: capitalize;border-bottom: 1px solid #f5f5f5;}
div.navbar-custom .navbar-nav .dropdown .dropdown-menu a:hover{background: none;color: #cc080d;}
div.navbar-custom .navbar-nav .dropdown .dropdown-menu ul{
    display: none;
    position: absolute;
    top: -1px;
    left: 179px;
    border: 1px solid #000;
    background-color: #fff;
    width: 160px;
    padding: 2px;
}
div.navbar-custom .navbar-nav .dropdown .dropdown-menu li span { position: absolute; right: 10px; top: 10px; font-size: 9px; }
div.navbar-custom .navbar-nav .dropdown .dropdown-menu ul li { display: block;}
div.navbar-custom .navbar-nav .dropdown .dropdown-menu ul a{font-size: 14px; display: block;}
div.navbar-custom .navbar-nav .dropdown .dropdown-menu li:hover ul { display: block;}

@media (max-width: 1px){
    div.navbar-custom .navbar-nav a.full_size { display: none;}
    div.navbar-custom .navbar-nav a.small_size { display: block;}
    div.navbar-custom .navbar-nav a.menu_active { border-bottom: none;}
    div.navbar-custom .navbar-nav a{ text-align: left; }
    div.navbar-custom .navbar-nav a i { display: inline-block; padding-right: 10px; }
    
    div.navbar-custom .navbar-nav .dropdown .dropdown-menu{
    	width: auto;
    	position: static;
        padding-left: 30px;
        border: none;
        border-bottom: 3px solid #cc080d;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
        border-bottom: 3px solid #fff;
        background-color: #fff;
    }

    div.navbar-custom .navbar-nav .dropdown .dropdown-menu ul{ display: block; position: static; border: none;}
    div.navbar-custom .navbar-nav .dropdown .dropdown-menu a{ color: #020202; }    
}

div#slideshow, div#advertise{width:100%;text-align: center;}

div#news{width: 100%;margin: 10px auto 10px;}
div#news #newsTabTitle{background: url(../images/bg_news_tab.png) repeat;}
div#news .col-sm-12 .news-hot{position: relative;height: 30px;overflow: hidden;padding-left: 5px;padding-right: 20px;border: 1px solid #000;border-right: none;background: url(../images/bg_news_hot_arrow.png) no-repeat right top, url(../images/bg_news_hot.png) repeat-x left top;}
div#news .col-sm-12 .news-hot p{font-family: Tahoma;line-height: 28px;}
div#news .col-sm-12 .news-hot p a{color: #fff;}
div#news .col-sm-12 .news-hot p a:hover{color: #cc080d}

ul#newsTab{float: right;border-bottom: none;}
ul#newsTab li{padding-left: 20px;background: url(../images/bg_news_tab_li.png) no-repeat left -1px;}
ul#newsTab a{border: none;padding: 7px 15px;color: #fff;font-weight: bold;font-size: 12px;text-transform: uppercase;}
ul#newsTab a:hover{background: none; color: #ff0;}
ul#newsTab li.active a, ul#newsTab li.active a:hover, ul#newsTab li.active a:focus{background: none;color: #ff0;}
div.tab-pane .col-sm-4{padding: 5px;*border-left: 1px dotted #999;}
div.tab-pane .col-sm-4:first-child{border-left: 0px;}
div.tab-pane div.box-news{margin-top: 10px;}
div.tab-pane div.box-news-img{width:120px;}
div.tab-pane div.box-news-name a{font-size: 12px;color: #333;}
div.box-news{float: left;width: 100%;margin-top: 20px;}
div.box-news h2{font-size: 17px;margin-top: 0px;color: #FA6B0F; font-weight: bold;}
div.box-news-img{float: left;width:150px;margin-right: 15px;border: 1px solid #ccc;padding: 3px;box-shadow: 4px 4px 0px #ccc;}
div.box-news-img:hover{border: 1px solid #f87908;}
div.box-news-img img{width: 100%;height: auto;}
div.box-news-name{line-height:16px;}
div.box-news-name a{font-size: 13px; color: #333; font-weight: bold;}
div.box-news-name a:hover{color: #f87908;}
div.box-news-name span{font-weight: bold;font-size: 11px;}
div.box-news-des{margin-top: 10px;text-align: justify;font-size: 12px;}
div.box-news-readmore{margin-top: 10px;}
div.box-news-readmore a{display: inline-block;width: 83px; height: 18px;text-align: center;font-size: 11px;font-weight: bold;color: #555;background: url(../images/icon_readmore.gif) no-repeat center top;}
div.box-news-readmore a:hover{color: #f87908;}

div.like{float: left; width: 85px;}
div.like.facebook{width: 90px;}

div.navbar-multi-search{margin-bottom: 10px;height: 56px;border-radius: 0px;border: 1px solid #000; background: #000 url(../images/bg_multi_search.png) repeat-x left top;}
div.navbar-multi-search .navbar-header .navbar-toggle{border-radius: 50%;padding: 5px 7px;color: #fff;}
div.navbar-multi-search .lbl-search{float: left;margin-top: -4px;width: 250px;height: 61px;background: url(../images/lbl_search.png) no-repeat left top;}
div#navbar-search-grid .btn{font-weight: bold;font-size: 12px;color: #ff0;padding: 5px 12px; letter-spacing: 1px; text-transform: uppercase;border-radius: 0px;background-color:#084ABA}

div#partner{padding: 25px 10px;background: #fff; margin: 10px 0px; margin-top: 0px;
    background-color: #dae3ee;
    background-repeat: repeat-x;
    
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dae3ee), to(#ffffff));
    
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #dae3ee, #ffffff);
    
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #dae3ee, #ffffff);
    
    /* IE 10 */
    background: -ms-linear-gradient(top, #dae3ee, #ffffff);
    
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #dae3ee, #ffffff);
}
div#partner .bx-wrapper .bx-prev{left: 0px;}
div#partner .bx-wrapper .bx-next{right: 0px;}
div#partner .partner-slide img { text-align: center; }

div.support {}
div.support .l-content { }
div.support .l-content ul { list-style: none; padding-left: 10px; }
div.support .l-content ul li .img_support img { max-width: 100%; }
div.support .l-content ul li .col-sm-7 { padding-top: 10px;}
div.support .l-content ul li p { padding-left: 10px; margin-top: -10px; }

div.advertise {}
div.advertise .l-content ul { list-style: none; padding: 0px; margin: 0px; }
div.advertise .l-content ul li { text-align: center; }

/** Content **/
div#page-wrapper { max-width: 1000px; margin: 10px auto;margin-top: -12px; }

div#left { }
div#left .row{margin-bottom: 10px; margin-top: 0px; background-color: #fff; }
div#left .row .l-title{float: left;width:100%;height: 30px; background-color: #0400c8; 
    -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; -khtml-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px;
}
div#left .row .l-title h3{font-size: 13px;color: #fff;font-weight: bold;text-align: center;margin: 11px 0px;text-transform: uppercase;}
div#left .row .l-title h3 a { color: #fff; }

div#left .row .l-content{float: left;width:100%; border-top: 0px solid transparent; padding-top: 5px; }

div#left .row.news_event .l-content ul { padding-left: 35px; list-style-image: url(../images/bullet.png); }
div#left .row.news_event .l-content ul li { padding-bottom: 8px; }

div#left .rowfanpage_fb .fb-page, .fb-page span, .fb-page span iframe[style] {width: 100% !important;} 

div#left .row.video_clip .l-content ul { padding-left: 0px; list-style: none; }
div#left .row.video_clip .l-content ul li { display: inline-block; width: 48%; padding: 1% 0% 0% 2%; }

div#left .row.video_clip .main_video,
div#left .row.video_clip .second_video ul li { position: relative; }

div#left .row.video_clip .main_video a,
div#left .row.video_clip .second_video ul li a {
   position: absolute;
   display: block;
   background: url(../images/play-button.png);
   height: 28px;
   width: 40px;
   top: 40%;
   left: 40%;
}

div#left .row.video_clip .main_video img {
margin: 0px auto;
}

div#left .row.support ul { padding-left: 55px; }

div#left .row.email_row { background: #a5b8d0 url(../images/bg_email.png) no-repeat top right; padding: 5px 10px; }
div#left .row.email_row h3 { color: #fff; font-size: 13px; text-transform: uppercase; } 
div#left .row.email_row p { color: #fff; font-size: 12px; }
div#left .row.email_row input { display: inline-block; margin-bottom: 5px; }
div#left .row.email_row .submit_dk { background-color: #cc080d; color: #fff; border: 1px solid #ccc; padding: 3px 7px; }

/** Left menu - horizontal **/
@media (min-width: 1px){
    div#left .product-horizontal .l-content ul li { position: relative; }
    
    div#left .product-horizontal .l-content ul ul { position: absolute; padding-top: 0px; top: 0px; left: 100%; width: 100%; background: #fff; border: 2px solid #ccc; z-index: 9999; }
}
/** Left menu - horizontal **/
 
div#left .advertise_left p{margin-top: 10px;border: 1px solid #ccc;padding: 5px;text-align: center}
div#left .advertise_left p:first-child{margin-top: 0px;}
div#left .advertise_left p img{max-width: 100%; height: auto;}

div#left .ultilities { }
div#left .ultilities table { font-size: 13px; text-align: right; }
div#left .ultilities table tr:first-child td { font-weight: bold; }
div#left .ultilities table tr:last-child td a { color: #f87908; }
div#left .ultilities table tr:last-child td a:hover { color: #1727bd; }

div#info {  }
div#info .row{width:100%;margin-bottom: 10px; background-color: #fff  ;  }
div#info .row.index, div#info .row.product .bg-product{ }
div#info .row .i-title{float: left;width: 100%;border-bottom: 30px solid #0400c8; height: 32px; }
div#info .row .i-title h3{
	font-size: 13px;
    font-weight: bold;
    color: #f5f5f5;
	padding-left: 10px;
    margin: 11px 0px;
    text-transform: uppercase;
}
div#info .row.detail .i-title{position: relative;}
/*div#info .row.detail .i-title h3{margin: 10px 0px 5px;font-size: 19px;color: #f87908; padding: 0px;background: none;border: none;}*/
div#info .row.detail .i-title sub{ bottom: 0px; }

div#info .row .i-title p{float: right;padding:0px;margin:7px 0 0;font-weight: bold;}
div#info .row .i-title p i{cursor: pointer;}
div#info .row .i-title p i:hover, div#info .row .i-title p i.active{color: #f87908}
div#info .row .i-title a{float: right;margin-top: 8px;font-size: 12px;}

div#info .row .i-title ul{list-style: none;width: 100%;margin:0;padding:0;}
div#info .row .i-title ul li{display: inline-block;width: 159px;height: 28px;margin-left: -15px;text-align: center;background: url(../images/bg_nav_mid.gif) no-repeat 0px -28px;}
div#info .row .i-title ul li:first-child{margin-left: 0px;}
div#info .row .i-title ul li:hover, div#info .row .i-title ul li.active{background: url(../images/bg_nav_mid.gif) no-repeat 0px 0px;}
div#info .row .i-title ul a{float: none;font-family: UTM Bebas; font-size: 20px;color: #fff;}

div#info .row .i-content{float: left;width: 100%;padding: 10px;}
div#info .row.index .i-content{padding: 0px;}
div#info .row.news .i-content{padding-top: 0px;}
div#info .row.detail .i-content img{max-width: 100% !important; height: auto !important;}

div#info .row .i-content .box-sp{position:relative;float: left; width: 24%; padding: 0px 5px;margin: 5px 3px;text-align: center;border: 1px solid #f5f4f5;
    -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; 
}

div#info .row .i-content .box-sp form input { margin-bottom: 5px; }

div#info .row .i-content .box-sp-right{ margin-right: 0px;}
@media (max-width: 838px){
    div#info .row .i-content .box-sp { width: 45%; margin: 10px 12px; }
    div#info .row .i-content .box-sp-right { margin-right: 12px; }
}

@media (max-width: 496px){
    div#info .row .i-content .box-sp { width: 90%; margin: 10px 12px; }
    div#info .row .i-content .box-sp-right { margin-right: 12px; }
}

div#info .row .i-content .box-sp h3.sp-name{line-height: 15px;font-size: 13px;margin: 10px 0px 5px;height: 45px;overflow: hidden;}
div#info .row .i-content .box-sp h3.sp-name a{font-weight: bold;color: #2e69d0;}
div#info .row .i-content .box-sp h3.sp-name a:hover{color: #f87908;}
div#info .row .i-content .box-sp h3.sp-name-linear{display: none;}
div#info .row .i-content .box-sp p.sp-img{margin-bottom: 5px;}
div#info .row .i-content .box-sp p.sp-img img{max-width: 100%;height: auto;}
div#info .row .i-content .box-sp p.sp-des {font-size: 12px;margin-bottom: 5px;height: 50px;overflow: hidden;}
div#info .row .i-content .box-sp p.sp-all-des {display: none;font-size: 11px;}
div#info .row .i-content .box-sp p.sp-code{color: #686667; }
div#info .row .i-content .box-sp p.sp-price { width: 146px; height: 32px; margin: 5px auto; padding-top: 5px; background: url(../images/bg-price.png) no-repeat 0px 0px;}
div#info .row .i-content .box-sp span.o-price {width:100%;text-decoration: line-through;color: #666;font-size: 13px;}
div#info .row .i-content .box-sp span.s-price {width:100%;color: #fff;font-weight: bold;font-size: 15px;}

div#info .row .i-content .box-sp p.link_edit_detail { position: absolute; top: 0px; right: 0px; }
div#info .row .i-content .box-sp .id_pro { position: absolute; top: 0px; left: 0px; }
div#info .row .i-content .box-sp-linear{float: left;width: 100%;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px dotted #ccc;}
div#info .row .i-content .box-sp-linear:first-child{border-top: none;}
div#info .row .i-content .box-sp-linear p.sp-img{float: left;width:170px;margin-right: 10px;margin-bottom:0;padding: 5px;border: 1px solid #ccc;}
div#info .row .i-content .box-sp-linear p.sp-img:hover{border: 1px solid #f87908;}
div#info .row .i-content .box-sp-linear p.sp-img img{max-width: 90%;height: auto;}
div#info .row .i-content .box-sp-linear h3.sp-name{display: none;}
div#info .row .i-content .box-sp-linear h3.sp-name-linear{line-height: 15px;font-size: 13px;margin: 0px 0px 5px;text-align: left;}
div#info .row .i-content .box-sp-linear h3.sp-name-linear a{font-weight: bold;color: #094BBB;}
div#info .row .i-content .box-sp-linear h3.sp-name-linear a:hover{color: #f87908;}
div#info .row .i-content .box-sp-linear p.sp-price {font-size: 13px;margin-bottom: 0px;text-align: left;}
div#info .row .i-content .box-sp-linear span.o-price {text-decoration: line-through;color: #666;}
div#info .row .i-content .box-sp-linear span.s-price {color: #f87908;font-weight: bold;}

div#info.product-detail{}
div#info.product-detail .i-content{}
div#info.product-detail .i-content .product-img img { max-width: 100%; }

div#info.basket-detail{float: left;width: 100%;margin:0;}

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

div.paging{float: left;width:100%;margin-top: 2px; margin-bottom: 8px;text-align: center;}
div.paging a,div.paging span{font-family: Tahoma; font-weight: bold;display: inline-block;width: 20px;height: 20px;}
div.paging span{color: #f87908;}
div.paging a:hover{color: #f87908;}
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: #094BBB;}
ul.o-nav li a:hover, ul.o-nav li a:hover i{color: #f87908;}

div#popup{float: left;width:100%; height: 102px;background: url(../images/bg_new_footer.png) no-repeat left top;}
div#popup .ele-popup{cursor: pointer;text-align: center;}
div#popup .ele-popup h3{color: #fff;font-size: 20px;font-weight: bold;font-family: Tahoma}
div#popup .ele-popup p{color: #ff0;}

/*++++++++++POPUP+++++++++++*/
div#service{width: 730px;height:330px;background: #FFF;border-radius: 0px 0px 5px 5px;box-shadow: 0px 0px 50px gray;}

div#service h3{margin-top:0px;font-family: "Open Sans"; color: #fff;text-indent:10px; font-weight: 600;font-size: 20px; line-height:40px;background: #000 url(../images/bg_menu.png) repeat-x left top;}
div#service h2{margin:0;font-family: "Open Sans"; color: #333;font-weight: 600;font-size: 18px;}
div#service .s-price{font-weight: bold;font-size: 18px;color: #f87908;}



div.product-img.col-sm-5{float: left;width: 350px;}
h2#product-name{color: #F99F01;font-size: 20px;font-family: Tahoma;}
div.product-img-large{position:relative;float: left;width: 350px;height:350px;padding: 10px;border: 1px solid #ccc}
div.product-img-large span#sale-price{position:absolute;top: 15px;left: 0px;z-index: 20;width: 91px;height:62px;background: url(../images/icon-discountnew.png) no-repeat 0px 0px;font-family: Tahoma; font-size: 14px;font-weight: bold;color: #fff;line-height: 30px;text-indent: 3px;} 
div.product-img-large img{position:absolute;width: 330px;height: 330px;top: 10px;left: 10px;z-index: 0;}
div.product-img-large img.active{z-index:10}
div.product-img-mode{float: left;width: 100%;margin: 10px 0px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
div.product-img-mode p{float: left; width: 50%;margin:0;font-size: 14px;padding: 10px;text-align: center;}
div.product-img-mode p:nth-child(1){border-right: 1px dotted #ccc}
div.product-img-thumb{float: left;width: 350px;height:auto;padding: 0px 20px 10px;}
div.product-img-thumb p{position: relative;width: 90px;height: 80px;margin:0;border: 1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
div.product-img-thumb p img{width: 78px;height: 68px;margin: 6px auto 0px;}
div.product-img-thumb p:hover img, div.product-img-thumb p.active img{margin-top:0;}
div.product-img-thumb p:hover, div.product-img-thumb p.active{border: 6px solid #75DBFA;}
div.product-img-thumb .slide{cursor: pointer;}
div.product-img-thumb .slide span.muiten{position: absolute;content:'';width:100%;height: 6px;top: -6px;background: url(../images/muiten_vien.png) no-repeat center 6px;}
div.product-img-thumb .slide span.muiten.active, div.product-img-thumb .slide:hover span.muiten{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 {height: 17px;margin-top: -10px;outline: 0 none;position: absolute;text-indent: -9999px;top: 50%;width: 9px;z-index: 1000;}
div.product-img-thumb .bx-wrapper .bx-prev {background: url(../images/muiten_trai.png) no-repeat 0 0;left: -17px;}
div.product-img-thumb .bx-wrapper .bx-next {background: url(../images/muiten_phai.png) no-repeat 0 0;right: -17px;}
div.product-order{float: left;width: 350px;margin-top: 10px;}
div.product-order p:nth-child(1){text-align: center;font-size: 20px;font-weight: bold;}

div.product-order p:nth-child(1) span.o-price {text-decoration: line-through;color: #666;}
div.product-order p:nth-child(1) span.s-price {color: #f87908;font-weight: bold;}
div.product-order p:nth-child(2){text-align: left;padding-right: 5px;}
div.product-order p:nth-child(3){text-align: right;padding-left: 5px;}

div.product-description.col-sm-7{float: none;width: 100%;padding-left: 380px;}
div.product-description .product-code { }
div.product-description .product-code i { font-size: 10px; }
div.product-description ul { list-style: none; padding-left: 0px; }
div.product-description ul li i { font-size: 10px; }
div.product-description ul li.product-price { color: #c51e1e; font-weight: bold; }

div#product-description{float:left;width:100%;padding: 1px;box-shadow: 0px 0px 10px #555;}
div.description.col-sm-7{font-size: 11px;}
div.description.col-sm-7 table{width:100%;border: none !important;}
div.description.col-sm-7 table *{padding:0;margin:0}
div.description.col-sm-7 table tr:nth-child(even){background-color: #f2f2f2;}
div.description.col-sm-7 table td{padding: 5px;}

div#product-description .col-sm-1{min-height:334px;background: url(../images/line_detail.png) no-repeat center center;}
div.other-product.col-sm-4 h3{font-family: UTM Bebas ;text-align: center;font-size: 20px;margin-top:0px;line-height:30px;background: #f2f2f2;}
div.other-product.col-sm-4 .box-sp-other{float: left;width:100%}
div.other-product.col-sm-4 .sp-other-img{float: left;width:60px;padding: 2px;margin-right:5px;border: 1px solid #ccc;}
div.other-product.col-sm-4 .sp-other-img img{max-width: 100%;height: auto;}
div.other-product.col-sm-4 .sp-other-name{text-align: left;}
div.other-product.col-sm-4 .sp-other-price span{color: #f87908;text-align: left;font-size: 12px;font-weight: bold;}

div#product-features{float: none;width: 100%;padding-left: 380px;}
div#product-present{position: relative;float: left;width:100%;margin-top:15px;padding:7px 70px 7px 7px;border: 1px solid #ecad52;font-size: 12px;box-shadow: inset 0px 0px 10px #fff;background: url(../images/bg_present.png) repeat}
div#product-present:before{content: ''; position: absolute;width: 62px;height: 88px;right: -10px;bottom:-10px;background: url(../images/icon_present.png) no-repeat left top;}
div#product-support{float: left;width:100%;margin-top: 15px;padding:7px;border: 1px solid #ccc;background: #f2f2f2;font-size: 12px;}
div#product-support p a{float: right;}
div#product-features .col-sm-5{text-align: right;margin-top:15px;}
div#product-features .col-sm-5 img{max-width: 100%; height: auto;}

p.policy img{max-width: 100%; height: auto;border-top: 1px dotted #ccc; }

ul#productTab{margin-top:15px;background: #f2f2f2;}
ul#productTab a:hover, ul#productTab li.active a{border-radius: 0px;color: #fff;border:1px solid #000;background: #000 url(../images/bg_menu.png) repeat-x left top;}
ul#productTab a{line-height: 10px;}
div.tab-pane{width: 100%;padding:10px;}
div.tab-pane img{max-width: 100% !important; height: auto !important;}

div#thongsoKT{font-size: 17px;}
div#thongsoKT table{width:100%;border: none !important;}
div#thongsoKT table *{padding:0;margin:0}
div#thongsoKT table th{padding: 5px;color: #fff;font-weight: bold;background-color: #666;}
div#thongsoKT table tr:nth-child(even){background-color: #f2f2f2;}
div#thongsoKT table tr td:nth-child(1){width: 25%;}
div#thongsoKT table td{padding: 5px;}

div#tooltip_thongsoKT{font-size: 12px;}
div#tooltip_thongsoKT table{width:100%;border: none !important;}
div#tooltip_thongsoKT table *{padding:0;margin:0}
div#tooltip_thongsoKT table th{padding: 5px;color: #fff;font-weight: bold;background-color: #666;}
div#tooltip_thongsoKT table tr:nth-child(even){background-color: #f2f2f2;}
div#tooltip_thongsoKT table tr td:nth-child(1){width: 25%;}
div#tooltip_thongsoKT table td{padding: 5px;}
@media (max-width: 1px){
div#tooltip_thongsoKT{display: none;}	
}

div.compare-search-result table{width:100%;border: none !important;font-size: 11px;}
div.compare-search-result table *{padding:0;margin:0}
div.compare-search-result table th{padding: 5px;color: #fff;font-weight: bold;background-color: #666;}
div.compare-search-result table tr:nth-child(even){background-color: #f2f2f2;}
div.compare-search-result table tr td:nth-child(1){width: 25%;}
div.compare-search-result table td{padding: 5px;}

div#fanpage_small{visibility: hidden; height:0px;overflow: hidden;}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

div#footer{ 
    background-color: #dae3ee;
    background-repeat: repeat-x;
    
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dae3ee), to(#ffffff));
    
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #dae3ee, #ffffff);
    
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #dae3ee, #ffffff);
    
    /* IE 10 */
    background: -ms-linear-gradient(top, #dae3ee, #ffffff);
    
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #dae3ee, #ffffff);
}
div#footer .news_footer { padding: 10px; }
div#footer .news_footer h3 { font-size: 14.5px; text-transform: uppercase; font-weight: bold; text-align: center;}
div#footer .news_footer ul { color: #8a8b8e;}
div#footer .news_footer ul li { padding: 5px 0px; border-bottom: 2px solid #8a8b8e; }
div#footer .news_footer ul li a{ color: #494848; }
div#footer .news_footer ul li a:hover { color: #cc080d; }

div#footer .bd_top1px { border-top: 1px solid #000; }

div#footer .info-footer { padding: 40px 20px 0px; font-size: 14px; }
div#footer ul.social {padding:0px;list-style: none; margin-top: 50px; }
div#footer ul.social li {padding-left: 10px; display: inline-block; }
div#footer ul.social a {display: block;}
div#footer .hotline-footer { font-size: 18px; padding: 20px 0px 0px 10px; }

/** Social **/
#social { position: fixed; right: 0px; top: 30%; }
#social ul { list-style: none; }
#social ul li { display: block; padding-bottom: 5px; }
#social ul li img { opacity: 1; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
#social ul li img:hover { -webkit-box-shadow: 0px 0px 15px 15px #fff; box-shadow: 0px 0px 15px 15px #fff;
    border-radius:50%; opacity: 0.6; -webkit-transform: rotate(720deg); transform: rotate(720deg); }

/*++++++++++COMPARE+++++++++++*/
div.compare-category{float: left;width:100%;}
div.compare-category h2{float: left;font-family: UTM Bebas; font-size: 20px;font-weight: 400;margin-left: 50px;margin-top:20px;}
div.compare-device{float: left;width:100%;}
div.compare-buttons{padding: 60px 0px;}
div.compare{}
div.compare .box-sp{cursor: pointer;width: 33.33333333% !important;}
div.compare-search{float:left;position: relative; width: 100%;height: 40px;margin-top: 20px;background: #CCCCCC url(../images/bg_search.png) no-repeat left center;border: 1px solid #e5e4e4;overflow: hidden;}
div.compare-search .lbl{font-family: UTM Bebas;font-size: 23px;color: #FFF;float: left;margin-left: 28px;margin-right:110px;padding-top:5px;line-height: 30px;}
div.compare-search .lbl span{color: #000;}
div.compare-search .element-search{float: left;width:170px;height:23px;padding-left: 6px;margin: 8px 5px;color: #999;border: 1px solid #ccc;}
#compare-btn{position: absolute;right: 8px;top: 4.5px;font-weight: bold;font-size: 12px;color: #ff0;padding: 5px 12px; letter-spacing: 1px; text-transform: uppercase;border-radius: 0px;background-color:#084ABA}
div.compare-search-result{float: left;width:100%;}
p.sp-compare{position: absolute;top:0px;left: 0px;right:0px;bottom:0px;display: none;background: rgba(0,0,0,0.5);z-index: 100;border-radius: 5px;padding:0;margin:0}
p.sp-compare a{position: absolute;cursor: pointer;top: 100px;left: 68px;display: block;width: 40px;color: #FFF;text-align: center;line-height: 40px;font-size: 40px;background: #FF5900;z-index: 1000;}
p.sp-compare-added{visibility: hidden;}

div.compare-search-result .cp-tbl{width: 100%;margin: 10px 0px;border: 1px solid #ccc;}
div.compare-search-result .cp-tbl .cp-tbl-name{color: #fff;line-height: 30px;text-align: center;background: url(../images/left_title_dv_small.png) repeat}

div.compare-search-result .cp-tbl table{width:100% !important;border: none !important;}
div.compare-search-result .cp-tbl table *{padding:0;margin:0}
div.compare-search-result .cp-tbl table tr:nth-child(even){background-color: #f2f2f2;}
div.compare-search-result .cp-tbl table td{padding: 5px;}

div.order-left{float: left;padding-right: 10px;}
div.order-right{float: right}

table.tbl-order{width:100% !important;border: none !important;}
table.tbl-info{width: 100%;}
table.tbl-info td{padding-bottom: 7px;}
table.tbl-info span.red{font-family: Tahoma; font-size: 13px}

/*======================CSS3================*/
@media (min-width: 1000px){
	
}

@media (min-width: 1px) {
   #menu .dropdown:hover .dropdown-menu {
      display: block;  
	}
	
	div#navbar-search-grid .navbar-nav{margin-top: 12px;}
	div#navbar-search-grid .form-control{width: 145px;color: #fff; border: 1px solid #333;border-radius: 0px;padding: 4px 10px;height: 30px;line-height: 25px;background-color: rgba(0,0,0,0.3)}
	div#navbar-search-grid .navbar-nav li{padding: 0px 5px;}
	
	div#info{margin-right: 1%;width: 73%;}
}
@media (max-width: 1349px){
	div.bannerqc{display: none !important;}
}

@media (max-width: 1000px){
	
	div#wrapper{width: auto;}
	div#shopping-cart{display: none;}
	div#navbar ul li#last{padding-right: 15px;}
	div#navbar ul li#shopping-cart{display: inline-block;}
	div.navbar-multi-search .lbl-search{display: none;}
	div#popup{display: none;}
	
	div#info.product-detail .i-content{padding: 10px;}
	
	div.product-description.col-sm-7{padding-left: 365px;}
	div#product-description .col-sm-1{display: none;}
	div#product-description .col-sm-4{float: right;width: 40%}
	div#product-features.col-sm-7{width: 100%;padding-left: 365px;}
	
	div.compare-search{background: #ccc;}
	div.compare-search p.lbl{display: none;}
}


@media (max-width: 850px){
	ul#newsTab li{padding-left: 15px;}
	ul#newsTab a{padding: 7px 11px;}
	
}


@media (max-width: 1px){
	div#top-bar .hotline{display: none;}
	div#top-bar .social{display: none;}
	div#navbar ul{text-align: center;}
	div.navbar-custom .hotline{position: absolute;display: block;right:10px;top: 3px;z-index:10}
	div.navbar-custom .social{position: absolute;width:280px;display: block;right:122px;top: 4px;z-index:10}

	.navbar-toggle{
		float: left;
		margin: 8px 0px 8px 10px;
	}
	div.navbar-custom .navbar-nav .dropdown .dropdown-menu .col-sm-3{padding: 0px 10px 10px 30px}
	div.navbar-custom .navbar-nav .dropdown .dropdown-menu ul{padding: 0px 0px 0px 40px;list-style: square}
	div#news .col-sm-12 .news-hot{position: relative;height: 30px;overflow: hidden;padding-left: 5px;padding-right: 5px;border: 1px solid #000;border-right: none;background: url(../images/bg_news_hot.png) repeat-x left top;}
	ul#newsTab{float: left;}
	ul#newsTab li{padding-left: 0px;padding-right: 15px;background: url(../images/bg_news_tab_li.png) no-repeat right -1px;}
	
	div.tab-pane .col-sm-4{float: left;width: 100%;}
	
	div.navbar-multi-search{height: auto;min-height: 50px;}
	div#navbar-search-grid{background: #f2f2f2;padding: 0px 10px;}
	div#navbar-search-grid .navbar-nav{margin: 7.5px 0px;}
	div#navbar-search-grid .navbar-nav li{margin-bottom: 10px;}
	div#navbar-search-grid .form-control{font-size: 13px;}
	
	div#fanpage{display: none;}div#fanpage_small{visibility: visible;height: auto;width: 100%;}
	div#footer div.col-sm-4{width: 33.33333333%;float: left;}
	div#footer div.col-sm-12{float: left;padding: 0px 10px;}
	
	div#product-description .col-sm-7, div#product-description .col-sm-4{width: 100%}
	div#product-description .col-sm-4 .box-sp-other{padding: 0px 10px}
	
	div#product-features .col-sm-5{display: none;}
	div.product-order p{padding: 0px !important;}
	
	
}

@media (max-width: 640px){
	div#support .col-xs-2{float: left;width: 25%;}
	div.product-description.col-sm-7{float:left;padding-left:0px;}
	div#product-features.col-sm-7{float:left;padding-left:0px;}
	div#product-features .col-sm-7{width: 100%;}
	
	div.product-img.col-sm-5{width: 100%;}
	div.product-img-large{float: none;margin: 0px auto;}
	
	div.product-img-thumb{width: 100%;}
	div.product-order{float: left;width: 100%;margin-top: 10px;}
	
}

@media (max-width: 540px){
	div.compare-buttons{width: 100%;}
	div.compare{width: 100%;}
	div.compare-search{height: auto;}
	div.compare-search .element-search{width: 96%;margin: 2% 2% 0;}
	div.compare-search #compare-btn{position: static;margin: 2%}
}

@media (max-width: 480px){

	div#support .col-xs-2{float: left;width: 33.33333333%;}
	div#footer div.col-sm-4{width: 100%;}

}

@media (max-width: 320px){
	div.navbar-custom .social{display: none;}
	div#support .col-xs-2{float: left;width: 50%;}
}

::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;}
::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}
.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;}

/** Back Top - Back Bottom **/
#back-top { position: fixed; bottom: 20px; right: 10px; text-align:center; z-index: 10000; }
#back-top a { width: 50px; height:70px; display: block; text-align:center; background: url("../images/top.png") no-repeat top left; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { opacity: 0.9; }
/** End Back Top - Back Bottom **/

/** Copy right **/
#copy_right { background-color: #d4d2d2; width: 100%; }
#copy_right .box_copy_right { max-width: 1000px; margin: 0px auto; padding: 10px 5px 5px; }
#copy_right .box_copy_right ul { list-style: none; margin: 0px; }
#copy_right .box_copy_right ul li { display: inline-block; border-right: 1px solid #000; }
#copy_right .box_copy_right ul li a { font-size: 14px; font-weight: bold; padding: 0px 5px 0px 3px;}
#copy_right .box_copy_right .col-sm-4 { text-align: center; color: #000; font-size: 14px; font-weight: bold; }
/** Copy right **/

.warning_message p {
    padding: 15px;
}

/** Product Add - Edit - Delete - Update **/
#info .product_list table a,
#info .product_cat table a,
#info .product_item table a { 
    color: #428bca;
}

#left .advertise2 { 
	text-align: center;
}

#left .advertise2  ul {
	list-style: none; 
	margin: 0px;
	padding: 0px;
}

#left .advertise2  ul  li {
	margin-bottom: 10px;
}

#left .advertise2  ul  li img {
	max-width: 100%;
}
#left .advertise2  ul  li img:hover {
	opacity: 0.9;
}

#left .support_online { 
	margin: 6px 0px 0px;
}

#left .support_online p {
	font-size: 11px;
display: inline-block;
padding: 0px;
margin: 0px;
}

#left .support_online p img {
width: 80%;
}
#left .support_online p strong {
font-size: 14px;
color: #f87908;
}
/** Product Add - Edit - Delete - Update **/