::-webkit-scrollbar { background: #fff; width: 10px; height: 11px }
::-webkit-scrollbar-thumb { background: #BBBBBB }
* { margin: 0; padding: 0; box-sizing: border-box; outline: none !important }
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] { width: 100% !important }
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important }
.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%; padding: 4px 0; margin: 3px 0%; border: 1px solid #DDD; box-sizing: border-box }
.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; margin: 0 0px 5px; height: 22px !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 4px; position: relative; cursor: pointer; }
.zalo-share-button::after { position: absolute; content: "Share"; left: 28px; top: 5px; font-size: 11px; line-height: 16px; height: 16px; color: rgb(255, 255, 255); }
#toptop { width: 37px; height: 37px; position: fixed; bottom: 30px; right: 20px; text-indent: -99999px; cursor: pointer; background: url(images/back_to_top.png) top center no-repeat; transition: 0.5s; z-index: 200 }
#toptop:hover { background: url(images/back_to_top.png) bottom center no-repeat; transition: 0.5s }
.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, Arial, sans-serif; font-size: 14px; line-height: 1.5; background: #fff; overflow-x: hidden; -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; }
@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: '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') }
@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: '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: 'motmoi'; src: url('fonts/UVNMotMoi.eot'); src: local('☺'), url('fonts/UVNMotMoi.woff') format('woff'), url('fonts/UVNMotMoi.ttf') format('truetype'), url('fonts/UVNMotMoi.svg') format('svg'); font-weight: normal; font-style: normal; }
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; padding: 15px 0; }
div#header { }
.top { background: #76B14E; color: #fff; font-family: opensan; font-size: 14px; }
.top .wapper, div#header .wapper { display: flex; align-items: center; justify-content: space-between; }
.logo_head { width: 50%; }
.logo_head img { max-height: 90px; }
.itemtt { width: 25%; color: #999999; font-size: 14px; line-height: 1.2; }
.itemtt span { display: block; font-family: RobotoBlack; font-size: 25px; color: #333333; }
.itemtt img { float: left; margin-right: 20px; }
.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: #F48406; z-index: 99; transition: all 0.7s; }
.wap_menu.fixmenu { position: fixed; top: 0; left: 0; right: 0; transition: all 0.7s; }
div#menu ul { list-style: none; }
div#menu ul.menu_main { }
div#menu ul li { float: left; position: relative; z-index: 50 }
div#menu ul li.line { background: url(images/menu_gach.png) center no-repeat; height: 46px; width: 1px }
div#menu ul li a { color: #fff; font-size: 15px; text-decoration: none; text-transform: uppercase; display: block; padding: 0px 27px; font-family: RobotoBlack; }
div#menu ul.menu_main li a:hover, div#menu ul.menu_main li a.active, div#menu ul li.menu_main a.active2 { color: #253970; }
div#menu ul li ul, div#menu ul li:hover ul li ul { position: absolute; margin-left: 0px; display: none }
div#menu ul li ul.hover { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; }
div#menu ul li ul.hover li { background: none; width: calc(100%/10 - 13px); margin: 5px; }
div#menu ul li ul.hover li a { padding: 0; }
div#menu ul li ul.hover li img { border: solid 1px #e2e0e0; }
div#menu ul li.hover_th { position: inherit; }
div#menu ul li:hover ul { display: block }
div#menu ul li ul li { width: 220px; line-height: 1.5; background: #f48406; border-bottom: 1px solid #fff; }
div#menu ul li ul li a { padding: 6px 10px; text-transform: none; font-family: myfont; }
div#menu ul li ul li ul { left: 220px; top: 0px }
div#search { background: #fff; border-radius: 10px; height: 52px; width: 40%; border: solid 1px #EAEAEA; padding: 5px; }
div#search input { padding: 0px 10px; float: left; border: none; background: none; width: calc(100% - 40px); outline: none; color: #777; height: 40px; line-height: normal; font-size: 14px; }
div#search i { float: right; color: #fff; font-size: 14px; background: #76b14e; height: 40px; width: 40px; border-radius: 10px; text-align: center; line-height: 40px; }
.email { width: 20%; font-size: 15px; }
.email img { float: left; margin-right: 8px; }
.box_search { float: right; font-size: 18px; position: relative; cursor: pointer; margin-left: 10px; z-index: 100; }
.wap_menu.fixmenu .box_search .search { }
.box_search span { text-align: center; display: inline-block; color: #272727; padding: 0 10px; }
.box_search.active .search { transition: all 0.7s; width: 250px; border: solid 2px #f48406; }
div.search { position: absolute; right: 0; top: 100%; background: #fff; border-radius: 20px; height: 35px; width: 0; z-index: 1; transition: all 0.7s; }
.box_search.active .search input { padding: 0 10px; }
div.search input { padding: 0; float: left; border: none; background: none; width: 100%; outline: none; color: #777; font-style: italic; height: 30px; font-size: 14px; }
div.search i { float: right; margin-right: 9px; margin-top: 5px; color: #222; font-size: 17px; cursor: pointer; }
.box_slider { position: relative; }
div#slider { margin: auto; width: 100%; }
div#left { width: 20%; float: left }
.tieude { width: 100%; height: 40px; text-align: center; background: #cc8a23; line-height: 40px; color: #fff; text-transform: uppercase; font-family: fonta; font-size: 15px; margin-bottom: 15px; }
.danhmuc { border: solid 1px #e6e6e6; margin-bottom: 30px; background: #f9f9f9; border-radius: 10px 10px 0 0; overflow: hidden; }
div#danhmuc > ul { padding: 0 10px; }
div#danhmuc ul li a { display: block; padding: 8px 0; border-bottom: solid 1px #ccc; color: #cf8f25; text-transform: uppercase; }
div#danhmuc ul li i { margin-right: 8px; font-size: 15px; }
div#danhmuc ul li ul li a { padding-left: 15px; text-transform: none; color: #6f6f6f; }
div#danhmuc ul li a:hover { color: #ca8722; }
form#frm_dknt { background: url(images/bg_dknt.png) center no-repeat; width: 251px; height: 35px; margin: 10px }
form#frm_dknt input[type='text'] { margin-left: 45px; width: 140px; padding: 0px 5px; float: left; margin-top: 9px; border: none; background: none; outline: none; color: #000 }
form#frm_dknt input[type='button'] { background: #000; color: #fff; width: 50px; height: 25px; line-height: 25px; border: none; margin-top: 5px; border-radius: 3px; cursor: pointer }
div#main_content { }
.item_th { display: inline-block; vertical-align: top; width: calc(100%/8 - 23px); margin: 10px; text-align: center; }
.name_th a { color: #333; font-size: 14px; font-family: RobotoMedium; }
.item_th > a { margin-bottom: 5px; display: block; }
.item_th img { border: solid 1px #ccc; }
.giaiphap { padding: 25px 0; }
.item_gp { margin: 10px; padding: 55px 40px; text-align: center; background: #fff; transition: all 1s; position: relative; width: calc(100%/3 - 23px); display: inline-block; vertical-align: top; }
.item_gp:after { position: absolute; content: ''; bottom: 0; right: 0; width: 5px; height: 45px; background: #00084D; opacity: 0; }
.item_gp:hover:after { opacity: 1; }
.item_gp:hover { }
p.gp_img { margin-bottom: 15px; }
.mota { font-size: 14px; line-height: 25px; margin-bottom: 20px; height: 85px; overflow: hidden; }
.item_tin .mota { margin-bottom: 0; color: #666666; height: auto; }
.item_yk .mota { text-align: center; }
h4.name_gp { position: relative; padding-bottom: 20px; margin-bottom: 20px; height: 50px; overflow: hidden; }
h4.name_gp:after { position: absolute; bottom: 0; left: calc((100% - 35px)/2); border-bottom: dotted 2px #333; content: ''; width: 35px; }
h4.name_gp a { color: #333; font-size: 14px; font-family: fonta; text-transform: uppercase; display: block; }
h4.name_gp a:hover { color: #f48406; }
p.views_gp:hover { background: #c50101; }
p.views_gp:hover a { color: #fff; }
p.views_gp { width: 140px; height: 40px; text-align: center; line-height: 40px; margin: auto; background: #f48406; }
p.views_gp a { color: #333; text-transform: uppercase; font-family: fonta; }
.box_sp { background: #fff; padding: 25px 0; }
.box_sp.da { background: #F2F2F2; }
.w-clear.share_detail { margin-top: 10px; }
.lis_dm { margin-bottom: 35px; }
.tt_tab { text-align: center; margin-bottom: 20px; }
.tt_tab ul li { display: inline-block; vertical-align: top; margin: 5px; }
.tt_tab ul li.active a, .tt_tab ul li:hover a { background: #f48406; font-family: fonta; }
.tt_tab ul li a { text-align: center; text-transform: none; color: #000; padding: 8px 20px; border-radius: 5px; font-size: 16px; text-transform: uppercase; display: block; min-width: 145px; }
.item { position: relative; width: calc(100%/3 - 1px); display: inline-block; vertical-align: top; margin: 1px -1px; }
.item.item1 { margin: 0 -0.5px; box-shadow: -1px 3px 7px #e5e5e5 inset; }
.sp_img { position: relative; margin-bottom: 10px; }
.da .sp_img { margin-bottom: 0; }
.sp_img img { width: 100%; }
.sp_img img { width: 100%; }
h3.sp_name a { text-decoration: none; font-size: 18px; color: #333333; display: block; text-transform: uppercase; font-family: fonta; }
h3.sp_name a:hover { color: #b50202; }
h3.sp_name { text-align: center; padding: 10px; }
h3.sp_name1 a { color: #00084d; font-size: 20px; font-family: fonta; text-transform: uppercase; display: block; line-height: 1.3; }
h3.sp_name1 { padding-bottom: 15px; margin-bottom: 15px; background: url(images/tt.png) no-repeat left bottom; height: 59px; overflow: hidden; }
.da h3.sp_name { display: none; }
.info_ft { position: absolute; top: 0; left: 0; right: 0; bottom: 1px; padding: 20px; background: rgba(226, 226, 226, 0.71); opacity: 0; transition: all 0.7s; pointer-events: none; }
.item:hover .info_ft { opacity: 1; transition: all 0.7s; }
.info_ft:after { position: absolute; content: ''; bottom: 0; right: 0; width: 5px; height: 45px; background: #00084D; }
.motasp { font-size: 18px; line-height: 30px; font-family: RobotoMedium; height: 185px; overflow: hidden; }
p.sp_gia { font-size: 14px; }
span.giakm, span.gia { color: #A40F0F; font-family: opensanb; }
span.giamoi { font-family: opensanb; color: #a3a3a3; 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 { background: #5F903E; padding: 25px 0; }
.item_tc { display: inline-block; vertical-align: top; width: calc(100%/4 - 23px); margin: 0 10px; color: #fff; font-size: 13px; }
p.tc_img { float: left; margin-right: 10px; border: solid 1px #77a15b; border-radius: 50%; box-shadow: 0px 0px 8px #143200a6; transition: all 0.7s; }
p.tc_img:hover { transition: all 0.7s; transform: rotate(90deg); }
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; }
.box_ht { padding: 25px 0; background: #EBEBEB; }
.item_ht { margin: 10px; text-align: center; width: calc(100%/4 - 23px); }
.zoom_hinh { overflow: hidden; }
.zoom_hinh img { transition: all 1s; }
.zoom_hinh:hover img { transition: all 1s; transform: scale(1.2); }
p.ht_img { margin-bottom: 15px; }
p.ht_img img { width: 100%; }
h4.name_ht a { color: #333333; font-size: 18px; display: block; line-height: 1.3; }
h4.name_ht a:hover { color: #f48406; }
p.slo { font-family: myfont; text-transform: none; font-size: 14px; text-align: center; max-width: 500px; margin: auto; margin-bottom: 20px; color: #666666; }
.ykien p.slo { color: #fff; }
.wrap_1200 { max-width: 1200px; margin: auto }
.box_dv { padding: 25px 0; }
.item_dv { background-size: cover; height: 500px; position: relative; display: flex; align-items: center; justify-content: center; color: #fff; flex-flow: column; padding: 20px; }
.name_dv { text-transform: uppercase; font-size: 35px; font-family: RobotoBlack; margin-bottom: 10px; }
.mt_dv { font-size: 16px; font-family: RobotoMedium; max-width: 600px; text-align: center; }
div#right { width: 79%; float: right }
div.tieude_giua { font-size: 30px; text-transform: uppercase; position: relative; text-align: center; color: #00084d; margin-bottom: 10px; font-family: RobotoBlack; background: url(images/tt.png) no-repeat center bottom; padding-bottom: 18px; }
.ykien .tieude_giua { color: #fff; }
.tieude_giua h2 { font-size: 30px; }
div.tieude_giua h1 { font-size: 30px; }
.ykien { background-size: cover; padding: 25px 0; }
.item_yk { background: #fff; margin: 35px 12px; border-bottom: solid 4px #f48406; padding: 30px; margin-bottom: 0; }
p.yk_img { width: 70px; margin: auto; height: 70px; border-radius: 50%; overflow: hidden; border: solid 2px #f48406; margin-top: -60px; margin-bottom: 30px; }
h4.name_yk { margin-bottom: 10px; }
h4.name_yk a { color: #666666; font-size: 14px; text-transform: uppercase; font-family: fonta; display: block; text-align: center; line-height: 1.5; }
h4.name_yk a:hover { color: #f48406; }
p.cv { text-align: center; color: #999999; margin-bottom: 15px; }
.box_tin { padding: 25px 0; }
.tin { float: left; width: 50%; }
.item_tin1 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #e4e4e4 !important; }
.tin_img1 { float: left; width: 35%; margin-right: 10px; }
h4.name_tin1 a { color: #333; font-size: 13px; font-family: fonta; display: block; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
h4.name_tin1 { }
.ngaytao1 { margin-bottom: 10px; color: #9a9a9a; }
.mota1 { font-size: 13px; color: #333; }
.item_tin { margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #e4e4e4 !important; }
.item_tin:nth-child(2n) .tin_img { float: right; margin-left: 15px; margin-right: 0; }
.tin_img { float: left; width: 210px; margin-right: 15px; height: 125px; position: relative; }
.tin_img img { width: 100%; }
p.ngaytao { position: absolute; top: 5px; left: 5px; background: #fcca03; font-size: 12px; text-align: center; font-family: fonta; width: 46px; height: 45px; line-height: 1.2; text-transform: uppercase; }
p.ngaytao span.date1 { font-size: 19px; display: block; width: 100%; margin-top: 5px; }
h4.name_tin { margin-bottom: 5px; }
h4.name_tin a { display: block; color: #333; font-size: 14px; font-family: RobotoMedium; text-transform: uppercase; line-height: 1.5; }
h4.name_tin a:hover { color: #f48406; }
.load_video { float: right; width: 48%; }
div.wap_item { }
.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: 45px; height: 45px; display: block; position: relative; cursor: pointer; text-align: center; line-height: 45px; 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: 8px; left: 8px; 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: 15px; left: 15px; -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: 70px; *//* right: 15px; */ }
.js-facebook-messenger-container { transform: translateY(50px); bottom: 118px; left: 35px; width: 320px; }
.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: 160px; 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: 245px; }

/*Gọi điện nhắn tin chỉ đường phiên bản mới*/
.support-online { position: fixed; z-index: 999; left: 0; bottom: 0px; }
.fa-user-circle:before { content: "\f007"; }
.support-online a { position: relative; margin: 20px 20px; text-align: left; width: 40px; height: 40px; }
.support-online i { width: 40px; height: 40px; background: #43a1f3; color: #fff; border-radius: 100%; font-size: 20px; text-align: center; line-height: 1.9; position: relative; z-index: 999; }
.support-online a.click span { border-radius: 2px; text-align: center; background: rgb(244, 132, 6); padding: 9px; display: none; width: 180px; margin-left: 10px; position: absolute; color: #ffffff; z-index: 999; top: 0px; left: 40px; transition: all 0.2s ease-in-out 0s; -moz-animation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
.support-online a:hover span { display: block; }
.support-online a { display: block; }
.support-online a span:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent rgb(244, 132, 6) transparent transparent; position: absolute; left: -10px; top: 10px; }
.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(0, 175, 242, 0.5); 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(30, 30, 30, 0.4); opacity: .1; border-color: #0089B9; opacity: .5; }
.support-online .btn-support { cursor: pointer; }
.sms i { background: red }
.call-now i { background: green }
.mes i { background: orange }

/*Gọi điện nhắn tin chỉ đường phiên bản mới*/
div#wap_footer { background: #F5F5F5; margin: auto; color: #666666; }
.footer1 { background: #EFEFEF; padding: 40px 0; }
div#footer { max-width: 1200px; margin: auto; padding: 40px 0; }
.tt_ft { font-size: 18px; text-transform: uppercase; color: #F48406; margin-bottom: 25px; font-family: fonta; }
.footer_l { width: 55%; float: left; }
.maps { width: 45%; float: right; height: 295px; }
.maps iframe { width: 100%; height: 100%; }
.tt_ft p { font-size: 14px; color: #a0a0a0; }
div#main_footer { width: 65%; float: left; }
.mxh1 img { margin-right: 10px; transition: all 0.7s; margin-top: 10px; }
.mxh1 img:hover { transition: all 0.7s; transform: rotate(45deg); }
.cs { float: left; width: 32%; margin-left: 2%; }
.cs ul li { margin-bottom: 8px; }
.cs ul li a { color: #666666; font-size: 14px; }
.cs ul li a:hover { color: #f48406; }
.fb { float: right; width: 41%; }
.dmmenu { float: left; width: 70%; }
.mxh1 { margin-top: 10px; }
.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; padding: 30px 0; border-top: solid 1px #cccc; }
div#doitac a img { margin: 0 5px; border: 1px solid #cccccc; }
div.wap_pro { margin: 15px auto; clear: both }
.pad_tuvan { text-align: left; }
.zoom_slick { width: 45%; float: left; text-align: center; }
.zoom_slick .slick2 { border: 1px solid #DDD }
.zoom_slick .slick { margin-top: 5px }
.zoom_slick .slick img { width: 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; border-bottom: 1px solid #EEE; padding: 6px 0; }
.product_info li p { margin-bottom: 5px; }
.product_info li p a { color: #f00; text-transform: uppercase; }
.product_info li span.giamoi { padding-left: 0; font-size: 15px; }
li.gia_detail span { font-size: 18px; }
.product_info li a { color: #A40F0F; }
.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-family: avob; font-size: 13px }
.product_info .product-qty div { display: inline }
.product_info .product-qty .controls button { border: 0; background: white; padding: 7px 9px; font-size: 16px; border: 1px solid #ccc; position: relative; outline: none; float: left }
.product_info .product-qty .controls input { padding: 5px 7px; width: 47px; border-right: 0; float: left; border-left: 0; text-align: center; position: relative; height: 32px }
.product_info .product-qty input { border: 1px solid #ccc; padding: 5px; width: 100px }
.product_info li .color_item.active, .product_info li .size_item.active { border: 1px solid #F8004B }
.product_info li.ten { color: #253970; font-size: 20px; font-family: opensanb; text-transform: uppercase; }
.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-weight: normal; font-size: 14px }
.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 { text-align: center; padding: 15px 0; font-size: 13px; color: #666666; border-top: solid 1px #666666; margin-top: 15px; }
div.copy-right .cop-l { margin-bottom: 5px; }
div.copy-right .cop-r { }
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%; overflow: hidden; position: relative; text-align: center;}
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 { }
div.pad_tuvan h5 { line-height: normal; font-size: inherit; margin-top: 13px; margin-bottom: 10px; position: relative; }
div.pad_tuvan h5:after { height: 8px; position: absolute; content: ''; bottom: -10px; left: -4px; background: url(images/tt.png) no-repeat left bottom; width: 92px; }
div.pad_tuvan h5 a { color: #333; font-size: 15px; text-decoration: none; position: relative; display: block; line-height: 21px; transition: all 0.5s ease; font-family: fonta; height: 42px; overflow: hidden; }
div.pad_tuvan h5 a:hover { color: #263a71; }
div.pad_tuvan div { line-height: 25px; font-size: 14px; height: 75px; overflow: hidden; }
div.w_tieude_tin { font-size: 20px; color: #333333; text-transform: uppercase; margin-bottom: 15px; font-family: fonta }
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; font-family: myFont; display: inline-block; }
div.breadcrumb ol li a span { }
div.breadcrumb ol li i { font-size: 11px; padding: 0 6px; }
div.breadcrumb ol li:last-child i { display: none; }
div.breadcrumb ol li:last-child a { padding: 2px 5px; 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) { }
@media screen and (max-width:1200px) {
	div#menu ul.menu_main li a { padding: 0 12px; }
	.wrap_1200, div.wapper, div#footer { width: 95% }
}
@media screen and (max-width:1100px) { }
@media screen and (max-width:1024px) {
	div#wapper { width: 99%; margin: auto }
	div#menu ul li a { padding: 0px 20px }
	div.frm_lienhe { margin: 10px 0px 0px 0px }
}
@media screen and (max-width:1000px) {
	div#footer { width: 95%; }
	div#menu_mobi { display: block }
	.wap_menu { display: none }
	.fixmenu { position: fixed; top: 0; left: 0; right: 0; z-index: 11; }
	h3.sp_name { display: none }
	.info_ft { opacity: 1; position: relative; padding: 10px; pointer-events: initial; }
	.motasp { font-size: 14px; height: auto; z-index: 2; position: relative; line-height: 1.5; font-family: myfont; overflow-y: initial; height: 64px; overflow: hidden; }
	div#slider { width: 100%; padding: 0; border: none }
	div#danhmuc { display: none }
	div#right { width: 100% }
	div#left { width: 100% }
	.item_gp { padding: 0px; width: calc(100%/3 - 23px); }
	.cs { margin: 0; width: 45% }
	.fb { width: 45%; }
	div.item { width: calc(100%/3 - 1px); }
	.email { width: 30% }
	.box_slider { padding-left: 0 }
	div#main_footer { 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 }
	.item_th { width: calc(100%/5 - 23px); }
}
@media screen and (max-width:800px) {
	.w50 { width: 100% !important }
	div.item { width: calc(100%/3 - 1px); }
	.tin, .load_video { width: 100%; margin-bottom: 10px; }
	p.tin_img { width: 35%; height: auto; }
	.name_dv { font-size: 30px }
}
@media screen and (max-width:768px) {
	.email { display: none }
	.logo_head { width: 100%; }
	div#search { width: 60%; }
	.item_tc { width: calc(100%/2 - 23px); margin: 10px; }
	.menuft { width: calc(100%/2 - 13px); margin-bottom: 15px; }
	.dmmenu, .mxh1 { width: 100% }
	.item_gp { width: calc(100%/2 - 23px); }
}
@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) {
	.item_th { width: calc(100%/3 - 23px); }
	div.row1 { margin: -5px; }
	div.col-tt { padding: 10px; }
	.item_dv { height: auto; min-height: 300px; }
	.itemtt { display: none }
	div#header a.logo { }
	div#header img.logo_mobi { display: block; margin: auto; width: 100% }
	.item_gp { padding: 0px; margin: 5px; width: calc(100%/2 - 13px); }
	div.item .sp_name a { font-size: 16px }
	div.item { width: calc(100%/2 - 1px); margin: 1px -1px; }
	.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; text-align: left; }
	.tt_tab ul { margin-top: 6px; }
	.top { padding: 10px; text-align: center; }
	.top .wapper { display: block; }
	.slogan { margin-bottom: 10px; }
	.footer_l, .maps { width: 100%; margin-bottom: 10px; }
	.item_yk { padding: 20px 10px; }
	p.yk_img { margin-top: -50px; margin-bottom: 10px; }
	div.tieude_giua h1, div.tieude_giua h2 { font-size: 28px; }
	.mota { line-height: 21px; }
	.item_tin .mota { height: 46px; overflow: hidden; }
	.item_tin { padding-bottom: 10px; margin-bottom: 10px; }
	div#wap_footer { padding-bottom: 50px; }
	.goidienthoai { display: block; }
	.logo_head img { max-height: 75px; }
}
@media screen and (max-width:568px) { }
@media screen and (max-width:480px) { }
@media screen and (max-width:460px) {
	h3.sp_name1 a { font-size: 16px; }
	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); }
	.item_th { width: calc(100%/2 - 23px); }
	.tin_img { width: 135px; height: 85px; }
}
@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) { }