/* Font face*/
@font-face{font-family:rr;src:url('../fonts/RobotoRegular/RobotoRegular.eot');src:url('../fonts/RobotoRegular/RobotoRegular.eot') format('embedded-opentype'),url('../fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'),url('../fonts/RobotoRegular/RobotoRegular.woff') format('woff'),url('../fonts/RobotoRegular/RobotoRegular.ttf') format('truetype'),url('../fonts/RobotoRegular/RobotoRegular.svg#RobotoRegular') format('svg');font-display:block;}
@font-face{font-family:rr;font-weight:bold;src:url('../fonts/RobotoBold/RobotoBold.eot');src:url('../fonts/RobotoBold/RobotoBold.eot') format('embedded-opentype'),url('../fonts/RobotoBold/RobotoBold.woff2') format('woff2'),url('../fonts/RobotoBold/RobotoBold.woff') format('woff'),url('../fonts/RobotoBold/RobotoBold.ttf') format('truetype'),url('../fonts/RobotoBold/RobotoBold.svg#RobotoBold') format('svg');font-display:block;}
@font-face{font-family:rb;src:url('../fonts/RobotoBold/RobotoBold.eot');src:url('../fonts/RobotoBold/RobotoBold.eot') format('embedded-opentype'),url('../fonts/RobotoBold/RobotoBold.woff2') format('woff2'),url('../fonts/RobotoBold/RobotoBold.woff') format('woff'),url('../fonts/RobotoBold/RobotoBold.ttf') format('truetype'),url('../fonts/RobotoBold/RobotoBold.svg#RobotoBold') format('svg');font-display:block;}
@font-face{font-family:rr;font-weight:900;src:url('../fonts/RobotoBold/Roboto-Black.eot');src:url('../fonts/RobotoBold/Roboto-Black.eot') format('embedded-opentype'),url('../fonts/RobotoBold/Roboto-Black.woff2') format('woff2'),url('../fonts/RobotoBold/Roboto-Black.woff') format('woff'),url('../fonts/RobotoBold/Roboto-Black.ttf') format('truetype'),url('../fonts/RobotoBold/Roboto-Black.svg#Roboto-Black') format('svg');font-display:block;}
@font-face{font-family:rm;src:url('../fonts/RobotoMedium/RobotoMedium.eot');src:url('../fonts/RobotoMedium/RobotoMedium.eot') format('embedded-opentype'),url('../fonts/RobotoMedium/RobotoMedium.woff2') format('woff2'),url('../fonts/RobotoMedium/RobotoMedium.woff') format('woff'),url('../fonts/RobotoMedium/RobotoMedium.ttf') format('truetype'),url('../fonts/RobotoMedium/RobotoMedium.svg#RobotoMedium') format('svg');font-display:block;}
@font-face{font-family:rr;font-weight:500;src:url('../fonts/RobotoMedium/RobotoMedium.eot');src:url('../fonts/RobotoMedium/RobotoMedium.eot') format('embedded-opentype'),url('../fonts/RobotoMedium/RobotoMedium.woff2') format('woff2'),url('../fonts/RobotoMedium/RobotoMedium.woff') format('woff'),url('../fonts/RobotoMedium/RobotoMedium.ttf') format('truetype'),url('../fonts/RobotoMedium/RobotoMedium.svg#RobotoMedium') format('svg');font-display:block;}
@font-face{font-family:utmhi;src:url('../fonts/utmhelvetins/utmhelvetins.eot');src:url('../fonts/utmhelvetins/utmhelvetins.eot') format('embedded-opentype'),url('../fonts/utmhelvetins/utmhelvetins.woff2') format('woff2'),url('../fonts/utmhelvetins/utmhelvetins.woff') format('woff'),url('../fonts/utmhelvetins/utmhelvetins.ttf') format('truetype'),url('../fonts/utmhelvetins/utmhelvetins.svg#UTMHelvetInsRegular') format('svg');font-display:block;}
@font-face{font-family:qs;src:url('../fonts/Quicksand/QuicksandRegular.eot');src:url('../fonts/Quicksand/QuicksandRegular.eot') format('embedded-opentype'),url('../fonts/Quicksand/QuicksandRegular.woff2') format('woff2'),url('../fonts/Quicksand/QuicksandRegular.woff') format('woff'),url('../fonts/Quicksand/QuicksandRegular.ttf') format('truetype'),url('../fonts/Quicksand/QuicksandRegular.svg#QuicksandRegular') format('svg');font-display:block;}
@font-face{font-family:qs;font-weight:500;src:url('../fonts/Quicksand/QuicksandMedium.eot');src:url('../fonts/Quicksand/QuicksandMedium.eot') format('embedded-opentype'),url('../fonts/Quicksand/QuicksandMedium.woff2') format('woff2'),url('../fonts/Quicksand/QuicksandMedium.woff') format('woff'),url('../fonts/Quicksand/QuicksandMedium.ttf') format('truetype'),url('../fonts/Quicksand/QuicksandMedium.svg#QuicksandMedium') format('svg');font-display:block;}
@font-face{font-family:qs;font-weight:700;src:url('../fonts/Quicksand/QuicksandBold.eot');src:url('../fonts/Quicksand/QuicksandBold.eot') format('embedded-opentype'),url('../fonts/Quicksand/QuicksandBold.woff2') format('woff2'),url('../fonts/Quicksand/QuicksandBold.woff') format('woff'),url('../fonts/Quicksand/QuicksandBold.ttf') format('truetype'),url('../fonts/Quicksand/QuicksandBold.svg#QuicksandBold') format('svg');font-display:block;}
@font-face{font-family:utmbc;src:url('../fonts/UTMBeautifulCaps/UTMBeautifulCaps.eot');src:url('../fonts/UTMBeautifulCaps/UTMBeautifulCaps.eot') format('embedded-opentype'),url('../fonts/UTMBeautifulCaps/UTMBeautifulCaps.woff2') format('woff2'),url('../fonts/UTMBeautifulCaps/UTMBeautifulCaps.woff') format('woff'),url('../fonts/UTMBeautifulCaps/UTMBeautifulCaps.ttf') format('truetype'),url('../fonts/UTMBeautifulCaps/UTMBeautifulCaps.svg#UTMBeautifulCaps') format('svg');font-display:block;}
@font-face{font-family:sfuf;font-display:block;src:url('../fonts/SFUFenice/SFUFeniceRegular.eot');src:url('../fonts/SFUFenice/SFUFeniceRegular.eot') format('embedded-opentype'),url('../fonts/SFUFenice/SFUFeniceRegular.woff2') format('woff2'),url('../fonts/SFUFenice/SFUFeniceRegular.woff') format('woff'),url('../fonts/SFUFenice/SFUFeniceRegular.ttf') format('truetype'),url('../fonts/SFUFenice/SFUFeniceRegular.svg#SFUFeniceRegular') format('svg');}
@font-face{font-family:'SF-Pro';font-weight:300;src:url("../fonts/SF-ProDisplay/SF-Pro-Display-Light.otf");font-style:normal;font-display:block;}
@font-face{font-family:'SF-Pro';font-weight:400;src:url("../fonts/SF-ProDisplay/SF-Pro-Display-Regular.otf");font-style:normal;font-display:block;}
@font-face{font-family:'SF-Pro';font-weight:500;src:url("../fonts/SF-ProDisplay/SF-Pro-Display-Medium.otf");font-style:normal;font-display:block;}
@font-face{font-family:'SF-Pro';font-weight:600;src:url("../fonts/SF-ProDisplay/SF-Pro-Display-Semibold.otf");font-style:normal;font-display:block;}
@font-face{font-family:'SF-Pro';font-weight:700;src:url("../fonts/SF-ProDisplay/SF-Pro-Display-Bold.otf");font-style:normal;font-display:block;}
@font-face{font-family:'UTM-B';src:url("../fonts/UTM-Bitsumishi-Pro.ttf");font-style:normal;font-display:block;}
html,body,.banner{min-width:1366px}
:root{--color-red:#ec2d3f;--color-medium-red:#cc2c32;--color-dark-red:#c31829;--color-green:#28a745;--color-dark-green:#207d36;--color-black:#212529;--color-gray:#6c757d;--color-main1:#0D8802;--color-main2:#017540;--color-main3:#008f3a;--color-hover:#DF0000;--font:rr;--color-main:#0D8802}
.hidden-seo{display:none;visibility:hidden}
.breadCrumbs{}
.breadcrumb{gap:5px;padding:10px 0!important}
.breadcrumb li{display:flex;align-items:center;gap:5px;}
.breadcrumb li a{flex:1 1 0%;color:#666;transition:.2s;}
.breadcrumb li a:hover{color:var(--color-main)}
.breadcrumb li.active a{font-weight:500;color:var(--color-main)}
.breadcrumb li svg{width:7px;color:#666;}
.wrap-main{margin:30px 0}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;box-sizing:border-box;vertical-align:baseline;}
body{line-height:1.4}
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}
html,body{font-size:14px;line-height:1.5;text-rendering:optimizeLegibility;font-family:var(--font);}
body{max-width:1920px;width:100%;margin:0 auto;top:0!important;color:#000;background-size:100% auto;min-width:320px;}
a{text-decoration:none;color:#000;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;outline:none}
a:hover{text-decoration:none!important;color:#F00}
img{border:none;max-width:100%;vertical-align:middle;height:auto}
input,textarea{padding:0;margin:0;resize:none;outline:none;font:14px rr}
select,.cp{cursor:pointer}
.clear{clear:both}
a:focus{outline:0}
p{margin:0 0 0.7em 0}
input:focus{outline:1px solid #f97d17}
textarea:focus{outline:1px solid #f97d17}
del{text-decoration:line-through}
table{border-collapse:collapse}
button{border:0;cursor:pointer;font-weight:bolb;outline:none}
ul,ol{margin:0px;text-decoration:none!important;padding:0 0 0 20px}
hr{margin-top:0}
.hidden-imp{display:none!important}
.none{display:none}
.img-fluid{max-width:100%;height:auto!important;}
.text-ellipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.text-split{overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.wikis{max-width:1200px;width:calc(100% - 20px);margin:0 auto;position:relative;}
.w_1300{max-width:1366px;width:100%;margin:0 auto;position:relative;padding:0 0px}
.w_1200{max-width:1200px;width:calc(100% - 20px);margin:0 auto;position:relative;}
.wap_1300{max-width:1300px;width:calc(100% - 20px);margin:0 auto;position:relative;}
.w_1000{max-width:1100px;width:100%;margin:0 auto}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}
.flex-wrap{flex-wrap:wrap;}
.justify_between{justify-content:space-between}
.fr{float:right}
.fl{float:left}
.fn{float:none}
.mw_50{max-width:50%}
.w_75{width:75%}
.w_50{width:50%}
.w_25{width:25%}
.col_2{margin:0 -10px}
.col_2 > div{max-width:calc((100% / 2) - 20px);margin:10px;width:100%}
.col_3{margin:0 -15px}
.col_3 > div{max-width:calc(33.33% - 30px);margin:15px;width:100%}
.col_4{margin:0 -10px}
.col_4 > div{max-width:calc((100% / 4) - 20px);margin:10px;width:100%}
.col_5{margin:0px -10px}
.col_5 > div{max-width:calc((100% / 5) - 20px);margin:10px;width:100%}
iframe{max-width:100%;display:inline-block}
.map > iframe{width:100%;max-height:100%}
.fb-comments iframe{width:100%!important}
.grecaptcha-badge{z-index:-1;opacity:0}
.images img{width:100%}
.pad_5{padding:5px}
.pad_10{padding:10px}
.pad_15{padding:15px}
.pad_20{padding:20px}
.bor_1{border:1px solid}
.br_50,.br_50 img{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.br_5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.br_10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.text-center{text-align:center}
.text-cap{text-transform:capitalize}
.text-upp{text-transform:uppercase}
.breadcrumd{display:none;padding:10px 0}
.text-sd{-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=225,Color=#fff)";text-shadow:0 2px 0 #fff,0 0 2px #fff,2px 0 0 #fff,2px 2px 0 #fff,-2px 0 0 #fff,-2px 2px 0 #fff,-2px -2px 0 #fff,0 -2px 0 #fff,2px -2px 0 #fff;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#fff)}
.text-sd-den{-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=225,Color=#000)";text-shadow:0 2px 0 #000,0 0 2px #000,2px 0 0 #000,2px 2px 0 #000,-2px 0 0 #000,-2px 2px 0 #000,-2px -2px 0 #000,0 -2px 0 #000,2px -2px 0 #000;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#000)}
.flag_lang{margin:5px;height:25px}
.bg_f{background:#fff}
.of_hd{overflow:hidden}
.grid{display:grid;grid-gap:30px}
.bt_open{cursor:pointer}
.box_hide{display:none;position:absolute;top:100%;right:0}
.intro_tpl{position:fixed;top:0;left:0;right:0;bottom:0;justify-content:center;align-items:center;font-size:20px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=30,Direction=0,Color=#000000)";-moz-box-shadow:0 0 30px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2) inset;box-shadow:0 0 30px rgba(0,0,0,0.2) inset;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=30,Direction=135,Color=#000000)}
.grid.cot_2{grid-template-columns:repeat(2,1fr)}
.grid.cot_3{grid-template-columns:repeat(3,1fr)}
.grid.cot_4{grid-template-columns:repeat(4,1fr)}
.phantrang{text-align:center;background:rgba(0,0,0,0);padding:5px 0px}
.phantrang a,.phantrang span{display:inline-block;background:#dfdfdf;color:#000;cursor:pointer;font-size:14px;margin:10px 5px 10px 6px;padding:6px 13px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=0,Color=#9D9DA3)";-moz-box-shadow:0 0 1px 1px rgba(0,0,0,0.1),0 3px 0 #9D9DA3;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.1),0 3px 0 #9D9DA3;box-shadow:0 0 1px 1px rgba(0,0,0,0.1),0 3px 0 #9D9DA3;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#9D9DA3)}
.phantrang span{background:#b5b5ba;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.phantrang a:hover{background:none repeat scroll 0 0 #929292;color:#FFFFFF}
.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}
.vshd{visibility:hidden;height:0px;width:0px;position:fixed;top:-10px}
#back-top{position:fixed;bottom:30px;right:10px;text-align:center;display:none;z-index:999999}
.button1{padding:10px 25px;text-transform:capitalize;display:inline-block;font-family:rr;margin:10px 0 0 0;cursor:pointer;border:1px solid #d61414;background:#fff;color:#d61414;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.button{padding:7px 25px;text-transform:none;display:inline-block;font:500 13px/20px SF-PRO;margin:15px 0 0 0px;text-align:center;cursor:pointer;text-transform:none;color:#000;border:none;border-radius:0;background:#F0F0F0;}
.button .name{width:100%;font:bold 15px rr;text-transform:uppercase;margin:0 0 5px 0}
.bt_zalo,.bt_face{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#288AD6;padding:7px 5px;width:100%;display:block;color:#fff;text-align:center}
.bt_face{background:rgba(58,85,159,1)}
.bt_zalo:hover,.bt_face:hover{background:#dc0000;color:#fff}
.more.button{box-shadow:none}
.rs_button{background:#333333;color:#fff}
.button:hover{color:#fff!important;background:-moz-linear-gradient(180deg,#c00 0,#c00 100%);background:var(--color-main1);}
.bt_tragop{text-align:center;background:#fdc81a;text-transform:none;font-size:13px;width:300px;max-width:100%;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border-bottom:3px solid #d4a91c}
.bt_tragop:hover{border-color:#670000}
.bt_tragop .name{font-family:'Oswald';font-size:20px;font-weight:bold;text-transform:uppercase}
.button1:hover{color:#fff;background:#d61414}
.input{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:1px solid rgba(86,86,86,0.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.center{max-width:1000px;margin:0 auto;position:relative}
.w-clear{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,.zalo-share-button{display:inline-block;vertical-align:top;margin:5px 0 0 0}
.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{position:relative;padding:0 0 20px 0;text-align:center;margin:0px 0px 25px 0;background:url(../img/tcat-b.png) no-repeat center bottom;}
.main-tit:before{position:absolute;display:inline-block;width:7px;top:calc(100% + 2px);left:0;height:6px;background:url(../img/bg-tcat.png);border-right:none}
.main-tit.text-right{background:url(../img/tcat-b-w.png) no-repeat bottom center,url(../img/dashed-w.png) repeat-x bottom 11px center}
.main-tit .icon{position:absolute;right:-22px;background:#013da7;padding:5px 6px;bottom:0;border:3px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.main-tit .icon img{width:26px;height:26px;filter:brightness(0) invert(1);-ms-filter:brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);-moz-filter:brightness(0) invert(1);-o-filter:brightness(0) invert(1)}
.main-tit .name{font-weight:bold;position:relative;font-size:30px;font-weight:900;margin:0px 0;vertical-align:middle;display:inline-block;text-transform:uppercase;z-index:22;padding:0;color:var(--color-main1);}
.main-tit .tt{}
.main-tit .name span{color:#333333}
.main-tit .dmc1{padding:9px 10px;display:inline}
.main-tit .more{float:right;font-size:13px;font-family:rb;padding:10px}
.tt{margin:5px 0;font-size:15px}
.dm_title{background:url(../img/bg-tt.png) repeat-x bottom left;-webkit-border-radius:0 10px;-moz-border-radius:0 10px;border-radius:0 10px;margin:0 0 15px 0}
.dm_title .name{font-size:16px;font-family:rb;color:#fff;text-transform:uppercase;background:#34bd21;display:inline-block;padding:10px 20px;line-height:1.5;min-width:250px;-webkit-border-radius:0 10px;-moz-border-radius:0 10px;border-radius:0 10px}
.main-tit.main-tit-w .name{color:#fff;font-size:24px}
.col_left{position:-webkit-sticky;position:sticky;top:50px}
.scroll_x{overflow-y:hidden;overflow-x:scroll}
.scroll_y{overflow-x:hidden;overflow-y:scroll}
.add_cart{cursor:pointer}
.tabs .img_ab{position:absolute;opacity:0;width:100%}
.tabs .img_ab.active{position:relative;opacity:1}
.tabs .title-tab{position:relative;text-align:center;margin:0 0 15px 0}
.tabs .content-tab{padding:15px 0}
.tabs .title-tab .tab{font-family:sfufb;font-size:15px;cursor:pointer;padding:13px 20px;display:inline-block;text-transform:uppercase;position:relative;border:2px solid rgba(255,255,255,0.2);-webkit-border-radius:26px;-moz-border-radius:26px;border-radius:26px}
.tabs .title-tab .tab .fa{border:1px solid;padding:4px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:10px}
.tabs .title-tab .tab.active{color:#fff;border-color:#f0c413}
.spkm{padding:10px 20px;background:#000;color:#fff;font-family:rm;font-size:15px;margin:0 0 -1px 0;text-transform:uppercase;line-height:20px}
.spnb .title-tab{margin:0px 0}
.spnb .title-tab .tab{float:left;color:#000;font-family:rb;background:#ffffff;font-size:15px;text-transform:uppercase;padding:11px 25px;line-height:21px;z-index:3;border-left:1px solid #d7d7d7;border-bottom:5px solid #9a9a9a}
.spnb .title-tab .tab span{position:relative;z-index:9}
.spnb .title-tab .tab.active{color:#e60f1e;position:relative;border-color:#e60f1e}
.spnb .title-tab .tab.active:before{top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#ff0000;border-width:8px;margin-left:-8px}
.slick-img-thumb{padding:4px 0px}
.slick-img-thumb img.thumb{box-shadow:none!important;border:1px solid #CCC!important;background:#fff}
.slick-dots{margin:0px!important;left:0;right:0}
#smenu{display:none;color:#000000;padding:0;background:#d3a82f;background:-moz-linear-gradient(left,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);background:-webkit-linear-gradient(left,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);background:linear-gradient(to right,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7750a',endColorstr='#eecc5f',GradientType=1)}
.i-menu{width:37px;padding:1px;margin-right:10px;cursor:pointer;background:rgba(69,69,69,0.3)}
.title{position:relative;text-align:left;margin:0px 0px 15px 0;border-bottom:1px solid#cdcdcd}
.title .name:before{position:absolute;display:inline-block;width:20px;top:0;left:0;bottom:0;border:4px solid #16990c;border-right:none;z-index:-1}
.title .icon{display:inline-block;vertical-align:middle}
.title .name{position:relative;font-size:20px;margin:0px 0;padding:0 0 5px 0px;vertical-align:middle;display:inline-block;text-transform:uppercase;z-index:22}
.title .name span{color:#002f65}
.title .tt{font:24px qs}
.list_video{position:relative;float:right;width:150px}
.if-video{position:relative;float:left;width:calc(100% - 160px)}
.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:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
.box-share{margin:10px 0;padding:5px 10px;border:1px solid #cdcdcd;background:-moz-linear-gradient(0deg,#EFEFEF 0,#fefefe 100%);background:-webkit-gradient(linear,0deg,color-stop(0,EFEFEF),color-stop(100%,fefefe));background:-webkit-linear-gradient(0deg,#EFEFEF 0,#fefefe 100%);background:-o-linear-gradient(0deg,#EFEFEF 0,#fefefe 100%);background:-ms-linear-gradient(0deg,#EFEFEF 0,#fefefe 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE',endColorstr='#F4F60C',GradientType='1');background:linear-gradient(0deg,#EFEFEF 0,#fefefe 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#header_fix{z-index:8000}
.slogan{display:block}
#banner{position:relative;margin:0px auto;background:#fff;background-size:cover;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
.menu_header{padding:4px 0}
.banner-hd-kh{box-shadow:0 0 5px #a7a7a7}
#banner:before{display:block;position:absolute;left:0;top:100%;right:0;background:url(../img/bg-banner.png) repeat-x top center;height:8px;z-index:-1}
#banner.menu-fix{position:fixed;left:0px;right:0px;top:0px;z-index:999;-webkit-animation:fadeInDown 1.3s ease backwards;-moz-animation:fadeInDown 1.3s ease backwards;-o-animation:fadeInDown 1.3s ease backwards;-ms-animation:fadeInDown 1.3s ease backwards;box-shadow:0 0 5px #ccc;padding:0;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
100%{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.top-banner{position:relative;font-size:14px;line-height:30px;padding:7.5px 0;background:var(--color-main1);color:#fff;z-index:11;}
.top-banner .flex{align-items:center;justify-content:space-between;}
.top-banner span{display:inline-block;vertical-align:top}
.top-banner .mxh{margin:0;padding:0;display:inline-block;width:auto;padding-left:45px;background:none;}
.top-banner .mxh a{margin:0px}
.top-banner .mxh a:not(:last-child){padding-right:2px;}
.if-header{font-size:15px;width:37%;}
.info-header{max-width:calc(100% - 38%);}
.top-banner-l{float:left}
.top-banner-l span{margin-right:15px}
.top-banner-l a{color:#fff}
.top-banner-r{float:right;background-size:100% 100%;font-size:14px;box-sizing:border-box;position:relative}
.menu-banner{position:relative}
.menu-banner ul{position:absolute;top:100%;left:0;background:#fff;z-index:9;padding:0 0 5px 0;margin:0;width:200px;text-align:left;display:none;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=0,Color=#000)";-moz-box-shadow:0 1px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.6);box-shadow:0 1px 2px rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color=#000)}
.menu-banner:hover > ul{display:block}
.menu-banner ul li{display:block;border-top:1px solid #cdcdcd;padding:0 15px}
.top-banner-r .menu-banner > a{padding:0 9px;color:#fff;font-family:rr;border-right:1px solid rgba(255,255,255,0.2);display:inline-block;text-transform:capitalize;vertical-align:middle}
.top-banner-r .hotline{padding:0;margin:0}
.top-banner-r .hotline b{color:#f00;font-size:16px}
.top-banner-r select{border:none;background:none}
.banner-hl{position:relative;float:right;text-align:right}
.banner-hl img{margin-right:10px}
.banner-hl span{font-size:14px;color:#fff;display:inline-block;margin:0 10px}
.banner-hl a{font-size:14px;color:#ff0;display:inline-block;font-weight:bold}
.banner{position:relative;background-size:cover}
.banner .mocua{color:#ed1c24;font:15px rb;padding:10px 0 10px 30px;background:url(../img/open-26.png) no-repeat left center;text-align:left}
.banner .mocua span{color:#000;font:14px rr}
.banner a{vertical-align:top;}
.banner > .flex{justify-content:space-between;align-items:center;flex-wrap:nowrap}
#banner .banner .name_ct{flex-basis:auto;font-family:rb;font-size:32px;color:#7fc709}
#banner .mxh{position:absolute;display:inline-block;top:0;right:0;background:url(../img/bg-mxh.png) no-repeat bottom -1px left #28292c;padding:1px calc(50% - 600px) 1px 60px}
.banner > .flex{flex-wrap:nowrap;align-items:center;justify-content:space-between;position:relative;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
.banner-right > .flex{}
.banner-right > .flex > span{margin:0 0 0 10px}
.logo{display:inline-block;position:relative;z-index:999999}
.logo img{z-index:99;position:relative;max-height:100px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
.logo:hover img{}
.banner_img{z-index:99;display:inline-block}
.banner .email{color:#555555;text-align:left;font:18px sfusb;display:inline-block;padding:20px 0 5px 65px;background:url(../img/mail-60.png) no-repeat left center;margin:5px 0}
.hotline{text-align:left;padding:0;z-index:850;position:relative}
.banner .hotline .name{}
.banner .hotline:before{width:36px;height:36px;background:url(../img/phone-36.png);position:absolute;right:-10px;top:-10px}
.hotline span{}
.hotline .name span{font-weight:600;}
.banner .banner-l{position:relative;text-align:left;z-index:99999}
.banner .banner-mid{display:inline-block;position:relative;vertical-align:middle;text-align:right;margin:0 0 0 0px}
.banner-mid .goiy{font:13px sfufb;margin:5px 0px 0 0}
.goiy b{font:900 13px sfuf}
.banner .gopy{color:#fff;text-align:left;margin:10px 0 0 0}
.banner-mid .dmsp{padding:5px 0 5px 5px;border:none;border-right:1px solid #cdcdcd;height:38px;display:inline-block;vertical-align:top;background:none;font-size:14px;width:100px;font-family:Arial}
.banner .banner-right{position:relative;margin:0;text-align:center;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;z-index:22;align-items:center;max-width:45%}
.banner-right .fa,.banner-right .far,.banner-right .fas{}
.info_bn{display:inline-block;text-align:left;font-size:15px;padding-left:23px;}
.info_bn.hotline{background:url(../images/index/hl.png) no-repeat left center;}
.info_bn.hotline:nth-child(1){border-right:1px solid #fff;padding-right:22px;margin-right:18px}
.info_bn .name{font-size:15px;color:#fff;font-weight:300;}
.banner-right .banner-top{border-bottom:1px solid #fff;padding:7px 0;line-height:35px;color:#fff}
.banner-right .banner-top span{display:inline-block;margin:0 5px}
.banner-right .mxh a{vertical-align:middle;display:inline-block}
.banner:before{position:absolute;bottom:-45px;right:0;top:0;left:0;background:url(../img/bg-banner.png) no-repeat center center;margin:0;background-size:cover}
.banner-right .lang{position:relative}
.banner-right .lang:before{content: "";position:absolute;top:-10px;left:0;right:-30px;bottom:-10px;background:#d24602;z-index:-1;height:40px;-moz-transform:rotate(360deg) scale(1,1) skewX(45deg) skewY(0deg) translate(0,0);-webkit-transform:rotate(360deg) scale(1,1) skew(45deg,0deg) translate(0,0);-o-transform:rotate(360deg) scale(1,1) skew(45deg,0deg) translate(0,0);-ms-transform:rotate(360deg) scale(1,1) skew(45deg,0deg) translate(0,0);transform:rotate(360deg) scale(1,1) skew(45deg,0deg) translate(0,0)}
.banner-right .cskh{font-family:'Oswald';font-size:17px;white-space:nowrap}
.banner-right .cskh > .w-clear{display:inline-block}
.banner-right .cskh .phone{font-weight:bold;color:#fff601}
.hotline .icon{display:inline-block;font-size:20px;text-align:center;color:#fff;vertical-align:middle;background:none;width:50px;height:50px;top:0;left:0px;margin:0;border:none}
.banner .banner-right .icon .fa{line-height:24px}
.banner .thanh_timkiem{display:inline-block;margin:10px;vertical-align:middle}
.mxh{margin:-45px 0 0 0;padding:15px 20px 5px 20px;background:url(../img/bg-mxh.png) no-repeat top center;text-align:center;width:325px}
.mxh a{display:inline-block;vertical-align:middle;margin:0 5px}
.mxh img{vertical-align:bottom}
.hotro{font-size:16px;line-height:30px;background:url(../img/bg-hotro.png) no-repeat top center;padding:20px 30px;border:1px solid #e6e6e6}
.box-hotro{text-align:center;margin:15px auto 0 auto;display:inline-block;font-size:14px}
.box-hotro .name{color:#ff4900;border-bottom:1px dashed #cdcdcd}
.hotro .hotline{font-family:rb;text-transform:uppercase;margin:20px 0}
.hotro .hotline span{font-size:26px;color:#f00}
.cart_menu{display:inline-block;text-align:left;text-transform:none!important;padding:0 5px;color:#e01b65;font-size:17px;position:relative}
.cart_menu > span{vertical-align:middle;display:inline-block;position:absolute;top:0;right:0;font-size:11px;font-weight:bold;color:#fff;background:#e01b65;width:16px;height:16px;line-height:16px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.cart_menu > span > div{font-family:rb;font-size:16px}
.cart_menu:hover{color:#ff0}
.menu_com{position:relative;z-index:999;padding:0px 0 0}
#menu{z-index:99;box-sizing:border-box;position:relative;width:calc(100% - 200px);}
#menu:before{background:url(../img/bg-menu-t.png) repeat-x;right:0;position:absolute;left:0;bottom:100%;height:15px;z-index:99}
.menu{position:relative}
.menu:before{position:absolute;top:0;bottom:-4px;right:-40px;left:-40px;background:url(../img/bg-menu-l.png) no-repeat left top,url(../img/bg-menu-r.png) no-repeat right top}
#menu .menu-line{position:relative}
#menu .menu-line.sh_dm{position:inherit}
#menu .menu-line .ic_mn{display:block;margin:0 auto}
.menu-line.line-dot{padding:20px 0;position:relative}
#menu .menu-line.home{display:inline-block;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;flex-grow:0}
#menu .menu-line.home a{color:#000;font-size:26px;display:inline-block;padding:15px 0}
#menu .menu-line.menu-line-r{float:right}
#menu .menu-line.menu-logo{width:270px}
#menu .menu-line.menu-logo a.logo{padding:0}
#menu .menu-line:last-child{padding:0px;background:none;border:none}
.sm-blue .menu-line > a{color:#000;padding:15px 0;font-size:17px;line-height:1.5;white-space:nowrap;text-transform:uppercase;font-weight:500;font-family:'SF-PRO';}
.sm-blue .menu-line > a .fa-circle{font-size:4px;padding:7px 5px;vertical-align:bottom}
.menu-line > .search_open{margin:0 0 0 10px;position:relative}
.menu-line > .search_open:before{content: "";left:-10px;width:1px;background:#cdcdcd;top:15px;bottom:15px}
.sm-blue .menu-line:hover > a > .img{background-position:0 -40px}
.sm-blue .menu-line > ul{display:none;padding:0px;text-align:left;border:1px solid #cdcdcd;min-width:250px!important;}
.sm-blue .menu-line > ul a{padding:10px 10px;color:#000;font-size:15px;}
.sm-blue .menu-line .icon{width:26px;margin:0 5px;display:inline;vertical-align:middle}
.scroll_mn.scroll-fix{}
.box_scroll{position:sticky;position:-webkit-sticky;top:0;z-index:9999}
.box_scroll.scroll-fix #banner{padding:0}
.scroll-fix .banner .banner-right > .flex{padding:0px 0}
.scroll-fix img{}
.scroll_mn{top:90px}
.fixing_tool{position:fixed;top:0px;left:0px;right:0;background:#fff;-moz-box-shadow:0 3px 5px #7D7D7D;-webkit-box-shadow:0 3px 5px #7D7D7D;box-shadow:0 3px 5px #7D7D7D;z-index:999}
.scroll-fix .logo img{}
.sm-blue a{color:#000;position:relative;z-index:1}
.sm-blue ul{background:#fff}
.sm-blue .menu-line:hover{}
.sm-blue .menu-line:hover > a{}
.sm-blue .menu-line > ul li:hover{background:rgba(0,0,0,0.1)}
.bg_bg{padding:60px 90px;margin:30px 0;min-height:570px;background:url(../img/bg-bg.png) no-repeat center center;background-size:100% 100%}
.bg_bg .button{background:#fff;color:#000;font-family:osb;font-size:24px;padding:15px 45px;border:2px solid #e3e3e3;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:15px 0 0 0}
.bg_bg .button:hover{color:#f00;background:#f0f0f0}
.menu_mobi,.menu_mobi_add{display:none;}
.menu{width:100%;flex-wrap:nowrap}
#main-menu > .flex{width:calc(50% - 70px)}
.menu ul.sm:after{content:none}
#menu .menu-line > a:before{position:absolute;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;z-index:-1;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
#menu .menu-line > a:after{opacity:1;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;z-index:-2;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;bottom:2px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-bottom-color:#d60c0c;border-width:5px;margin-left:-5px}
#menu .menu-line.dmsp > a:before{content:none!important}
#menu .menu-line.activem > a,#menu .menu-line:hover > a{position:relative;z-index:99;color:var(--color-main1);text-decoration:underline!important;text-underline-offset:10px!important;text-decoration-thickness:2px!important;text-decoration-color:var(--color-hover)!important;}
.search_open{cursor:pointer;width:40px;height:40px;color:#fff;font-size:16px;padding:0;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:var(--color-main1);text-align:center;line-height:40px;}
.search_open i{font-weight:normal;font-size:15px;padding:0 3px;color:#fff;}
.search_open:hover{color:#f00}
.search_box_hide{display:none;position:absolute;top:100%;right:0;background:var(--color-main1);z-index:9999999999;padding:3px;}
.menu-l{padding:0px 0;padding:0;text-align:center;width:100%;max-width:calc(100% - 0px);justify-content:space-between;}
.menu-r{float:right;text-align:center;padding:10px 0;width:100px;display:inline-block;background:-moz-linear-gradient(90deg,#7CB72D 0,#549003 100%);white-space:nowrap;position:relative;z-index:1}
#change-lang{line-height:30px;height:30px;border:none}
.flag{display:inline-block;position:relative;z-index:99}
.bn-flag{padding:5px 0;z-index:99;font-size:14px;font-family:rr;text-transform:none;white-space:nowrap}
.bn-flag a{margin:5px;display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=117,Color=#000000)";-moz-box-shadow:1px 2px 2px rgba(0,0,0,0.3);-webkit-box-shadow:1px 2px 2px rgba(0,0,0,0.3);box-shadow:1px 2px 2px rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color=#000000)}
.menu-line-r{}
.menu-line-r > a{padding:0 10px;color:#de0f0f;color:#de0f0f;font-family:rb;font-size:16px}
#menu .menu-line.dmsp{padding:0px 0;margin:0px 0;float:left;width:280px;background:#d50d0d;text-align:left;flex-grow:0}
.menu-line.dmsp > a{color:#fff!important;font:900 20px/1.5 rr!important;text-transform:uppercase;padding:10px 15px!important}
.dmsp ul{display:block}
.dmsp > ul{min-width:280px!important;background:rgba(255,255,255,1);border:none}
.sub-arrow{display:none!important}
.sm-blue .dmsp > ul > li{border-bottom:1px solid #cdcdcd}
.sm-blue .dmsp > ul > li > a{color:#000}
.sm-blue .dmsp .dot{position:absolute;right:10px;top:calc(50% - 7px)}
#slider{position:relative;overflow:hidden;margin:0px auto 0px auto}
#slider .mid{width:calc(100% - 270px)}
#slider .main-tit{margin:15px 0 10px 0;background:none}
#slider .main-tit .name{font-size:18px}
#slider:before{position:absolute;height:25px;left:0;right:0;background:url(../img/bg-slider.png) repeat-x bottom center;z-index:999;bottom:0}
#slider .spbc{width:243px;float:right}
#slider .slider{position:relative;overflow:hidden;padding:8px;max-height:410px}
#slider .caption{position:absolute;bottom:100px;right:0;left:0;text-align:left;top:100px}
#slider .flex{width:100%;height:100%;justify-content:center;align-items:flex-start}
#slider .info{padding:15px 20px 20px 20px;color:#fff;width:700px;max-width:100%;background:rgba(0,0,0,0.65);border-bottom:3px solid #245537}
#slider .info .button{color:#ffffff;background:#245537;border:none;position:absolute;margin:0;left:-20px}
.dmsp-left{width:250px;float:left;position:relative;z-index:99}
.dmsp-left .left-box{position:initial}
.menu_slider{color:#fff;-webkit-flex-flow:nowrap;justify-content:space-between;padding:10px 0}
.menu_slider .big_img{margin:2px 10px 2px 0}
.menu_slider img{background:#fff}
.menu_slider .col_3{width:726px;margin:0px -2px}
.menu_slider .col_3 > div{margin:2px;max-width:calc((100% / 3) - 4px)}
.menu_slider a{color:#fff}
.menu_slider .menu_c{display:table-cell;vertical-align:middle;text-align:center;color:#fff;padding:5px;font-family:osb;font-size:15px;line-height:1.2;overflow:hidden}
.menu_w1{width:95px}
.menu_w2{width:160px}
.menu_h1{height:90px}
.menu_h2{height:180px}
.slider .slider_thumb{background:#eeeeee;padding:10px 0}
.slider .slider_thumb .slick-arrow{background:#eee;width:50px;height:100%;padding:32px 0px}
.slider .slider_thumb .slick-prev{padding:32px 28px 32px 0px}
.slider .slider_thumb .slick-next{padding:32px 0 32px 28px}
.slider .slider_thumb > div{max-width:900px;margin:0 auto}
.slider .slider_thumb .text-center{padding:0 50px}
.slider .slider_thumb .text-center .item{display:inline-block}
.slider .fotorama .fotorama__nav-wrap{position:absolute;bottom:0}
.slider .fotorama .fotorama__caption__wrap{background:none;margin:0px auto;display:block;color:#000;font-family:UTMA;font-size:20px;padding:10px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=225,Color=#FFFFFF)";text-shadow:0 1px 0 #FFFFFF,0 0 4px #FFFFFF,1px 0 0 #FFFFFF,-1px 0 0 #FFFFFF,-1px 1px 0 #FFFFFF,-1px -1px 0 #FFFFFF,0 -1px 0 #FFFFFF,1px -1px 0 #FFFFFF;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#FFFFFF)}
.info-slider{position:absolute;bottom:0;left:0;right:0;background:rgba(0,150,255,0.6);padding:20px 0;color:#fff;font-family:rcr;font-size:16px}
.tenct{background:#3e3025;color:#fff;font-family:rb;font-size:16px;text-transform:uppercase;padding:11px 0}
#chinhsach{padding:20px 0;background-size:cover}
#chinhsach .box-news{color:#fff;padding:0;align-items:center}
#chinhsach .box-news .name{font-family:osr;margin:0}
#chinhsach .box-news .mota{max-height:38px;-webkit-line-clamp:2}
.title_dm{min-height:200px;align-items:center;justify-content:center;color:#fff;font-family:svnl;font-size:72px;text-transform:capitalize}
#doitac .box-news .images{aspect-ratio:60/60;}
#doitac .box-news{margin:0;align-items:center}
#doitac .box-news .info{width:calc(96% - 60px)}
#doitac .box-news .name,#doitac .mota{margin:5px 0;-webkit-line-clamp:2}
.link_bt{padding:10px;display:inline-block}
.lienhe{padding:30px 0;color:#fff}
.box-lh{max-width:750px;margin:0 auto}
.box-lh .col_2{margin:0 -5px}
.box-lh .col_2 > div{margin:0 5px;max-width:calc((100% / 2) - 10px)}
.box-lh .tt{font-family:rb;font-size:18px;color:#0072ff;text-transform:uppercase;margin-bottom:20px}
.taisao{background:#47aa31;align-items:stretch}
.taisao .title .name{padding:0;background:none;font-family:rb;font-size:25px}
.taisao .title .tt{text-indent:60px}
.taisao,.taisao .name,.taisao .box-news .name{color:#fff}
.taisao .taisao_img{display:none}
.taisao .taisao_info{padding:45px}
.taisao .box-news .name{margin:10px 0}
.taisao .box-news .mota{max-height:38px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.icon_tieuchi > .item{width:29%}
.icon_tieuchi > .item:nth-child(6n+4){margin-left:13%}
.box-icon{align-items:center}
.box-icon .img{margin:0 15px 0 0}
.box-icon .name{font-size:18px;font-family:rb}
.video{}
#footer{padding:40px 0px 30px 0;position:relative;background:url(../images/index/bg4.png) no-repeat center top/cover;color:#fff;font-family:'SF-Pro';}
#footer .ft-content{}
#footer .flex{justify-content:space-between}
#footer .banner_ft{padding:0px 0 20px 0;border-bottom:1px dotted #cdcdcd}
#footer,#footer a{color:#fff;}
#footer a:hover{color:#f00;}
.logo-ft.flex{justify-content:center!important;align-items:center!important;gap:10px 17px;}
.logo-ft.flex p{font-size:25px;font-family:utmhi;margin-bottom:0;}
.mxh .flex{justify-content:center;padding:10px 0}
#footer .thongke{display:inline-block;padding-left:40px;background:url(../img/t1.png) no-repeat left top;text-align:left}
#footer .thongke p{margin:10px 0}
#footer .bt_map{background:url(../img/bg_bt_map.png) no-repeat top center;margin:-52px 15px 0 0;padding:0 45px 15px 50px}
#footer .bt_map a{padding:15px 0;display:inline-block;background:#b1d931;color:#000;text-transform:uppercase;font-family:rcb;font-size:16px;width:70px;height:70px;text-align:center;border:5px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#footer li{padding:5px 0}
.ft-1{width:27%;box-sizing:border-box;}
.ft_r{width:62%;float:right}
#footer:before{display:block;background:url(../img/bg-footer.png) no-repeat bottom center;background-size:cover;position:absolute;left:0;right:0;top:-180px;bottom:0;z-index:-1}
.ft-0{width:100%;box-sizing:border-box;padding-bottom:45px;}
.ft-2{width:15%;box-sizing:border-box;}
.ft-3{margin:0px 0;width:26.5%;box-sizing:border-box;}
.ft-3 .fas{font-size:6px;padding:4px;vertical-align:middle}
.ft-3 .map{height:240px;position:relative}
.ft-name{display:inline-block;margin:0px 0 10px 0;border:none;font:40px sfuf;background:#c5a44d;background:-moz-linear-gradient(left,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);background:-webkit-linear-gradient(left,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);background:linear-gradient(to right,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7750a',endColorstr='#eecc5f',GradientType=1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.ft-name .tt{color:#fff;font-size:14px}
.ft-tit{margin:0 0 25px 0;color:#fff;font-size:16px;font-weight:600;padding:0;text-transform:uppercase;display:block;position:relative;padding-bottom:11px;}
.ft-tit:before{position:absolute;content: '';width:40px;height:1px;background:#fff;left:0;bottom:0;}
.map-ft{padding-top:10px;}
.map-ft iframe{height:250px;width:100%;display:block;border-radius:7px}
.footer-policy{padding:0;margin:0;list-style:none;}
.footer-policy a{position:relative;display:block;color:#fff;font-size:16px;padding-left:13px;}
.footer-policy a::before{position:absolute;content: "";width:3px;height:3px;background:#fff;border-radius:50%;left:0;top:50%;transform:translateY(-50%);}
.footer-policy a:hover{color:#FFEB3B!important;}
.footer-policy li:not(:last-child) a{margin-bottom:7px;}
.info_ft{background:#cda773;border:1px solid #000;font-family:utmatmb;margin:10px 0}
.info_ft .fa{color:#fff;background:#138a19;width:41px;height:41px;font-size:18px;padding:11px 5px;text-align:center;vertical-align:middle;margin-right:10px}
#footer .menu-ft{padding:5px 0 5px 0;font-family:rr;font-size:16px;text-transform:uppercase;display:inline-block;margin:0 10px}
.menu-ft .diachi{background:url(../img/40-map.png) no-repeat left center}
.menu-ft .email{background:url(../img/50-mail.png) no-repeat left center}
.menu-ft .time{background:url(../img/50-time.png) no-repeat left center}
.menu-ft .tt{font-size:17px;font-family:rm;color:#085ba9;text-transform:uppercase;margin-bottom:5px}
.menu-ft p{padding:0px}
#footer .menu-ft .dm{display:inline-block;padding:10px;font-family:rr;vertical-align:top;min-width:100px;max-width:300px}
#footer .menu-ft .dm .tt{font-size:15px;margin-bottom:10px}
#footer .menu-ft a .fa{font-size:6px;padding:5px;vertical-align:middle}
#footer .menu-ft a:hover{color:#ff0}
#footer .dm_ft{margin:5px 0;min-width:250px;background:url(../img/dot-8.png) no-repeat 15px center,url(../img/bg-dm-ft.png) no-repeat left center;background-size:auto,100% 100%;color:#fff;line-height:20px;padding:10px 20px 10px 40px;display:inline-block}
.box_dl{position:relative;background:#fff;padding:20px 30px;width:680px;margin:50px auto 10px auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;max-width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=0,Color=#000000)";-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=135,Color=#000000)}
.box_dl:before{content: "";width:130px;height:70px;position:absolute;top:-50px;left:calc(50% - 65px);background:url(../img/bg-tt-dm.png) no-repeat center bottom,url(../img/tt_dl.png) no-repeat center top}
.dk_dl{font-size:15px}
.dk_dl .title{background:none}
.dk_dl .title .name{color:#fff}
.dk_dl .input{width:100%;display:inline-block;margin:3px 0;line-height:20px}
.dk_dl .button{text-transform:uppercase}
.dk_dl .flex{justify-content:space-between;align-items:center}
.dk_dl .flex > div{flex-grow:1}
.dk_dl .hotline{white-space:nowrap;color:#ff0;font-family:utmab;font-size:30px}
.dk_dl .tt_l{font-weight:bold;font-size:15px;width:100px;text-align:left;margin:13px 0;vertical-align:top;display:inline-block}
.dk_dl .tt_r{display:inline-block;font-size:15px;width:calc(100% - 105px);text-align:left;vertical-align:middle}
.dk_dl .main-tit .name{color:#fff}
.dk_email{background:url(../img/bg-dknt.png) no-repeat center center;color:#fff;padding:30px 0;background-size:cover}
.dk_email .main-tit .name{color:#fff}
.email-dk{justify-content:space-around;position:relative;vertical-align:middle;font-size:13px;margin:0px auto;width:100%;max-width:960px;z-index:99;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.email-dk .flex{justify-content:flex-end!important}
.email-dk .bt_sub{justify-content:space-between;align-items:stretch}
.email-dk .box_input{position:relative;flex-grow:1}
.email-dk .box_input > i{width:40px;font-size:18px;position:absolute;text-align:center;color:#838383;left:0;top:5px;bottom:5px;background:#d1d9ec;z-index:9999;display:inline-block;padding:10px;display:none}
.email-dk .khung{max-width:100%;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.email-dk .name{font-size:20px;font-family:rr;text-transform:uppercase}
.email-dk .col_2{margin:0 -5px}
.email-dk .col_2 > .w-clear{margin:auto 5px;max-width:calc((100% / 2) - 10px)}
.email-dk .dk_email{position:relative}
.email-dk .tt{font-family:rr;font-size:14px;text-transform:initial;background:url(../img/bg-tt-dknt.png) no-repeat bottom center;padding:0 0 25px 0}
.box-ts{display:inline-block;margin:0 auto}
.box-qc{position:relative;text-align:center}
.box-qc .images{position:relative;overflow:hidden}
.box-qc .info{justify-content:center;align-items:center;padding:10px;font-family:'Oswald',sans-serif;font-size:18px}
.box-qc .info:before{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5)}
.box-qc .info:hover{opacity:1}
.box-qc .info .name{color:#fff;z-index:9;position:relative;font-family:'Oswald',sans-serif;font-size:18px;padding:5px 0}
.box-qc .info .mota{color:#fc0;font-weight:bold;font-size:20px}
.box-dk-mail{background:rgba(0,0,0,0.5);color:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;margin-left:40%}
.box-dk-mail .email-dk-r-1{font-family:utmhi;text-transform:uppercase;font-size:24px;padding:30px 30px 10px 30px}
.box-dk-mail .email-dk-r-2{padding:0 30px}
.box-dk-mail .hotline{background:#ed1c24;padding:10px 30px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px}
.box-dk-mail .hotline span{color:#ff0;font-family:utmab;font-size:27px}
.htkh .hotline{font-size:32px;font-family:utmhi;color:#fe0315}
.htkh .email{font-size:15px;font-family:rb;color:#505050}
.reserved{line-height:1.5;padding:16px 0px;background:var(--color-main1);position:relative;color:#fff;font-size:15px;font-family:'SF-Pro';}
.reserved span{font-weight:600;}
.res:before{background:#18b220;position:absolute;top:0;bottom:0;right:0;width:calc(50% - 600px)}
.reserved .flex{align-items:center;justify-content:center;}
.reserved .item_1{flex:2 auto;order:2;text-align:center}
.reserved .item_2{flex:3 auto;order:3;text-align:right}
.reserved .item_3{flex:3 auto;order:1}
#call{display:none}
.box-tk{line-height:18px;font-family:rl;padding:20px 30px;max-width:320px;position:relative;margin:0 auto}
.box-tk img{margin-right:5px;margin-top:0px}
.box-tk p{line-height:30px;margin:0}
.box-tk span{display:inline-block;margin:0 10px}
.tags,#footer a.tag{color:#fff;display:inline-block;padding:4px 9px;border:1px solid #fff;white-space:nowrap}
.lh-l{border-right:1px solid #CCC;box-sizing:border-box}
.lh-r{border-left:1px solid #CCC;margin-left:-1px}
.lh-con-l{width:100px;float:left;margin:5px 0}
.lh-con-r{width:calc(100% - 100px);float:left;margin-bottom:10px}
.lh-con-r *{max-width:100%}
.ipct{color:#000;width:100%;padding:9px;box-sizing:border-box;margin:5px 0}
.tact{color:#000;border:1px solid rgba(82,82,82,0.5);width:100%;padding:15px;box-sizing:border-box;margin:5px 0}
.count_number{background:url(../img/bg-thongtin.png) repeat;padding:50px 0 0 0}
.scroll_v{margin:0}
.scroll_v li{display:block;margin-bottom:10px}
.vert,.vert .simply-scroll-clip{height:345px}
.vert:before{width:1px;height:100%;display:block;position:absolute;background:#cdcdcd;left:125px}
.left-news > .item{height:115px;overflow:hidden}
.vert1,.vert1 .simply-scroll-clip{height:435px;margin:0 0 25px 0}
.left-news1 > .item{height:230px}
.line_time:before{content: "";position:absolute;top:0;bottom:0;left:95px;width:10px;background:url(../img/dot_9.png) no-repeat top center,url(../img/dot_9.png) no-repeat bottom center,url(../img/line_time.jpg) repeat-y top center}
.timeline{justify-content:space-between;align-items:center}
.timeline .date{width:110px;text-align:right;color:#fff;padding:0 30px 0 0;background:url(../img/dot_20.png) no-repeat right center}
.timeline .box-news{position:relative;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:calc(100% - 135px);padding:10px 15px;margin:15px 0}
.timeline .box-news:after{right:100%;top:50%;border:solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-right-color:#fff;border-width:12px;margin-top:-12px}
.ct-l{width:45%;float:left;padding:15px 0;box-sizing:border-box;-webkit-flex-flow:row wrap}
.ct-img{width:100%;border:1px solid #ccc}
.ct-img-list{width:100%;border:1px solid #ccc;border-top:0;margin-bottom:10px;}
.ct-r{width:53%;float:right;padding:15px 0;box-sizing:border-box}
.ct-tit{font-family:rb;font-weight:normal;margin:0px 0px 10px;color:#F00}
.ct-tit h2{font-weight:normal;margin:0px 0px 15px;color:#F00;font-size:24px;margin:0px}
.ct-sp{font-size:15px}
.ct-sp-gia span{color:#F00;font-weight:bold;font-size:20px}
.ct-sp-mota{border:1px solid #E08B1A;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px;margin:10px 0}
.ct-sp-mota .tt{background:#fff;padding:5px 10px;margin-top:-25px;display:inline-block}
.colorpro{border:3px solid #cdcdcd;margin:5px;display:inline-block;cursor:pointer}
.sizepro{border:1px solid #cdcdcd;margin:5px;display:inline-block;padding:5px 10px;cursor:pointer}
.colorpro.active,.sizepro.active{border-color:#FF9900}
.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}
.box-tab-tit{padding:20px 0 0 0}
.box-tab-tit > div{display:inline-block;font-size:15px;background:var(--color-main1);color:#fff;text-align:center;padding:10px 10px;min-width:100px;cursor:pointer;text-transform:uppercase;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.box-tab-tit > div.active{background:#ec1c1c;color:#fff}
.box-tab-con{padding:25px;display:none;background:#f8f8f8;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.box-sc-tab{background:#fcfcfc;margin:2px 0}
.box-sc-tab .sc-tab-tit{background:#cfcfcf;padding:10px;cursor:pointer;font-family:rb;font-size:16px}
.box-sc-tab .sc-tab{padding:15px;display:none}
.ip_mau{padding:5px 0 5px 10px;display:inline-block}
.sl_mau,.sl_mau_gh{width:45px;border:none;text-align:right;outline:none!important;border-bottom:1px solid #333}
#bt_tinhphi{text-transform:uppercase;font-size:14px;font-family:rb;padding:8px 15px;margin:0;width:100%;border:none}
#tinhphi .tong{display:block;line-height:35px;text-align:center;background:#ffe9de}
#bt_tinhphi:hover{color:#fff}
#bt_tinhphi .fa{margin:0 10px}
.ttbg{width:100%;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd}
.ttbg tr{border-bottom:1px solid #cdcdcd}
.ttbg th{background:#e6520a;padding:10px;color:#fff}
.ttbg td{padding:7px}
.MagicZoom{width:100%;background:#fff}
.tincungloai{font-size:16px;font-weight:bold;border-bottom:1px solid #CCC;margin:0px 0px 5px;padding-bottom:5px;margin-top:15px}
.tree_mn{background:#eaeaea;padding:5px;font-size:16px}
#container{margin:45px auto;position:relative}
.tt_cont{background:url('../img/bg-tt-cont.png') repeat;padding:30px 0;margin-bottom:30px}
.right{width:240px;float:right}
.left{width:240px;float:left;position:relative;z-index:99}
.mid{width:calc(100% - 260px);float:right;z-index:90;position:relative}
.col_duan{margin:0 -10px;justify-content:space-between}
.bg_sp{background:#f2f2f2;padding:15px!important;}
.product-col .col_4 > div{max-width:calc((100% / 4) - 12px);margin:6px;width:100%}
.qc_dm .images{margin:0;position:relative}
.qc_dm .images:before,.qc_dm .images:after{content: "";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(255,255,255,0.7);-webkit-transition:all 0.7s;-moz-transition:all 0.7s;transition:all 0.7s;-o-transition:all 0.7s;opacity:0}
.qc_dm .images:hover:before{opacity:1;top:50%;bottom:50%}
.qc_dm .images:hover:after{opacity:1;left:50%;right:50%}
.box-dmsp{z-index:-1;opacity:0;height:0;overflow:hidden;position:absolute;text-align:left;align-items:center;background:#fff;padding:0px 0;top:calc(100% - 26px);width:100vw;right:0;max-width:1200px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=0,Color=#000000)";-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color=#000000);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
.sh_dm.act .box-dmsp{z-index:9;opacity:1;height:auto}
.box-dmsp .column_menu .cap1{padding:5px 15px}
.box-dmsp .column_menu .cap2{padding:5px 0px;border-bottom:1px solid #dad9d9}
.box-dmsp .column_menu .cap2 i{font-size:6px;margin:5px;vertical-align:middle}
.box-dmsp .cap1 > a{font-family:osb;display:inline-block;font-size:16px}
.box-dmsp.dm_center{margin:10px 15px;float:none}
.box-dmsp .info{position:relative;padding:10px 10px;text-align:center;font-family:rr;font-size:14px;color:#fff}
.box-dmsp:hover .info{opacity:1}
.box-dmsp .info:before{position:relative;display:inline-block;height:100%;width:1px;vertical-align:middle;text-align:center}
.box-dmsp .name{color:#fff;font-family:rb;font-size:16px}
.box-dmsp .mota{height:57px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.box-sp{width:100%;position:relative;margin:0px auto 0px auto;color:#000;border:1px solid #E9E9E9;background:#fff;padding:10px;text-align:center;}
.box-sp:before{position:absolute;top:2px;left:2px;right:2px;bottom:0px;background:#fff;border:3px solid #eee9db}
.box-sp .images{overflow:hidden;position:relative;background:#fff;z-index:99;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.box-sp .images img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;z-index:9;background:#fff}
.box-sp .km{position:absolute;top:10px;right:10px;z-index:99;background:#e42d2d;color:#fff;background-size:100% 100%;display:none;padding:2px 5px;text-align:center;font:bold 14px/21px rr;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.box-sp .km:after{right:100%;top:50%;border:solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-right-color:#e42d2d;border-width:4px;margin-top:-4px}
.box-sp .new{left:10px;position:absolute;top:10px;width:42px;height:41px;background:url('../img/new.png') no-repeat;z-index:99;display:none}
.box-sp .info{padding:0px 0;margin:10px 0 0 0;z-index:999;box-sizing:border-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;align-items:center}
.box-sp .info > a,.box-sp .info > div{width:100%}
.box-sp .info:before{background:#fff;position:absolute;top:3px;right:3px;left:3px;bottom:3px;z-index:-1}
.box-sp .star{color:#ffc600;display:inline-block;padding:5px 35px;background:url(../img/line_ea.png) no-repeat left center,url(../img/line_ea.png) no-repeat right center;max-width:100%}
.box-sp:hover .star{color:#fb8800}
.box-sp .info .fas{margin:0px 5px 0px 0;text-align:center;font-size:14px}
.box-sp:hover .info{opacity:1}
.box-sp .name,.box-dv .name{margin:0;position:relative;font-size:16px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;max-height:calc(24px * 2);}
.box-sp:hover .name{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.box-sp .date{text-align:center;padding:5px 10px;margin:10px 0 0 0;font-family:osr;font-size:18px}
.box-sp .date .ngay,.box-sp .date .gio,.box-sp .date .phut,.box-sp .date .giay{display:inline-block;background:#fbfbfb;padding:5px 10px 10px 10px;border:1px solid #e8e8e8;font-size:32px;font-family:rb;-webkit-border-radius:5px 0;-moz-border-radius:5px 0;border-radius:5px 0;width:60px}
.box-sp .date .ngay{background:#808080;color:#fff;border-color:#808080}
.box-sp .date .tt{display:block;font-size:12px;text-transform:uppercase;font-family:rr}
.box-sp .info_gia{position:relative;justify-content:center;align-items:center;margin:5px 0 0 0;}
.box-sp .detail{position:relative;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;text-align:center;z-index:999;display:block;width:100%;padding-top:15px;}
.box-sp .detail .button{margin:0;display:block;}
.box-sp .detail > .ajax_cart{padding:10px 15px}
.ajax_cart:hover{color:#ff0}
.box-sp .tragop{font-size:13px;color:#707070;height:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;margin:5px 0}
.box-sp .mota{display:none;font:14px rb;color:#ababab;border-bottom:1px solid #ebebeb;padding:10px 0}
.box-sp .mota span{color:#000}
.box-sp .gia,.box-dv .gia{font-size:16px;}
.box-sp .luotxem{display:none}
.box-sp .gia span,.box-dv .gia span{display:inline-block;margin:0px;color:var(--color-hover);white-space:nowrap;font-weight:bold}
.box-sp .gia .gt{font-size:36px;margin-right:5px;line-height:1}
.box-sp .giagoc{color:#909090;display:block;padding-top:2px;}
.box-sp .giagoc span,.giagoc span{text-decoration:line-through;white-space:nowrap;color:#909090;}
.box-sp .pro_tag{display:inline-block;padding:5px 15px;margin:5px;background:#f2f2f2}
.box-sp .more{text-align:center;z-index:999;text-transform:capitalize;padding:10px 15%;color:#fff;font-size:14px;font-family:rr;background:#ff9c00;align-items:center;display:inline-block}
.box-sp .more .icon{display:inline-block;width:20px;vertical-align:middle}
.box-sp .more .button{z-index:999;text-align:center}
.box-sp .more .button.like,.box-sp .more .button.see{flex-grow:1;font-size:20px;padding:7px}
.box-sp .more .button.like.red{color:#ff0}
.box-sp .more .button:hover{background:rgba(152,73,94,1)}
.box-sp .more .ct{height:calc(100% - 50px);justify-content:center;align-items:center}
.box-sp .more .ct > div{padding:10px;display:block;background:rgba(255,255,255,0.8);margin:5px;color:#353535;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.box-sp .more .ct > div:hover,.box-sp .more .ct > .red{color:#f00}
.box-sp .more .ct > .red:hover{color:#353535}
.box-sp .chitiet{background:#ec1c1c;display:inline-block;color:#fff;padding:5px 5px;font-size:13px;margin:12px 0}
.box-sp .button_cart{color:#8b8b8b;cursor:pointer;background:#fff;border:1px solid #e8e8e8;padding:5px 10px;font-size:13px;display:inline-block;margin:10px 0 0 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.box-sp .button_cart:hover{color:#f00;border-color:#e60f1e;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=0,Color=#000000)";-moz-box-shadow:0 0 5px rgba(0,0,0,0.9);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.9);box-shadow:0 0 5px rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color=#000000)}
.box-sp .chitiet a{text-transform:uppercase;margin:10px 0;font-size:16px;font-family:rm}
.box-sp .chitiet .fa{display:inline-block;padding:6px 10px;font-size:20px;background:#93673a;vertical-align:middle;margin-right:5px}
.box-sp .thuonghieu{padding:5px 0 0 0;font-family:'Oswald';font-weight:bold;font-size:16px;text-transform:uppercase;height:27px;display:none}
.box-news{margin:0 0 20px 0}
.box-news .images{position:relative;z-index:99;overflow:hidden;margin:0 4% 0 0;max-width:43%;float:left;background:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.box-news .name{margin:0px 0px 5px 0;padding:0px 0;font-size:16px;font-weight:600;-webkit-line-clamp:2}
.box-news .mota{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:relative}
.box-news .more{position:absolute;left:0;right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0px}
.box-news .more .button{display:inline-block;text-transform:uppercase;padding:5px 20px;font-weight:bold;font-size:20px;background:#000;text-align:center;margin:25px 0 0 0;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=0,Color=#FFFFFF)";-moz-box-shadow:0 0 3px 2px rgba(255,255,255,0.7);-webkit-box-shadow:0 0 3px 2px rgba(255,255,255,0.7);box-shadow:0 0 3px 2px rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color=#FFFFFF)}
.box-news .date .ngay{font-family:osb;font-size:15px;text-decoration:underline}
.box-news .date:before{display:block;width:18px;height:18px;background:url(../img/dot-18.png) no-repeat;position:absolute;right:-35px;top:calc(50% - 9px)}
.box-news .info .tienich{color:#cb7e16}
.box-news .images.br_50{background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.box-news-r{padding:0}
.box-news-r .images{float:right;margin:0 0 0 15px;max-width:43%;order:2}
.box-news-r .info{}
.box-news-r .info .more{position:absolute;left:0;right:0;top:100%}
.box-news-r:before{position:absolute;top:0;left:0;right:42%;bottom:0;background:#fafafa;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=124,Color=#eaedf5)";-moz-box-shadow:2px 3px 0 #eaedf5;-webkit-box-shadow:2px 3px 0 #eaedf5;box-shadow:2px 3px 0 #eaedf5;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#eaedf5)}
.box-news-dt{padding:15px 30px 15px 30px;background:#fff;margin:70px 0 20px 10px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.box-news-dt .info{position:relative;z-index:99}
.box-news-dt .khung{padding:25px 0 10px 0;background:url(../img/dot-20.png) no-repeat left top}
.box-news-dt .mota{font-family:mlr;max-height:76px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.box-news-dt .chitiet{position:absolute;top:100%;right:0}
.box-news-dt .info .mota{background:url(../img/bg-mota.png) no-repeat top left;padding-top:5px}
.box-news-dt .images{position:relative;z-index:99;padding:0px;width:125px;float:left;max-width:58%;margin:-95px 10px 0px 0px;background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=0,Color=#000000)";-moz-box-shadow:0 4px 5px rgba(0,0,0,0.2);-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.2);box-shadow:0 4px 5px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color=#000000)}
.box-news-dt .name{margin:0px 0px 0px 0;font-size:16px;color:#000;font-family:'Oswald';font-weight:bold}
/* tin nb */
.box-news-v{border:none;width:100%}
.box-news-v .kh{font-family:mlb;margin:5px 0}
.box-news-v .img,.box-news-v .image{display:inline-block}
.box-news-v .flex{align-items:center;justify-content:flex-start}
.box-news-v .info{position:relative;z-index:99;margin:15px 0 0 0}
.box-news-v .chitiet{position:absolute;top:100%;right:0}
.box-news-v .info .vitri{color:#878787}
.box-news-v .info .tienich{color:#cb7e16}
.box-news-v .info .mota{overflow:hidden;margin:5px 0;-webkit-line-clamp:3;color:#666;line-height:1.7;}
.box-news-v .images{position:relative;z-index:99;float:none;display:block;max-width:100%;margin:0}
.box-news-v .name{margin:5px 0 5px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.box-news-v .date{font-size:12px;color:#9c9c9c}
.box-news-v .date .day{font-family:rb;font-size:24px;border-bottom:1px solid #fff}
.box-news .date .month{font-size:15px;white-space:nowrap}
.box-news-v .date .month{text-transform:uppercase}
.box-news .date .year{font-size:30px;color:#fff}
.zoom_img{position:relative;overflow:hidden}
.box-sp .images img,.box-dt .images img,.box-qc .images img,.logo,.logo img,.zoom_img img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s}
.box-sp:hover .images img,.box-dt:hover .images img,.box-qc:hover .images img,.zoom_img:hover img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.box-sp .images:before{position:absolute;top:0;left:-75%;z-index:22;display:block;content: '';width:50%;height:100%;background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
.box-sp:hover .images:before{-webkit-animation:shine .6s;animation:shine .6s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.slide_vct{position:relative;margin:10px}
.slide_vct:before{border:10px solid #ebebeb;background:#fff;box-sizing:border-box;position:absolute;top:20px;left:20px;width:100%;height:100%;content: ""}
.slide_vct .slider{}
.box-left{margin:0 0 15px 0;position:relative}
.left-tit{position:relative;align-items:center;background:var(--color-main1);}
.left-tit.flex .icon{color:#2cb123;padding:10px;line-height:25px;font-family:rb;font-size:16px;text-align:center;width:45px;height:45px;background:url(../img/icon-38.png) no-repeat center center;margin-right:0px}
.left-tit .name{position:relative;z-index:11;font:16px/20px rm;color:#fff;padding:14px 10px;text-transform:uppercase;text-align:center}
.left-tit .name img{display:inline-block;vertical-align:bottom;margin:7px}
.left-tit.flex .name{max-width:calc(100% - 45px);padding:5px 0}
.left-tit.act:before{content: "";width:50px;height:1px;background:#f00;position:absolute;bottom:-1px;left:0}
.left-box{z-index:999;border:1px solid #d7d7d7}
.khung_httt .khung_hotline{background:#c91414;color:#fff;font-size:14px;text-align:center;font-family:utma;padding:15px 10px 10px 5px}
.khung_httt .khung_hotline span{font-size:20px;color:#ff0;font-family:utmab}
.httt .main-tit{text-align:left;background-position:left bottom}
.httt .main-tit .name{font-size:25px;padding:0 0 10px 0}
.box-httt{color:#000;padding:0 0px 0 0}
.box-httt .hotline span{display:inline-block;color:#d90000;font-family:rb}
.box-httt .httt{padding:10px;border-bottom:1px solid #b2b1b1;display:block;font-family:rr;font-size:13px}
.box-httt .httt .icon{width:30px;display:inline-block;margin:4px}
.box-httt .httt span{display:inline-block}
.box-httt .httt .name{color:#0065d9;font-size:13px;font-family:rb}
.box-httt .httt .dienthoai{color:#d10000;font-family:utmatmb;font-size:18px;display:inline-block}
.box-httt .ht_tt{background:url(../img/ft-tt.png) no-repeat bottom left;padding:5px 0px;font-size:15px;font-family:rcb;margin-bottom:5px;text-transform:uppercase;background-size:80px 1px}
.box-httt .ht_tt .name{text-transform:uppercase;color:#005b8f;font-family:rr;font-size:16px}
.left-box .box-news.flex{align-items:center;margin:0;padding:5px}
.left-box .box-news .name,.left-box .box-news .mota{font-size:14px;font-weight:normal;max-height:38px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.danhmuc{border:1px solid #bddd56;background:-moz-linear-gradient(270deg,#BDDD56 0,#FFFFFF 75%);background:-webkit-gradient(linear,270deg,color-stop(0,BDDD56),color-stop(75%,FFFFFF));background:-webkit-linear-gradient(270deg,#BDDD56 0,#FFFFFF 75%);background:-o-linear-gradient(270deg,#BDDD56 0,#FFFFFF 75%);background:-ms-linear-gradient(270deg,#BDDD56 0,#FFFFFF 75%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE',endColorstr='#F4F60C',GradientType='1');background:linear-gradient(270deg,#BDDD56 0,#FFFFFF 75%)}
.menu .menu-left{width:100%;background:#fff}
.menu-left{margin:0px;border-top:none;position:relative;padding:0}
.menu-left::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;border-radius:10px}
.menu-left::-webkit-scrollbar{width:3px;background-color:#F5F5F5}
.menu-left::-webkit-scrollbar-thumb{background-color:#AAA;border-radius:10px;background-image:-webkit-linear-gradient(90deg,rgba(0,0,0,.2) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 75%,transparent 75%,transparent)}
.menu-left .dot{position:absolute;right:0px;top:5px;width:30px;height:30px;padding:7px 6px;cursor:pointer;text-align:center;font-family:'Font Awesome 5 Pro';font-weight:900}
.menu-left .dot:after{position:absolute;width:16px;border:1px solid #000;top:9px}
.menu-left .dot:before{content: "\f054";display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.menu-left .act > .dot:before{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.menu-left li{display:block;position:relative}
.menu-left .cap1 > a{padding:12px 10px 12px 30px;font:15px rr;background:url(../img/dot-8.png) no-repeat left 10px center;transition:all 0.1s;-webkit-transition:all 0.1s;-moz-transition:all 0.1s}
.menu-left .cap1 > a .icon{font-size:14px;width:20px;color:#e57f7f;vertical-align:middle;display:inline-block}
.menu-left .cap1 > a > span{display:inline-block;vertical-align:top;line-height:24px}
.menu-left .cap1 > a .svg-inline--fa.fa-star-of-life{width:14px;padding:2px;display:inline-block;vertical-align:middle;color:#00792b}
.menu-left a i{color:#f00;margin-right:5px}
.menu-left .cap2 > a{background:url(../img/dot-7.png) no-repeat left 12px center;padding:7px 10px 7px 27px}
.menu-left .cap1 > a img{width:15px;margin:0px 5px 0px 0;display:inline-block;padding:3px 0;vertical-align:text-top}
.menu-left a{font-size:14px;line-height:20px;font-family:rr;display:block;text-align:left;padding:10px 15px}
.menu-left .cap1{z-index:99;position:relative;border-top:1px solid #cdcdcd}
.menu-left .cap1:first-child{border:none}
.menu-left .dm_ht > a,.menu-left .dm_ht > .dot{background:#2cb123;color:#fff!important}
.menu-left .cap1 > a .fa{font-size:8px;padding:4px;vertical-align:middle}
.menu-left .cap1 .img,.menu-left .cap1 .info{}
.menu-left .cap1 .name{}
.menu-left .cap1 .con{position:absolute;right:10px;top:50%;-moz-transform:rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg) translate(0,-50%);-webkit-transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(0,-50%);-o-transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(0,-50%);-ms-transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(0,-50%);transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(0,-50%)}
.menu-left .cap2{font-family:RR}
.menu-left .cap3 > a{background:url(../img/dot-5.png) no-repeat left 20px center;padding:7px 10px 7px 35px}
.menu-left li ul{width:100%;position:relative;top:0px;background:#fffdfd;min-width:200px;margin:0;z-index:9999}
#slider .menu-left li ul{position:absolute;top:0;padding:0px 0;left:100%;background:#fffdfd;min-width:250px;margin:0;display:none;z-index:9999;width:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=0,Color=#000000)";-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=135,Color=#000000)}
.dmc2{padding:25px;display:block}
.dmc2 .cap3{border-bottom:1px solid #cdcdcd;padding:10px 10px 10px 25px;background:url(../img/dot-8.png) no-repeat 5px center;font-family:sfufr}
.i-l{width:48%;float:left}
.i-l-l{width:50%;float:left;border-right:1px dotted #CCC;padding-right:20px}
.i-l-r{width:50%;float:left;margin-right:-1px;padding-left:20px}
.i-l-r ul li{margin-bottom:10px}
.i-l-r ul li h3{font-weight:normal;font-size:13px;font-weight:normal;font-family:rr;margin:0px}
.i-l-r ul li h3 a{color:#3e3e3e}
.i-l-r ul li h3 a:hover{color:#F00}
.i-r{width:48%;float:right}
.video-l{width:100%}
.ds_cat{margin:15px 0;font-family:rcb;font-size:20px}
.ds_cat span.line{color:#b65763;font-size:21px}
.ds_cat span.line:last-child{display:none}
.cat{display:inline-block;color:#000}
.title_tab{text-align:right;align-items:center;}
.title_tab .cat{cursor:pointer;padding:8px 20px;color:#434343;position:relative;position:relative;font-size:18px;display:inline-block;z-index:9;text-align:center;}
.cat:hover{color:var(--color-main1);}
.cat.active{color:var(--color-main1);}
.hotro .box_ht{border-top:1px dashed #834502;padding:5px}
.box_ht .ten{color:#834502;font-family:rb}
.box_ht p{white-space:nowrap}
#tool_present{position:-webkit-sticky;position:sticky;top:40px;background:#cdcdcd;z-index:99}
#tool_present .scroll{padding:10px 20px;display:inline-block;cursor:pointer;background:#0094db;text-transform:uppercase;color:#fff;font-family:rb;font-size:16px}
#tool_present .scroll.active{background:#de0d16}
.wrap_sec{margin-top:10px}
.wrap_sec .ct-tit{margin-top:15px;border-bottom:3px double #cdcdcd;font-size:20px;color:#000;padding:5px 0;text-transform:uppercase}
.dmc1{justify-content:center;white-space:nowrap}
.dmc1 .item{flex-grow:1;width:0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;background-position:center center;background-repeat:no-repeat;background-color:#fff}
.dmc1 .item:hover{flex-grow:2}
.dmc1 .box-l{width:28%;padding:5px;position:relative}
.dmc1 .box-l .lazy{bottom:5px;right:5px;background-size:cover;position:absolute;left:5px;top:5px}
.dmc1 .box-r{width:72%;padding:5px}
.dmc1 .box_dmc1{width:100%;position:relative}
.box_dmc1 .img{height:250px;width:100%;opacity:0}
.box_dmc1 .info{position:absolute;bottom:10%;left:0;right:0;text-align:center;color:#fff;font-size:18px}
.box_dmc1 .name{color:#fff;font:900 18px svnagd;padding:15px}
.box_dmc1.active .img,.box_dmc1:hover .img{-ms-filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
.dknt{background:url(../img/bg-dknt.png) no-repeat center center;padding:60px 0;background-size:cover;color:#fff;top:0;bottom:0;max-width:100%;left:0}
.dknt .flex{justify-content:space-evenly;align-items:center}
.dknt .title{color:#fff}
.dknt .dk_name{font-family:utmhi;font-size:30px;color:#fff;margin:10px 0;display:inline-block;vertical-align:middle;text-transform:uppercase}
.dknt .dk_name span{margin:15px 0 0 0;display:block}
.box-dl{background:#fff;padding:15px 15px 0 230px;background:url(../img/bg-dknt.png) no-repeat 15px bottom #fff}
.bg_sd{background:url(../img/bg-sd.png) repeat-x center bottom 4px;border-bottom:1px dashed #dfdfdf}
#sanpham{position:relative;z-index:9;padding:45px 0;background:url(../img/bg-menu.png) no-repeat center center}
#sanpham:after{position:absolute;width:100%;height:40vw;left:0;bottom:-14vw;background:url(../img/bg-hoa.png) no-repeat center center;background-size:100% 100%;z-index:-1}
#sanpham .main-tit{background:url(../img/tcat-b-w.png) no-repeat bottom center}
#sanpham .main-tit .tt,#sanpham .tabs .title-tab .tab{color:#fff}
.dmspnb:nth-child(2n+1){}
.flex_sp > div{width:100%}
.sanpham_nb .flex.col_4{margin:0}
.sanpham_nb .flex.col_4 > div{margin:0;max-width:25%}
.box-dm{position:relative;background:#f0f0f0;padding:15px;text-align:center}
.box-dm .icon{background:#fff;display:inline-block;margin-top:-70px}
.box-dm .name{font-size:20px;font:900 19px rr;margin:0px 0 5px 0;text-transform:uppercase;display:inline-block;-webkit-line-clamp:1}
.box-dm .images{}
.box-dm .info{text-align:center;padding:10px 0}
.box-dm .mota{-webkit-line-clamp:1;height:21px}
.sanpham{margin:45px 0}
.sanpham:before{background:url(../img/bg-mk-b.png);width:100px;height:180px;position:absolute;left:0;bottom:-90px;z-index:99}
.box_name{margin:0 0 15px 0}
.box_name .title{display:inline-block;padding:60px 50px;margin:0;color:#fff;min-width:400px;position:relative}
.box_name .title:before{content: "";position:absolute;top:0;bottom:0;left:calc(100% - 75px);width:150px;-moz-transform:rotate(0deg) scale(1,1) skewX(35deg) skewY(0deg) translate(0,0);-webkit-transform:rotate(0deg) scale(1,1) skew(35deg,0deg) translate(0,0);-o-transform:rotate(0deg) scale(1,1) skew(35deg,0deg) translate(0,0);-ms-transform:rotate(0deg) scale(1,1) skew(35deg,0deg) translate(0,0);transform:rotate(0deg) scale(1,1) skew(35deg,0deg) translate(0,0);z-index:0;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=180,Color=#fff)";-moz-box-shadow:20px 0 0 rgba(255,255,255,0.5);-webkit-box-shadow:20px 0 0 rgba(255,255,255,0.5);box-shadow:20px 0 0 rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#fff)}
.box_name .images{display:none}
.box_name .title .name{display:block}
.box_name .title .tt{font-size:20px;font-family:rb;color:#fff;margin:1px 0;display:inline-block}
.box_name .title .tt i{font-size:12px;margin:5px;vertical-align:middle}
.box_name.thuongmai .title,.box_name.thuongmai .title:before{background:#0794de}
.box_name.khachsan .title,.box_name.khachsan .title:before{background:#0147a1}
.sanpham .slick_1 .slick-prev{left:auto;right:38px;top:20px}
.sanpham .slick_1 .slick-next{left:auto;right:0px;top:20px}
.sanpham .slick_sp .item{width:260px;border-right:1px dotted #000}
.dmsp{text-align:center}
.dmsp .box-sp{border-right:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1}
.sanpham:nth-child(2n) .dmc1 .box-l{order:2}
.sanpham .dmsp_nb{width:calc(100% - 600px)}
.sanpham .img-gt{width:550px}
.sanpham .box-news .info{background:#f5f5f5;padding:15px;margin:0}
.sanpham .box-news-r .info{-webkit-border-radius:8px 70px 70px 8px;-moz-border-radius:8px 70px 70px 8px;border-radius:8px 70px 70px 8px}
.slider_sp{margin-bottom:30px}
.slider_sp .images img{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.sp_video{width:385px}
.sp_slider{width:calc(100% - 410px)}
.loiich{border:1px solid #74c535;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden;align-items:center;flex-wrap:wrap;}
.loiich > .name{background:#74c535;color:#fff;font:bold 15px rr;text-transform:uppercase;padding:10px 15px;width:180px;text-align:center;margin:0 20px 0 0;position:relative}
.loiich > .name:before{content: "";vertical-align:middle;border-top:29px solid #fff;border-left:17px solid #74c535;border-right:3px solid #fff;border-bottom:29px solid #fff;position:absolute;left:100%;top:0;bottom:0}
.loiich > .cont{width:calc(100% - 200px)}
.loiich .box-news.flex{margin-top:0;margin-bottom:0;align-items:center}
.loiich .box-news .info,.left .box-news .info{width:calc(96% - 50px)}
.loiich .box-news .name{font:14px rr}
.info_thuchien{justify-content:center;margin:55px 0px}
.info_thuchien .item{position:relative;width:calc(20% - 20px);margin:-23px 10px}
.info_thuchien .it_info_1{order:3}
.info_thuchien .it_info_2{order:4}
.info_thuchien .it_info_3{order:5}
.info_thuchien .it_info_4{order:6;margin-left:11px}
.info_thuchien .it_info_5{order:8}
.info_thuchien .it_info_6{order:10}
.info_thuchien .it_img_0{order:2}
.info_thuchien .it_img_1{order:7}
.info_thuchien .it_img_2{order:9}
.info_thuchien .item a,.info_thuchien .item .name{cursor:pointer}
.info_thuchien .item .name{position:absolute;left:5%;right:5%;top:25%;bottom:25%;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:bold}
.hexagon{display:inline-block;position:relative;width:100%}
.box-dmnb{text-align:center}
.box-dmnb .images{background:#fff0;padding:8px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=30,Direction=0,Color=#000000)";-moz-box-shadow:0 0 30px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3);box-shadow:0 0 30px rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=30,Direction=135,Color=#000000)}
.box-dmnb .images img{background:#fff}
.box-dmnb .info{flex-grow:1;font-size:13px;font-family:sfufbk}
.box-dmnb .info .name{font-size:16px;font-family:rb;margin:15px 0}
.bg-sd{position:relative;background:url(../img/bg-sp.png) repeat-y center center;margin:20px 0 0 0}
.bg-sd:before{content: "";left:0;right:0;bottom:100%;height:25px;background:url(../img/sd-bg.png) no-repeat center bottom;position:absolute}
.main-tit .name .hot{display:inline-block;position:relative}
.main-tit .name .hot img{position:absolute;left:0;top:-35px;max-width:31px}
.box-chinhsach{margin:10px;background:#fff;padding:10px;position:relative}
.box-chinhsach .images{margin-right:15px;float:left}
.box-chinhsach .name{font-family:rb;font-size:18px;text-transform:uppercase;color:#e30a0a}
.slick-sanpham{padding-bottom:20px;width:calc(100% + 20px);margin-left:-10px}
.slick-sanpham .slick-prev,.slick-sanpham .slick-next{width:30px!important;height:30px!important;text-indent:-9999px;bottom:0px!important;top:auto!important}
.slick-sanpham .slick-prev{background:url(../img/sp-prev.png)!important;background-size:100% 100%!important;left:calc(50% - 35px)!important}
.slick-sanpham .slick-next{background:url(../img/sp-next.png)!important;background-size:100% 100%!important;right:calc(50% - 35px)!important}
.box-dv{position:relative;overflow:hidden;margin:0 auto 0px auto;z-index:101;display:block;background:rgb(255 255 255 / 0.22);width:180px;padding:23px 15px;text-align:center;border:4px solid #ffffff00;height:180px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s}
.box-dv .stt{margin-right:15px;font-size:120px;align-items:center;float:left;font-family:osb;width:160px;height:130px;background:#d1d2d4;color:#666;justify-content:center;position:relative;line-height:1}
.box-dv .stt:before{content: "";position:absolute;top:100%;right:0;height:37px;left:0;z-index:100;background:url(../img/bg-dv-tt.png);background-size:100% 100%}
.box-dv .img img{margin:0 auto}
.box-dv .icon{display:inline-block;line-height:125px;width:125px;text-align:center;background:url(../img/bg-dv-ic.png) no-repeat center center;background-size:100% 100%;margin:-90px 0 -35px 0;font-family:rr;font-size:28px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=0,Color=#000000)";-moz-box-shadow:0 0 10px -1px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 10px -1px rgba(0,0,0,0.5);box-shadow:0 0 10px -1px rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10,Direction=135,Color=#000000)}
.box-dv .images{max-width:120px;margin:0 auto 0 auto;position:relative;z-index:99;display:inline-block;overflow:hidden;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s}
.box-dv .images .border{border:2px solid #fff}
.box-dv:hover{background:#cb0200;border-color:#fff}
.box-dv .info{z-index:100;font-size:14px;box-sizing:border-box;height:60px;text-align:center;justify-content:center}
.box-dv .date{display:inline-block;text-align:center;line-height:1}
.box-dv .date .d{color:#f00;font-family:utmab;font-size:28px}
.box-dv .date .m{font-family:rcr;font-size:12px;text-transform:uppercase}
.box-dv .name{z-index:111;display:block;margin:0;padding:0 0px;font:900 20px/1.4 rr}
.box-dv .info:before{position:absolute;left:0;top:0;bottom:0;right:0;border:1px solid #fff;z-index:-1}
.box-dv:hover .info:before{margin:9px}
.box-dv .tt{max-height:calc(100% - 40px);overflow:hidden}
.box-dv .number{display:inline-block;font-size:40px;font-family:rb;color:#fff;border:3px solid #fff;width:100;height:100;line-height:94px;text-align:center}
.box-dv .more{position:relative;font-family:rr;font-size:14px;color:#fff;display:inline-block;padding:10px 15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.box-kh{position:relative;width:100%;text-align:center;margin:15px auto}
.box-kh .noidung{background:rgba(0,0,0,0.8);padding:30px 10px;position:absolute;top:50%;left:50%;right:50%;bottom:50%;color:#fff;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}
.box-kh:hover .noidung{opacity:1;top:0;left:0;right:0;bottom:0}
.box-kh .noidung > .w-clear{min-height:70px}
.box-kh .info{padding:15px;height:100px;overflow:hidden;font-family:qs}
.box-kh .images{margin:10px auto;padding:5px;max-width:180px;border:1px dashed #1c1208}
.slick-current .box-kh .images{background:#f0ad00}
.box-kh .images img{position:relative;width:100%;background:#fff}
.box-kh .name{font-weight:bold;padding:5px 0;font:18px rb;text-align:center;color:#e98d15;box-sizing:border-box}
.box-kh .mota{padding:15px 45px;background:url(../img/nhay_trai.png) no-repeat left top 20px,url(../img/nhay_phai.png) no-repeat right bottom 20px;min-height:75px}
.owl-prev,.owl-next{position:absolute;top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next{opacity:1}
.owl-prev{left:0px}
.owl-next{right:0px}
.slick-prev{left:0}
.slick-next{right:0}
.slick-vertical .slick-prev{left:50%;top:18px;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);transform-origin:center top}
.slick-vertical .slick-next{left:50%;top:auto;bottom:18px;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);transform-origin:left center}
.slick_pad_5{margin:0 -5px}
.slick_pad_5 .slick-slide{padding:0 5px}
.slick_pad_10{margin:0 -10px}
.slick_pad_10 .slick-slide{padding:0 10px}
.slick_pad_15{margin:0 -15px}
.slick_pad_15 .slick-slide{padding:0 15px}
.box-search{padding:15px 30px;max-width:100%;background:rgba(255,255,255,0.7);position:absolute;top:50%;left:50%;width:450px;-webkit-border-radius:15;-moz-border-radius:15;border-radius:15;-moz-transform:rotate(0deg) scale(1,1) skewX(0deg) skewY(0deg) translate(-50%,-50%);-webkit-transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(-50%,-50%);-o-transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(-50%,-50%);-ms-transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(-50%,-50%);transform:rotate(0deg) scale(1,1) skew(0deg,0deg) translate(-50%,-50%)}
.box-search p{font-family:ossb;color:#3888e2;text-transform:capitalize;font-size:24px}
.search{    /* display: inline-block; */
position:relative;padding:11px 15px;background:#fff;text-align:left;vertical-align:middle;max-width:100%;width:400px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background-size:100% 100%;border:1px solid #cdcdcd}
.search:before{background:#fff;left:0;right:0;top:0;bottom:0;position:absolute;z-index:-1;-moz-transform:rotate(0deg) scale(1,1) skewX(-30deg) skewY(0deg) translate(0,0);-webkit-transform:rotate(0deg) scale(1,1) skew(-30deg,0deg) translate(0,0);-o-transform:rotate(0deg) scale(1,1) skew(-30deg,0deg) translate(0,0);-ms-transform:rotate(0deg) scale(1,1) skew(-30deg,0deg) translate(0,0);transform:rotate(0deg) scale(1,1) skew(-30deg,0deg) translate(0,0);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.search_nc{justify-content:space-between}
.search_nc .item{line-height:40px;padding:5px 0;flex-grow:3;margin:0 10px}
.search_nc .bt_s{flex-grow:2}
.search_nc .tt{color:#fff;font-family:txgab;text-transform:uppercase;font-size:24px;flex-grow:2}
.search .input{max-width:100%;width:calc(100% - 60px);line-height:20px;font-family:rr;box-sizing:border-box;background:none;position:relative;z-index:9;outline:none;border:none;line-height:20px;font-size:14px;color:#000;text-align:left;display:block}
.search .bt-search{position:absolute;bottom:0px;right:0px;top:0px;text-transform:uppercase;cursor:pointer;color:#fff;margin:0;padding:11px 25px;display:block;text-align:center;background:#d60c0c;-webkit-border-radius:0 25px 25px 0;-moz-border-radius:0 25px 25px 0;border-radius:0 25px 25px 0;z-index:99}
.search .bt-search .fa{font-size:18px}
.search .search-v-h{position:relative;color:#fff;font-size:20px;cursor:pointer}
.search .search-hd{position:absolute;right:00px;top:100%;display:inline-block;margin:0px 0;padding:5px;background:#cdcdcd;display:none}
.search .input::-webkit-input-placeholder{color:#333}
.search .input::-moz-placeholder{color:#333}
.search .input:-ms-input-placeholder{color:#333}
.search .input:-moz-placeholder{color:#333}
.share > a{display:inline-block;border:1px solid;padding:8px 5px;text-align:center;width:40px;height:40px;line-height:20px;font-size:20px}
#search_nc{position:relative;padding:20px 0}
#search_nc .frm-bds-search{position:relative;display:flex;flex-flow:row wrap;justify-content:space-around;align-content:center}
#search_nc .box_sl{flex-grow:1;padding:3px}
#search_nc .search_name{flex-grow:1}
#search_nc .input{padding:9px 9px;width:100%;line-height:26px;border-radius:0}
#search_nc .button{background:#009049;text-transform:uppercase;border:none;box-shadow:none;border-radius:0}
.box-da{position:relative;border-bottom:3px solid #cfcfcf;background:#fff;text-align:center}
.box-da .info .images{border:1px solid #0985b7;margin:0 10px 0 0}
.box-da .info .images img{-moz-transform:translate(5px,-5px);-webkit-transform:translate(5px,-5px);-o-transform:translate(5px,-5px);-ms-transform:translate(5px,-5px);transform:translate(7px,-6px)}
.box-da i{color:#0985b7;margin:0 10px 0 0}
.box-da .images .name{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);color:#fff;padding:15px;text-align:center;font-size:20px}
.box-da .info{white-space:nowrap;text-align:center;padding:14px;background:#fff;border:1px solid #dddddd;border-top:none}
.box-da .info:before{position:absolute;top:50%;left:50%;right:50%;background:rgba(0,0,0,0.5);bottom:50%;z-index:1;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.box-da:hover .info:before{top:0;left:0;right:0;bottom:0}
.box-da:hover .images .name{opacity:0}
.box-da .info .name{font-family:rr;z-index:9;color:#000;font-size:16px;margin:0 0 5px 0}
.box-da .info .kh{color:#0984b6;white-space:normal}
.tt_gop{margin:10px auto;font-size:16px}
.tt_gop span{font-family:rb;color:#f00}
.tk_r{position:absolute;right:20px;top:10px;font-size:30px}
.tk_l{position:absolute;left:0px;top:10px}
#nhantin{background-size:cover!important}
#nhantin .ipct,#nhantin .tact{background:none;color:#fff;margin-bottom:10px}
#nhantin .button{display:block;text-align:center;font-family:rb;text-transform:uppercase;margin:0 auto;width:100%}
.hinhanh{padding:30px 0}
.hinhanh .grid.cot_4{grid-gap:20px}
.hinhanh .grid.cot_4 .box-ha{height:240px;background:#ccc}
.hinhanh .grid.cot_4 .box-ha:nth-child(6n+2){background:#000;grid-row:1 / 3;grid-column:2;height:100%}
.hinhanh .grid.cot_4 .box-ha:nth-child(6n){background:#ff0;grid-column:3 /5}
.bangdo .title{background:url(../img/map_71_113.png) no-repeat top left;background-size:40px auto;padding:15px 0 40px 50px;color:#ea0005;font-family:Times news Roman;font-weight:bold;font-size:22px;position:relative;z-index:999;margin-top:20px;margin-bottom:-20px}
#map > iframe{width:100%;height:340px}
.email-dk .lh-con-l{text-align:left}
.email-dk .button{border:none;padding:9px 30px;font-size:15px;vertical-align:middle;color:#000;text-align:center;text-transform:uppercase;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;margin:0 0;right:0;top:0}
.email-dk .input{margin:10px 0;padding:14px 15px;line-height:20px;width:100%;display:inline-block;vertical-align:middle;max-width:100%;color:#000;border:none;background:rgb(255,255,255);outline:none;font-size:15px;flex-grow:1}
.email-dk .tact{width:100%;vertical-align:middle}
.email-dk .button:hover{color:#ff0}
.email-dk .input::-webkit-input-placeholder{color:#777}
.email-dk .input::-moz-placeholder{color:#777}
.email-dk .input:-ms-input-placeholder{color:#777}
.email-dk .input:-moz-placeholder{color:#777}
.ajax_cart{cursor:pointer;background:rgba(168,55,0,0.8);font-weight:bold;color:#fff;padding:10px 15px;margin:0;border:1px solid #fff;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.ct-r .ajax_cart{background:#f78e12;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.ajax_cart_tt{cursor:pointer;background:#4c8403;border:none;color:#fff;padding:10px 15px;margin:0}
.ct-r .ajax_cart:hover,.ct-r .ajax_cart_tt:hover{background:#fd0000}
.giohang{display:inline-block}
.giohang > span{display:inline-block;padding:5px}
.ds_dh{width:100%;min-width:600px}
.ds_dh th,.ds_dh td{padding:10px}
.ds_dh tr{border-bottom:1px solid #cfcfcf}
.ds_dh tr:hover{background:#fafafa}
.ds_dh .chitiet{color:#f00;cursor:pointer}
.tt_tb{background:#696969;font-weight:bold;color:#FFF}
.sukien{background:#bd3b65;border-top:1px solid #fff;color:#fff;padding:5px;font-family:utma;font-size:16px;line-height:30px}
.sukien .flex{-webkit-flex-flow:nowrap}
.sukien .name a{white-space:nowrap;font-family:svnc;font-size:18px;line-height:27px;margin:0 15px 0 85px;padding:0 0 3px 0;color:#fff}
.sukien .img{position:absolute;left:0;bottom:-5px}
.sukien .item a{color:#fff;display:inline-block;line-height:25px;padding:5px 0 0 0;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sukien .flex > div{flex-grow:1}
#dangky{background:url(../img/bg-dknt.png) no-repeat top center;padding:45px 0 30px 0;align-items:stretch}
#dangky .main-tit,#dangky .main-tit .name{color:#fff}
#dangky > .w_50{padding:45px calc(50% - 600px)}
#dangky .yc{background:url(../img/bg-lh.png)}
#dangky .box-dknt{background:rgba(255,255,255,0.9);margin:0 auto}
#dangky .main-tit{color:#fff}
#dangky .box-lh .grid{grid-gap:10px}
#dangky .input{padding:10px 15px;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;color:#000}
#dangky .email-dk .button{width:125px}
.dk_dl .input::-webkit-input-placeholder,#dangky::-webkit-input-placeholder{color:#000}
.dk_dl .input::-moz-placeholder,#dangky::-moz-placeholder{color:#000}
.dk_dl .input:-ms-input-placeholder,#dangky:-ms-input-placeholder{color:#000}
.dk_dl .input:-moz-placeholder,#dangky:-moz-placeholder{color:#000}
.list_tb{background:#00aff0;padding:5px 0}
.list_tb a{display:inline-block;padding:10px;color:#fff;font-family:rb;text-transform:uppercase}
.list_tb a:hover{color:#ff0}
.daotao .fl .images{-moz-transform:translate(-10px,30px);-webkit-transform:translate(-10px,30px);-o-transform:translate(-10px,30px);-ms-transform:translate(-10px,30px);transform:translate(-10px,30px)}
.gioithieu{padding:30px 0}
.gioithieu .flex{justify-content:space-between}
.gioithieu .col_4.flex{margin:0}
.gioithieu .img-gt{margin:0;width:550px;position:relative;padding:20px}
.gioithieu .img-gt:before{content: "";position:absolute;background:#0078de;top:0;left:0;width:64%;height:85%;z-index:-1}
.gioithieu .info-gt{width:calc(100% - 580px)}
.gioithieu .box-news .name{font-size:14px;font-family:Arial;font-weight:bold;margin:10px 0 0 0}
.gioithieu .title .name:before{border-color:#e31119}
.gioithieu .scroll_x > .flex{min-width:1200px}
.gioithieu .box-news-v{background:#000;color:#fff;text-align:center}
.gioithieu .flex .item:nth-child(2n) .box-news-v{background:#1ca73a}
.gioithieu .box-news-v .name{color:#fff;font-size:20px;padding:10px;line-height:30px;height:100px;overflow:hidden}
.gioithieu .box-news-v .button{background:none;border:1px solid}
.gioithieu .item .name span{display:inline-block;padding:0px 11px;border:1px solid;color:#acacac;font-family:rt;font-size:27px;vertical-align:middle;margin:0 5px 0 0}
.gioithieu .item .noidung{margin:20px 0}
#gioithieu{position:relative;margin:45px 0px;border-bottom:1px solid #cdcdcd;padding:10px 0}
#gioithieu:before{background:url(../img/bg-gt-t.png) no-repeat;position:absolute;right:0;top:-75px;width:130px;height:260px}
#gioithieu:after{}
#gioithieu .flex{justify-content:space-between}
#gioithieu .box-tab-tit{width:100%;order:2}
#gioithieu .box-con{width:100%;order:1}
#gioithieu .main-tit{}
#gioithieu .title .name{vertical-align:middle}
#gioithieu .info-gt{z-index:99;width:980px;margin:15px auto}
#gioithieu .info-gt .item.flex{align-items:center;-webkit-flex-flow:nowrap;justify-content:flex-start;color:#fff;text-align:left;margin:10px 0}
#gioithieu .info-gt .item.flex .img{margin:0 10px 0 0;width:60px}
#gioithieu .info-gt .item.flex .info{max-width:calc(100% - 70px)}
#gioithieu .info-gt .item.flex .name{max-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#gioithieu .info-gt .name_ct{color:#0e4a8d;font-family:rb;font-size:34px;line-height:1;margin:15px 0}
#gioithieu .main-tit .tt{width:330px;background:#c00;font-size:20px;margin:0 0 15px 0;display:inline-block;color:#fff;padding:5px 20px;text-transform:uppercase;max-width:100%}
#gioithieu .title .ct{font-size:18px;text-transform:uppercase;color:#d6d6d6;letter-spacing:10px}
#gioithieu .main-tit .name{display:block}
#gioithieu .button:before{position:absolute;left:5px;top:5px;width:100%;height:100%;border:1px solid #004ad3}
#gioithieu .clip_gt{border:3px solid rgba(255,131,67,0.75);background:rgba(177,158,133,0.75);padding:25px 35px;max-width:510px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:ossb}
#gioithieu .clip_gt .title .name{color:#000;font-size:36px;font-family:svnag}
#gioithieu .more{position:relative;background:url(../img/bg-bt-gt.png) no-repeat center center!important;color:#fff;border:none;padding:9px 27px}
#gioithieu .button:hover:before{border-color:#e40000}
#gioithieu .img-gt{position:relative;text-align:center;z-index:5;overflow:hidden;max-width:590px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:0 100px 30px 0}
#gioithieu .img-gt .item_1{position:absolute;right:0;bottom:0;border:5px solid #fff;width:300px}
#gioithieu .img-gt .bor_1{border-color:#fff;margin:50px 0}
#gioithieu .img-gt:before{position:absolute;left:0;top:0;bottom:25px;right:25px;border:5px solid #000;border-right:none;z-index:-1}
#quydoi{background:url(../img/bg-qd.png) repeat-y center center;padding:10px 0;color:#fff;font-family:utma;font-size:24px}
#quydoi a{display:inline-block;color:#fff;background:#d24602;border:2px solid #fff;font-family:Arial;font-size:15px;padding:9px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
#quydoi a img{margin-right:15px}
.sd:after{content: "";background:url(../img/sd.png) no-repeat top center;position:absolute;top:100%;left:0;right:0;height:20px}
.box-gt{position:relative}
.box-gt .images{display:inline-block;vertical-align:middle}
.box-gt .info{padding:10px}
.box-gt .name{font-family:utma;font-size:16px;white-space:nowrap;display:inline-block;vertical-align:middle}
.box-gt .more a{display:inline-block;padding:10px 20px;border:1px solid #ebebeb;background:#fff}
.chinhanh{background:url(../img/bg-chinhanh.png) no-repeat center center;background-size:cover;min-height:55vw}
.chinhanh .main-tit{display:inline-block;background:url(../img/tt-t.png) no-repeat left top}
.chinhanh .main-tit .name{background:url(../img/tcat-b.png) no-repeat bottom center;color:#3a7c04;font:bold 40px qs;padding:0 0 40px 0}
#dichvu{padding:30px 0px}
#dichvu .box-news{margin:0;padding:0}
.dichvu{padding:45px 0;background:#c50000;background-size:cover;color:#fff;font-size:16px}
.dichvu .box_scroll_y{border-top:1px dashed #666;padding:15px 0px 5px 0}
.dichvu .scroll_y{max-height:220px}
.dichvu .flex.col_2 > div{margin-top:0;margin-bottom:5px}
.dichvu .slick_1{max-width:930px;margin:0 auto}
.dichvu .slick_1 .item{padding:15px 5%}
.dichvu .grid{grid-gap:10px}
.dichvu .title .name{margin-left:50px;padding:0 10px}
.dichvu .scroll_y .name{margin:0 15px 0 0}
.dichvu .date{white-space:nowrap}
.dichvu .box-news{margin:0}
.dichvu .box-news .name{font:22px svnbs}
.dichvu .box-news .mota{font:oblique 300 14px sfuf}
.daotao{padding:40px 0 70px 0;background:url(../img/bg-line-b.png) repeat-x center bottom,url(../img/bg-daotao.jpg) #fff;background-size:auto,cover}
.daotao .khung_xoay{max-width:510px;margin:30px auto;position:relative}
.daotao .khung_xoay .logo_m{position:absolute;left:calc(50% - 85px);top:calc(50% - 85px);z-index:999}
.daotao .khung_xoay .logo_m img{background:#fff;padding:40px;z-index:999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;-o-transition:all 1s}
.daotao .khung_xoay .logo_m:hover img{-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
.daotao .grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:0px;position:relative}
.daotao .grid .item{position:relative}
.daotao .box_dt{position:absolute;color:#fff;font-size:18px;font-family:utma;font-weight:bold;text-transform:uppercase;justify-content:space-around;align-items:center;width:100%;height:100%;top:0;left:0}
.box_dt .stt{font-family:osl;font-size:44px;padding:0 10px}
.box_dt .img{padding:0 10px}
.daotao .item_0{grid-area:2 / 2 / 3 / 3;height:170px}
.daotao .item_1{grid-area:1 / 2 / 2 / 4}
.daotao .item_1 .box_dt{padding:20px 35px 35px 35px;-webkit-flex-flow:nowrap}
.daotao .item_1 .box_dt .img{order:2}
.daotao.item.item_1:before{content: "";position:absolute;width:333px;height:217px;background:url(../img/item1.png) no-repeat right top;top:0px;left:-10px}
.daotao .item_2{grid-area:2 / 3 / 4 / 4}
.daotao .item_2 .box_dt{padding:35px 20px 35px 35px}
.daotao .item_2 .box_dt .img{order:2}
.daotao.item.item_2:before{content: "";position:absolute;height:333px;width:217px;background:url(../img/item2.png) no-repeat right top;bottom:10px;right:0px}
.daotao .item_3{grid-area:3 / 1 / 4 / 3}
.daotao .item_3 .box_dt{padding:35px 35px 20px 35px;-webkit-flex-flow:nowrap}
.daotao .item_3 .box_dt .stt{order:2}
.daotao.item.item_3:before{content: "";position:absolute;width:333px;height:217px;background:url(../img/item3.png) no-repeat right top;bottom:0px;left:10px}
.daotao .item_4{grid-area:1 / 1 / 3 / 2}
.daotao .item_4 .box_dt{padding:35px 35px 35px 20px}
.daotao .item_4 .box_dt .stt{order:2}
.daotao.item.item_4:before{content: "";position:absolute;height:333px;width:217px;background:url(../img/item4.png) no-repeat right top;top:10px;left:0px}
.daotao .item_4 .box_dt .name,.daotao .item_2 .box_dt .name{width:100%;text-align:center}
.album .flex{margin:0}
.album .flex.col_4 > div{margin:0;max-width:calc(100% / 4)}
.info_dv{background:#fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;border:10px solid #4fbd37}
.info_dv .flex .box-tab-tit{width:100%;order:2;position:relative;padding:0 9%}
.info_dv .box-tab-tit > div{margin:5px 0;max-width:100%;text-align:left;color:#fff!important;z-index:9;position:relative;display:inline-block;background:#f8339d!important;padding:10px 20px;min-width:200px;-webkit-border-radius:10px 0 10px 0;-moz-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0;font-size:20px}
.info_dv .box-tab-tit > div:nth-child(8n+3){background:#66cce3!important}
.info_dv .box-tab-tit > div:nth-child(8n+5){background:#b272ef!important}
.info_dv .box-tab-tit > div:nth-child(8n+7){background:#ffb782!important}
.info_dv .box-tab-tit > div > span{display:inline-block;background:#f8339d;padding:10px 20px;min-width:100px;-webkit-border-radius:10px 0 10px 0;-moz-border-radius:10px 0 10px 0;border-radius:10px 0 10px 0}
.info_dv .flex .box-tab-tit:before{position:absolute;content: "";top:0;bottom:0;left:11%;width:10px;background:#f8339d}
.info_dv .flex .box-cont{width:100%;padding:50px}
.info_dv .flex .box-tab-con{width:100%;box-sizing:border-box}
.box-banggia{padding:30px 10%;position:relative;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=15,Direction=0,Color=#000000)";-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=15,Direction=135,Color=#000000)}
.box-banggia .name{font-family:'Oswald';font-size:30px;font-weight:bold;border-bottom:1px solid #464646;padding:10px 0;margin:0 0 15px 0}
.chinhsach{padding:45px 0;background:url(../img/bg-cs.png) no-repeat center center;background-size:cover}
.chinhsach .main-tit{background:url(../img/tcat-b-w.png) no-repeat center bottom}
.chinhsach,.chinhsach .name{color:#fff}
.chinhsach .info{}
.chinhsach .main-tit .name{color:#fff;background:none;-webkit-text-fill-color:initial}
.chinhsach .name:before{position:absolute;bottom:0;width:24px;height:2px;left:calc(50% - 12px);background:#c5a44d;background:-moz-linear-gradient(left,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);background:-webkit-linear-gradient(left,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);background:linear-gradient(to right,#a7750a 0%,#ab7a0f 3%,#b4851a 7%,#dcb64a 20%,#e8c558 25%,#efce60 29%,#f2d162 32%,#f1d060 36%,#ecc856 39%,#dfb741 44%,#c08e11 53%,#b98507 56%,#b58001 59%,#b68203 64%,#bb880b 69%,#c5961c 76%,#e1bb4a 90%,#ebc85a 97%,#eecc5f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7750a',endColorstr='#eecc5f',GradientType=1)}
.chinhsach .col_2 > div{max-width:calc(40% - 30px)}
.chinhsach .box-news-v .img{background:#fff}
.dichvu .slick_1 .box-dv{padding:0}
.hinh_gt{display:flex;flex-flow:row wrap;justify-content:space-around;align-content:flex-start}
.hinh_gt .box_gt{text-align:center;width:90px}
.hinh_gt .img{border:3px solid #a58e61;position:relative;overflow:hidden;background:#fff;margin:10px auto}
.hinh_gt .name{text-transform:uppercase;font-family:rcr;color:#a58e61}
#tintuc{align-items:stretch;background:url(../img/bg-tt.png) no-repeat center center}
#tintuc .left{background:#fff005;padding:30px 15px;text-align:center}
#tintuc .left .name{margin:15px 0;font-size:18px;font-family:sfufh}
.tintuc .fl{width:calc(100% - 400px)}
.tintuc .fr{width:370px}
.tintuc .title .more a{color:#fff;font-family:rr;padding:10px;display:inline-block;margin:5px 0;text-decoration:underline}
.tintuc{padding:45px 0;position:relative;z-index:95;background:#f2f2f2}
.tintuc .flex{justify-content:space-between}
.tintuc .box-news .info{z-index:999}
.tintuc .box-news .flex{-webkit-flex-flow:nowrap}
.tintuc .box-news .name{}
.tintuc .box-news{}
.tintuc .grid.cot_3{grid-gap:20px}
.tintuc .box-news .mota{position:relative}
.tintuc .box-news .khung{display:-webkit-box;margin:15px 0;position:relative;z-index:99}
.tintuc .box-news .khung:before{content: "";position:absolute;background:#47aa31;top:0;right:0;bottom:0;left:-90px}
.tintuc .box-news-v .info{background:#fff;margin:0;padding:10px 20px}
.tintuc .box-news .images{}
.tintuc .box-news .date{background:-moz-linear-gradient(180deg,#A9E978 0,#60b81b 100%);background:-webkit-gradient(linear,180deg,color-stop(0,A9E978),color-stop(100%,60b81b));background:-webkit-linear-gradient(180deg,#A9E978 0,#60b81b 100%);background:-o-linear-gradient(180deg,#A9E978 0,#60b81b 100%);background:-ms-linear-gradient(180deg,#A9E978 0,#60b81b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE',endColorstr='#F4F60C',GradientType='1');background:linear-gradient(180deg,#A9E978 0,#60b81b 100%);padding:12px 20px;color:#fff}
.tintuc .box-news:hover .date{background:-moz-linear-gradient(180deg,#c00 0,#c00 100%);background:-webkit-gradient(linear,180deg,color-stop(0,c00),color-stop(100%,c00));background:-webkit-linear-gradient(180deg,#c00 0,#c00 100%);background:-o-linear-gradient(180deg,#c00 0,#c00 100%);background:-ms-linear-gradient(180deg,#c00 0,#c00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c00',endColorstr='#c00',GradientType='1');background:linear-gradient(180deg,#c00 0,#c00 100%)}
.news_nb > .w-clear{overflow:hidden}
.quytrinh{padding:30px 5%;background:url(../img/bg-quytrinh.png) no-repeat center center;background-size:cover}
.quytrinh .box-news{margin:0;padding:0;border:none}
.quytrinh .cacbuoc{justify-content:space-between;-webkit-flex-flow:row nowrap;position:relative}
.quytrinh .cacbuoc:before{content: "";position:absolute;left:2px;right:2px;top:50%;bottom:50%;border:1px solid #ff0;z-index:0}
.quytrinh .cacbuoc .buoc{cursor:pointer;background:#5f5a60;font-size:14px;font-family:sfufh;text-transform:uppercase;border:3px solid #ff0;color:#fff;width:80px;text-align:center;height:80px;padding:20px 0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative}
.quytrinh .cacbuoc .buoc.active{background:#ff0;color:#000}
.quytrinh .marq{color:#fff;font-size:33px;font-family:rcb;text-transform:uppercase;padding:10px 0}
.quytrinh .box-news .stt{position:absolute;text-align:center;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:-55px;left:calc(50% - 40px);padding:20px 0 0 0;font-family:sfufb;width:80px;height:80px;display:block}
.box-qt{text-align:center;color:#fff;margin:0 auto;position:relative;margin-bottom:100px}
.box-qt:before{content: "";width:35px;height:17px;background:url(../img/arr-r.png);position:absolute;left:calc(100% + 20px);top:calc(50% - 8px)}
.box-qt:after{content: "";width:25px;height:25px;background:#549003;position:absolute;left:calc(50% - 13px);bottom:-95px;border:4px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=0,Color=#FFFFFF)";-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=0,Color=#fff)";-moz-box-shadow:0 0 0 5px rgba(255,255,255,0.5);-webkit-box-shadow:0 0 0 5px rgba(255,255,255,0.5);box-shadow:0 0 0 5px rgba(255,255,255,0.5);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#fff)}
.box-qt:hover:after{background:#f26522}
.box-qt .images{position:relative}
.box-qt .images:before{width:1px;height:90px;background:#fff;position:absolute;top:calc(100% - 1px);left:calc(50% - 1px)}
.box-qt:hover .images:before{content: ""}
.box-qt .info{cursor:pointer;background:url(../img/qt-bg.png) no-repeat center center;background-size:100% 100%;left:0;position:absolute;right:0;bottom:0;top:0;padding:30% 7%;align-items:center;justify-content:center;overflow:hidden;font-family:osb;font-size:16px}
.box-qt .info:hover{background:none}
.box_input_search{position:relative;padding-right:70px}
.search_input{width:100%}
.box_input_search .btn_search{position:absolute;right:10px;width:50px;top:0px;height:30px;line-height:34px;display:block;color:#333!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;background:#FFF;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}
#hoidap .cauhoi{padding:10px 0 10px 40px;background:url(../img/li-ch.png) no-repeat left center;border-bottom:1px dashed #cdcdcd}
#hoidap .cauhoi a{color:#000;font-weight:bold}
#hinhanh{background:url(../img/bg-dl.png) no-repeat bottom right #f5f5f7;padding:20px 0}
.hinhanh .title{padding-bottom:25px;background:url(../img/tt-ha.png) no-repeat bottom left,url(../img/tt-bg-ha.png) repeat-x bottom}
.hinhanh .title .name{border:none;font-size:35px;color:#000;font-family:osr}
.datlich{padding:130px 0 30px 60px}
.datlich .title{text-align:center;background:url(../img/tt-dl.png) no-repeat bottom center;padding-bottom:10px}
.datlich .title .name{font-family:osr;font-size:34px;border:none}
.datlich .input{background:rgba(0,0,0,0.3);color:#fff}
.datlich .button{font-family:osb;font-weight:18px;text-transform:uppercase}
.menu-ha{display:inline-block;padding:10px 20px}
.menu-ha .images{display:inline-block;width:98px;height:98px;border:1px solid #e4e4e4;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s}
.menu-ha .images .img_logo{content: "";width:65px;height:40px;margin:29px auto}
.menu-ha .name{margin:10px 0;font-family:utma;text-transform:uppercase;font-size:15px}
.menu-ha:hover .images{border:1px solid #000;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.menu-phu{display:flex;flex-flow:row nowrap;justify-content:space-around;align-content:flex-start}
.menu-phu a{color:#fff}
#bottom{background:#f7f7f7;background-size:cover;padding:45px 0;position:relative;z-index:98}
#bottom .bor_1{border-color:rgba(255,255,255,0.3)}
#bottom:before{position:absolute;bottom:100%;left:0;width:100%;height:136px;max-height:10vw;background:url(../img/bg-bottom.png);background-size:100% 100%}
#bottom .hotline{display:inline-block;background:url(../img/phone-100.png) no-repeat bottom left;vertical-align:middle}
#bottom .hotline span{font-family:utmhi;font-size:30px;color:#df0304;margin-left:50px;line-height:1}
#bottom .hotline .name{margin-left:110px}
.dkdb{background:#ffcc00;padding:40px}
.box-ha{position:relative;overflow:hidden;background:#fff;width:100%;padding:0;box-sizing:border-box;display:block;-webkit-border-radius:30px 0;-moz-border-radius:30px 0;border-radius:30px 0}
.box-ha:before{content: "";position:absolute;bottom:0;left:0;right:0;top:30%;background:-moz-linear-gradient(0deg,#000000b3 0,#FFFFFF00 100%);background:-webkit-gradient(linear,0deg,color-stop(0,000000b3),color-stop(100%,FFFFFF00));background:-webkit-linear-gradient(0deg,#000000b3 0,#FFFFFF00 100%);background:-o-linear-gradient(0deg,#000000b3 0,#FFFFFF00 100%);background:-ms-linear-gradient(0deg,#000000b3 0,#FFFFFF00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE',endColorstr='#F4F60C',GradientType='1');background:linear-gradient(0deg,#000000b3 0,#ffffff00 100%)}
.box-ha .hot{display:block;width:50px;height:50px;position:absolute;top:10px;right:10px;background:url(../img/hot.png) no-repeat center center;z-index:99}
.box-ha .img{display:inline-block}
.box-ha .info{position:absolute;left:0;font-size:14px;padding:15px 20px;color:#fff;text-align:center;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;-o-transition:all 0.5s;right:0;bottom:0px;opacity:1;top:0;justify-content:center;align-content:flex-end;margin:15px;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=30,Direction=0,Color=#fff)";-moz-box-shadow:0 0 20px rgba(255,255,255,0.5) inset;-webkit-box-shadow:0 0 20px rgba(255,255,255,0.5) inset;box-shadow:0 0 20px rgba(255,255,255,0.5) inset;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=30,Direction=135,Color=#fff);-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.box-ha:hover .info{-moz-transform:translate(0,0);-webkit-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}
.box-ha .info .name{font-size:52px;color:#fff;text-transform:uppercase;text-align:center;display:inline-block;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color=#000000)";text-shadow:1px 1px 3px rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color=#000000)}
.box-ha .info .name:hover{color:#ff0}
.box-album{width:100%;position:relative;margin:0px 0}
.box-album:hover{z-index:99;position:relative}
.box-album .info{-moz-transition:all 0.7s;-webkit-transition:all 0.7s;transition:all 0.7s;position:absolute;font-size:14px;text-align:center;bottom:0;right:0;left:0;padding:5px 10px;justify-content:center;align-items:center;color:#fff;top:0}
.box-album:hover .info{-moz-transition:all 0.7s;-webkit-transition:all 0.7s;transition:all 0.7s;color:#fff}
.box-album .name{overflow:hidden;padding:5px 0;color:#fff;font-family:ow;font-size:24px;max-width:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=0,Color=#000000)";text-shadow:0 0 3px rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color=#000000)}
.box-album .images{position:relative;overflow:hidden}
.box-album .images img{width:100%;-moz-transition:all 0.7s;-webkit-transition:all 0.7s;transition:all 0.7s}
.box-album:hover .images img{-moz-transform:scale(1.12);-webkit-transform:scale(1.12);transform:scale(1.12)}
.album_pro{padding:30px 0}
.album_pro:nth-child(2n){background:#fafafa}
.album_pro .item_ab{position:relative;max-width:600px;margin:auto}
.album_pro .item_ab .link{position:absolute;bottom:30px;right:30px;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=15,Direction=0,Color=#000000)";-moz-box-shadow:0 0 15px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.3);box-shadow:0 0 15px rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=15,Direction=135,Color=#000000)}
.album_pro .item_ab .link:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=15,Direction=0,Color=#ffffff)";-moz-box-shadow:0 0 15px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 15px rgba(255,255,255,0.7);box-shadow:0 0 15px rgba(255,255,255,0.7);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=15,Direction=135,Color=#ffffff)}
.album_pro .item_ab > .images{-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#000000)";-moz-box-shadow:10px 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:10px 10px 0 rgba(0,0,0,0.1);box-shadow:10px 10px 0 rgba(0,0,0,0.1);filter:progid:DXImageTransform.Microsoft.Shadow(Strength=0,Direction=135,Color=#000000)}
.box-video{position:relative}
.box-video .info .name{font-size:16px;font-family:rb;color:#fff;max-height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.box-video .info .button{border:1px solid;color:#fff;background:none}
.box-thuvien{margin-bottom:20px}
.videonb{margin:0}
.videonb .main-tit{background:#0794de}
.videonb .main-tit .name{color:#fff;padding:15px 0px 7px 0px}
.video .fl{width:calc(100% - 160px);padding:10px 0}
.visao{padding:30px 0 0 0;position:relative;background:url(../img/bg-cs.png) no-repeat center center;background-size:cover}
.visao .pad_15{padding:0 15px 30px 15px}
.visao .slick_5{border:1px solid #cdcdcd}
.visao .khung{padding:45px 400px 30px 0;margin:45px auto 0 auto;position:relative}
.visao .khung:after{content: "";position:absolute;top:100px;bottom:0;width:360px;right:-30px;background:url(../img/360-440.png) no-repeat bottom right}
.visao .khung:before{position:absolute;top:0;right:0;bottom:0;left:40px;background:url(../img/bg-visao-t.png) no-repeat right top #f9f9f9;content: ""}
.visao .img_bg{position:absolute;top:0;right:0;left:0;text-align:center}
.visao .img_bg img{}
.visao .box-news{margin:0px 0;padding:0;color:#fff;align-items:center;align-content:center}
.visao .box-news-r{justify-content:flex-end}
.visao .item_0 .box-news{margin:0 140px 0 0}
.visao .item_1 .box-news{margin:0 0 0 140px}
.visao .item_2 .box-news{margin:0 220px 0 0}
.visao .item_3 .box-news{margin:0 0 0 220px}
.visao .item_4 .box-news{margin:0 205px 0 0}
.visao .item_5 .box-news{margin:0 0 0 215px}
.visao .box-news .info{background:url(../img/bg-vs-info.png) no-repeat right center;height:104px;width:248px;padding:10px 25px 10px 15px;align-items:center;align-content:center;position:relative;cursor:pointer;margin:0 0 0 40px}
.visao .box-news .info:before{width:45px;height:3px;content: "";position:absolute;background:#fff;right:100%;top:calc(50% - 2px)}
.visao .box-news .info:after{width:14px;height:14px;content: "";background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;right:calc(100% - 7px);top:calc(50% - 7px)}
.visao .box-news-r .info{background:url(../img/bg-vs-info-r.png) no-repeat right center;text-align:right;padding:10px 25px 10px 15px;margin:0 40px 0 0}
.visao .box-news-r .info:before{left:100%;right:auto}
.visao .box-news-r .info:after{left:calc(100% - 7px);right:0}
.visao .box-news:hover .info:before,.visao .box-news:hover .info:after{background:#d60c0c}
.visao .box-news .images{border:3px solid #f00;padding:6px;background:none;margin:3px;cursor:pointer}
.visao .box-news .name,.visao .box-news .mota{color:#fff;width:100%}
.visao:before{z-index:99;display:block;width:440px;height:440px;background:url(../img/bg-vs-m.png) no-repeat center center;position:absolute;right:-60px;bottom:15px}
.visao .box-vs{padding:4px 0}
.visao .box-vs .images{border:8px solid;background:#fff;float:left;margin-right:10px}
.visao .box-vs .info{padding:14px 20px 13px 40px;color:#fff;font-family:utma;font-size:16px;margin:0 0 0 35px;height:77px}
.visao .box-vs .info:before{content: "";display:inline-block;height:50px;vertical-align:middle;width:1px}
.visao .box-vs .name{display:inline-block;vertical-align:middle;max-width:calc(100% - 10px);max-height:50px;overflow:hidden;line-height:25px}
#smenu .login_btn,#smenu .navmenu_link,#smenu .cart_btn{color:#fff;font-size:24px;text-align:center;padding:6px 9px;cursor:pointer;position:relative;text-shadow:none;background:rgba(255,255,255,0.1);border:1px solid #fff;margin:5px;line-height:1.2}
#smenu .navmenu_link span{font-size:11px;display:none}
#smenu .cart_menu,#smenu .search_open{color:#fff;font-size:16px;padding:8px 8px;cursor:pointer;position:relative;text-shadow:none;border:1px solid #fff;margin:5px;background:rgba(255,255,255,0.2);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-background-clip:inherit;-webkit-text-fill-color:initial;width:auto}
.col-scroll{overflow:hidden}
#congtrinh .title{background:url('../img/tcat-b.png') no-repeat bottom center;text-align:center}
.quangcao{position:relative;z-index:90;margin:45px 0}
.quangcao .grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}
.quangcao .grid .box-ha,.quangcao .grid .box-ha .images,.quangcao .grid .box-ha img{height:100%;object-fit:cover}
.quangcao .item{background:#cdcdcd}
.quangcao .item.item_1{grid-row:span 2;height:100%;max-height:100%}
.linhvuc .images{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.linhvuc .name{font-size:20px;font-family:'Oswald';font-weight:500;border-bottom:1px solid #d2d2d2;padding:15px 0;margin:0 0 15px 0}
.linhvuc .name span{color:red}
.info_ind{padding:30px 0}
.info_ind .flex{align-items:center;-webkit-flex-flow:nowrap}
.info_ind .name{font-size:100px;font-family:svncs;color:#febf15;min-width:325px;line-height:1.2}
.info_ind .info{margin:0px 0 0 20px;border-left:10px solid;font-family:"Oswald";padding:0 0 0 15px;font-size:16px}
.info_ind.info_danhgia .info{color:#fff;border-color:#febf15}
.fix-r{display:block;z-index:100;position:fixed;text-align:center;right:0;top:50%;-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.fix-r .img{display:inline-block}
.fix-r .info{padding:10px 0;color:#fff;font-size:13px;font-family:osr}
.khachhang{padding:50px 0;background:url(../img/bg-camnhan.png) no-repeat center center;background-size:cover}
.khachhang .wikis > .flex{align-items:center;justify-content:space-between}
.khachhang .main-tit{text-align:left;background:none;width:300px;margin:0;padding:0}
.khachhang .kh_cont{width:calc(100% - 340px)}
.khachhang .box-news{align-items:center;padding:0;margin:0 0 15px 0}
.khachhang .box-news-r{margin:20px 0px 20px 330px}
.khachhang .box-news .images{}
.khachhang .box-news-r .images{margin:0 0 0 3%}
.khachhang .box-news .info{width:calc(100% - 175px);margin:0;border-bottom:1px solid #cdcdcd}
.khachhang .box-news-r .info{margin:0 30px 0 0}
.khachhang .box-news .name{font-size:20px;font-family:rb;margin:5px 0;max-height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.khachhang .box-news .mota{max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0 0 10px 0;color:#767676;font-style:italic}
.khachhang .noidung{color:#777}
.hoidap{padding:30px 0;background:url(../img/bg-hoidap.png) no-repeat center center;background-size:cover;color:#fff}
.box-hd{padding:10px 20px;color:#fff;background:rgba(255,255,255,0.2);font-family:osr;margin:10px 0;font-size:17px}
.form_dk{vertical-align:middle;max-width:100%}
.flake.snow{z-index:9999999}
.conten_box .w_50.fl:nth-child(2n){-moz-transform:translate(0,-50px);-webkit-transform:translate(0,-50px);-o-transform:translate(0,-50px);-ms-transform:translate(0,-50px);transform:translate(0,-50px)}
ul::-webkit-scrollbar-track,div::-webkit-scrollbar-track{border-radius:10px}
ul::-webkit-scrollbar,div::-webkit-scrollbar{width:5px;height:5px}
ul::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);border-radius:10px}
.coccoc-alo-phone.combo{zoom:0.8;bottom:10px}
.combo .bt_combo i{width:60px;height:60px;margin:20px;display:block;background:#339af0;padding:10px 0;font-size:40px;text-align:center;line-height:40px;color:#fff;position:relative;z-index:9999;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.combo .box_hide{position:absolute;bottom:100%;left:25px;right:25px;top:auto;}
.combo .bt{display:block;position:relative;color:#fff;font-size:30px;text-align:center;margin:5px 0;box-sizing:border-box;vertical-align:middle}
.combo .bt i{line-height:50px;vertical-align:middle;display:block;width:50px;height:50px}
.combo .bt .coccoc-alo-ph-img-circle{width:auto;height:auto;border:none;top:0;left:0;position:relative}
.combo .bt.goidien i{background:green}
.combo .bt.nhantin i{background:orange;font-size:22px}
.combo .bt.chiduong i{background:red;font-size:25px}
.combo .bt.viber i{background:#673AB7;font-size:25px}
.combo .bt.fb i{background:#38529a;font-size:25px}
.combo .bt .info{position:absolute;background:#67b634;font-size:14px;white-space:nowrap;padding:10px 15px;left:100%;top:calc(50% - 20px);margin:0 0 0 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:none}
.combo .bt:hover .info{display:block}
.combo .bt .info:after{right:100%;top:50%;border:solid transparent;content: " ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-right-color:#67b634;border-width:10px;margin-top:-10px}
#call > .w-clear{background:#c10000;color:#000;height:40px;position:fixed;left:0;bottom:0;right:0;z-index:99999}
#call .box-call{width:33.33%;text-align:center;float:left;border:1px solid #efbf00;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#call .box-call .link_title{color:#efbf00;font-size:14px;font-weight:bold;line-height:30px;padding:5px;display:block}
#call .box-call .link_title .fa{font-size:20px}
.jump_me{-webkit-animation-name:jumper;-webkit-animation-duration:3s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:jumper;-moz-animation-duration:3s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:jumper;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}
@-moz-keyframes jumper{
0%{margin-top:100px;margin-bottom:0px}
50%{margin-top:0;margin-bottom:100px;margin-bottom:100px}
100%{margin-top:100px;margin-bottom:0px}
}
@-webkit-keyframes jumper{
0%{margin-top:100px;margin-bottom:0px}
50%{margin-top:0;margin-bottom:100px}
100%{margin-top:100px;margin-bottom:0px}
}
@keyframes jumper{
0%{margin-top:100px;margin-bottom:0px}
50%{margin-top:0;margin-bottom:100px}
100%{margin-top:100px;margin-bottom:0px}
}
.twojump_me{-webkit-animation-name:twojumper;-webkit-animation-duration:3s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:twojumper;-moz-animation-duration:3s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:twojumper;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}
@-moz-keyframes twojumper{
0%{margin-top:0;margin-bottom:100px}
50%{margin-top:100px;margin-bottom:0px}
100%{margin-top:0;margin-bottom:100px}
}
@-webkit-keyframes twojumper{
0%{margin-top:0;margin-bottom:100px}
50%{margin-top:100px;margin-bottom:0px}
100%{margin-top:0;margin-bottom:100px}
}
@keyframes twojumper{
0%{margin-top:0;margin-bottom:100px}
50%{margin-top:100px;margin-bottom:0px}
100%{margin-top:0;margin-bottom:100px}
}
.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
@-moz-keyframes blinker{
0%{opacity:1.0}
50%{opacity:0.0}
100%{opacity:1.0}
}
@-webkit-keyframes blinker{
0%{opacity:1.0}
50%{opacity:0.0}
100%{opacity:1.0}
}
@keyframes blinker{
0%{opacity:1.0}
50%{opacity:0.0}
100%{opacity:1.0}
}
.paused{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}
.rotate_me{-webkit-animation-name:rota_me;-webkit-animation-duration:8s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:rota_me;-moz-animation-duration:8s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:rota_me;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}
@-moz-keyframes rota_me{
0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes rota_me{
0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rota_me{
0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
.rotate_me_1{-webkit-animation-name:rota_me_1;-webkit-animation-duration:8s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:rota_me_1;-moz-animation-duration:8s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:rota_me_1;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}
@-moz-keyframes rota_me_1{
0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-webkit-keyframes rota_me_1{
0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@keyframes rota_me_1{
0%{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.stickytooltip table{background:#fff;width:380px;font-size:13px}
.stickytooltip table th,.stickytooltip table td{padding:5px}
.box_dkdn{max-width:95%;margin:15px auto;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px}
.box_dkdn .input,.dk_email .input{width:100%;padding:10px;font-size:14px;margin:9px 0;background:#fff;vertical-align:middle;color:#000;-webkit-border-radius:5px;-moz-border-radius:0;border-radius:0;font-family:rr}
.box_dkdn .button{width:100%}
#footer .input{}
#footer .btnct{font-size:14px;padding:15px 45px;text-transform:uppercase;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.tktc{margin:15px auto}
.tktc p{display:block}
.tktc p span{float:right}
.title-main-second span{font-size:34px;text-transform:uppercase;display:block;color:#fff;position:relative;margin-bottom:25px;text-align:center}
.title-main-second p{margin:0;color:#fff;text-transform:none;text-align:center}
.title-main-second span:before{position:absolute;content: '';background:#50b105;width:50px;height:5px;bottom:-10px;left:50%;transform:translateX(-50%)}
.wrap-content{max-width:1180px;margin:0 auto}
.title-main-second{text-align:center;padding-bottom:30px;}
.slide-arrow-kh{transform:translateY(-40%);position:absolute;top:50%;left:-30px;z-index:1;border:none;background:none;cursor:pointer;}
.slide-arrow-kh.ic-right{left:unset;right:-30px;}
.slide-arrow-kh:focus{outline:none;}
.slide-img{width:100%;object-fit:cover;}
.banner-l .logo{aspect-ratio:140/100;}
div#slider{aspect-ratio:1920/770;}
.box-dm .images{aspect-ratio:350/250;}
.box-sp .images{aspect-ratio:230/240;}
.slick_2 .images{aspect-ratio:800/300;}
.box-dv .images{aspect-ratio:60/60;}
.videonb{overflow:hidden;}
.slick_3 .images{aspect-ratio:360/220;}
a.hover-glass{aspect-ratio:150/150;}
.ft-3{aspect-ratio:295/280;}
.main-widget{position:fixed;right:14px;bottom:80px;z-index:99;top:auto!important}
@media (max-width:767px){
.main-widget{bottom:85px}
}
.scrollToTop{position:fixed;bottom:0px;right:20px;z-index:98;top:auto;width:40px;height:40px;display:flex;background:0 0;text-decoration:none;transition:all .3s ease-out 0s;transform:translateY(-20px);background-color:color-mix(in srgb,var(--color-main) 10%,#fff);border-radius:7px;cursor:pointer}
.scrollToTop svg{width:100%;height:100%;transform:rotate(270deg)}
.scrollToTop svg path{stroke:var(--color-main)}
.scrollToTop:hover{background:var(--color-main)}
.scrollToTop:hover svg path{stroke:color-mix(in srgb,var(--color-main) 10%,#fff)}
.search-popup{position:relative}
.search-popup .icon-search{width:40px;height:40px;border-radius:40px;cursor:pointer;text-align:center;color:#0d8802;font-size:17px;display:flex;align-items:center;justify-content:center;margin:0}
.search-popup .icon-search.active{background:#fff;color:var(--color-main);border:solid 1px var(--color-main)}
.search-popup .search-grid{position:absolute;top:50px;right:0;width:0;height:40px;overflow:hidden;background:#fff;border:1px solid var(--color-main);z-index:2;opacity:0;border-radius:25px;display:flex;align-items:center}
.search-popup .search-grid p{width:35px;height:35px;cursor:pointer;outline:0;border:none;margin:0;font-size:17px;display:flex;align-items:center;justify-content:center;color:var(--color-main)}
.search-popup .search-grid input{width:calc(100% - 35px);float:right;line-height:35px;outline:0;border:none;color:#000;font-size:14px}
.search-popup .search-grid input::placeholder{color:#ccc}
.main-widget .img{width:25px;height:25px}
.main-widge .img svg{width:100%;height:100%}
.main-icon svg{width:20px;height:20px;fill:#fff;margin-bottom:5px}
.main-icon p{font-size:10px;color:#fff;margin:0}
.out-circle{overflow:hidden;padding:17px;border-radius:100%;background:var(--color-main);width:60px;height:60px}
.main-icon{line-height:0;color:#fff;width:100%;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);text-align:center}
.main-icon i{width:26px;height:26px;transform:translateX(2px)}
.ser-icon{display:inline-flex;position:absolute;font-size:30px;top:0;left:0;padding:10%;background:#fff;max-width:100%;overflow:hidden;border-radius:100%;color:var(--color-main);width:70%;height:70%;margin:15%;transition:.2s all}
.unsee{opacity:0;transform:scale(0)}
.process{display:inline-flex;transform:translateX(0);transition:.15s linear transform;line-height:0}
.ser-icon .item{margin-right:40px;width:30px;height:30px;color:var(--color-main);display:flex;justify-content:center;align-items:center}
.ser-icon .item svg{width:25px;height:25px;color:var(--color-main)}
.ser-icon i:nth-child(2n){color:#000}
.def-content{position:absolute;bottom:62px;right:0;background:#fff;border-radius:8px;transition:.2s all;box-shadow:0 0 10px rgba(0,0,0,.2);width:300px;z-index:1}
.def-content:before{position:absolute;bottom:-8px;right:22px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #fff;border-left:8px solid transparent;content: ''}
.def-content .def-header{background:var(--color-main);padding:10px;border-radius:8px 8px 0 0;color:#fff;position:relative;font-size:16px;font-weight:700}
.def-content .def-header .close-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:10px;top:10px;left:initial;padding:0;margin:0;border:0 none;background:0 0;line-height:1;width:26px;height:26px;cursor:pointer;color:#fff;background:var(--color-main);border-radius:50%;text-align:center}
.def-content .item > a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:5px 10px;transition:.3s linear all}
.def-content .item > a .img{flex-grow:0;flex:none;height:34px;width:34px;display:flex;justify-content:center;align-items:center;margin-right:10px;border-radius:50%;color:#fff!important}
.def-content .item > a .img svg{height:20px;width:20px}
.def-content .item > a .detail{flex-grow:1;line-height:normal}
.def-content .item > a .detail .arcu-item-title{font-weight:700;font-size:15px;display:block;line-height:normal;color:#000}
.def-content .item > a .detail .arcu-item-subtitle{font-size:14px;color:#787878}
.def-content .item.phone > a .img{background:#4eb625}
.def-content .item.mess > a .img{background:#31adff}
.def-content .item.zalo > a .img{background:#0165f8}
.def-content .item.map > a .img{background:#d94234}
.def-content .item:last-child{margin-bottom:0}
.def-content .item svg{fill:#fff}
.def-content .item:hover{background:#f1f1f1}
.main-widget .close-icon{display:flex;justify-content:center;align-items:center;position:absolute;font-size:25px;top:0;padding:10px;left:0;width:60px;height:60px;line-height:1;text-align:center;color:#fff;background:var(--color-main);border-radius:100%;transition:.2s all;transform:rotate(0);cursor:pointer}
.main-widget .close-icon svg{width:25px;height:25px}
.main-widget .item svg{fill:var(--color-main)}
@keyframes zoomzoom{
from{transform:scale(0)}
to{transform:scale(1.2)}
}
.close-icon.unsee{transform:rotate(180deg)}
.pregan{position:absolute;width:100%;height:100%;left:0;top:0;background:#e53b16;z-index:-2;border-radius:100%;opacity:.6;animation:zoomzoom 3s linear .2s infinite}
.pregan:nth-child(1){animation-delay:.5s}
#main-menu{list-style:none;align-items:center;}
.prodetail-social{margin:15px 0;display:flex;align-items:center;gap:10px}
.prodetail-social-title{display:flex;align-items:center;gap:10px;white-space:nowrap}
.prodetail-tab-body{display:none}
.prodetail-tab-body[x-show]{display:block}
.prodetail-tab-header{display:flex;gap:20px;border-bottom:2px solid #eee;margin-bottom:20px;padding:0;list-style:none}
.prodetail-tab-header li{padding:10px 0;font-size:clamp(14px,calc(18/1200*100vw),18px);cursor:pointer;font-weight:600;text-transform:uppercase;position:relative;transition:color .3s}
.prodetail-tab-header li:after{content: '';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-main);transition:width .3s}
.prodetail-tab-header li.active{color:var(--color-main)}
.prodetail-tab-header li.active:after{width:100%}
.prodetail-tab-body{display:none}
.prodetail-tab-body[x-show]{display:block}
.contact-flex{display:grid;grid-template-columns:40% 1fr;gap:20px}
.contact-map{position:relative;border-radius:10px;overflow:hidden;height:100%}
.contact-map iframe{width:100%;height:100%;min-height:450px}
.contact-form{margin-top:20px;background:#f5f5f5;padding:15px;border:1px solid #ddd;border-radius:10px}
.contact-input{margin-bottom:10px}
.contact-input input,.contact-input textarea{border-radius:7px;border:1px solid #e1e1e1;text-indent:0;color:#000;font-size:13px;min-height:40px}
.content-main{width:100%;overflow:hidden;}

.attr-pro-detail {
  margin: auto;
  padding: 0;
}
.price-new-pro-detail {
  font-weight: 700;
  font-size: 20px;
  color: #f00;
}

.price-old-pro-detail {
  font-weight: 500;
  color: #666;
  text-decoration: line-through;
  padding-left: 10px;
}