@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, a, em, img, small, strike, strong, sup, sub, b, u, i, center, ul, ol, li, caption, form, fieldset, legend, input, button, textarea, select, label, iframe, figcaption, figure, menu, nav, section{margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; list-style: none}
body, html{font-family:Arial,Helvetica,sans-serif; font-size:13px; color: #666}
html{-webkit-text-size-adjust:none}
h1{ height: 0 }
a{ text-decoration:none; color: #06f}
.resolution{ height: 10px; background: #090 }
.csschitiet li{list-style:inside;}
.download-price{ cursor: pointer }
/* CSS Chung */
.main{ clear:both; width: 99%; max-width: 1200px; margin:0 auto; position: relative } .main::after{ content:''; display:block; clear:both}
.kw_tinmoi li h3{font-family: Tahoma; color: #333; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px}
.settinmoi{ }
.leftcol{ width:20%; float:left} .content{ width:78%; float:right}
.hide{ display: none !important }
.clr10{ clear: both; height: 10px }
img{line-height: 0 !important; vertical-align: middle; max-width: 100%}
.breadcrumb{ margin: 10px 0; margin-bottom: 15px; padding: 12px; background: #333; padding-left: 15px; color: #ccc; font-size: 14px; text-transform: capitalize; font-family: Arial; margin-top: 0; line-height: 22px }
.breadcrumb a{ color: #ccc; font-family: Arial; font-size: 14px } .breadcrumb a:hover{ text-decoration: underline }
/* CSS Tmp */
a.tt{ color: #06f } a.tt:hover{ color: #f30 }
img.bannercat{ width: 100% }
h2.title{ text-transform: uppercase;color:#09f; margin-bottom: 20px }
.pagectsp{background: #fff; padding: 10px; border-bottom: 15px; clear: both; border: 1px #ccc solid; line-height: 25px}
.regfrom{ width: 100% }
.mframe{padding: 10px !important}
.regform input{ padding:1%; width: 98%; border: 1px solid #ccc; margin-top:5px; margin-bottom: 20px }
#SubmitReg{ background: #f60; color: #fff; text-transform: uppercase; font-weight: bold; cursor: pointer; width: 100% }
#SubmitReg:hover{ background: #090 }
.mailletter{ position: relative; background: #f60 }
.mailletter input#txtEmail{ padding: 8px 1%; border:1px solid #ccc; width: 100% }
.mailletter input#btnSubmit{ display: block; padding: 2%; background: #f60; color: #fff; cursor: pointer; float: left; width: 16% }
.mailletter input#btnSubmit:hover{ }
#txtEmailLetter{border: solid 1px #fff; padding: 2%; box-sizing: border-box; float: left; width: 82%}
.kw_tin li:hover h3, .cinfo h2, h2.ten, .cgallery h2{ color: #f00 !important }
/* End CSS Tmp */
.hinhtinmoi{ display: block; overflow: hidden; background: #f7c51d; border-top: solid 10px #f7c51d; border-left: solid 10px #f7c51d; padding: 0; position: relative; height: 222px }
span.lang{ cursor: pointer; }
/* CSS filter */
ul.filter li{ background:url(../svg/nocheck.svg) left center no-repeat; background-size:18px; outline: 0; border: 0; cursor: pointer; padding-left:24px; margin:10px 0;}
ul.filter li.checked {  background:url(../svg/dacheck.svg) left center no-repeat; background-size:18px; font-weight: bold}
.pagectsp img{ max-width: 100% !important; height: auto !important }
.hotline_top { background: url(../images/phone_top.png) no-repeat; float: left; margin-bottom: 14px; margin-top: 5px; width: 35%; position: absolute; right: -12%; top: 60%; padding-left: 35px; height: 30px; color: #383838; font-size: 20px }
.hotline_top span { color: #f60000 }
.hotline_top .dt{margin-left: 4px; font-size: 24px}
.mxh{ }
/* Kw_top */
.kw_top{width: 100%; position: relative; z-index: 11; border-bottom: 1px solid #dadada;line-height: 30px;
color: #fff;}
.kw_top .location{background: url(../images/email-ico.png) no-repeat 6px 8px;background-size: 16px;padding-left: 30px; margin-left: 30px;}
.kw_top .phone{background: url(../images/phoneico.png) no-repeat 2px 5px; background-size: 17px; padding-left: 24px; margin-left: 30px;}
.kw_top p{float: right;} .kw_top a{color: #fff}
.mxh{ display: inline-block }
.mxh ul{}
.mxh ul li{ display: inline-block; float: left; margin-right: 10px }
.mxh ul li a{}
.mxh ul li a img{}
.bannertop{}
.testtop{background: #d9d9d9; padding: 10px}
ul.texttop{ display: none }
ul.texttop li{}
ul.texttop li:first-child{ }
ul.texttop li:last-child{ }
ul.texttop li span{ display: -webkit-inline-box }
/* Kw_header */
.kw_header{ padding:0; position: relative; margin: 0px 0px } 
.kw_header::after{ content: ''; display: block; clear: both}
.kw_header a.logo{ float: left; text-align: left; margin: 0; display: inline-block; max-width: 20% }
.kw_header a.logo img{ max-width: 100% }
.kw_header a.cart{ float:right; text-align:right; position:relative; margin-top: 11px}
.kw_header .main{ }
.kw_header ul.texttop{ float:right; margin-top: 10px } 
.kw_header ul.texttop li{ display: inline-block; float: left; color: #666; margin-left: 45px }
.kw_header ul.texttop li img{float: left; margin-right: 10px; margin-top: 3px}
.kw_header ul.texttop li div{display: inline-block; float: right; text-align: justify}
.kw_header ul.texttop li span{ font-weight: bold; font-family: Arial; color: #666; font-size: 14px } 
.kw_header ul.texttop li p{ line-height: 20px; font-family: Arial; font-size: 12px }
.detailcat{ display: none }
.kw_search{float: right; width: 300px; padding-top: 3px; margin-top: 5px; position: relative; display: none}
.kw_search input{ width: 97%; background: #fff; border-radius: 30px; padding: 13px 0 13px 10px}
.kw_search button{ width: 45px; height: 41px; background: url(../svg/searchicon.png) center center no-repeat; background-size: 20px; display: block; position: absolute; top: 3px; right: 0px; text-indent: -9999px; cursor: pointer; transition: 0.5s; border-radius: 30px 30px 30px 30px }
.kw_search button:hover{ }
.kw_menu{ position: relative; z-index: 111; background: #f7c51d; width: 100%; top: 0; z-index: 1000 } 
.kw_menu::after{ content: ''; display: block; clear: both; background: #f7c51d }
.kw_header .main > span{ margin: 0px; font-size: 27px; color: #333; line-height: 40px; font-weight: bold; width: 30%; display: inline-block; float: right; text-align: justify; margin-top: 15px }
/* Menutop */
#MobileMenu{ display: none; width: 96%; height: 16px; background: #333 url(../images/threeline.png) left 20px center no-repeat; color: #fff; padding:16px 2%; z-index: 444; cursor: pointer; text-indent: -9999px}
#menutop{ position:relative; z-index: 333; float: left }
#menutop span{ display: none }
#menutop ul{ position:relative}
#menutop ul a{ display: block; padding: 20px 20px; color: #333; text-transform: uppercase; font-weight: bold; font-family: Tahoma; font-size: 16px }
#menutop ul li{ position:relative; float:left}
#menutop a:hover, #menutop li:hover a.active{/*border-bottom:3px solid #d5130a; padding-bottom:12px !important*/}
#menutop ul li.current{} #menutop ul li.current a{}
#menutop > ul > li > a:hover{color: #de0124}
#menutop ul ul{ display:none; position:absolute; top:100%; left:0; background:#f5f5f5; padding:0; border: 1px #eee solid }
#menutop ul ul li{ float:none; width:250px}
#menutop ul ul a { padding: 12px 10px !important; color: #333; line-height: 120%; padding-left: 20px !important; text-transform: capitalize; border-bottom: dotted 1px #333; font-weight: normal }
#menutop li li a:hover{ background:#007cc3; color:#fff}
#menutop ul ul ul { top:0; left:100%}
#menutop ul li:hover > ul{ display:block}
#menutop ul ul li::after{ content: " "; position: absolute; top: 45%; height: 3px; width: 3px; border: 1px #bbb solid; left: 3% }
#count-money .download-price img{ display: none !important }
.logo{ display: inline-block; float: left; max-width: 10%; margin-top: 2px }
.parentslide{ position: relative; z-index: 0 }
.count-money { position: absolute; left: 6%; bottom: 25%; z-index: 999999; display: none }
#count-money { padding: 10px 20px; background: #fff; margin-bottom: 20px }
.line-count { margin-bottom: 5px; font-family: Arial }
.line-count span { display: inline-block; width: 130px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400 }
.line-count #chieurong, .line-count #chieudai { width: 110px; height: 25px; margin-left: 0px; padding: 5px 10px; box-sizing: border-box; border: solid 1px #cfcfcf }
.select-count { width: 180px; height: 28px; box-sizing: border-box; border: solid 1px #cfcfcf }
.chiphi { margin-top: 20px }
.chiphi #color { background: #f7c51d; color: #fff; text-transform: uppercase }
.chiphi #ketqua { background: #ffeeb6; text-align: center }
.line-count #solau { width: 100px; height: 28px; box-sizing: border-box; border: solid 1px #cfcfcf }
.chiphi span{ display: inline-block; float: left; width: 46%; padding: 2%; text-align: center; font-weight: bold; font-family: Arial; cursor: pointer }
.quangcaotrai{ margin-top: 25px; display: block }
.batin{ width: 100%; z-index: 999999; margin-top: -3%; background: #f0f0f0; margin-bottom: 35px; display: none }
.noidung{ width: 98%; outline: solid 1px #ccc; padding: 4px 10px; box-sizing: border-box; font-family: Arial; font-size: inherit; line-height: inherit; overflow: auto; margin: 1%; margin-bottom: 15px }
/* Leftmenu */
.leftmenu { position: relative; border: 0px solid #813f00; border-top: 0; min-height: 400px; background: #fff; margin-top: -2px}
.leftmenu > ul{ }
.leftmenu a { display: block; padding: 10px 15px; color: #333; font-size: 14px; font-family: Tahoma; line-height: 20px; font-weight: bold; padding-left: 0 }
.leftmenu li:last-child a{ }
.leftmenu ul li { float: none; position: relative; background: #FFF; border-bottom: 1px dotted #333; padding-left: 15px }
.leftmenu ul li:hover { z-index: 510}
.leftmenu ul li:hover > ul { visibility: visible; }
.leftmenu ul ul {visibility: hidden; position: absolute; top: 0; left: 100%; z-index: 520; width: 250px; border-left: 1px #fff solid;height: auto !important}
.leftmenu > ul > li > a {text-transform: capitalize;}
.leftmenu > ul > li a:hover, .leftmenu > ul > li:hover, .leftmenu > ul > li:hover a{ background: #de0124; color: #fff }
.leftmenu ul li.has-sub > a:after { content: '»'; position: absolute; right: 10px}
.leftmenu ul ul li a{}
.leftmenu ul ul li:hover > a { font-weight:bold;}
/*visibility: inherit !important; */
.leftmenu ul li:hover .khungbao ul{ visibility:inherit !important; z-index:9999; position:static !important;}
.khungbao{width: 1040px; height: 389px; position: absolute; background:#fff; z-index: 500; left: 217px; top: -1px; display:none; border: 1px solid #c21521; 
border-left: 0; border-top: 0; padding-bottom: 10px; z-index: 999}
.khungbao > ul{left:0% !important; top:0% !important; position:static !important; width:60% !important; height:100% !important}
.khungbao > ul > ul{ position: static !important; clear: both; width: auto; }
.khungbao > ul > li{ width:31% !important; float:left !important; display:block !important; height:auto !important; border: 0; margin: 0 1%}
.khungbao > ul > li li{border: 0}
.khungbao li{background:none !important;} .khungbao img{display: block;}
.khungbao a{background:none !important; border:0px !important;}
.khungbao .leftcap2{color: #000 ; font-weight: bold; padding-left: 15px}
.khungbao .leftcap3{color: #333 !important; font-size: 12px; padding: 2px; padding-left: 15px;}
.khungbao ul li.has-sub > a:after { content: ''; position: static; right: 0px;}
.khungbao .has-sub > a{ font-weight:bold; font-size: 13px; padding-bottom: 5px}
.leftmenu ul li:hover .khungbao{ display:block !important;}
.khungbao .leftcap3:hover{color:#a55100 }
.leftcol, .rightcol{ margin-top: 45px }
.kw_quota{ padding:20px 30px; margin-top: 0px; border-bottom: 1px solid #ccc }
.kw_quota .text{ font-size:18px; color:#007cc3; margin:0; text-align: center; margin-bottom: 15px; text-transform: uppercase; display: none }

.kw_quota .button{ display:block; text-align: center;} 
.kw_quota .button a{ border:1px solid #0a527b; padding:8px 12px; margin-left:5px; color:#fff; font-weight:bold; background: #007cc3;
display: inline-block; text-transform: uppercase;} 
.kw_quota .button a:hover{ background-color:#24201f}

.title, .tinnoibat h2{  padding-bottom: 10px}
.title p{ font-size: 14px; color: #333; font-family: Arial; margin: 5px; margin-bottom: 0 }
.title h2 { text-align: center; margin: 0px; font-size: 30px }
.title h2 span, .tinnoibat  h2 span{ font-family: Tahoma; text-transform: uppercase; display: inline-block; padding: 0px 20px; position: relative }
#left-title { color: #323232 }
#right-title { color: #f7c51d }
.tinnoibat{ margin-bottom: 35px; display: none }
.tinnoibat ul{}
.tinnoibat ul li{ width: 49%; float: left; padding-bottom: 0px; border-bottom: 1px #eee solid; margin: 0.5%; height: 135px; margin-bottom: 10px }
.tinnoibat ul li img{width: 28%; float: left}
.tinnoibat ul li div{width: 70%; float: right}
.tinnoibat ul li div h3{font-family: Tahoma; font-size: 16px; color: #303733; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; line-height: 24px}
.tinnoibat ul li div p{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; text-align: justify}
.tinnoibat ul li:hover h3{ color: #f7c51d }
#menutop > ul > li:hover > a{ color: #de0124 }
#menutop > ul > li:first-child{ border: 0px }
.showyoutube { height: 265px; overflow: hidden; padding: 5px; border: 1px #ccc solid }
.listyoutube .trai { width: 72%; float: left }
.listyoutube .phai { width: 27%; float: right; height: 100%; overflow-y: scroll }
.listyoutube .phai iframe { width: 100%; height: 100px; min-height: inherit }
.listyoutube .trai iframe { width: 100%; height: 265px; min-height: inherit }
iframe { /*max-width: 100%; min-height: 222px*/ }
/* CSS Boxsp */
#boxsp{ width:101%; margin:0 -0.5%} #boxsp::after{ content: ''; display: block; clear: both; }
#boxsp li.product{ width: 22%; float: left; margin: 1.5%; outline: 1px solid #f2f2f2; position: relative; height: 333px; -webkit-transition: all .3s;
-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; background: #fff }
#boxsp li.product:hover{border-color: #B3B3B3;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.73);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.73);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.73); transition: 0.5 }

#boxsp li.product:hover .link{ background: rgba(0,0,0,0.5) url(../images/linkhover.png) left 14px center no-repeat; left: 20%; transition: 1s; background-size: 18px; opacity: 1 }
#boxsp li.product:hover .album{ background: rgba(0,0,0,0.5) url(../images/zoomanhhover.png) left 14px center no-repeat; right: 20%; transition: 1s; background-size: 18px; opacity: 1  }

#boxsp li.product .phantram{position: absolute; top: 10px; left: 10px; padding: 2px 6px; border-radius: 5px; border: 1px #eee solid; background-size: 16px; color: #f00; font-size: 14px; z-index: 999; background: #fff}
#boxsp li.product .phantram::after{ content: '%'; margin-left: 2px; font-size: 14px }
#boxsp li.product .phantram::before{ content: '-'; margin-left: 2px; font-size: 14px }
.price .phantram::after{ content: '%'; margin-left: 2px; font-size: 14px; display: none }
.price .phantram::before{ content: '-'; margin-left: 2px; font-size: 14px; display: none }
#boxsp li.product .icon{position: absolute; top:10px; right: 10px}
#boxsp li.product .icontext{ padding:3px 5px; background: #f00; color: #fff; border-radius: 3px}
/*.footer .social iframe{ width: 100%; height: auto }*/
.kw_titservice{line-height: 23px; margin-bottom: 10px; margin-top: 0px}
.kw_titservice h3{background: #2582be; padding: 8px 15px; color: #fff; margin-bottom: 10px}
#boxsp li.product .frame{ width: 100%; height: 200px; text-align: center; overflow:hidden; position: relative }
#boxsp li.product .frame a{ color: #9d5500; overflow: hidden; display: block; height: 100%; width: 100% }
#boxsp li.product .frame a img{ min-width: 100%; min-height: 100%; max-width: inherit; transition: all 0.8s ease-in-out }
#boxsp li.product .frame:hover img{/*transform: scale(1.05);*/}
#boxsp li.product h3{ padding: 5px; text-align: justify; line-height: 24px; margin-top: 5px; overflow: hidden; padding-top: 0px }
#boxsp li.product .mota{padding: 5px; text-align: left; line-height: 20px; overflow: hidden; margin-top: 0; padding-top: 0; font-family: Arial; text-transform: capitalize}
#boxsp li.product h3 a{ font-family: Tahoma; color: #333; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 20px; display: block; margin-top: 5px }
#boxsp li.product:hover h3 a{ color: #f00 }
#boxsp li.product p.price{ text-align: left; padding-left: 5px }
#boxsp li.product p.price span{ color: #007cc3; font-weight: bold; font-size: 13px } #boxsp li.product p.price span.giacty{ color: #666; text-decoration: line-through; margin-left: 10px; font-weight: normal; }
.price .phantram{position: static !important; background: #ffd304 !important; margin-left: 5px; color: #333 !important; float: right; margin-right: 5px; font-weight: normal !important; border: 0px !important}
#boxsp li.news{ width:31.33%; margin:1%; float:left; height: 330px; position: relative; overflow: hidden; outline: 1px solid #dadada; background: #2582be }
#boxsp li.news h3{ font-size:15px; font-weight:normal; background: #2582be; padding:5px 10px; text-transform: capitalize; line-height: 24px;}
#boxsp li.news h3 a{ color:#fff;}
#boxsp li.news span{ font-weight: normal; display: block; margin-top: 5px; font-size: 13px; line-height: 20px; padding: 0 10px; display: none }
#boxsp li.news .frame{ height: 180px; width: 100%; display: block; display: table; text-align: center }
#boxsp li.news .frame a{ display: table-cell; vertical-align: middle; }
#boxsp li.news .frame a img{width:100%; max-height: 94%}

#boxsp li.product::after { z-index: -1; position: absolute; content: ""; bottom: 34px; left: 2%; width: 48%; top: 91%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); box-sizing: border-box; height: 18px }
#boxsp li.product::before{ z-index: -1; position: absolute; content: ""; bottom: 34px; right: 2%; width: 48%; top: 91%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); box-sizing: border-box; height: 18px }

#loadmoreproduct{ width: 100%; height: 10px; text-align: center; padding:10px 0; cursor: pointer;}
#loadmore{ display: block; padding:10px 20px; width:100px; margin:20px auto; background: #f60; color: #fff; border-radius: 3px; cursor: pointer; text-align: center; border:3px solid #eee; font-size: 16px }
#loadmore:hover{ background: #f30 }

ul.tags{ margin-bottom:20px} ul.tags::after{ content: ''; display: block; clear: both; }
ul.tags li{ display:block; float: left; padding:5px; border: 1px solid #ccc; border-radius: 20px 5px 5px 20px; margin-right: 10px; background: url(../images/iconprice.png) left 5px center no-repeat; padding-left: 22px; border-bottom: 1px solid #f90; border-left: 1px solid #f90; font-style: italic;}
/* CSS tiêu đề */
h2.tieubieu{ text-transform: uppercase; color: #06f; font-size: 15px; margin-bottom: 10px }
h2.tieubieu span{ border-bottom: 5px solid #ccc }
.homecat{ text-transform: uppercase; border-bottom: 3px solid #4a90e2; position: relative; margin: 15px 0; height: 35px; display: none }
.homecat h2 a{float: left; display: block; padding: 9px 16px 9px; background: #4a90e2; font-size: 14px; color: #fff; margin: 0}
.homecat a.viewall{ border-bottom: 0; background: none; padding-bottom: 5px; color:#333; text-transform: none; 
text-align: right; float: right; font-weight: normal; margin-top: 10px; padding: 0}
.homecat b{ position: absolute; float: left; width: 0; height: 0;border-left: 0 solid transparent; border-right: 20px solid transparent;
border-bottom: 36px solid #3a87df }

/* CSS input */
input.required{ background-image: url(../images/required.png); background-position: right 4px center; background-repeat: no-repeat; background-size:8px;}
input.noempty{ border:1px dashed #f30 !important; }
span.returnstatus{ color: #f30; font-size: 12px; font-style: italic; display: block; float:right; margin-top:-15px; }


table{width:auto; max-width: 100% !important; border-collapse: collapse; margin:15px 0; }
table td{text-align: center; padding: 15px 0px;}
table td em{font-weight: bold; font-style: normal;}
td, th { border: 1px solid #999}


span.login{ display: block; margin-top: 20px }
span.login a{ display: inline-block; margin-left: 5px; padding-left: 5px; color: #005447}
span.login a:hover{ color: #b38300 }


/* CSS Logo Thương hiệu */
ul.brand{ margin-bottom: 30px; outline: 2px solid #ccc; padding:10px; background: #f7f7f7 }
ul.brand li{ width: 100%; margin-bottom: 20px}
ul.brand li img{ width: 100%}
ul.brand li a{ color: #000 } ul.brand li a:hover{ color: #06f }

/* CSS Slider & Quảng cáo */
.kw_slider{ width: 100%; position: relative; z-index:1} .kw_slider img{ border: 0; width: 100% }
.kw_onslide{ width: 20%; max-height: 504px; background: rgba(255,255,255,0.6); position: absolute; left: 7%; z-index: 9999 }

.bannertop{ position: relative; }
.bannertop .control{ position: absolute; top: 0; left: 0; z-index: 999999 }
.arrow{ position: absolute; z-index: 999; top:0; bottom: 0 }

.leftadv{ margin-top: 25px }
.leftadv img{ border: 0; margin-bottom:30px; max-width: 100%}
.leftadv img:hover{ opacity: 0.8 }

.middleadv{ width: 102%; margin:0 -1%; margin-top:20px; }
.middleadv::after{ content: ''; display: block; clear: both; margin-bottom: 10px }
.middleadv li{ width: 48%; margin: 0 1%; float: left; outline: 1px solid #eee; font-size: 0px} .middleadv li img{ width: 100%}
.middleadv li:hover{ outline: 5px solid #a55100; transition: 0.5s }
.leftcol{ width: 23%; float: left }
.rightcol{ width: 75%; float: right }
.duanlienquan{ margin-bottom: 15px }
.duanlienquan h2 a{ color: #fff; font-family: Arial; display: block; background: #f7c51d; font-weight: normal; padding: 10px 15px; margin-bottom: 12px; box-shadow: 5px 5px #999; border-radius: 1px; border: 1px #f2f2f2 solid }
/* Phân trang */
ul#phantrang{ margin-top:30px; }
ul#phantrang li{ display: inline-block; float: left; width: 20px; border:1px solid #ccc; margin:2px; border-radius:2px; padding:1px 5px 3px 5px; cursor: pointer; text-align: center; }
ul#phantrang li.active{ color: #f00; font-weight: bold; }
ul#phantrang li.next{ width:auto; }
input#gotopage{ display:inline-block; width:65px; height: 18px; padding:1px 5px 3px 5px; border: 1px solid #ccc; border-radius: 2px; float: left; margin-top:2px;}
ul#phantrang li.goto{ background: #ccc; border-radius:2px; padding:1px 5px 3px 5px; height: 18px; cursor: pointer; display: block; float: left; margin-left: 3px}
ul#phantrang li.goto:hover{ background: #999; color: #fff }

.link{background: rgba(0,0,0,0.5) url(../images/link.png) left 14px center no-repeat; background-size: 18px; z-index: 99; display: table-cell; vertical-align: middle; position: absolute; top: 40%; left: 0; border-radius: 100%; height: 45px; text-align: center; width: 45px; opacity: 0}
.album{background: rgba(0,0,0,0.5) url(../images/zoomanh.png) left 14px center no-repeat; background-size: 18px; z-index: 99; display: table-cell; vertical-align: middle; position: absolute; top: 40%; right: 0; border-radius: 100%; height: 45px; text-align: center; width: 45px; opacity: 0; cursor: pointer}

.kw_tinmoi li{ text-align:left; position:relative; line-height: 24px; outline: 0px solid #f2f2f2 } 
.kw_tinmoi li:first-child { margin-left:0} 
.kw_tinmoi li img{ /*min-height: 100%; width: 100%; height: auto; position: absolute; top: 0; right: 0*/ } 
.kw_tinmoi li h3 a{ text-transform:uppercase; color:#333} 
.kw_tinmoi li p{ font-family: Arial; line-height: 25px; font-size: 14px; color: #7a7a7a } .kw_tinmoi li:hover h3 a{ color:#007cc3}
.kw_tinmoi::after{ content:''; display:block; clear:both; height: 10px }
.kw_tinmoi li .date{ position:absolute; width:50px; height:60px; left:0; top:10px; padding:5px; background:#007cc3; color:#fff; 
text-align:center; display: none }
.kw_tinmoi li .date span{ display:block; border-top:1px solid #fff; padding-top:8px; margin-top:5px; font-size:18px}
.settinmoi{ padding: 10px; background: #fff; position: relative }
.settinmoi span{ font-size: 14px; font-family: 'Roboto Condensed', sans-serif; color: #303030; font-style: italic; margin: 5px 0px; display: inline-block }
.kw_tinmoi li::after{ content: " "; position: absolute; left: 0; bottom: 0; width: 30%; height: 2px; background: #f7c51d; display: none }
/* CSS Footer */
/*.footer{ border-top: 3px solid orange; color: #333; line-height: 36px; background: #f7c51d; padding: 20px 0px; margin-top: 20px; font-weight: bold }*/
/*.footer a{color: #fff} .footer a:hover{color: #007cc3}*/
.kw_tinmoi li:hover h3{ color: #f7c51d }
/*!*.footer .info{ display: inline-block; float: left; margin-bottom: 25px; font-size: 16px }*/
/*.footer .link{ float: right; margin-bottom: 25px; display: inline-block }*/
/*.footer .social{ width: 100%; clear: both }*!*/
/*.footer .info, .footer .linkfb, .footer .social{ width: 36%; float: left }*/
/*.footer .linkfb{ margin: 0% 1%; height: 222px; overflow: hidden; width: 30%; margin-left: 2% }*/
/*.footer .social{ margin-left: 1%; width: 30% }*/

/*.footer .social img{ max-width: 100% }*/
/*.copyright{ text-align: center; padding: 10px 0; background: url(../images/bg-end.png) repeat-x; font-size: 14px; border-bottom: 1px #eee solid; color: #333; font-weight: bold; font-family: Arial } */
/*.copyright a{ color:#060; }*/
/*.footer .main{width: 94%; max-width: -webkit-fill-available}*/
/* Menu tab */
ul.tabs { float:left; list-style:none; height:32px; width:100%; margin-top:10px;padding:0}
ul.tabs li { float:left; height:32px; line-height:32px; border:1px solid #ccc; border-bottom:0; overflow:hidden; position:relative;
background: #ddd; border-radius:2px 2px 0 0; margin-right:1px; padding:0 10px; font-size:13px}
ul.tabs li a {text-decoration:none;color:#000}
ul.tabs li.active,html ul.tabs li.active a:hover {background:#fff}
.tabContainer { overflow:hidden; clear:both; position: relative;}
.tabContent {padding-top:10px; display: none}
.setleft{ margin-left: 0 !important }
/* BXSlider */
.bx-wrapper {position: relative; margin: 0 auto; padding:0; width: auto}
.bx-wrapper img{max-width:100%}
.bx-wrapper .bx-prev { left: 10px; background: rgba(0,0,0,0.3) url(../svg/bx-prev.svg) center center no-repeat; background-size: 30px 30px; border-radius: 2px}
.bx-wrapper .bx-next { right: 10px; background: rgba(0,0,0,0.3) url(../svg/bx-prev.svg) center center no-repeat; transform:rotate(180deg); background-size: 30px 30px; border-radius: 2px}
.bx-wrapper .bx-controls-direction a { position: absolute; margin: auto; top:0; bottom:0; z-index: 100; width: 32px; height: 32px;}
.bx-wrapper:hover .bx-controls-direction a{ display: block; }

.bx-wrapper .bx-pager{position: absolute; display: inline-block; bottom: 10px; width: 80px; margin: auto; left:0; right:0; z-index: 100}
.bx-wrapper .bx-pager a{ float: left; width:12px; height:12px; text-indent: -999px; border-radius: 100%; margin-right: 5px}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000}
.tagnhanxet .bx-prev, .tagnhanxet .bx-next{ display: none } 

/*.listtin{ width: 60%; float: left }*/
.kw_titservice{ line-height: 23px; margin-bottom: 10px }
.kw_titservice h3, .listyoutube h3 { margin-bottom: 10px; font-size: 21px; border-bottom: 1px dotted; text-transform: capitalize; color: #fff; padding-bottom: 7px; font-family: Arial; font-weight: normal; background: #e6332f; padding: 8px 15px }
/*.listvideo { width: 36%; float: right } */
.kw_tinmoi li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #ccc dotted }
.kw_tinmoi li .hinhtin { width: 22%; float: left; max-height: 105px; overflow: hidden }
.kw_tinmoi li .hinhtin img { max-width: 100%; box-shadow: 4px 5px 3px #ccc }
.kw_tinmoi li img { width: 100% }
.kw_tinmoi li .infotin { width: 76%; float: right; text-align: left }
.kw_tinmoi li .infotin span { color: #333; font-size: 16px; text-transform: capitalize; font-weight: bold; font-family: Arial }
.kw_tinmoi li p { font-size: 14px; color: #666; line-height: 20px }

#nav_up{ display: none !important; padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url(../images/arrow_up.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:50px; opacity:0.7; right:30px; white-space:nowrap; cursor: pointer; border-radius:3px 3px 0 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}
#nav_down{ display: none !important; padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url(../images/arrow_down.png) no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:10px; opacity:0.7;
	right:30px; white-space:nowrap; cursor: pointer; border-radius:0 0 3px 3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}

.tagnhanxet{ width: 50%; display: inline-block }
.taglienhe{ width: 49%; float: right; display: none }
.taglienhe h2, .tutsgioithieu{ margin-bottom: 20px; font-family: Tahoma; color: #ffde00; font-size: 23px; font-weight: bold; margin-top: 0px; padding-bottom: 15px; background: url(../images/line.png) no-repeat bottom center }
.tagnhanxet, .taglienhe{ margin-top: 4% }
#right-bottom{background: #fff; padding: 2%}
.guilienhe, .reset{ color: #fff; background-color: #428bca; border-color: #357ebd; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; margin-left: 1% }
.reset{color: #fff; background-color: #d2322d; border-color: #ac2925}
.tflienhe{ width: 100%; border: solid 0px #e1e1e1; padding: 4px 10px; box-sizing: border-box; font-family: Arial; font-size: inherit; line-height: inherit }
/*.row > div{ width: 46%; float: left; padding: 1%; margin: 1%; outline: 1px #ccc solid }*/
/* CSS box call */
.boxcall{ position: fixed; z-index: 9999; display: none; bottom: 10px; left: 10px; border-radius: 5px; background: #ffde02 url(../images/phone-call.svg) left 10px center no-repeat; background-size: 24px; padding:10px 20px 10px 40px; border: 1px #ccc solid}
.boxcall a{ display:inline-block; color: #fff; margin:0 5px; } .boxcall a:hover{ font-weight: bold; text-decoration: underline; }
.boxcall span.close{ position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; border-radius: 100%; background: rgba(255,255,255,0.8) url(../images/delete.svg) center center no-repeat; background-size: 20px; color: #fff; font-weight:bold; text-align: center; cursor: pointer; display: none; }
.boxcall:hover span.close{ display: block; }
.hideboxcall{ position: fixed; bottom: 10px; left: 10px; border-radius: 5px; background: rgba(250,137,64,0.9) url(../images/phone-call.svg) left 10px center no-repeat; background-size: 24px; padding:10px; width:30px; text-indent: -9999px; cursor: pointer;}
.tamtinh{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.5); width: 96%; padding: 2%; z-index: 9999; height: 1000px}
.settamtinh{margin: 30%; margin-top: 5%; padding: 2%; background: #fff; border-radius: 5px; border: 1px #333 solid; position: relative; line-height: 25px; font-size: 16px;
    font-family: Arial}
.settamtinh span{position: absolute; right: 0; top: 0; margin: 8px; font-family: Arial; color: #fff; background: orange; padding: 2px 7px; border-radius: 3px; cursor: pointer}
.tutstin{color: #000; border-bottom: 1px #eee solid; padding: 10px; padding-left: 0; padding-bottom: 6px; margin-bottom: 12px; text-transform: capitalize}
.thanhtien{color: #f00; font-weight: bold; border-top: 1px #ccc solid; margin-top: 10px; padding-top: 5px; text-transform: uppercase; font-family: Tahoma}
/* CSS msg */
#msg{ position: fixed; z-index: 99999; width: 100%; height: 100%; background: rgba(255,255,255,0.8); left: 0; top: 0; display: none; transition: transform .8s ease-in-out}
#msg span{ display: block; position: absolute; width: 60%; min-height: 20px; text-align: center; padding:15px; border-radius: 3px; color: #fff; background:#F39C12; left:20%; top: 40%}
#msg span em{ display:block; width: 28px; height: 28px; border-radius:100%; cursor: pointer; background: #fff url(../images/close.svg) center center no-repeat; background-size:24px; position: absolute; right: -12px; top: -12px; text-indent: -99999px; transition: transform .8s ease-in-out}
#msg span em:hover{display:block; background: #fff url(../images/delete-hover.svg) center center no-repeat; width:28px; height:28px;background-size: 22px; transform: rotate(360deg);}
#msg a{ font-weight: bold; text-decoration: underline; color: #fff}

/* CSS Scrollbar */
::-webkit-scrollbar { width: 12px}
::-webkit-scrollbar-track {background-color: #eaeaea}
::-webkit-scrollbar-thumb {background-color: #ccc; border-radius:15px}
::-webkit-scrollbar-thumb:hover {background-color: #aaa}

/* Responsive cho comment & Facebook */
#___comments_0{width:100% !important}
.video-wrap{width:100% !important}
.fb-comments {max-width:100%}
.fb-comments span{max-width:100%} .fb-comments iframe{max-width:100%}
.fb_iframe_widget{max-width:100%} .fb_iframe_widget iframe{max-width: 100%}
.fb_iframe_widget span{max-width:100%}
/*iframe{max-width:100%; min-height: 333px}*/

.clear, .clr{ clear: both; overflow: hidden; padding: 0 !important; margin: 0 0 !important; border: 0px !important; outline: 0px !important }