::-webkit-scrollbar { background: #fff; width: 10px; height: 11px }
::-webkit-scrollbar-thumb { background: #BBBBBB }
* { margin: 0; padding: 0; box-sizing: border-box; outline: none !important; text-decoration: none !important }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s }
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] { width: 100% !important }
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important }
.video_popup { position: relative; padding-bottom: 44.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video_popup iframe, .video_popup object, .video_popup embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#clickvideo { width: 100%; border: none; box-sizing: border-box; height: 34px; color: #6f6f6f; }
.w-clear.share_detail { display: flex; flex-wrap: wrap; }
.addthis_native_toolbox { margin: 0px; clear: both; max-height: 50px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 4px }
.zalo-share-button { background-color: #03A5FA; width: 75px; height: 20px !important; display: inline-block; vertical-align: middle; background-image: url(https://stc.sp.zdn.vn/share/logo_white_s_2x.png); background-repeat: no-repeat; -webkit-background-size: 14px 14px; background-size: 14px 14px; background-position: 6px 3px; position: relative; cursor: pointer; border-radius: 2px; }
.zalo-share-button::after { position: absolute; content: "Share"; left: 28px; top: 4px; font-size: 11px; line-height: 1; color: rgb(255, 255, 255); }
#toptop { width: 45px; height: 45px; position: fixed; bottom: 50px; right: 23px; cursor: pointer; transition: 0.5s; z-index: 200; border: solid 2px #ff0000; border-radius: 50%; font-size: 0; background: #fff; }
div#toptop:before { position: absolute; content: '^'; top: 0; left: 0; right: 0; bottom: 0; text-align: center; font: normal normal normal 14px/1 FontAwesome; content: "\f106"; font-size: 30px; color: #ff0000; line-height: 37px; }
#toptop:hover { transition: 0.5s; border: solid 2px #ff0000; }
.clear { clear: both }
img { max-width: 100% !important; vertical-align: middle }
div.bando img { max-width: none !important }
.margin { margin-right: 0px !important }
div.tt_lh { width: 40%; float: left }
div.bando { width: 55%; float: right }
.hidden { visibility: hidden; width: 0; height: 0; overflow: hidden }
body { font-family: myfont, avo, Arial, sans-serif; font-size: 14px; line-height: 1.5; background: #fff;/*  -moz-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important  */ overflow-x: hidden; }
@font-face { font-family: 'Glyphicons Halflings'; font-display: block; src: url(fonts/glyphicons-halflings-regular.eot); src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') }
@font-face { font-family: 'FontAwesome'; font-display: block; src: url('fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: 'myFont'; src: url('fonts/Roboto-Regular.ttf') }
@font-face { font-family: 'fonta'; src: url('fonts/RobotoBold.eot'); src: url('fonts/RobotoBold.eot') format('embedded-opentype'), url('fonts/RobotoBold.woff2') format('woff2'), url('fonts/RobotoBold.woff') format('woff'), url('fonts/RobotoBold.ttf') format('truetype'), url('fonts/RobotoBold.svg#RobotoBold') format('svg') }
@font-face { font-family: 'fontc'; src: url('fonts/RobotoCondensedBold.eot'); src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'), url('fonts/RobotoCondensedBold.woff2') format('woff2'), url('fonts/RobotoCondensedBold.woff') format('woff'), url('fonts/RobotoCondensedBold.ttf') format('truetype'), url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg') }
@font-face { font-family: 'opensan'; src: url('fonts/OpenSansRegular.eot'); src: url('fonts/OpenSansRegular.eot') format('embedded-opentype'), url('fonts/OpenSansRegular.woff2') format('woff2'), url('fonts/OpenSansRegular.woff') format('woff'), url('fonts/OpenSansRegular.ttf') format('truetype'), url('fonts/OpenSansRegular.svg#OpenSansRegular') format('svg') }
@font-face { font-family: 'opensansb'; src: url('fonts/OpenSansSemibold.eot'); src: url('fonts/OpenSansSemibold.eot') format('embedded-opentype'), url('fonts/OpenSansSemibold.woff2') format('woff2'), url('fonts/OpenSansSemibold.woff') format('woff'), url('fonts/OpenSansSemibold.ttf') format('truetype'), url('fonts/OpenSansSemibold.svg#OpenSansSemibold') format('svg') }
@font-face { font-family: 'opensanb'; src: url('fonts/OpenSansBold.eot'); src: url('fonts/OpenSansBold.eot') format('embedded-opentype'), url('fonts/OpenSansBold.woff2') format('woff2'), url('fonts/OpenSansBold.woff') format('woff'), url('fonts/OpenSansBold.ttf') format('truetype'), url('fonts/OpenSansBold.svg#OpenSansBold') format('svg') }
@font-face { font-family: 'muliblack'; src: url('fonts/MuliBlack.eot'); src: url('fonts/MuliBlack.eot') format('embedded-opentype'), url('fonts/MuliBlack.woff2') format('woff2'), url('fonts/MuliBlack.woff') format('woff'), url('fonts/MuliBlack.ttf') format('truetype'), url('fonts/MuliBlack.svg#MuliBlack') format('svg') }
@font-face { font-family: 'mulibold'; src: url('fonts/MuliBold.eot'); src: url('fonts/MuliBold.eot') format('embedded-opentype'), url('fonts/MuliBold.woff2') format('woff2'), url('fonts/MuliBold.woff') format('woff'), url('fonts/MuliBold.ttf') format('truetype'), url('fonts/MuliBold.svg#MuliBold') format('svg') }
@font-face { font-family: 'RobotoMedium'; src: url('fonts/RobotoMedium.eot'); src: url('fonts/RobotoMedium.eot') format('embedded-opentype'), url('fonts/RobotoMedium.woff2') format('woff2'), url('fonts/RobotoMedium.woff') format('woff'), url('fonts/RobotoMedium.ttf') format('truetype'), url('fonts/RobotoMedium.svg#RobotoMedium') format('svg') }
@font-face { font-family: 'RobotoBlack'; src: url('fonts/RobotoBlack.eot'); src: url('fonts/RobotoBlack.eot') format('embedded-opentype'), url('fonts/RobotoBlack.woff2') format('woff2'), url('fonts/RobotoBlack.woff') format('woff'), url('fonts/RobotoBlack.ttf') format('truetype'), url('fonts/RobotoBlack.svg#RobotoBlack') format('svg') }
.transition { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }
div.row1 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; margin: 0 -15px }
img:not([src]) { visibility: hidden; opacity: 0 }
img:not(.initial) { transition: opacity 1s }
img.parent_c { transition: all 0.5s ease }
img.initial, img.loaded, img.error, img.slick-lazyload-error { opacity: 1 !important }
img.slick-lazyload-error, img.error { transform: translateY(-50%); top: 50% }
a.lazyload { position: relative }
a.lazyload:before { font: normal normal normal 14px/1 FontAwesome; content: "\f110"; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); position: absolute; left: 44%; top: 46%; font-size: 18px; transform: translate(-50%, -50%); z-index: 1; color: #333; font-size: 12px }
a.lazyload img { z-index: 2; position: absolute }
a.lazyload img.slick-lazyload-error { top: 50%; transform: translateY(-50%) }
div.none, div.grecaptcha-badge { display: none !important }
div.wap { margin: auto; width: 100%; position: relative }
div.wapper { margin: auto; max-width: 1210px; padding: 0px 5px; position: relative }
div#header { position: relative; margin: auto; }
div#header:before { position: absolute; content: ''; top: 0; left: 0; bottom: 0; background: #fff; width: 19%; z-index: 100; border-radius: 0 80px 0 0; }
.top { background: #A8E8A9; color: #333333;/* padding-top: 10px !important; *//* padding-bottom: 10px !important; */ }
.top .slogan { width: 40%; }
.top .mxh { width: 20%; text-align: right; }
.top { display: flex; align-items: center; justify-content: space-between; position: relative; }
.top > div { position: relative; }
.top > div:after { position: absolute; content: ''; top: 6px; bottom: 6px; right: 0; border-right: solid 1px #cecece; }
.top > div:last-child:after { display: none; }
.top > div:after { position: absolute; content: ''; top: 4px; bottom: 4px; right: -20px; border-left: solid 1px #9cd79d; }
.logo_head { width: 20%; position: absolute; top: 0; bottom: 0; z-index: 100; display: flex; align-items: center; justify-content: flex-end; padding-right: 40px; }
.logo_head.fixlogo { position: fixed; top: 2px; left: calc((100% - 1200px)/2); bottom: auto; width: 50px; height: 50px; border-radius: 50%; padding: 5px; background: #fff; overflow: hidden; }
.logo_head.fixlogo img { }
.logo_head img { max-height: 120px; }
.logo_head.fixlogo:after { display: none; }
.logo_head a { position: relative; z-index: 1; }
.logo_head:after { position: absolute; content: ''; top: 0; right: -88px; bottom: 0; background: url(images/logo_after.png) no-repeat; width: 167px; z-index: 0; background-size: cover; }
.header_r { }
.header_r > div { padding: 5px calc((100% - 1200px)/2) 5px 20%; position: relative; }
.banner_r { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-top: 10px !important; padding-bottom: 10px !important; }
.banner_r .banner { width: 70%; text-align: center; }
.banner_r .hotline { width: 25%; font-family: Robotomedium; font-style: italic; line-height: 1.2; }
.hotline p.sdt { font-family: RobotoBlack; font-style: initial; color: #ff3333; font-size: 28px; }
.hotline img { float: left; margin-right: 10px; }
.mxh img { transition: all 0.7s }
.mxh img:hover { transition: all 0.7s; transform: rotate(45deg) }
div#menu_mobi { display: none }
div#menu { }
.wap_menu { position: relative; height: 50px; line-height: 50px; margin: auto; background: #00BC03; z-index: 99; transition: all 0.7s; padding-top: 0 !important; padding-bottom: 0 !important; }
.wap_menu.fixmenu { position: fixed; top: 0; left: 0; right: 0; transition: all 0.7s; }
.wap_menu.fixmenu div#menu ul.menu_main {    /* justify-content: center; */ }
div#menu ul { list-style: none; position: relative; }
div#menu ul.menu_main { display: flex; width: 100%; justify-content: flex-end; align-items: center; }
div#menu ul.menu_main > li > ul { overflow: hidden; display: block; max-height: 0px; max-width: 0px; opacity: 0; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); -o-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end; position: absolute; top: 100%; left: 0; right: 0; width: 100%; padding: 0; background-color: #00bc03; box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; z-index: 99; }
div#menu ul.menu_main > li:hover > ul { overflow: visible; max-height: 3000px; max-width: 3000px; opacity: 1; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end; }
div#menu ul li ul li:hover ul { }
div#menu ul.menu_main #hover_scroll { position: absolute; display: inline-block; top: 0px; left: 0px;    /* width: 100%; */ height: 50px; z-index: 1; background: #ff0000; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
div#menu ul li {/* float: left; *//* position: relative; */z-index: 50; }
div#menu > ul.menu_main > li > a:after { background: #f00; position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; transition: all 1s; transform: rotateY(90deg); }
div#menu > ul.menu_main > li.active > a:after, div#menu > ul.menu_main > li:hover > a:after { transition: all 1s; transform: rotateY(0deg); }
div#menu ul li span { display: block; position: relative; }
div#menu ul li.active_t a { background: #f00; }
div#menu ul li.line { background: url(images/menu_gach.png) center no-repeat; height: 46px; width: 1px }
div#menu ul.menu_main li a { color: #fff; font-size: 14px; text-decoration: none; text-transform: uppercase; display: block; padding: 0 22px; font-family: RobotoBlack; position: relative; }
div#menu ul.menu_main > li > a:hover, div#menu ul.menu_main > li > a.active { color: #fff;/* background: #ff0000; */ }
div#menu ul.menu_main > li:hover ~ li { transition: all 1s; }
div#menu  > ul.menu_main > li > ul { position: absolute; margin-left: 0px; display: none; box-shadow: 1px 1px 5px #ccc;/* left: 0; *//* right: 0; *//* background: #00bc03; */ }
div#menu ul li:hover > ul { display: block }
div#menu > ul.menu_main > li > ul > li { width: calc(100%/5); line-height: 1.5; background: #00bc03; margin-bottom: 10px; }
div#menu > ul.menu_main > li > ul { display: flex; flex-wrap: wrap; padding: 5px; }
div#menu ul.menu_main > li > ul > li > a { padding: 6px 10px; text-transform: uppercase; font-family: fonta; }
div#menu ul.menu_main > li > ul li a:hover { color: #ff0; }
div#menu ul.menu_main > li > ul > li > ul > li > a { text-transform: none; font-family: myfont; padding: 4px 10px; }
div#menu ul.menu_main > li > ul > li > ul > li > a i { margin-right: 5px; }
div#menu ul li ul li ul { }
.danhmuctop { width: 280px; font-size: 16px; font-weight: 400; cursor: pointer; float: left; position: relative; z-index: 99; text-transform: uppercase; background: #fff }
.danhmuctop:before { position: absolute; content: ''; top: 0; height: 45px; background: #68A241; width: 40px; right: 0; z-index: 1 }
.ttdmmenu { background: #76b14e; color: #fff; position: relative; font-size: 15px; padding-left: 20px }
.ttdmmenu:before { position: absolute; top: 12px; width: 20px; border-top: solid 2px #fff; border-bottom: solid 2px #fff; content: ''; right: 10px; height: 7px; z-index: 2 }
.ttdmmenu:after { position: absolute; top: 22px; width: 20px; height: 7px; border-top: solid 2px #fff; border-bottom: solid 2px #fff; content: ''; right: 10px; z-index: 2 }
.danhmuctop a { text-decoration: none; color: #6F6F6F }
.danhmuctop a:hover { color: #f00 }
.danhmuctop img.icon_bar { margin-right: 10px }
.danhmuctop .show_menu { width: calc(100%) !important; background: #fff !important; text-align: left; display: block; visibility: visible !important; position: relative; border-top: 0 }
.show_menu.show_in { display: none }
.tendm1 { position: relative }
.tendm1 i { float: right }
.tendm1 img { position: absolute; top: 7px; right: -5px }
.danhmuctop .show_menu li { width: 100%; float: none; clear: both; border-bottom: solid 1px #fff; line-height: 1.3; padding: 8px 15px; list-style: none; box-shadow: 0px 9px 34px inset #efefef; background: #f4f4f40f }
.danhmuctop .show_menu li:last-child { border-bottom: none }
img.i_left { margin-right: 10px; float: left }
.nd_dm { margin-top: 5px }
.danhmuctop .show_menu ul { width: 100% }
.danhmuctop .show_menu li a { color: #000; padding: 0; font-size: 15px; padding-bottom: 2px; display: block; text-transform: none }
.danhmuctop .show_menu li a.dmc2 { display: inline-block !important; vertical-align: top; font-weight: normal; font-size: 11px; color: #717171; text-transform: none }
a.tendm2 { color: #888686 !important; font-size: 13px !important; text-transform: none !important; font-weight: normal !important; display: inline-block !important }
.danhmuctop .show_menu li:hover a { background: none }
.danhmuctop .show_menu li a:hover { color: #BF1D32 !important }
img.img_qc { position: absolute; bottom: 0 }
.danhmuctop .show_menu li:hover .hover-menu { display: block }
.hover-menu { position: absolute; width: 900px; top: 5px; left: calc(100% - 6px); background: #fff; z-index: 9999999; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); margin: 0 0 0 6px; padding: 10px; border-left: none; display: none }
.hover-menu:after { background: url(//hstatic.net/321/1000068321/1000111351/arrow-left-menu.png?v=101) no-repeat scroll 0 18px; float: left; height: 50px; margin: -5px 0 0 -15px; padding: 0; width: 19px; position: absolute; z-index: 1; top: 0px; left: 5px; content: "" }
.mb { display: none }
.mb img.i_dm { width: 25px; height: 25px; border-radius: 50%; vertical-align: middle; margin-right: 5px }
.menuc1 { display: inline-block; vertical-align: top; margin: 10px; width: calc(100%/4 - 23px) }
.menuc1 a.tenc1 { margin-bottom: 8px; text-transform: none; font-size: 15px; color: #333; transition: all 0.5s; border-bottom: solid 1px #cccccc73 }
.menuc1 a.tenc1:hover { text-decoration: underline; transition: all 0.5s }
.boxc2 { margin-left: 15px }
.boxc2 i { margin-right: 5px }
.menuc2 { margin-bottom: 5px }
.menuc2 a { font-size: 14px !important }
.menuc2
.menuc1 a.tenc2 { text-transform: none !important; font-weight: normal !important }
.search-page { width: 40px; position: relative; text-align: center; margin-left: 10px; }
.search-btn { cursor: pointer; font-size: 20px; color: #fff; height: auto; }
.search-btn span i { display: block; height: 100%; line-height: 35px; }
.search-btn.active span { color: var(--color-primary); }
.search-layout { position: absolute; top: 45px; z-index: 5000; right: 0px; border-top: 1px solid #d9d9d9; animation: slider_nav_up 0.7s; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: none; }
.search-layout { width: 418px; padding: 10px; background: #FFF; }
.titleSearch { text-transform: uppercase; color: #00bc03; font-weight: 700; float: left; width: calc(100% - 40px); height: 40px; line-height: 40px; text-align: left; }
.btnCloseSearch { position: absolute; top: 3px; right: 10px; color: #00bc03; cursor: pointer; height: 40px; line-height: 40px; width: 40px; text-align: center; }
.svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; width: 1.125em; overflow: visible; vertical-align: -.125em; }
@-webkit-keyframes slider_nav_up {
    0% { transform: perspective(600px) rotateX(-90deg); }
    100% { transform: perspective(600px) rotateX(0deg); }
}
@keyframes slider_nav_up {
    0% { transform: perspective(600px) rotateX(-90deg); }
    100% { transform: perspective(600px) rotateX(0deg); }
}
#search { width: 100%; border: none; display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; background: #FFF; border: 1px solid #d9d9d9; }
div#search i { position: absolute; top: 0; right: 0; width: 40px; height: 33px; line-height: 33px; text-align: center; cursor: p; }
#search input { display: block; width: 100%; height: 33px; background: transparent; outline: none; border: none; padding: 0px 10px; font-size: 13px; color: #888; }
.email { }
.email img { float: left; margin-right: 8px }
.box_slider { max-width: 1200px; margin: auto; padding-left: 280px; position: relative }
div#slider { margin: auto; width: 100%; }
div#left { width: 23%; float: left; }
div#hotro { background: url(images/bghtro.png) no-repeat; border: none; background-size: 100% 100%; color: #fff; }
.hotrott { height: 250px; overflow-y: auto; }
.hotrott::-webkit-scrollbar { background: #fff; width: 6px; height: 11px }
.hotrott::-webkit-scrollbar-thumb { background: #00bc03 }
div#hotro .hotline_ht { padding: 25px 20px; border-bottom: solid 1px #ffffff73; text-align: center; }
div#hotro .info_hotro { padding: 20px; border-bottom: solid 1px #ffffff73; display: flex; justify-content: space-between; align-items: flex-end; }
div#hotro .info_hotro .item_ht { width: 50%; font-size: 15px; }
div#hotro .info_hotro .item_ht p:first-child { margin-bottom: 10px; }
div#hotro .info_hotro .item_ht p { margin-bottom: 4px; }
div#hotro .info_hotro .item_ht p b { font-size: 15px; font-family: fonta; font-weight: normal; }
div#hotro .info_hotro .follow_ht { width: 48%; font-size: 20px; color: #fff; display: flex; align-items: center; justify-content: center; }
div#hotro .info_hotro .follow_ht a { margin: 0 3px; width: 40px; height: 40px; background: #fff; border-radius: 50%; color: #1182fc; text-align: center; line-height: 40px; border: solid 5px #1182fc; display: flex; }
div#hotro .info_hotro .follow_ht a:hover { border: solid 5px #00bc03; color: #00bc03; }
div#hotro .info_hotro .follow_ht img { }
div#hotro .info_hotro .follow_ht i { font-size: 20px; width: 40px; line-height: 33px; }
div#hotro .info_hotro .follow_ht i svg { width: 30px; display: block; background: #1182fc; border-radius: 50%; }
div#hotro .hotline_ht p { margin-bottom: 5px; }
div#hotro .hotline_ht i { font-size: 17px; margin-right: 5px; }
form#frm_dknt { width: 100%; }
form#frm_dknt input[type='text'], textarea#noidung_nhantin { width: 100%; padding: 0px 10px; color: #fff; border: solid 1px #fff; margin-bottom: 5px; height: 36px; background: none; font-size: 14px; }
textarea#noidung_nhantin { padding: 10px; height: 75px; color: #fff; margin-bottom: 15px; }
form#frm_dknt input[type='text']::placeholder, textarea#noidung_nhantin::placeholder { color: #fff; }
form#frm_dknt input[type='button'] { background: #FF3333; color: #fff; width: 100%; height: 37px; line-height: 37px; border: none; cursor: pointer; font-size: 14px; text-transform: uppercase; font-family: fonta; }
form#frm_dknt input[type='button']:hover { color: #ff0; }
div#main_content { }
.box_gt { padding: 40px 0; }
.box_gt .photo_gt { width: 49%; position: relative; }
.box_gt .info_gt { width: 48%; }
.info_gt .mt_gt { color: #666666; line-height: 23px; margin-bottom: 30px; }
.views { width: 140px; height: 40px; line-height: 40px; text-align: center; background: #00bc03; border-radius: 20px; position: relative; overflow: hidden; }
.views:after { position: absolute; content: ''; top: 0; left: 0; width: 0; bottom: 0; background: #f00; transition: all 1s; }
.views:hover:after { width: 100%; transition: all 1s; }
.views a { color: #fff; text-transform: uppercase; font-family: fonta; display: block; position: relative; z-index: 1; }
.thongke_gt { display: flex; margin-top: 35px; }
.thongke_gt div { width: calc(100%/3); background: #00BC03; height: 92px; display: flex; align-items: center; flex-flow: column; justify-content: center; color: #fff; font-size: 15px; }
.thongke_gt p span { font-size: 50px; font-family: RobotoBlack; line-height: 1; }
.thongke_gt div:nth-child(2) { background: #009999; }
.thongke_gt div:nth-child(3) { background: #FF7400; }
.tencty { color: #00bc03; font-family: RobotoBlack; font-size: 30px; text-transform: uppercase; margin-bottom: 5px; }
.ttgt h2 { color: #ff0000; font-size: 18px; font-family: fonta; margin-bottom: 20px; }
.box_gt .wrap_1200 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.photo_gt img { width: 100%; }
.photo { width: 80%; position: absolute; top: 0; left: 0; z-index: 2; -webkit-animation: chaynhe1 10s infinite; -moz-animation: chaynhe1 10s infinite; -ms-animation: chaynhe1 10s infinite; -o-animation: chaynhe1 10s infinite; animation: chaynhe1 10s infinite; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; overflow: hidden; border: solid 10px #E4E4E4; }
.photo a, .photo1 a { display: block; position: relative; z-index: 1; }
.photo1 { width: 70%; z-index: 2; -webkit-animation: chaynhe 10s infinite; -moz-animation: chaynhe 10s infinite; -ms-animation: chaynhe 10s infinite; -o-animation: chaynhe 10s infinite; animation: chaynhe 10s infinite; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s; position: absolute; left: 30%; top: 30%; overflow: hidden; border: solid 10px #E4E4E4; }
@-moz-keyframes chaynhe {
    0% { top: 20%; left: 30%; }
    25% { top: 0; left: 30%; }
    50% { top: 0; left: 0; }
    75% { top: 20%; left: 0; }
    100% { top: 20%; left: 30%; }
}
@-webkit-keyframes chaynhe {
    0% { top: 20%; left: 30%; }
    25% { top: 0; left: 30%; }
    50% { top: 0; left: 0; }
    75% { top: 20%; left: 0; }
    100% { top: 20%; left: 30%; }
}
@-o-keyframes chaynhe {
    0% { top: 20%; left: 30%; }
    25% { top: 0; left: 30%; }
    50% { top: 0; left: 0; }
    75% { top: 20%; left: 0; }
    100% { top: 20%; left: 30%; }
}
@-moz-keyframes chaynhe1 {
    0% { top: 0; left: 0; }
    25% { top: 20%; left: 0; }
    50% { top: 20%; left: 20%; }
    75% { top: 0; left: 20%; }
    100% { top: 0; left: 0; }
}
@-webkit-keyframes chaynhe1 {
    0% { top: 0; left: 0; }
    25% { top: 20%; left: 0; }
    50% { top: 20%; left: 20%; }
    75% { top: 0; left: 20%; }
    100% { top: 0; left: 0; }
}
@-o-keyframes chaynhe1 {
    0% { top: 0; left: 0; }
    25% { top: 20%; left: 0; }
    50% { top: 20%; left: 20%; }
    75% { top: 0; left: 20%; }
    100% { top: 0; left: 0; }
}
.zoom_hinh { overflow: hidden; }
.zoom_hinh img { transition: all 1s; }
.zoom_hinh img:hover { transition: all 1s; transform: scale(1.2); }
.pro_km { padding: 40px 0 }
.lis_dm { margin-bottom: 35px }
.tt_tab { border-top: solid 3px #5F903E; padding: 10px; font-size: 15px; text-transform: uppercase; font-family: opensanb; color: #5F903E; display: flex; justify-content: space-between; padding-right: 60px }
.tt_tab ul li { display: inline-block; vertical-align: top; padding: 0 10px }
.tt_tab ul li a { text-transform: none; font-family: opensan; color: #000 }
.tt_tab ul li a:hover { color: #5f903e }
.item { border: solid 1px #eaeaea; margin: 10px; position: relative; width: calc(100%/4 - 23px); display: inline-block; vertical-align: top; background: #F4F4F4; }
.item:hover { border: solid 1px #008B00; box-shadow: 0px 2px 0px #008B00; }
.item.item1 { width: calc(100%/3 - 23px); }
.sp_img { position: relative }
.sp_img img { width: 100%; }
.info_sp { padding: 20px 10px; text-align: center; }
h3.sp_name a { text-decoration: none; font-size: 14px; color: #333333; font-family: fonta; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
h3.sp_name a:hover { color: #e43535}
h3.sp_name { margin-bottom: 5px; }
p.sp_gia { font-size: 14px }
span.giakm, span.gia { color: #df0000; font-family: fonta; }
span.giamoi { color: #acacac; text-decoration: line-through; padding-left: 15px; }
.giamgia { position: absolute; top: 0; right: 0; width: 36px; height: 36px; background: url(images/iconkm.png) no-repeat center; color: #fff; line-height: 36px; font-size: 13px; text-align: center }
.box_tc { padding: 45px 0; background: url(images/bgchon.png) no-repeat; background-size: cover; }
.box_tc #video { width: 42%; border: solid 4px #D9DADA; }
.box_tc .tc { width: 55%; }
.box_tc .wrap_1200 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.item_tc { display: inline-block; vertical-align: top; width: calc(100%/2 - 23px); margin: 10px; color: #fff; }
.item_tc h3.name_tc { margin-bottom: 5px; }
p.tc_img { float: left; margin-right: 10px; border-radius: 50%; transition: all 0.7s; border: dashed 1px #fff; padding: 5px; }
p.tc_img a { display: block; background: #fff; border-radius: 50%; }
p.tc_img:hover { transition: all 0.7s; transform: rotate(90deg) }
h3.name_tc a { color: #fff; font-size: 15px; text-transform: uppercase; display: block; font-family: fonta; }
h3.name_tc a:hover { color: #00bc03; }
h4.name_tc { margin-bottom: 7px }
h4.name_tc a { text-decoration: none; color: #fff; text-transform: uppercase; font-family: opensansb; font-size: 16px }
h4.name_tc a:hover { text-decoration: underline }
.tieude_giua1 { text-align: center; text-transform: uppercase; font-size: 24px; position: relative; color: #fff; font-family: RobotoBlack; margin-bottom: 15px; }
.tieude_giua1:after { position: absolute; content: ''; top: 20px; right: 0; background: url(images/line_tt.png) no-repeat top right; width: 50%; z-index: 0; height: 10px; }
.tieude_giua1:before { position: absolute; content: ''; top: 20px; right: 50%; background: url(images/line_tt.png) no-repeat top right; height: 10px; transform: rotate(180deg); z-index: 1; width: 50%; }
.tieude_giua1 h2 span { position: relative; }
.tieude_giua1 h2:before {position: absolute;content: '';top: 0;right: -1px;width: 0;height: 0;border-right: solid 40px #fff;border-top: solid 25px transparent;border-bottom: solid 25px  transparent;}
.tieude_giua1 h2:after {position: absolute;content: '';top: 0;left: -1px;width: 0;height: 0;border-left: solid 40px #fff;border-top: solid 25px transparent;border-bottom: solid 25px transparent;/* z-index: 1; */}
.tieude_giua1 h2 { font-size: 24px; display: inline-block; vertical-align: top; background: #00BC03; padding: 12px 70px; position: relative;/* z-index: 1; */ }
p.slo { color: #76b14e; font-family: opensan; font-size: 15px; letter-spacing: 1px; position: relative; display: inline-block; padding: 0 20px; vertical-align: top; margin-top: 5px }
p.slo:before { position: absolute; content: ''; bottom: 10px; left: -40px; width: 40px; border-bottom: solid 1px #76b14e }
p.slo:after { position: absolute; content: ''; bottom: 10px; right: -40px; width: 40px; border-bottom: solid 1px #76b14e }
.wrap_1200 { max-width: 1200px; margin: auto }
.box_tintuc { padding: 40px 0 20px 0; }
div#right { width: 75%; float: right; }
div.tieude_giua { font-size: 24px; text-transform: uppercase; position: relative; text-align: center; font-family: opensanb; color: #4c4c4c; margin-bottom: 20px; }
.tieude_giua h2 { font-size: 24px; }
.box_tc .tieude_giua { color: #fff; background: url(images/tt.png) no-repeat center bottom; padding-bottom: 25px; margin-bottom: 30px; }
div.tieude_giua h1 { font-size: 26px; font-weight: normal }
div.wap_item { margin: 0 -10px; }
.goidienthoai { display: none }
.js-facebook-messenger-container.closed,.js-facebook-messenger-tooltip.closed{display:none!important}.js-facebook-messenger-tooltip{bottom:97px;right:97px}.js-facebook-messenger-tooltip{color:#404040;background:#fff}.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}.js-facebook-messenger-tooltip{display:none;position:fixed;text-align:center;border-radius:10px;overflow:hidden;font-size:12px;line-height:1;padding:10px;border:1px solid rgba(0,0,0,0.1);box-shadow:rgba(0,0,0,0.15) 0 2pt 10pt;z-index:1.0E+30}.js-facebook-messenger-close-tooltip{width:10px;height:10px;display:inline-block;cursor:pointer;margin-left:10px}.js-facebook-messenger-box.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}.js-facebook-messenger-box.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.js-facebook-messenger-box{bottom:70px;right:15px}.js-facebook-messenger-box{background:#1182fc}.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}.js-facebook-messenger-box{width:60px;height:60px;display:block;position:fixed;cursor:pointer;text-align:center;line-height:60px;background:#1182FC;border-radius:100%;overflow:hidden;-webkit-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3)}.js-facebook-messenger-box.rotate svg#fb-msng-icon{transform:rotate(0deg)}.js-facebook-messenger-box svg#fb-msng-icon{width:30px;height:30px;position:absolute;top:15px;left:15px;opacity:1;overflow:hidden;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}.js-facebook-messenger-box.rotate svg#close-icon{transform:rotate(-45deg)}.js-facebook-messenger-box svg#close-icon{opacity:0;width:20px;height:20px;position:absolute;top:20px;left:20px;-webkit-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-moz-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;-o-transition:opacity 160ms ease-in-out,transform 160ms ease-in-out;transition:opacity 160ms ease-in-out,transform 160ms ease-in-out}.js-facebook-messenger-container{transform:translateY(50px);bottom:110px;right:35px}.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}.js-facebook-messenger-container{position:fixed;opacity:0;border-radius:10px;pointer-events:none;box-shadow:0 1px 6px rgba(0,0,0,0.06),0 2px 32px rgba(0,0,0,0.16);-webkit-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-moz-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;-o-transition:transform 160ms ease-in-out,opacity 160ms ease-in-out;transition:transform 160ms ease-in-out,opacity 160ms ease-in-out}.js-facebook-messenger-top-header{width:300px}.js-facebook-messenger-top-header{color:#fff;background:#1182fc}.js-facebook-messenger-top-header{display:block;position:relative;width:300px;background:#1182FC;color:#fff;text-align:center;line-height:1;padding:10px;font-size:14px;border-top-left-radius:10px;border-top-right-radius:10px}.js-facebook-messenger-container iframe,.js-facebook-messenger-container-button iframe{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.js-facebook-messenger-box,.js-facebook-messenger-button,.js-facebook-messenger-tooltip{z-index:999}.js-facebook-messenger-container,.js-facebook-messenger-container-button{z-index:1000}.js-facebook-messenger-top-header{color:#fff;background:#1182fc}.js-facebook-messenger-box{background:#1182fc}.js-facebook-messenger-top-header{width:300px}.js-facebook-messenger-tooltip{color:#404040;background:#fff}.js-facebook-messenger-box{bottom:105px;right:15px}.js-facebook-messenger-container{transform:translateY(50px);bottom:160px;right:35px}.js-facebook-messenger-container.open{transform:translateY(0px);opacity:1;pointer-events:all}.js-facebook-messenger-tooltip{bottom:97px;right:97px}.js-facebook-messenger-box.open svg#fb-msng-icon{opacity:0}.js-facebook-messenger-box.rotate.open svg#close-icon{transform:rotate(0deg)}.js-facebook-messenger-box.open svg#close-icon{opacity:1}
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 180px; z-index: 999; text-decoration: none }
#btn-zalo i { top: 0; right: 0; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999 }
#btn-zalo i img { vertical-align: middle; width: 40px }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5 }
#btn-zalo.hotline-call i:before { color: #fff; font-size: 20px; position: relative; left: 12px }
#btn-zalo.hotline-call { bottom: 250px }
.box_map { height: 400px; }
.list_cn { position: absolute; bottom: 20px; left: 0; right: 0; }
.list_cn p { margin: 5px; display: block; padding: 10px 15px; background: #37bf0a; color: #fff; border-radius: 20px; font-family: Mulibold; text-transform: uppercase; font-size: 13px; cursor: pointer; }
.list_cn p.active, .list_cn p:hover { background: #f00; }
.list_cn .wrap_1200 { display: flex; flex-wrap: wrap; }
.maps iframe { width: 100%; height: 100%; }
.maps { height: 400px; }
.maps.active { display: block; }
.tt-left { width: 32%; float: right; }
.video_left { margin-bottom: 5px; }
.box_video { margin: 0 5px; }
.tt-right { width: 65%; float: left; }
.tinnb { width: 47%; float: left; }
.img_nb { margin-bottom: 10px; }
.img_nb a { display: block; line-height: 0; }
.tennb { margin-bottom: 5px; }
.tennb a { text-decoration: none; color: #212121; font-size: 16px; font-weight: bold; font-family: roboto; }
.xthem1 { width: 110px; border: solid 2px #000; text-align: center; line-height: 45px; margin-top: 25px; }
.xthem1 a { text-decoration: none; color: #000; text-transform: uppercase; font-size: 14px; font-family: roboto; }
.xthem1:hover { background: #f00; }
.xthem1:hover a { color: #fff; }
.video_left1 { width: 65%; float: left; }
.video_left1 .tenvideo { margin-top: 10px; }
.tenvideo { font-size: 16px; }
.video_right1 { width: 34% !important; float: right; }
.tt-right #tinmoi { }
.tt_tin { font-family: RobotoBlack; color: #00cc00; font-size: 24px; margin-bottom: 15px; position: relative; }
.tt_tin span { position: relative; background: #fff; padding-right: 20px; z-index: 1; }
.tt_tin:after { position: absolute; content: ''; left: 0; bottom: 12px; width: 100%; border: dashed 1px #cccccc; height: 6px; border-radius: 2px; }
div#tinmoi ul { list-style: none; }
.box_tintuc div#tinmoi ul li { margin-bottom: 20px; border: solid 1px #CCCCCC; display: flex; justify-content: space-between; }
div#tinmoi ul li:nth-child(2n) { }
div#tinmoi ul li p.img_tin { width: 32%; }
div#tinmoi ul li .info_tin { width: 67%; padding: 10px 20px; }
div#tinmoi ul li:nth-child(2n) p.img_tin { order: 2; }
.box_tintuc div#tinmoi ul li a img { width: 100%; }
.box_tintuc div#tinmoi ul li a img:hover { transition: 1s; }
div#tinmoi ul li h3 a { text-decoration: none; color: #111111; font-size: 15px; transition: 0.4s; font-family: fonta; display: block; }
div#tinmoi ul li h3 { margin: 10px 0; }
div#tinmoi ul li h3 a:hover { color: red; transition: 0.4s; }
div#wap_footer { background: #00B903; margin: auto; color: #fff; margin-top: 40px; }
.cart_zz { position: fixed; bottom: 310px; right: 20px; z-index: 100; width: 50px; height: 50px; background: #fff; text-align: center; line-height: 50px; border-radius: 50%; border: solid 1px #007fff; }
.cart_zz i { font-size: 20px; color: #007fff; }
.cart_zz a { font-size: 14px; color: #f00 }
.cart_zz span { position: relative; top: -8px; font-family: opensanb }
.order_buy a { padding: 9px 20px; background: #a7252f; color: #fff; display: inline-block; vertical-align: top; text-transform: uppercase; letter-spacing: 1px; font-family: opensanb; margin-right: 10px; }
.order_buy a:last-child { background: #ffb100; }
.order_buy i { font-size: 20px; margin-right: 5px; }
.order_buy a:hover { background: #007fff; }
.footer1 { background: #EFEFEF; padding: 40px 0 }
div#footer { max-width: 1200px; margin: auto; padding-top: 40px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
div#footer:before { position: absolute; content: ''; top: -10px; left: -10px; width: 0; height: 0; border-bottom: solid 10px #383838; border-left: solid 10px transparent; }
div#footer .footer_r { width: 76%; }
div#footer:after { position: absolute; content: ''; top: -10px; bottom: 0; left: 0; width: 24%; background: #008B00; pointer-events: none; z-index: 0; }
.tt_ft { font-size: 18px; text-transform: uppercase; color: #fff; margin-bottom: 15px; font-family: RobotoBlack; }
.tt_ft span { padding-right: 20px; }
.dknt { float: left; width: 24%; position: relative; top: 0; bottom: 0; z-index: 1; padding: 0 20px; }
div#main_footer { width: 54%; float: left; margin-left: 3%; }
.mxh1 img { margin-left: 5px; transition: all 0.7s; }
.mxh1 img:hover { transition: all 0.7s; transform: rotate(45deg) }
.cs { float: left; width: 20%; margin-left: 4% }
.cs ul li { margin-bottom: 8px }
.cs ul li a { color: #000; font-size: 14px }
.cs ul li a:hover { color: #5f903e }
.fb { float: right; width: 40%; }
.dmmenu { float: left; width: 70% }
.mxh1 { margin-top: 20px; text-transform: capitalize; }
.menuft { width: calc(100%/4 - 13px); display: inline-block; vertical-align: top; margin-right: 10px }
.menuft ul li { list-style: none; margin-bottom: 6px }
.menuft ul li a { color: #000; font-size: 14px }
div#thongke { width: 21%; float: right }
div#thongke .td_ft { color: #FFFF33; margin-bottom: 7px; font-size: 14px; text-transform: uppercase }
div#thongke ul { list-style: none }
div#thongke ul li { clear: both; padding: 4px 0px }
div#thongke ul li img { float: left; margin-right: 15px; width: 20px; margin-top: 4px }
div#doitac { box-sizing: border-box; }
div#doitac a { margin: 0 8px; border: 1px solid #DDD; }
div#doitac .slick_dt { margin: 0 -8px; }
div#doitac a:hover { border: solid 1px #00bc03; }
div.wap_pro { margin: 15px auto; clear: both }
.zoom_slick { width: 45%; float: left; text-align: center }
.zoom_slick .slick2 { border: 1px solid #eaeaea; }
.zoom_slick .slick { margin-top: 5px }
.zoom_slick .slick img { width: 90%; margin: auto; border: 1px solid #DDD; box-sizing: border-box; padding: 5px }
.zoom_slick .slick img:hover { border: 1px solid #F60; opacity: 0.5; transition: 1s }
.product_info { float: right; list-style: none; width: 50% }
.product_info li { font-size: 14px; padding: 6px 0; color: #4c4c4c; }
.product_info i { font-size: 22px; }
.product_info .hotline_product { font-family: fonta; color: #636363; margin: 10px 0; }
.product_info .hotline_product a:hover { color: #cdad70; }
.product_info .hotline_product a { color: #ff0000; font-size: 18px; font-family: fonta; }
.product_info li span.giamoi { padding-left: 0; font-size: 16px; }
li.gia_detail span { font-size: 25px }
.product_info li .color_item { float: left; cursor: pointer; padding: 15px 18px; font-size: 16px; margin-right: 5px; border: 1px solid rgba(204, 204, 204, 1); text-transform: uppercase; color: #333; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease }
.product_info li .size_item { float: left; cursor: pointer; padding: 6px 10px; font-size: 14px; text-align: center; margin-right: 5px; border: 1px solid rgba(204, 204, 204, 1); background: #fff; text-transform: uppercase; color: #333; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease }
.product_info .product-qty .cart button { background: #fff; border: 1px solid #ccc; padding: 5px 10px; margin-left: 10px; height: 32px; cursor: pointer; font-weight: bold }
.product_info .product-qty { margin-bottom: 12px }
.product_info .product-qty label { font-size: 14px; font-family: fonta; }
.product_info .product-qty div { display: inline-block; vertical-align: middle; }
.product_info .product-qty .controls button { border: 0; background: white; padding: 10px 12px; font-size: 16px; border: solid 1px #ebebeb; position: relative; outline: none; float: left; }
.product_info .product-qty .controls input { padding: 8px 7px; width: 47px; border-right: 0; float: left; border-left: 0; text-align: center; position: relative; height: 38px; }
.product_info .product-qty input { border: solid 1px #ebebeb; padding: 5px; width: 100px; }
.product_info li .color_item.active, .product_info li .size_item.active { border: 1px solid #F8004B }
.product_info li.ten h1 { color: #333333; font-size: 22px; text-transform: capitalize; font-family: fonta; }
.product_info li.giakm { font-size: 15px; text-decoration: line-through }
.product_info li.gia { color: red; font-size: 16px }
.product_info li b { font-size: 14px; font-family: fonta; }
.xemgiohang { color: #E80019; display: block; width: 120px; height: 30px; text-align: center; line-height: 30px; text-align: center; font-weight: bold; cursor: pointer; font-size: 13px; transition: 0.4s; margin: auto; margin-top: 7px }
.product_info li .dathang { background: #000 url(images/i_cart.png) 10px center no-repeat; color: #fff; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; padding-left: 30px; text-transform: uppercase; font-weight: bold; cursor: pointer; font-size: 12px; transition: 0.4s }
.product_info li .dathang:hover { transition: 0.4s; background: #E00 url(images/i_cart.png) 10px center no-repeat }
span.size { display: inline-block; padding: 2px 10px; border: 1px solid #DDD; border-radius: 3px; margin-right: 5px; cursor: pointer }
span.mausac { display: block; float: left; border: 1px solid #DDD; width: 30px; height: 30px; margin-right: 5px; cursor: pointer; font-size: 0 }
span.active_size, span.size:hover, span.mausac:hover, span.active_mausac { border: 1px solid #EE0000 }
input.soluong { width: 50px; border: 1px solid #C7C6C6; padding: 2px 0px; text-align: center; font-size: 15px; margin-right: 5px }
table#giohang input { margin: 5px 0px }
table#giohang input.btn, .click_ajax { background: #DC0018; color: #ffffff; padding: 7px 15px; border: none; cursor: pointer; margin: 5px 1px; border-radius: 3px }
table#tt td { height: 30px }
table#tt td input.t { width: 300px; height: 20px; margin: 3px 0px 5px 0px; border: 1px solid #DDD }
table#tt td textarea { width: 300px }
table#tt span { color: red }
div.copy-right { padding: 10px 0; font-size: 14px; color: #fff; border-top: solid 1px #80DC81; text-align: center; margin-top: 40px; }
.copy-right span { font-family: fonta; text-transform: uppercase; }
.copy-right .wrap_1200 { text-align: center; }
div.copy-right .cop-l { width: 50%; }
div.copy-right .cop-r { }
div.copy-right .cop-r { text-align: right; width: 48%; }
div.copy-right .cop-r span { }
div.breadcrumb { width: 100%; margin: 0px; border-radius: 0px; background-color: #ccc }
div.breadcrumb i { color: #000; font-size: 13px; margin: 0px 5px }
div.breadcrumb a { text-decoration: none; color: #222 }
div.breadcrumb a:hover { color: red }
div.pad_tuvan > a { display: block; width: 100%; border-radius: 6px; overflow: hidden; position: relative }
div.pad_tuvan > a:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0) }
div.pad_tuvan > a:hover:after { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0) }
div.pad_tuvan > a img { border-radius: 6px }
div.pad_tuvan h5 { line-height: normal; font-size: inherit; margin-top: 13px; margin-bottom: 10px }
div.pad_tuvan h5 a { color: #333; font-size: 15px; text-decoration: none; position: relative; display: block; line-height: 21px; overflow: hidden; transition: all 0.5s ease; font-family: fonta; }
div.pad_tuvan h5 a:hover { color: #ab0707 }
div.pad_tuvan div { line-height: 25px; font-size: 14px }
div.w_tieude_tin { font-size: 20px; color: #333333; font-family: opensanb; margin-bottom: 10px }
div.w_tieude_tin h1 { font-size: inherit; line-height: normal }
div.in_mota { font-size: 14px; font-style: italic; margin-bottom: 10px }
div.col-lq { margin-top: 20px; }
div.col-lq ul { list-style: none }
div.col-lq ul li { }
div.col-lq ul li a { text-decoration: none; color: #333; border-bottom: 1px solid #e2dfdf; padding: 8px 0px; display: block; font-size: 15px }
div.col-lq ul li:last-child a { border-bottom: none }
div.col-lq ul li a:hover { color: #ab0707 }
div.col-tt { margin-bottom: 20px }
div.breadcrumb { width: 100%; margin: 0px; border-radius: 0px; background-color: #fff; padding: 15px 0 }
div.breadcrumb ol { font-size: 0 }
div.breadcrumb ol li { display: inline-block; font-size: 13px }
div.breadcrumb ol li a { color: #838383; font-size: 14px; display: inline-block; }
div.breadcrumb ol li a span { }
div.breadcrumb ol li i { font-size: 11px; }
div.breadcrumb ol li:last-child i { display: none }
div.breadcrumb ol li:last-child a { padding: 2px 5px; color: #777777; padding-bottom: 1px; pointer-events: none; }
div.breadcrumb a { text-decoration: none; color: #222 }
div.breadcrumb a:hover { color: #ab0707 }
@media screen and (max-width:1285px) {
    .hotline p.sdt { font-size: 25px; }
}
@media screen and (max-width:1200px) {
    div#menu ul.menu_main li a { padding: 0 18px; }
    .logo_head.fixlogo { left: 20px; }
    .wrap_1200 { width: 95%; }
}
@media screen and (max-width:1100px) {
    .hotline p.sdt { font-size: 20px; }
    div#menu ul.menu_main li a { padding: 0px 15px }
}
@media screen and (max-width:1024px) {
    div#wapper { width: 99%; margin: auto }
    div.frm_lienhe { margin: 10px 0px 0px 0px }
    div#menu ul.menu_main li a { padding: 0px 10px }
    .tieude_giua1 h2 { z-index: 1; }
}
@media screen and (max-width:1000px) {
	div#header:before{display: none}
    .logo_head:after { display: none }
    .logo_head { position: relative; padding-right: 0; justify-content: center; }
    .logo_head.fixlogo { position: relative; }
    div#header { display: flex; justify-content: space-between; padding: 0 10px; flex-wrap: wrap; }
    .header_r { width: 80%; }
    .header_r > div, .banner_r { padding: 0 }
    div#footer { width: 95%; }
    .logo_head img { max-height: 100px }
    .item_tc { width: calc(100% - 23px); }
    div#menu_mobi { display: block }
    .fixmb { position: fixed; top: 0; left: 0; right: 0; z-index: 99; }
    .thongke_gt p span { font-size: 40px }
    .thongke_gt div { font-size: 14px; text-align: center; }
    .wap_menu { display: none }
    div#slider { width: 100%; padding: 0; border: none }
    .top { display: none }
    div#danhmuc { display: none }
    div#right { width: 100% }
    div#left { width: 100% }
    div#footer .footer_r { width: 47%; }
    .wrap_1200, div.wapper { width: 95% }
    .cs { margin: 0; width: 45% }
    .fb { width: 100%; }
    div.item, .item.item1 { width: calc(100%/4 - 15px); margin: 6px; }
    .email { width: 30% }
    .box_slider { padding-left: 0 }
    .dknt, div#footer:after { width: 50%; }
    div#main_footer { margin-inline-start: 0; width: 100%; margin-bottom: 15px; }
    div#thongke { width: 100% }
    div.thongke_an { display: none }
    div.tt_lh { width: 100% }
    div.bando { width: 100% }
    a.sp_cart { display: block; text-decoration: none; color: #fff; margin-left: -20px; position: absolute; left: 50% }
    a.sp_cart i { font-size: 30px }
    div.user { position: absolute; right: 10px; top: 0px; font-size: 30px; color: #fff; cursor: pointer }
    .menu_login { display: none }
    .slick-next { right: 0 }
    .slick-prev { left: 0 }
    div.wap_item, div#doitac .slick_dt { margin: 0; }
}
@media screen and (max-width:800px) {
    .w50 { width: 100% !important }
    div.item, .item.item1 { width: calc(100%/3 - 15px) }
    .banner_r .hotline { display: none }
    .banner_r .banner { width: 100%; }
    .box_gt .info_gt { width: 100%; margin-bottom: 15px; }
    .box_gt .photo_gt { width: 100%; max-width: 500px; min-height: 300px; margin: auto; }
    .tt-right { width: 100%; margin-bottom: 15px; }
    .tt-left { width: 100%; max-width: 500px; float: none; }
}
@media screen and (max-width:768px) {
    .email { display: none }
    .logo_head { }
    div#search { width: 60% }
    .item_tc { }
    .menuft { width: calc(100%/2 - 13px); margin-bottom: 15px }
    .dmmenu, .mxh1 { width: 100% }
}
@media screen and (max-width:736px) { }
@media screen and (max-width:700px) { }
@media screen and (max-width:667px) { }
@media screen and (max-width:600px) { }
@media screen and (max-width:603px) {
    div#header a.logo { }
    div#header img.logo_mobi { display: block; margin: auto; width: 100% }
    div.item .sp_name a { font-size: 16px }
    div.item, .item.item1 { width: calc(100%/2 - 15px) }
    .zoom_slick { width: 80%; max-width: 400px; float: none; margin: auto }
    .product_info { width: 100%; margin-top: 6px }
    .gh_an { display: none }
    .cs, .fb { width: 100%; margin-bottom: 10px }
    .menuft { width: calc(100%); margin: 0; margin-bottom: 15px }
    .tt_tab { display: block; padding: 10px 0; padding-right: 60px; margin-bottom: 15px }
    .tt_tab ul { margin-top: 6px }
    .top { padding: 10px; text-align: center }
    .top .wapper { display: block }
    .slogan { margin-bottom: 10px }
    .dknt, div#footer:after { width: 100%; background: #008B00; padding: 20px; margin-bottom: 15px; }
    div#footer:before, div#footer:after { display: none }
    div#footer .footer_r { width: 100%; position: relative; z-index: 1; }
    .box_tc #video { width: 100%; margin-bottom: 20px; }
    .box_tc .tc { width: 100%; }
    .goidienthoai { display: block; }
    .tieude_giua1 h2 {
	    font-size: 20px; 
	    padding: 12px 60px; 
	}
}
@media screen and (max-width:568px) { }
@media screen and (max-width:480px) { }
@media screen and (max-width:460px) {
    div#wapper { width: 97%; background: #fff; padding: 0; overflow: hidden }
    div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password'] { width: 100% }
    div.frm_lienhe .item_lienhe select { width: 100% }
    .map_description { width: 100% }
    .box_news a img { width: 120px }
    div.frm_lienhe .item_lienhe p { width: 100% }
    .othernews ul.phantrang { margin-left: 5px }
    .box_news h3 a { font-size: 14px }
    .item_tc { width: calc(100% - 23px) }
    .thongke_gt p span { font-size: 30px }
    .logo_head, .header_r { width: 100%; text-align: center; }
    .logo_head img { max-height: 80px }
    .tieude_giua1:after, .tieude_giua1:before { display: none }
    .box_gt .photo_gt { min-height: 250px; }
}
@media screen and (max-width:414px) { }
@media screen and (max-width:384px) { }
@media screen and (max-width:375px) { }
@media screen and (max-width:360px) {
    .box_news a img { width: 100px }
    div.tieude_giua { font-size: 14px }
}
@media screen and (max-width:320px) { }