/*-----------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: 13px; line-height: 20px; text-rendering: optimizeLegibility;position: relative; min-width: 1200px;background: #f3f3f3;}
a { text-decoration:none; color:#2e6800; 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;}

/*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: 6px 15px; background:#2e6800; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;vertical-align: middle;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;padding: 5px;vertical-align: middle;}
select.input{padding: 6px 5px 7px;}
.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: #2e6800;font-family: RM;position: relative;}
.main-tit:before{position: absolute;width: 100px;border-bottom: 2px solid #2e6800;left: 0;bottom: 0;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;font-size: 15px;}
.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; background: #FFF;padding-top: 15px;}
.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;}

.mb10{margin-bottom: 10px;}

/* Flex layout */
.w-flex{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}

/* Banner */
#banner{}
.banner-hl{position: absolute;top: 30px;right: 20px;color: #FFF;font-size: 15px;font-weight: bold;}
.banner-hl span{color: #FF0;font-size: 19px;}

/* Menu */
#menu{background: #FFF;}
#menu.fix{}
.menu-l{width: 240px;float: left;background: #439701;position: relative;font-family: RR;border-radius: 10px 0px 0px 0px;}
.menu-l-btn{line-height: 44px;text-align: center;font-size: 15px;color: #FFF;text-transform: uppercase;border-bottom: 1px solid #2e6800;}
.menu-r{width: calc(100% - 240px);float: right;border-bottom: 1px solid #d8d8d8;}
.menu-r ul{margin: 0;list-style: none;text-transform: uppercase;}
.menu-r > ul{margin-left: 20px;float: left;font-family: RCB;font-size: 14px;}
.menu-r ul li{float: left;position: relative;z-index: 99;}
.menu-r ul li a{display: block;line-height: 45px;color: #484848;padding: 0px 20px;}
.menu-r ul li a:hover{color: #F00;}
.menu-r ul li ul{position: absolute;width: 250px;top: 100%;left: 0;background: #49a500;display: none;z-index: 99;}
.menu-r ul li ul li{border-bottom: 1px solid #CCC;width: 100%;float: none;font-family: RR;padding: 10px 0px;font-size: 14px;}
.menu-r ul li ul li ul{top: 0;left: 100%;}
.menu-r ul li ul li a{color: #FFF;line-height: 25px;}
.menu-r ul li ul li a:hover{color: #FF0;}
.menu-r ul li:hover > ul{display: block;}
.menu-l ul{margin: 0;position: absolute;list-style: none;background: #49a500;width: 100%;z-index: 9999999999;font-size: 15px;}
.menu-l ul li{position: relative;border-top: 1px solid #80c04d;border-bottom: 1px solid #3b8600;padding: 10px 15px 10px 35px;background: url(../img/left-li.png) no-repeat center left 15px;z-index: 9999999999;}
.menu-l ul li:last-child{border-bottom: none;}
.menu-l > ul{top: 100%;left: 0;display: none;}
.menu-l ul li ul{top: 0;left: calc(100% - 1px);display: none;}
.menu-l ul li a{color: #FFF;display: block;}
.menu-l ul li a:hover{color: #FF0;}
.menu-l:hover > ul{display: block;}
.menu-l ul li:hover > ul{display: block;}
body.index .menu-l > ul{display: block;min-height: 431px;}
.search{float: left;position: relative;padding: 0px 10px;margin-top: 7px;}
.search .input{position: absolute;top: 0;right: 0;z-index: 1;display: none;}
.search.active{z-index: 999;}
.search.active .input{display: block;}
.search img{position: relative;z-index: 2;top: 5px;cursor: pointer;}
.cart{float: right;background: #ffd207;line-height: 45px;padding: 0px 15px;color: #FFF;font-size: 14px;border-radius: 0px 10px 0px 0px;}
.cart a{color: #FFF;}
.cart span{font-weight: bold;font-size: 16px;}
.bg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 998;display: none;}

/* Slide */
#slide{background: #FFF;padding:10px 0px 0px 325px;width: 1349px;position: relative;}
.slide-rf{position: absolute;width: 471px;top: 0;right: 0;bottom: 0;overflow: auto;background: rgba(0,0,0,0.6);padding: 20px;color: #FFF;z-index: 99;}
.dachon .tit{text-transform: uppercase;text-align: center;color: #FF0;border-bottom: 1px solid #FF0;margin-bottom: 10px;padding-bottom: 10px;font-family: RCB;font-size: 18px;}
.dachon .item1{width: 45px;float: left;text-align: center;}
.dachon .item2{width: 100px;float: left;padding-right: 5px;}
.dachon .item3{width: 80px;float: left;text-align: center;}
.dachon .item4{width: 60px;text-align: center;float: left;min-height: 1px;}
.dachon .item5{width: 45px;text-align: center;float: left;}
.dachon .item6{width: 80px;float: left;}
.dachon .w-clear{margin-bottom: 5px;font-size: 14px;}
.dachon .button{background: #f5c903;border-radius: 0px;padding: 10px 15px;}
.slide-rf.fix{position: fixed;top: 20px;right: -471px;bottom: auto;max-height: 400px;z-index: 99;}
.slide-rf.fix.active{right: 0;}
.slide-rf-btn{display: none;background: #f5c903;padding: 5px;border: 1px solid #f2f2f2;border-right: none;cursor: pointer;color: #FFF;font-weight: bold;}
.slide-rf-btn.fix{position: fixed;top: 20px;right: 0px;display: block;z-index: 99;}
.slide-rf-btn.fix.active{right: 471px;}

/* Footer */
#footer{background: url(../img/bg-ft.png);padding: 20px 0px 0px;font-family: RR;color: #FFF;}
#footer strong{font-family: RB;}
.ft-1{width: 520px;float: left;}
.ft-2{width: 350px;float: left;margin-left: 20px;}
.ft-3{width: 280px;float: right;}
.ft-3 form{margin-top: 10px;}
.ft-3 .input{border-radius: 0px;width: calc(100% - 52px);}
.ft-3 .button{background: #F00;border-radius: 0px;text-transform: uppercase;width: 52px;margin-left: -5px;}
.ft-3 form{margin-bottom: 20px;color: #555;}
.ft-tit{font-family: RCR;font-size: 18px;text-transform: uppercase;color: #FFF;margin-bottom: 10px;}
.ft-b{border-top: 1px solid #67a92d;padding: 10px 0px;margin-top: 20px;}
.ft-b1{float: left;}
.ft-b2{float: right;width: 50%;text-align: center;}
.uft li{list-style: url(../img/ft-li.png);margin-bottom: 5px;}
.uft li a{color: #FFF;}
.uft li a:hover{color: #FF0;}

/* 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{width:calc(25% - 1px);margin: 0px 1px 1px 0px;background: #FFF;font-size: 14px;color: #323232;text-align: center;color: #696969;position: relative;padding-bottom: 5px;}
.box-sp:hover{}
.box-sp-img{overflow: hidden;position: relative;}
.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 h3{font-size: 15px;font-weight: normal;padding: 10px 10px 5px;margin: 0;}
.box-sp strong{ color: #424141;}
.box-sp a{ color: #323232;}
.box-sp a:hover{ color: #F00;}
.box-sp-ab a{color: #FFF !important;display: block;height: 100%;}
.box-sp-gia{font-weight: bold;}
.box-sp-gia span{ color: #ed1c24;font-weight: bold;}
.box-sp-gia span.del{ color: #686868;}
.box-sp-date{font-size: 12px;font-style: italic;}
.box-sp-btn{position: absolute;width: 97px;height: 33px;bottom: 0;right: 0;background: url(../img/i-dh.png);background-size: 100% 100%;cursor: pointer;display: none;}
.box-sp:hover .box-sp-btn{display: block;}
.box-sp:nth-child(4n){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;}
.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 10px 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;background: #FFF;}
.box-news h3{margin: 0px 0px 5px;font-size: 15px;font-family: RM;}
.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;}
#giohang{position: fixed;z-index: -1;width: 100%;height: 100%;top: 0px;left: 0;  background: rgba(0,0,0,0.5); opacity: 0;}
#giohang.active{z-index: 999; opacity: 1;}
.w-giohang{background: #FFF;position: relative;width: 800px;max-width: 100%; margin: 50px auto; border-radius: 5px;padding: 10px; transition:all 0.5s;top: -1000px; max-height: 90%;overflow: auto;}
#giohang.active .w-giohang{top: 0;}
.giohang-cl{position: absolute;top: 0px;right: 0px;cursor: pointer;}
.giohang-tit{ margin-bottom: 15px;font-family: RCR; font-size: 18px;}
.tbl-giohang .tr{ border-bottom: 1px solid #CCC;}
.tbl-giohang .th{ background: #eeeeee; padding: 2px 5px;}
.tbl-giohang .th:last-child{text-align: right; padding-right: 20px;}
.tbl-giohang .td{ padding: 5px 0px;}
.tbl-giohang .td:nth-child(1){width: 50%;}
.tbl-giohang .td:nth-child(2){ color: #F00; font-weight: bold;}
.tbl-giohang .td:nth-child(3),.tbl-giohang .th:nth-child(3){ width: 80px; text-align: center;}
.tbl-giohang .td:nth-child(3) input{ width: 50px;}
.tbl-giohang .td:nth-child(4){ text-align: right; font-weight: bold; color: #F00;}
.giohang-thanhtien{ font-family: RCB; text-align: right; font-size: 16px; margin-top: 10px; }
.giohang-thanhtien span{ color: #F00;}
.giohang-btn{margin-top: 10px;}
.giohang-btn-l{float: left;}
.giohang-btn-r{float: right;}
.giohang-btn-l button,.giohang-btn-r button{ background: #d60c0c; color: #FFF; font-family: RCB; font-size: 16px; padding: 5px 15px;}
.box-spc{}
.box-spc img{width: 120px;float: left; border: 1px solid #CCC; margin-right: 10px;}
.box-spc a{ display: block; font-size: 12px;}
.box-spc .gh-name{ font-size: 14px; font-family: RCB;}
.thanhtoan-l{width: calc(50% - 15px);float: left;}
.thanhtoan-r{width: calc(50% - 15px);float: right;}
.thanhtoan-r .button{width: 100%;}
.sanpham{padding: 20px 0px;}
.slick-sp{width: calc(100% + 20px);margin-left: -10px;}
.box-spi{margin: 0px 10px;position: relative;overflow: hidden;max-width: 285px;}
.box-spi h3{position: absolute;bottom: 0;left: 0;width: 100%;margin: 0;padding: 10px;text-align: center;background: rgba(42,148,1,0.8);font-size: 14px;font-weight: normal;}
.box-spi a{color: #FFF;}
.box-spi a:hover{color: #FF0;}
.slick-sp .slick-next,.slick-sp .slick-prev{text-indent: -9999px;}
.slick-sp .slick-next{width: 65px !important;height: 65px !important;right: -25px !important;background: url(../img/snext.png) !important;background-size: 100% 100% !important;}
.slick-sp .slick-prev{width: 65px !important;height: 65px !important;left: -25px !important;background: url(../img/sprev.png) !important;background-size: 100% 100% !important;}
.i-tit{margin-top: 20px;font-family: RCB;color: #FFF;text-transform: uppercase;margin-bottom: 15px;background: #FFF;border-top: 3px solid #49a500;position: relative;}
.i-tit h2{background: #49a500;margin: 0;padding: 10px 30px;font-size: 18px;float: left;position: relative;}
.i-tit h2:before{width: 20px;height: calc(100% + 3px);position: absolute;top: -3px;left: 0;content: "";background: url(../img/bg-i-tit-h2-l.png);background-size: 100% 100%;}
.i-tit h2:after{width: 14px;height: calc(100% + 3px);position: absolute;top: -3px;right: -14px;content: "";background: url(../img/i-tit-r.png);background-size: 100% 100%;}
.i-tit-btn{position: absolute;top: 10px;right: 10px;font-size: 13px;font-weight: normal;text-transform: none;font-family: RR;}
.tintuc{padding: 20px 0px;}
.tt-l{width: calc(100% - 420px);float: left;}
.tt-r{width: 400px;float: right;}
.tt-tit{font-family: RCR;font-size: 22px;color: #121111;text-transform: uppercase;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ccd6d8;position: relative;}
.tt-tit:before{position: absolute;bottom: -3px;left: 0;width: 100px;content: "";border-bottom: 5px solid #484848;}
.box-newsi{width: calc(50% - 10px);float: left;margin: 0px 20px 20px 0px;font-size: 12px;}
.box-newsi-img{float: left;margin-right: 15px;width: 150px;border: 1px solid #d3d3d3;background: #FFF;padding: 5px;box-shadow: 5px 5px 0px #e0e0e0}
.box-newsi h3{font-size: 13px;font-weight: normal;margin: 0px 0px 5px;}
.box-newsi a{color: #ed1c24;}
.box-newsi:nth-child(2n){margin-right: 0;}
.box-newsi:nth-child(2n+1){clear: both;}
body.index{width: 1349px;}
.slick-sp .slick-slide{height: auto !important;}
.box-spi .box-sp-img img{max-height: 200px;}
.w-ipsl{display: inline-block;position: relative;}
.w-ipsl-u{position: absolute;top: 1px;height: calc(50% - 1px);right: 0;width: 18px;background: url(../img/au.png);background-size: 100% 100%;cursor: pointer;z-index: 99;}
.w-ipsl-d{position: absolute;bottom: 1px;height: calc(50% - 1px);right: 0;width: 18px;background: url(../img/ad.png);background-size: 100% 100%;cursor: pointer;z-index: 99;}