-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* Font face*/
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}
@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}
@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: UTSN;
    src: url('fonts/UTMSharnay.eot');
    src: url('fonts/UTMSharnay.eot') format('embedded-opentype'),
         url('fonts/UTMSharnay.woff2') format('woff2'),
         url('fonts/UTMSharnay.woff') format('woff'),
         url('fonts/UTMSharnay.ttf') format('truetype'),
         url('fonts/UTMSharnay.svg#UTMSharnay') format('svg');
}
@font-face {
    font-family: UTIR;
    src: url('fonts/UTMIsadoraR.eot');
    src: url('fonts/UTMIsadoraR.eot') format('embedded-opentype'),
         url('fonts/UTMIsadoraR.woff2') format('woff2'),
         url('fonts/UTMIsadoraR.woff') format('woff'),
         url('fonts/UTMIsadoraR.ttf') format('truetype'),
         url('fonts/UTMIsadoraR.svg#UTMIsadoraR') format('svg');
}
@font-face {
    font-family: UTAB;
    src: url('fonts/UTMAvoBold.eot');
    src: url('fonts/UTMAvoBold.eot') format('embedded-opentype'),
         url('fonts/UTMAvoBold.woff2') format('woff2'),
         url('fonts/UTMAvoBold.woff') format('woff'),
         url('fonts/UTMAvoBold.ttf') format('truetype'),
         url('fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
}
@font-face {
    font-family: RSB;
    src: url('fonts/RobotoSlabBold.eot');
    src: url('fonts/RobotoSlabBold.eot') format('embedded-opentype'),
         url('fonts/RobotoSlabBold.woff2') format('woff2'),
         url('fonts/RobotoSlabBold.woff') format('woff'),
         url('fonts/RobotoSlabBold.ttf') format('truetype'),
         url('fonts/RobotoSlabBold.svg#RobotoSlabBold') format('svg');
}
@font-face {
    font-family: UTSB;
    src: url('fonts/UTMSwiss721BlackCondensed.eot');
    src: url('fonts/UTMSwiss721BlackCondensed.eot') format('embedded-opentype'),
         url('fonts/UTMSwiss721BlackCondensed.woff2') format('woff2'),
         url('fonts/UTMSwiss721BlackCondensed.woff') format('woff'),
         url('fonts/UTMSwiss721BlackCondensed.ttf') format('truetype'),
         url('fonts/UTMSwiss721BlackCondensed.svg#UTMSwiss721BlackCondensed') format('svg');
}
@font-face {
    font-family: UTAG;
    src: url('fonts/UTMAlterGothic.eot');
    src: url('fonts/UTMAlterGothic.eot') format('embedded-opentype'),
         url('fonts/UTMAlterGothic.woff2') format('woff2'),
         url('fonts/UTMAlterGothic.woff') format('woff'),
         url('fonts/UTMAlterGothic.ttf') format('truetype'),
         url('fonts/UTMAlterGothic.svg#UTMAlterGothic') format('svg');
}
@font-face {
    font-family: UTAv;
    src: url('fonts/UTMAvo.eot');
    src: url('fonts/UTMAvo.eot') format('embedded-opentype'),
         url('fonts/UTMAvo.woff2') format('woff2'),
         url('fonts/UTMAvo.woff') format('woff'),
         url('fonts/UTMAvo.ttf') format('truetype'),
         url('fonts/UTMAvo.svg#UTMAvo') format('svg');
}
/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; text-rendering: optimizeLegibility;position: relative; min-width: 1200px;}
a { text-decoration:none; color:#1471CE; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:15px; text-decoration: none !important;}
.category-interst{
    margin: 0;
    list-style: none;
    padding: 0;
    background: #e9ebee;
}
.dau{float: left;width: 100%;background: #ff0000;margin-bottom: 20px;border-top: 2px solid #ff0000;}
.list-category{clear: both;}
.list-category .tab-content{display:none}
.list-category .tab-content.active{display:block}
.category-interst li{
    display: inline-block;
    padding: 8.5px 4px;
    position: relative;
}
.category-interst li:after{
    content: "";
    float: left;
    width:2px;
    height:40px;
    background: #ff0000;
    position: absolute;
    top: 0px;
    right: 0px;
}
.category-interst li:nth-last-child(1):after{
    display: none;
}
.category-interst li a{
    text-transform: uppercase;
    font-size: 18px;
    padding: 5px 7px;
    color: red;
    text-decoration:none;
    padding-left: 17px;
}
.category-interst li:hover{
    background: url(images/tt_bg.png) no-repeat;
}
.category-interst li:hover a{color: #FF0}
.category-interst li.active{position: relative;;background: #ff0000}
.category-interst li.active:before{content: "";float: left;width:14px;height:40px;background: url(../images/tt_bg.png) no-repeat;
position: absolute;top: 0px;left: 0px;}
.category-interst li.active a{ color: #FF0}
/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang div {display: inline-block;}
.phantrang a {background:#193d71;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang div.active {background: #f97d17; color: #FFF; cursor: pointer; font-size: 11px; margin: 10px 0 10px 4px; padding: 0px 10px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}
/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 100px; right:5px; text-align:center; display:none;}
.button{ padding: 4px 15px; background:#e30000; color:#FFF; border:none;font-family: RR;text-transform: uppercase;border-radius: 5px;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;padding: 5px;}
.center{ max-width:1200px; margin:0 auto; position:relative;}
.center1{ max-width:1300px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{margin-bottom: 10px;color: #e30000;font-family: RM;position: relative;}
.main-tit:before{position: absolute;bottom: 0;left: 0;width: 150px;border-bottom: 2px solid #e30000;content: "";}
.main-tit h2{margin: 0;font-weight: normal;font-size: 22px; line-height: 1.5;}
.box-tab-tit{font-family: RR;color: #353535; margin-top: 15px; border-bottom: 1px solid #a3a3a3;text-align: center;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{ padding: 5px 15px; cursor: pointer; border: 1px solid #a3a3a3;float: left; margin-right: -1px;border-bottom: none;}
.box-tab-tit div.active{ color: #FFF; background: #a3a3a3;}
.w-tab-con{ border: 1px solid #a3a3a3; margin-bottom: 20px;}
.box-tab-con{display: none; padding: 10px;background: #FFF;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px; margin-top: 10px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none;background: #302f2f; color: #FFF; padding: 5px 10px;}
.i-menu{width: 30px; margin-right: 10px; cursor: pointer;}
#menus{display: none;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}
/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
::-webkit-input-placeholder{color: #CCC;}
::-moz-placeholder{color: #CCC;}
:-ms-input-placeholder{color: #CCC;}
:-moz-placeholder{color: #CCC;}
/* Flex layout */
.w-flex{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
/* Banner */
#banner{position: relative;}
.banner-mxh{position: absolute;top: 5px;right: 0;}
.banner-mxh img{vertical-align: bottom;}
.banner-mxh a{display: inline-block;position: relative;margin-left: 5px;}
.banner-mxh span{position: absolute;bottom: 30px;left: 15px;width: 100%;text-align: center;color: #fff}
.banner-hl{position: absolute;bottom: 10px;right: 0px;font-size: 28px;color: #ec100f;text-shadow:1px 1px #FFF,-1px 1px #FFF,1px -1px #FFF,-1px -1px #FFF;background: url(../img/bg-hl.png);background-size: 100% 100%;padding: 10px 20px 10px 50px;font-family: RB;line-height: 1.1;}
.banner-hl-l{float: left;margin-right: 10px;}
.banner-hl-r{float: right;}
/* Menu */
#menu{background: url(../img/bg-menu.png);background-size: auto 100%;font-family: RR;}
#menu.fix{position: fixed;width: 100%;top: 0;left: 0;min-width: 1200px;z-index: 99;}
.menu-l{float: left;line-height: 50px;position: relative;z-index: 99;width: calc(100% - 270px);}
.menu-r{width: 250px;float: right;position: relative;}
.menu-r input{width: 100%;border-radius: 5px;border: none;margin-top: 9px;padding: 4px 15px;color: #FFF;background: url(../img/bg-se.png);background-size: 100% 100%;}
.menu-r input::-webkit-input-placeholder{color: #FFF;}
.menu-r input::-moz-placeholder{color: #FFF;}
.menu-r input:-ms-input-placeholder{color: #FFF;}
.menu-r input:-moz-placeholder{color: #FFF;}
.menu-r input:focus{outline: none;}
.menu-r img{position: absolute;top: 13px;right: 15px;cursor: pointer;}
.menu-line{border-left: 1px solid #a10101;}
.menu-line:last-child{border-right: 1px solid #a10101;}
/* Slide */
#slide{padding-bottom: 10px;position: relative;}
#slide:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 43px;background: url(../img/bg-slide.png);z-index: 99;}
/* Footer */
#footer{padding: 20px 0px 0px;background: url(../img/bg-bn.png);}
.ft-1{width: 370px;float: left;}
.ft-2{width: 380px;float: left;margin-left: 20px;}
.ft-3{width: 340px;float: right;}
.ft-tit{font-family: RR;text-transform: uppercase;font-size: 18px;color: #e30000;margin-bottom: 20px;}
.ft-b{background: #de0000;color: #FFF;padding: 10px 0px;margin-top: 20px;}
.ft-b1{width: 50%;float: left;font-size: 12px;}
.ft-b1 span{text-transform: uppercase;color: #FF0;}
.ft-b2{width: 50%;float: left;}
.fmap{padding: 5px;border: 1px dashed #CCC;}
#fmap{height: 210px;}
.ft-3 .tit{text-transform: uppercase;margin-top: 20px;color: #333333;font-family: RR;margin-bottom: 10px;}
.ft-3 form{position: relative;}
.ft-3 .input{width: 100%;border: 1px solid #f80000;border-radius: 0px;background: #FFF;padding: 13px 10px 12px;}
.ft-3 .button{padding: 0;background: none;position: absolute;top: 2px;right: 2px;border-radius: 0px;}
/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;}
/* San pham */
.box-sp{padding:10px;border: 1px solid #CCC;;position: relative;width:calc(20% - 16px);margin: 0px 20px 20px 0px; color: #686868;text-align: center;font-size: 15px;color: #9d9073;font-family: RR;}
.khuyenmai{position: absolute;top: 0px;right: 8px;}
.box-sp:hover{}
.box-sp-img{overflow: hidden;position: relative;border: 1px solid #e1e1e1;box-shadow: 5px 5px 0px #e8e8e8;}
.box-sp-img img{width: 100%; transition:all 0.5s;z-index: 1;}
.box-sp-img:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}
.box-sp-cart{width: 37px;height: 23px;background: url(../img/i-gh.png);background-size: 100% 100%;z-index: 9;cursor: pointer;bottom: 0;right: 0;position: absolute;}
.box-sp-img a{display: block;position: relative;}
.box-sp-img a:before{position: absolute;width: 100%;height: 100%;top: 0;left: 0;content: "";background: url(../img/bg-sp.png);background-size: 100% 100%;z-index: 2;}
.box-sp-img:hover img{ /*transform:scale(1.1);*/ }
.box-sp-btn{position: absolute;width: 100%;top: 100%;text-align: center;transition:all 0.5s;opacity: 0;}
.box-sp-btn img{width: auto;}
.box-sp-img:hover .box-sp-btn{top: 40%;opacity: 1;}
.box-sp h3{font-size: 15px;font-weight: normal;margin: 10px 0px 0px;}
.box-sp strong{ color: #424141;}
.box-sp a{ color: #555;}
.box-sp a:hover{ color: #F00;}
.box-sp-gia{}
.box-sp-gia span{ color: #F00;font-family: RB;}
.box-sp-gia span.del{ color: #686868;}
.box-sp:nth-child(5n){margin-right: 0;}
.ct-l{width: 38%;float: left;margin-bottom: 20px;}
.ct-r{width: 58%;float: right;}
.ct-img{border: 1px solid #CCC;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; color: #F00; font-size: 24px; margin: 0px;font-family: RB;}
.ctsp-tit{font-family: RB; font-size: 18px; margin-bottom: 10px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-l{width: 100px;float: left;}
.ct-sp-r{width: calc(100% - 110px);float: right;}
.ct-sp-r-1{width: 33.33%;float: left;}
.ct-sp-r-2{width: 33.33%;float: left;}
.ct-sp-r-3{width: 33.33%;float: left;}
#tags a{
    display: inline-block;
    padding: 3px 5px;
    color: #FFF;
    border-radius: 3px;
    background: #e20000;
}
#tags a:hover{
    background: #ff4444;
}
.thumb-color{width: 40px;height: 40px; padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 18px;}
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}
/* Tin tuc */
.box-news{line-height: 20px; margin: 0px 20px 20px 0px; border-bottom: 1px solid #CCC;padding-bottom: 10px;font-family: RR;width: calc(50% - 10px);float: left;}
.box-news-img{float: left; margin-right: 10px; border: 1px solid #CCC; padding: 2px;}
.box-news h3{margin: 0px 0px 5px;font-size: 16px;}
.box-news-date{ color: #bbbbbb;}
.box-news:nth-child(2n){margin-right: 0;}
.box-news:nth-child(2n+1){clear: both;}
h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}
/* Container */
#container{ padding:20px 0px 20px;}
.content{ text-align:justify;}
.left{width: 260px;float: left;}
.right{width: calc(100% - 300px);float: right;}
/* Tai khoan */
.dk-l{width: 150px;float: left;margin-bottom: 5px;}
.dk-r{float: left;margin-bottom: 5px;width: 300px;}
.dk-r .input{width: 100%;}
/* Index */
.linkdan{margin-bottom: 10px;}
.sub-arrow{display: none !important;}
.btn-muangay{background: #d60c0c;color: #FFF;}
.btn-muangay:hover,.btn-muangay:focus{background: #e81515;color: #FFF;}
.btn-themgiohang:hover,.btn-themgiohang:focus{background: #CCC;}
.mua_index{padding:0px;display: inline-block;width: 95px;height: 36px;line-height: 30px;background: url(images/cart.png) no-repeat 10px 9px;color: #333;border-radius: 5px;border: 1px solid #CCC;}
.mua_index:hover{background: #DB8700;color: #fff}
.msg{font-weight: bold;color: #059b53;}
.thanhtoan-l{width: calc(50% - 10px);float: left;}
.thanhtoan-r{width: calc(50% - 10px);float: right;}
.box-spc{padding: 10px 0px;}
.box-spc img{width: 80px;float: left;margin-right: 10px;border: 1px solid #f2f2f2;}
.thanhtoan-r .button{width: 100%;text-align: center;}
#doitac{padding: 20px 0px;}
#doitac .center{border: 1px solid #d7d7d7;background: #ebebeb;padding: 20px 10px;}
.box-dt{background: #FFF;}
#tintuc{background: url(../img/bg-tt.png);padding: 30px 0px 20px;color: #FFF;}
.tt-1{width: calc(33.33% - 13.33px);float: left;margin: 0px 20px 0px 0px;}
.tt-2{width: calc(33.33% - 13.33px);float: left;margin: 0px 20px 0px 0px;}
.tt-3{width: calc(33.33% - 13.33px);float: left;margin: 0px 0px 0px 0px;}
#svi{color: #555;width: 100%;margin-top: 5px;padding: 5px;}
.tt-tit{font-family: RR;font-size: 25px;text-transform: uppercase;margin-bottom: 20px;color: #ffe400;padding-bottom: 10px;position: relative;}
.tt-tit:before{position: absolute;bottom: 0;left: 0;width: 110px;border-bottom: 2px solid #ffe400;content: "";}
.tt-1 .box-news{width: 100%;float: none;margin: 0px 0px 20px;border-bottom: 1px dashed #000;padding-bottom: 20px;text-align: justify;font-size: 13px;}
.tt-1 .box-news-img{border: 5px solid #FFF;max-width: 150px;padding: 0;}
.tt-1 h3{font-family: RB;font-size: 15px;margin: 0px 0px 10px;}
.tt-1 a{color: #FFF;}
.tt-1 a:hover{color: #FF0;}
.tt-2 p{
    font-family: RB;
    font-size: 15px;
}
#gioithieu{background: #FFF;padding: 0px 0px 0px;border-top: 5px solid #f5f5f6;}
#gioithieu > .center{bottom: -30px;}
.gt-b{background: #f5f5f6;height: 88px;}
.gt-l{width: calc(100% - 565px);float: left;}
.gt-r{width: 545px;float: right;}
.gt-tit{color: #f00000;text-transform: uppercase;margin-bottom: 20px;font-family: RB;font-size: 20px;}
.gt-btn{text-align: right;margin-top: 20px;}
.gt-btn div{display: inline-block;background: #f80000;padding: 5px;}
.gt-btn a{padding: 10px 20px;border: 1px dashed #fc9999;display: block;text-transform: uppercase;color: #FFF;}
.i-tit{background: #f6f6f6;margin-bottom: 20px;position: relative;border-left: 3px solid #f40000;border-bottom: 3px solid #f40000;}
.i-tit h2{float: left;margin: 0;background: #f40000;font-family: RM;font-size: 20px;color: #fef200;font-weight: normal;padding: 10px;border-left: double 9px #fef200;margin-bottom: -3px;position: relative;}
.i-tit h2:before{width: 75px;height: 100%;position: absolute;top: 0;right: -75px;background: url(../img/bg-i-tit-r.png);background-size: 100% 100%;content: "";}
.i-tit .xt{position: absolute;top: 7px;right: 10px;font-size: 12px;font-family: RR;}
.i-tit .xt a{color: #f40000;}
.f-cart.fix{position: fixed;top: 100px;right: 0;z-index: 99;background: rgba(255, 255, 255, 0.05);}
.banner-slogan{position: absolute;width: 580px;bottom: 0;left: 230px;z-index: 9;}
/*/*=====*/
.giaban-muahang{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.gia_ban{float: left;}
.gia_ban p{margin-bottom: 2px;text-align: justify;}
.mua-hang{float: right;margin-top: 5px;}
.gia_ban p{margin-top:12px;}
.hidden-micro {
    font-size: 0px;
    visibility: hidden;
    overflow: hidden;
    text-indent: -9999999999px;
    width: 0px;
    height: 0px;
    opacity: 0;
    margin: 0px;
    padding: 0px;
    top: 100000000px;
    position: fixed;
}