::-webkit-scrollbar{background:#fff;width:10px;height:11px}
::-webkit-scrollbar-thumb{background:#BBB}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{min-width:100%!important}
.fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style]{width:100%!important}
.fb-comments span,.fb-comments iframe span[style],.fb-like-box span,.fb-like-box iframe span[style]{width:100%!important}
.addthis_native_toolbox{margin:10px 0;width:100%;clear:both;border:1px solid #ededed;padding:10px;margin-bottom:10px;background:#f7f6f6;box-sizing:border-box}
.addthis_native_toolbox b{float:left;font-size:14px;text-transform:uppercase;margin-right:10px}
#toptop{width:37px;height:37px;position:fixed;bottom:30px;right:20px;text-indent:-99999px;cursor:pointer;background:url(images/back_to_top.png) top center no-repeat;transition:.5s;z-index:200}
#toptop:hover{background:url(images/back_to_top.png) bottom center no-repeat;transition:.5s}
.clear{clear:both}
img{max-width:100%!important;height:auto}
div.bando img{max-width:none!important}
#map_canvas2 img{max-width:none!important}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.addthis_inline_share_toolbox{display:inline-block;vertical-align:top}
.zalo-share-button{background-color:#03A5FA;width:75px;margin:0 0 5px;height:26px!important;display:inline-block;vertical-align:top;background-image:url(https://stc.sp.zdn.vn/share/logo_white_s_2x.png);background-repeat:no-repeat;-webkit-background-size:14px 14px;background-size:14px 14px;background-position:7px 6px;position:relative;cursor:pointer}
.zalo-share-button::after{position:absolute;content:"Share";left:28px;top:5px;font-size:11px;line-height:16px;height:16px;color:#fff}
* html > body .clearfix{display:block;width:100%}
* html .clearfix{height:1%}
@font-face {
    font-family: 'roboto';
    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: 'robotobold';
    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: 'robotomedium';
    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: 'helve';
    src: url('fonts/UTMHelvetIns.eot');
    src: url('fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('fonts/UTMHelvetIns.woff2') format('woff2'),
         url('fonts/UTMHelvetIns.woff') format('woff'),
         url('fonts/UTMHelvetIns.ttf') format('truetype'),
         url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}
body{font-family:roboto;font-size:12px;line-height:1.5}
img:not([src]){visibility:hidden;opacity:0}
img:not(.initial){transition:opacity 1s}
img.parent_c{transition:all .5s ease}
img.initial,img.loaded,img.error,img.slick-lazyload-error{opacity:1!important}
img.slick-lazyload-error,img.error{transform:translateY(-50%);top:50%}
.grecaptcha-badge { display: none !important; }
div#wapper{margin:auto;background:#fff;min-width: 1349px;}
.top {
    background: #e6e6e6;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #333;
}
.top i{font-size:20px;margin-right:5px;color: #868686;}
.dc {
    width: 50%;
    float: left;
}.mxh {
    float: right;
    margin-left: 20px;
    line-height: 0;
}
.mxh img{transition:all 0.5s;margin:0 1px;}
.mxh img:hover{transition:all 0.5s;transform:rotate(45deg)}
.mail{float:right;}
div#header{position:relative;margin:auto;padding-top:15px;padding-bottom:10px;background-size: cover;}
.wrap_1200{max-width:1200px;margin:auto;/* position: relative; */}
.logo{width: 20%;display:inline-block;vertical-align: middle;}
.banner{display:inline-block;width: 55%;vertical-align: middle;text-align: center;}
.hotline{background: none;border: solid 1px #FE0404;border-radius: 15px;color: #eb0505;font-size: 27px;padding: 10px 0;padding-right: 20px;position:relative;float: right;box-sizing: border-box;padding-left: 45px;font-family: helve;margin-top: 23px;}
p.sdt{clear:both;padding-left: 15px;}
.hotline:before{position:absolute;top:-12px;left: 0px;background:  url(images/phone.png) no-repeat;width: 45px;height: 45px;content:'';}
.hotline p{line-height:25px}
p.hl{background:#fff;text-shadow:0 0 3px #ccc;margin-top: -23px;float:left;padding: 0 5px;font-size: 14px;color: #000;font-family: roboto;}
div.header{display:none}
div.wap_menu{position:relative;background: #F69332;height: 50px;line-height: 50px;z-index:99;margin:auto;width:100%;}
div.menu{position:relative;width: 1200px;margin:auto;}
div.menu ul{float:left;list-style:none}
div.menu ul li{float:left;position:relative;z-index:50;padding: 0 30px;}

div.menu ul li a {
    position: relative;
    z-index: 1;
}
div.menu ul li a{color:#fff;font-size:16px;text-decoration:none;text-transform:uppercase;display:block;font-family:roboto;}
div.menu ul li.active{color:#fff;position:relative;z-index: 1;}
div.menu ul li.active:before, div.menu .box_menu > ul > li:hover:before{position:absolute;content:'';top:0;left: 0;right: 0;bottom: 0;background: #CC0303;z-index: 1;transform: skewX(-16deg);}
div.menu ul li:hover > a{}
div.menu ul li ul{position:absolute;display:none;min-width:220px;background: #f69332;line-height:1.5;top:100%;left:0;}
div.menu ul li ul li > ul{position:absolute;margin-left:0;display:none;min-width:220px;background:#0480B0;line-height:1.5;left:100%;top:0}
div.menu ul li ul li{float:none;padding:0}
div.menu ul li ul li a{padding:6px 10px;text-transform:none;display:block;border-bottom:1px solid #fff;font-size:15px}

div.menu ul li ul li a:hover {
    background: #cc0303;
}
div.search{float: right;background: #FCD9B7;border-radius: 5px;height:30px;box-shadow: -3px -3px 3px #C19E7C;transform: skewX(-20deg);margin-top: 10px;}
div.search input{padding:0 10px;float:left;border:none;background:none;width: calc(100% - 30px);outline:none;color: #000;height: 30px;transform: skewX(20deg);}
div.search i{float:right;color:#222;font-size:17px;cursor:pointer;width: 30px;text-align: center;line-height: 30px;transform: skewX(20deg);}
div#slider{margin:auto}
div#left{width:22.5%;float:left}
div.tieude{color:#fff;font-size:20px;background:url(images/tt_left.png) no-repeat;height:52px;line-height:60px;text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;text-align:center;margin-top:-10px;background-size:100%}
div.danhmuc{border:1px solid #B2E2F4;margin-bottom:40px}
div.danhmuc:last-child{margin-bottom:0}
.danhmuc1 ul{list-style:none;padding:10px;padding-bottom:0}
.danhmuc1 ul li:last-child a{border:none}
.danhmuc1 ul li a{color:#454545;font-family:roboto;text-decoration:none;font-size:15px;transition:.4s;display:block;border-bottom:1px solid #DDD;padding:10px 5px 10px 35px;background:url(images/muiten.png) 20px 16px no-repeat;text-transform:uppercase}
.danhmuc1 ul li a:hover,div#danhmuc ul li a.active{color:red;transition:.4s}
.danhmuc1 ul li ul li a{background:url(images/muiten.png) 22px 15px no-repeat;padding:9px 5px 9px 35px}
.danhmuc1 ul li ul{display:none}
.tt-left {
    width: 47%;
    float: right;
}
.video_left {width: 75%;float: left;}
.video_right {
    float: right;
    width: 24%;
}
.box_video {margin-bottom: 5px;}

.box_video img {
    width: 100%;
    height: 105px;
}
.tt-right {
    width: 50%;
    float: left;
}
.tinnb {
    width: 35%;
    float: left;
}
.img_nb{margin-bottom:10px;}

.img_nb img {
    width: 100%;
}
.img_nb a{display:block;line-height:0;}
.tennb{margin-bottom:5px;}
.tennb a{
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-family: robotobold;
    display: block;
} 
.tennb a:hover {
    color: #f00;
}
.ngaytao {
    color: #F69535;
    font-size: 13px;
    margin-bottom: 5px;
}
.xthem1 {
    width: 110px;
    border: solid 2px #000;
    text-align: center;
    line-height: 45px;
    margin-top: 25px;
}
.xthem1 a{text-decoration:none;color:#000;text-transform:uppercase;font-size:14px;font-family:roboto;}
.xthem1:hover{background:#f00;}
.xthem1:hover a{color:#fff;}
.video_left1 {
    width: 65%;
    float: left;
}
.video_left1 .tenvideo {
    margin-top: 10px;
}
.tenvideo {
    font-size: 16px;
}
.video_right1 {
    width: 34% !important;
    float: right;
}
.tt-right #tinmoi {
    width: 63%;
    float: right;
}
.tt_tin {
    font-family: helve;
    color: #000;
    font-size: 25px;
    margin-bottom: 20px;
    background: url(images/tt_tin.png) repeat-x left bottom;
    padding-bottom: 10px;
}
.tt_tin span{position:relative;}
.tt_tin span:after
{
    position: absolute;
    content: '';
    left: 0;
    bottom: -9px;
    width: 60px;
    background: #f69332;
    height: 3px;
}
div#tinmoi ul
{
    list-style:none;
}
div#tinmoi ul li
{
    padding-bottom: 10px;
}
div#tinmoi ul li a img
{
    width: 140px;
    height: 105px;
    border:1px solid #d6d6d6;
    float:left;
    margin-right:10px;
}
div#tinmoi ul li a img:hover
{
    transition:1s;
    border:1px solid red;
}
div#tinmoi ul li h4 a
{
    text-decoration:none;
    color:#111111;
    font-size: 14px;
    transition:0.4s;
    font-weight: normal;
    font-family: robotobold;
}
div#tinmoi ul li h4 a:hover
{
    color:red;
    transition:0.4s;
}
div.load_video{}
div#dknt{max-width:350px}
form#frm_dknt{height: 40px;margin:10px 0;border-bottom: solid 1px #8c8c8c;}
form#frm_dknt input[type='email']{width: calc(100% - 60px);float:left;border:none;background:none;outline:none;color: #888;outline:none;height: 30px;margin-top: 5px;}

form#frm_dknt input[type='email']::placeholder {
    color: #888;
}
form#frm_dknt input[type='button']{background: #f69332;color:#fff;width: 60px;height: 30px;line-height: 30px;border:none;cursor:pointer;float:right;text-transform:uppercase;outline:none;margin-top: 4px;}
.breadcrumb{margin-bottom:10px;background:#f8f8f8;padding: 20px 0;text-align: center;}
.breadcrumb ul{list-style:none}
.breadcrumb ul li a{text-decoration:none;color:#797878;background:url(images/i_tinkhac.png)no-repeat right 2px;padding-right:15px;font-size:13px;font-family:roboto}
.breadcrumb ul li:last-child a{background:none;color:red}
.breadcrumb ul li{display:inline-block}
.breadcrumb ul li i{margin-right:5px}
div#main_content{}
p.img_dv a {
    display: block;
    line-height: 0;
}
p.img_dv {
    margin-bottom: 15px;
}
.box_gt {
    padding: 80px 0;
    background-size: cover;
}
.mt_gt {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
    color: #333;
}
p.views {
    width: 120px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: solid 1px #f69332;
}

p.views:hover {
    background: #f00;
    transition: all 0.5s;
}

p.views:hover a {
    color: #fff;
}
p.views i{margin-left:5px;}
p.views a{display:block;text-decoration:none;color:#f69332;font-size:14px}
.info_gt {
    float: right;
    width: 50%;
}
.text {
    font-size: 23px;
    font-family: roboto;
    color: #333;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 10px;
    padding-right: 20px;
}
.text:after{
    position:absolute;
    content:'';
    bottom: 10px;
    right:-176px;
    background:url(images/tt_gt.png) no-repeat;
    width:176px;
    height:4px;
}
.photo_gt {
    float: left;
    width: 46%;
    position: relative;
    height: 295px;
    border: solid 4px #f69332;
    text-align: center;
}
.photo {
    max-width: 420px;
    margin-top: -40px;
    margin-left: 40px;
    position: relative;
    line-height: 0;
}

.photo:before {
    position: absolute;
    content: '';
    top: 36px;
    left: 0;
    right: 0;
    border-bottom: solid 4px #fff;
    z-index: 9;
}
.photo1:before {
    position: absolute;
    content: '';
    bottom: 26px;
    left: 0;
    right: 0;
    border-bottom: solid 4px #fff;
    z-index: 9;
}
.photo1 {
    position: absolute;
    bottom: -30px;
    right: 30px;
    line-height: 0;
}

.photo1 a {
}
.box_tc {
    padding: 40px 0;
}
.item_tc {
    margin: 0 30px;
    display: inline-block;
    vertical-align: top;
    width: calc(100%/3 - 63px);
    position: relative;
    text-align: center;
}
.mtck {
    font-size: 14px;
    color: #333;
    line-height: 25px;
    margin: auto;
}
p.tc_img {
    width: 278px;
    height: 275px;
    margin: auto;
    margin-bottom: 25px;
    border-radius: 50%;
    position: relative;
    padding: 15px;
}
h4.name_tc{margin-bottom:5px;}
h4.name_tc a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 17px;
    font-family: robotobold;
    display: block;
}
h4.name_tc a:hover{color:#f69332;}
p.tc_img:after {
    position: absolute;
    content: '';
    bottom: -20px;
    width: 100%;
    left: 0;
    height: 24px;
    background: url(images/shadow.png) no-repeat center bottom;
} 
p.tc_img a {
    display: block;
    line-height: 0;
    position: relative;
    border-radius: 50%;
}

p.tc_img a:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    box-shadow: 4px 5px 9px #00000087 inset;
    z-index: 1;
}
p.tc_img:before{
    position:absolute;
    content:'';
    left: 0;
    right: 0;
    top: 3px;
    bottom: 0;
    background: url(images/circle.png) no-repeat;
    transition: all 3s;
    cursor: pointer;
}

p.tc_img:hover:before {
    transition: all 3s;
    transform: rotate(360deg);
}
p.tc_img img{width:100%;height:100%;border-radius:50%;}
.qc img {
    width: 100%;
}
.box_tintuc {
    padding: 40px 0;
}
.box_hinh {
    background: #F7F7F7;
    padding: 40px 0;
}
.item_h {
    width: calc(100%/4 - 13px);
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    overflow: hidden;
}
.box_tv .item_h { width: calc(100%/5 - 13px);}
p.h_img a {
    display: block;
    line-height: 0;
}
p.views_h {
    margin-top: 20px;
    text-align: center;
}
p.views_h a{
    text-decoration:none;font-size:16px;
    display:inline-block;
    vertical-align:top;
    padding:8px 20px;
    border:solid 1px #f69332;
    color:#f69332;

}

p.views_h a:hover {
    background: #f69332;
    color: #fff;
    transition: all 0.7s;
}
.doitac {
    background: #F1F1F1;
    padding: 50px 0;
}
.itemdt {
    border: solid 1px #e9e9e9;
    margin: 0 10px;
    background: #fff;
}
div#right{width:76%;float:right}
div.tieude_giua{color:#333;text-transform:uppercase;text-align:center;margin-bottom: 30px;font-family: helve;font-size: 28px;position:relative;background: url(images/tt.png) no-repeat center bottom;padding-bottom: 25px;}
div.tieude_giua1{color:#333;text-transform:uppercase;text-align:center;margin-bottom:20px;font-family: helve;font-size: 34px;position:relative;}

.box_gt .tieude_giua {
    text-align: left;
}

.tieude_giua1 span {
    color: #fe0202;
} 
.tieude_giua1 h2, .tieude_giua1 h1 {
    font-size: 34px;
    font-weight: normal;
}
.tieude_giua h2, .tieude_giua h1 {
    font-size: 28px;
    font-weight: normal;
}
div.wap_item{position:relative;margin:10px -10px}
div.item{width: calc(100%/4 - 23px);text-align:center;display:inline-block;vertical-align:top;margin: 10px;}
.sp_img{position:relative;border:solid 1px #E6E6E6;padding:5px;box-sizing:border-box;margin-bottom:15px}
.sp_img a{display:block;line-height: 0;}
.sp_img:hover{border: solid 1px #f69332;transition:all .5s;}
.sp_img:before{position:absolute;top:3px;right:-4px;content:'';width:4px;height:100%;border-right:solid 1px #E6E6E6;border-top:solid 1px #E6E6E6}
.sp_img:after{position:absolute;bottom:-4px;left:3px;content:'';width:100%;height:4px;border-bottom:solid 1px #E6E6E6;border-left:solid 1px #E6E6E6}
h3.sp_name{margin-bottom:5px}
h3.sp_name a{text-decoration:none;color:#000;font-family:roboto;font-weight:400;text-transform:uppercase;font-size:14px}
h3.sp_name a:hover{color:red;transition:all .5s}
p.sp_gia{font-size:14px}
p.sp_gia span{color:red}
.right_gh{float:left;width:45%}
input.btn.button.click_ajax{border:1px solid #000;color:#000;background:#fff;padding:8px 25px;border-radius:0;cursor:pointer;text-transform:uppercase}
input.btn.button.click_ajax:hover{background:#ec407a;color:#fff}
input.click_ajax.click_ajax2{background:#000;color:#fff;border:1px solid#5b5b5b;padding:8px 25px;border-radius:0;margin-left:12px;cursor:pointer;text-transform:uppercase}
input.click_ajax.click_ajax2:hover{color:#ec407a;border:solid 1px #ec407a;transition:all ease .5s}
.left_gh{float:right;width:48%}
.item_tt{font-size:14px;margin-bottom:15px;position:relative;}
.item_tt input{margin-right:10px;display:inline-block;vertical-align:middle;cursor:pointer;opacity:0;float:left;width:20px;height:20px;cursor:pointer;z-index:99}
.item_tt i.fa:before{position:absolute;content:"\f096";cursor:pointer}
.item_tt.active_ht i.fa:before,.item_tt.active_ht:nth-child(1) i.fa:before{content:"\f046";color:#ec407a}
.item_tt i.fa{position:absolute;top:0;left:0;width:20px;height:20px;font-size:20px;color:#a9a9a9;cursor:pointer}
.item_tt.active_ht .checkmark{display:block}
.checkmark{display:none;margin-top:10px;margin-bottom:25px;padding-left:30px}
table#giohang{color:#000;background:#fff;width:100%;font-size:13px;;font-weight:500}
p.name_sp a{font-size:14px;color:#2c2c2c;text-decoration:none}
p.name_sp a:hover{color:red}
tr.tt_gh{background:#ec407a;color:#fff;font-size:15px;}
div#wap_footer{padding: 40px 0;margin:auto;color:#fff;background-size: cover;}
div#footer{max-width:1200px;margin:auto}
div#main_footer{width: 39%;display:inline-block;vertical-align:top;}
.mxh1 {
    text-transform: uppercase;
    font-size: 13px;
    margin-top:15px;
}
.mxh1 img {
    margin: 0 3px;
    transition: all 0.6s;
    vertical-align:middle;
}
.mxh1 img:hover{transition:all 0.6s;transform:rotate(45deg)}
.tenctyft {
    font-size: 24px;
    font-family: helve;
    color: #f69332;
    margin-bottom: 20px;
}
div#main_footer p{font-size:14px;margin-bottom:12px}
div#main_footer p img{vertical-align:middle;margin-right:5px}
.maps{width:25%;display:inline-block;vertical-align:top;margin: 0 5%;}

.maps ul li {
    list-style: none;
    margin-bottom: 10px;
}

.maps ul li a:hover {
    text-decoration: underline;
    color: #f69332;
}

.maps ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}
.fb{width: 25%;display:inline-block;vertical-align:top;}
.ttft{font-size: 15px;margin-bottom: 20px;position:relative;font-family: robotomedium;text-transform: uppercase;} 
.bottom{background: #F69535;padding: 15px 0;color:#fff;font-size:13px;position: relative;}

.bottom:before {
    position: absolute;
    content: '';
    top: 0;
    left: 30px;
    width: 65px;
    bottom: 0;
    background: #000;
    transform: skewX(-23deg);
}
.copyright {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}
.tktc {
    display: inline-block;
    vertical-align: top;
    width: 39%;
    text-align: right;
}
div.wap_pro{margin:15px auto;clear:both}
.zoom_slick{width:45%;float:left;text-align:center}
.zoom_slick .slick2{border:1px solid #DDD}
.zoom_slick .slick{margin-top:5px}
.zoom_slick .slick img{width:95%;margin:auto;border:1px solid #DDD;box-sizing:border-box;cursor:pointer}
.zoom_slick .slick img:hover{border:1px solid #F60;opacity:.5;transition:1s}
.product_info{float:right;list-style:none;width:52%}
.product_info li{font-size:13px;border-bottom:1px solid #EEE;padding:6px 0}
.product_info li.ten{color:#03F;font-size:18px}
.product_info li.giacu{font-size:15px;text-decoration:line-through}
.product_info li.gia{color:red;font-size:16px}
.product_info li b{font-weight:400;font-size:14px}
@-webkit-keyframes star {
0%{-webkit-transform:rotate(0) scale(0)}
50%{-webkit-transform:rotate(180deg) scale(1.5)}
100%{-webkit-transform:rotate(360deg) scale(0)}
}
@-o-keyframes star {
0%{-o-transform:rotate(0) scale(0)}
50%{-o-transform:rotate(180deg) scale(1.5)}
100%{-o-transform:rotate(360deg) scale(0)}
}
@-moz-keyframes star {
0%{-moz-transform:rotate(0) scale(0)}
50%{-moz-transform:rotate(180deg) scale(1.5)}
100%{-moz-transform:rotate(360deg) scale(0)}
}
.start-animate{z-index:1.0E+17!important;position:absolute;animation:star linear 1.75s infinite;-moz-animation:star linear 1.75s infinite;-webkit-animation:star linear 1.75s infinite;-o-animation:star linear 1.75s infinite}
@keyframes star {
0%{transform:rotate(0) scale(0)}
50%{transform:rotate(180deg) scale(1.5)}
100%{transform:rotate(360deg) scale(0)}
}