/*reset*/
:root { --font-Roboto-Regular:RobotoRegular; --font-Roboto-Bold:RobotoBold; --font-UTMH:UTMHelvetIns } 
* { padding:0; margin:0; box-sizing:border-box; } 
img { max-width: 100%; } 
ul,li { padding:0; margin:0; } 
a { text-decoration:none; } 
body { font-family:'Arial','Helvetica','sans-serif'; font-size: 14px; position:relative; box-sizing:border-box; overflow-y:scroll; } 
.overflow_hidden { overflow:hidden!important; padding-right:17px; } 
/*=======================================*/
a:focus,a:hover { text-decoration:none; } 
.clear { display:block; clear:both; } 
.h1,.h2,.h3,h1,h2,h3 { margin:0; } 
/*=======================================*/
#full { margin:0 auto; overflow-x:hidden; position:relative; min-width:1200px; } 
/*commont*/
.text { text-align:justify; line-height:2em; } 
.text * { max-width:100%!important; } 
.text img { max-width:100%!important; height:auto!important; } 
.text iframe { max-width:100%!important; } 
.clear { display:block; clear:both; } 
.left_0 { margin-left:0!important; } 
.my_table { display:table; } 
.my_row { display:table-row; } 
.my_cell { display:table-cell; } 
.w100 { width:100%; } 
.mw100 { max-width:100%; vertical-align:middle; } 
.pd0 { padding:0; } 
.hid { display:none; } 
.pdr0 { padding-right:0; } 
.pdl0 { padding-left:0; } 
.l50 { width:50%; float:left; padding-right:10px; } 
.r50 { width:50%; float:right; padding-left:10px; } 
.top20 { margin-top:20px; } 
.top15 { margin-top:15px; } 
.top10 { margin-top:10px; } 
.top5 { margin-top:5px; } 
.row_p { margin-left:-15px; margin-right:-15px; } 
.inline_block { display:inline-block; } 
.hvr:hover { color:#f00; } 
.hvy:hover { color:#ff0; } 
.trs03 { -webkit-transition:all .3s; transition:all .3s; } 
.trs1 { -webkit-transition:all 1s; transition:all 1s; } 
.center { text-align:center; } 
.contain_alert { position:fixed; right:10px; top:10px; z-index:100; } 
.my_alert { z-index:100; line-height:21px; margin-bottom:10px; } 
.alert a { margin-left:10px; } 
.text_warning { color:#8a6d3b; } 
.text_info { color:#31708f; } 
.text_success { color:#3c763d; } 
.text_danger { color:#a94442; } 
.ilb { display:inline-block; } 
/*TOP*/
#top { color:#FFF; font-weight:500; text-align:center; position:fixed; bottom:4px; right:10px; display:none; cursor:pointer; z-index:100; } 
#top:hover {; } 
/*++++++++++Lien he+++++++++++*/
.tablelienhe {; } 
.tablelienhe span { color:#F00; } 
.tablelienhe .my_cell { padding:5px 0; vertical-align:top; } 
.tablelienhe .my_cell label { font-size:12px; color:#404040; font-weight:bold; } 
.tablelienhe .cell_title { text-align:right; padding-right:15px; } 
.tablelienhe .input {height:32px;padding:5px;border:1px solid #d1d1d1;line-height:20px;color:#666;font-size:12px;box-sizing:border-box;outline:none;background:#fdfdfd;padding-left: 10px;width:100%;} 
.tablelienhe textarea.input { padding:10px; } 
.tablelienhe .input:focus { border-color:#33a3b3; } 
.tablelienhe textarea { padding:5px; } 
.tablelienhe .title { font-size:14px; font-weight:bold; text-transform:uppercase; } 
.button { display:inline-block; padding:5px 20px; border:1px solid #cdcdcd; cursor:pointer; background:#f0f0f0; color:#000; } 
.button:hover { border:1px solid #3399ff; } 
.left_lienhe { width:49%; box-sizing:border-box; float:left; } 
.right_lienhe { width:49%; box-sizing:border-box; float:right; } 
.fa-contact { width:33px; height:32px; position:absolute; left:0; top:0; line-height:32px!important; font-size:18px!important; text-align:center; color:#CCC1C1; } 
.box_input_contact { position:relative; margin-bottom:10px; } 
.contain_map_lienhe { margin-top:20px; } 
.tablelienhe .box_not_valid .fa-contact { color:#f00; } 
/*notify_input*/
.notify_input { width:13px; height:13px; display:inline-block; background:url(../images/commont/icon_tip.png) top left no-repeat; position:absolute; top:50%; right:5px; margin-top:-6px; cursor:pointer; } 
.content_notify_input { position:absolute; right:100%; white-space:nowrap; background:#F2F2F2; padding:2px 5px; border:1px solid #999; top:-5px; display:none; margin-right:3px; } 
.notify_input:hover .content_notify_input { display:block; } 
.fa-contact { position:absolute; left:0; top:0; } 
/*inner*/
.inner { width:1200px; margin:0 auto; position:relative; } 
/*header*/
.background { padding:0 10px; } 
#header { position:relative; margin:0 auto; background-position:top center; background-repeat:no-repeat; background-size:cover!important; } 
#languages { position:absolute; top:0; right:0; } 
#user_header { position:absolute; right:0; top:40px; } 
/*banner*/
#banner { height:auto; } 

div#banner > .inner { display: flex; align-items: center; justify-content: space-between; } 
#header .vcard { width:0; height:0; text-indent:-9999px; position:absolute; } 
#language { position:absolute; top:10px; right:0; } 
.logo { position:relative; margin: 5px 0; } 
.slogan {; } 
.hotline_top { font-size:16px; color:#f00; padding-left:52px; background:url(../images/icon-phone.png) 0 0 no-repeat; position:absolute; right:0; top:58px; } 
.social_top { position:absolute; right:0; top:10px; } 
/*menu top*/
#menu { height: 45px; background: #234ebe; } 
#menu > .inner > ul { list-style: none; display: flex; flex-direction: row; position: relative; } 
#menu > .inner > ul > li { position: relative; } 
#menu > .inner > ul > li > a { line-height: 45px; font-size: 14px; padding: 0 35px; color: #ffffff; display: block; font-family: var(--font-Roboto-Bold); text-transform: uppercase; } 
#menu > .inner > ul > li:not(:last-child) > a { background: url(../images/line_menu.png) no-repeat right center; } 
#menu > .inner > ul > li.menu_active > a, #menu > .inner > ul > li:hover > a { color: #f8931d; } 
#menu > .inner > ul > li > ul { position: absolute; top: 90%; left: 0; display: none; z-index: 9999; width: 255px; -webkit-box-shadow: 0 0 13px 0 #999799; box-shadow: 0 0 13px 0 #999799; -webkit-box-sizing: border-box; } 
#menu > .inner > ul > li > ul > li, #menu ul > li > ul > li > ul > li { display: block !important; float: none; display: block; height: auto; width: 100%; position: relative; background: #f2f2f2; } 
#menu > .inner > ul > li > ul > li:last-child { border-bottom: none; } 
#menu > .inner > ul > li > ul > li > a, #menu ul > li > ul > li > ul > li > a { background: none !important; line-height: normal !important; padding: 10px 25px; text-align: left; color: #000 !important; text-align: left; display: block; -webkit-transition: all .15s cubic-bezier(.445, .05, .55, .95); -o-transition: all .15s cubic-bezier(.445, .05, .55, .95); transition: all .15s cubic-bezier(.445, .05, .55, .95); font-family: RobotoRegular; font-size: 13px; } 
#menu > .inner > ul > li > ul > li > a:hover, #menu:not(.dmsp) ul > li > ul > li > ul > li > a:hover { background: #1971b4 !important; color: #fff !important; } 
#menu ul > li > ul > li > ul { top: 0; left: 100%; height: auto; position: absolute; display: none; z-index: 9999; width: 255px; -webkit-box-sizing: border-box; } 
.head.fix { position: fixed !important; top: 0px; left: 0px; width: 100%; -webkit-animation: fadeInDown 0s ease-in backwards; -moz-animation: fadeInDown 0s ease-in backwards; -o-animation: fadeInDown 0s ease-in backwards; -ms-animation: fadeInDown 0s ease-in backwards; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; z-index: 9999; } 
#menu.head.fix .inner { align-items: center; } 
#menu.head.fix .tddm { cursor: pointer; } 
#menu.head.fix #danhmuc { display: none; } 
#menu.head.fix .dmsp:hover #danhmuc { display: block; } 
#menu.head.fix_in #danhmuc { display: none !important; } 
#menu.head.fix_in .dmsp:hover #danhmuc { display: block !important; } 
#danhmuc { position: absolute; top: 45px; z-index: 999; left: 0; right: 0; background: #f2f2f2; } 
.category_list > ul { background: #f2f2f2; list-style: none; max-height: 389px; overflow: overlay; padding-top: 10px; } 
.category_list > ul > li { width: 100%; display: block !important; } 
.category_list > ul > li >a > img { margin-right: 10px; } 
.category_list > ul > li > a { font-size: 15px; color: #333333; display: block; padding: 10px 13px; position: relative; font-family: RobotoRegular; text-transform: capitalize; border-bottom: 1px dashed #c2c2c2; margin: 0 12px; background: url(../images/arrow_down.png) no-repeat right center; } 
.category_list > ul > li > a:hover { color: #116ba9 !important; } 
.category_list > ul > li > ul, .category_list > ul > li > ul > li > ul { position: absolute; left: 100%; top: 0px; opacity: 0; visibility: hidden; width: 100%; background: #f2f2f2; z-index: 9999; list-style: none; height: auto !important; } 
.category_list > ul > li > ul > li, .category_list > ul > li > ul > li > ul > li { display: block !important; } 
.category_list > ul > li > ul > li > a, .category_list > ul > li > ul > li > ul > li > a { border-bottom: 1px solid #e4e4e4; color: #000; padding: 10px 25px 10px 15px; font-family: RobotoRegular; display: block; background: #f2f2f2; text-transform: capitalize; } 
.category_list > ul > li > ul > li > a:hover, .category_list > ul > li > ul > li > ul > li > a:hover { background: #234ebe !important; color: #fff !important; } 
.category_list > ul > li:hover > ul { opacity: 1; visibility: unset; transition: 0.3s; } 
.category_list > ul > li > ul > li:hover > ul { opacity: 1; visibility: unset; transition: 0.3s; display: block !important; } 
.category_list ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #f2f2f2; background-color: #f2f2f2; } 
.category_list ul::-webkit-scrollbar { width: 6px; background-color: #f2f2f2; } 
.category_list ul::-webkit-scrollbar-thumb { background-color: #234ebe; } 
.tddm { background: #dc3832 url('../images/hambuger.png') no-repeat left 15px center; font-family: RobotoBold; font-size: 16px; text-transform: uppercase; color: #ffffff; line-height: 45px; height: 45px; text-align: center; } 
.dmsp { width: 270px; position: relative; } 
#menu > .inner > ul > li:not(:last-child):before { content: " "; border-left: #ffffff 1px dashed; position: absolute; right: 0; height: 40%; top: 50%; width: 1px; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } 
/*menu bootstrap*/
#btn_menu_bootstrap { z-index:999; position:absolute; left:10px; top:10px; height:24px; width:30px; display:none; } 
#btn_menu_bootstrap span { background:#fff; content:''; display:block; width:100%; height:2px; position:absolute; left:0; top:50%; margin-top:-1px; } 
#btn_menu_bootstrap:before { content:""; position:absolute; width:100%; height:2px; background:#fff; top:0; left:0; } 
#btn_menu_bootstrap:after { content:""; position:absolute; width:100%; height:2px; background:#fff; bottom:0; left:0; } 
#btn_menu_bootstrap:before,#btn_menu_bootstrap:after { transform-origin:left 1px; -webkit-transition:all 0.3s; transition:all 0.3s; } 
.move_btn_bootstrap:before { transform:rotate(45deg); } 
.move_btn_bootstrap:after { transform:rotate(-45deg); } 
.move_btn_bootstrap span { left:-200%!important; } 
/*search*/

/*slider*/
.contain_slider { margin: 0 auto; width: 920px; float: right; overflow: hidden; } 
.contain_slider { position: relative; margin-top: 10px; } 
/*left*/
#left { float:right; } 
.sub_left { margin-bottom:20px; } 
.title_left { height:35px; background:#2a8fed; } 
.title_left span { font-size:14px; color:#fff; font-weight:normal; text-align:center; text-transform:uppercase; line-height:35px; display:block; } 
.item_tooltip { position:relative; } 
.my_tooltip { position:absolute; bottom:100%; background:#353535; font-weight:bold; color:#fff; border-radius:3px; padding:3px 5px; left:0; margin-bottom:5px; display:none; } 
.my_tooltip:after { content:""; position:absolute; border-top:5px solid #353535; border-bottom:5px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent; top:100%; left:50%; margin-left:-5px; } 
/*css simplycroll*/
.contain_list_news_left .vert,.contain_list_news_left .vert .simply-scroll-clip { height:500px!important; width:100%!important; } 
.contain_list_news_left .vert .simply-scroll-list li { width:100%!important; height:62px!important; padding:10px 0; } 
.contain_list_news_left .vert .simply-scroll-list li img { max-width:100%!important; } 
/*menu left*/
.menu_left ul { background:#2a8fed; list-style:none; } 
.menu_left ul li { position:relative; } 
.menu_left ul li a { font-size:13px; color:#fff; display:block; border-bottom:1px solid #fff; padding:10px; position:relative; } 
.menu_left ul li a:before { content:""; width:; } 
.menu_left ul li ul { display:none; width:100%; background:red; } 
/*main*/
#container { } 
#main { float:right; } 
.sub_main { margin-bottom:20px; } 
.title_main { position:relative } 

.title_main:after { position: absolute; bottom: 0px; left: 0px; width: 105px; height: 2px; background: #234ebe; content: ''; } 
.title_main span,.title_main h2 { color: #234ebe; font-family: var(--font-UTMH); font-size: 24px; text-transform: uppercase; display: inline-block; font-weight: normal; padding-bottom: 8px; } 
/*product*/
.box_sanpham { float:left; margin-bottom:10px; width:calc(100% / 3 - 20px / 3); margin-right:10px; } 
.box_sanpham:nth-child(3n) { margin-right:0; } 
.box_sanpham:nth-child(3n+1) { clear:both; } 
.img_sanpham { text-align:center; overflow:hidden; } 
.img_sanpham img { transition:0.7s; } 
.img_sanpham:hover img { -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } 
.name_sanpham { text-align:center; padding-top: 15px; } 
.name_sanpham h2 { font-size: 14px; } 
.name_sanpham h2 a { font-size:14px; color: #4c4c4c; font-family: 'RobotoRegular'; text-transform: uppercase; } 
.gia_sanpham { text-align:center; margin-top:5px; } 
.gia_sanpham span { color: #ff0000; display: inline-block; font-family: var(--font-Roboto-Bold); font-size: 15px; margin: 0px 8px; } 
.gia_sanpham strong { color:#888888; display: inline-block; font-family: 'RobotoRegular'; font-size: 14px; text-decoration: line-through; margin: 0px 8px; font-weight: normal; } 
.km { position: absolute; top: 0px; right: 10px; width: 39px; height: 57px; padding-top: 10px; background: url(../images/km.png) no-repeat; text-align: center; color: #fff; font-family: 'RobotoRegular'; font-size: 14px; } 
.dathang_sanpham { text-align: center; margin-bottom: -24px; margin-top: 10px; } 
.dathang_sanpham a { display: inline-block; width: 116px; line-height: 32px; background: url(../images/cart.png) 15px center no-repeat,#ED1C24; color: #fff; border-radius: 30px; padding-left: 20px; font-size: 13px; font-family: 'RobotoRegular'; text-transform: uppercase; cursor: pointer; } 
.dathang_sanpham a:hover { background: url(../images/cart_active.png) 15px center no-repeat,#F5AF06; color: #000; } 
.list_sub_img_detail { position:relative; } 
.prev_sub_detail,.next_sub_detail { position:absolute; width:28px; height:28px; background:url(../images/icon_next_prev_common_owl.png); z-index:10; top:50%; margin-top:-14px; } 
.prev_sub_detail { background-position:0 -28px; left:0; } 
.prev_sub_detail:hover { background-position:0 0; } 
.next_sub_detail { background-position:-28px -28px; right:0; } 
.next_sub_detail:hover { background-position:-28px 0; } 
#sub_img_detail { margin-top:5px; } 
.item_owl_sub { padding:0 2px; } 
.btn_like_p { cursor:pointer; } 
/*album*/
.box_album { margin-bottom:20px; } 
.name_album h3 { text-transform:uppercase; font-size:15px; margin-top:10px; text-align:center; } 
.name_album h3 a { font-size:15px; color:#0075E2; font-family:'RobotoBold'; font-weight:normal; } 
/*product detail*/
.item_detail { padding:10px 0; border-bottom:1px dashed #cdcdcd; } 
.bottom_detail { margin-top:20px; } 
.img_detail { width: 40%; float:left; } 
.info_detail { width:55%; float:left; padding-left:30px; box-sizing:border-box; } 
.item_info_detail { font-size:14px; line-height:20px; padding:10px 0; border-bottom:1px solid #eee; } 
.item_info_detail.name_detail { font-size:18px; font-weight:400; color:#333; line-height:25px; font-family: var(--font-Roboto-Bold); text-transform: uppercase; } 
.item_info_detail.gia_detail span { font-size:18px; color:#f00; } 
/*.main_img_detail { border:1px solid #E6E6E6; } 
.item_detail { padding:10px 0; border-bottom:1px dashed #cdcdcd; } 
.bottom_detail { margin-top:20px; } 
.img_detail { width:49.95%; float:left; } 
.info_detail { width:50%; float:left; padding-left:15px; box-sizing:border-box; } 
.item_info_detail { font-size:14px; line-height:20px; padding:10px 0; border-bottom:1px solid #eee; } 
.item_info_detail.name_detail { font-size:25px; font-weight:400; color:#FF9000; line-height:25px; font-family:'RobotoBold'; } 
.item_info_detail.gia_detail >span { font-size:20px; color:#f00; font-family:'RobotoBold'; display:block; } 
.item_info_detail.gia_detail div.km { top:9px; right:10px; } 
.item_info_detail.gia_detail >strong { font-size:16px; color:#9a9a9a; font-family:'RobotoRegular'; font-weight:normal; text-decoration:line-through; margin-top:6px; display:block; } 
.item_info_detail .soluong { width:70px; height:35px; padding:0 10px; margin-right:15px; float:left; border:1px solid #ffdadb; } 
.item_info_detail .dathang { padding:0 25px; color:#fff; font-family:'RobotoRegular'; background:#FF9000; line-height:35px; font-size:15px; display:inline-block; cursor:pointer; } 
.dathang:hover { color:#fff; background:#FF0000; } 
.content_detail { background:#EEEEEE; padding:10px; position:relative; } 
*/

/*p_like*/
.table_p_like { width:100%; border:1px solid #F0F0F0; border-collapse:collapse; font-size:13px; } 
.table_p_like .my_cell { border:1px solid #F0F0F0; padding:10px; } 
.table_p_like .my_row_title .my_cell { background:#F0F0F0; color:#3a4346; font-weight:bold; font-size:12px; padding:10px; } 
.table_p_like .img_p_like { float:left; margin-right:10px; } 
.table_p_like .name_p_like { color:#199cb7; font-size:13px; font-weight:bold; } 
.table_p_like .remove_p_like { margin-top:5px; cursor:pointer; } 
.table_p_like .remove_p_like .fa { margin-right:5px; } 
.table_p_like .remove_p_like:hover { color:#199cb7; text-decoration:underline; } 
/*tab*/
.item_tab { display:inline-block; padding:10px 14px 10px 10px; color:#000; font-weight:bold; border-bottom:4px solid #fff; border-top:4px solid rgb(245,245,245); background-color:rgb(245,245,245); font-size:12px; text-transform:capitalize; border-left:1px solid rgb(245,245,245); border-right:1px solid rgb(245,245,245); position:relative; } 
.item_tab:hover,.item_tab.active { background:#fff; border-top; border-top:4px solid #5AB1D0; border-left:1px solid #5AB1D0; border-right:1px solid #5AB1D0; bottom:-2px; } 
.contain_content_tab { padding:10px 10px; text-align:justify; line-height:22px; font-size:13px; border:1px solid #c1c1c1; border-top-color:#5AB1D0; } 
.content_tab { display:none; } 
.content_tab.active { display:block; } 
/*news*/
h1.tieude { font-size:25px; margin-bottom:10px; } 
.box_news { display:block; clear:both; padding:10px 0; border-bottom:1px dashed #cdcdcd; } 
.box_news_img { float:left; overflow:hidden; padding:0; position:relative; margin-right:15px; } 
.box_news_img a { display:block; position:relative; } 
.box_news_name h3 a { color:#000; font-size:20px; list-style:1.5; } 
.box_news_name h3 a:hover { color:#f00; } 
.box_news_mota { text-align:justify; line-height:22px; margin-top:5px; } 
.box_news_readmore { text-align:right; float:right; } 
.box_news_readmore a:hover { color:#000; } 
.box_news_readmore a { display:inline-block; color:#f00; font-weight:bold; font-style:italic; } 
/*news other*/
.title_news_other { font-size:18px; color:#222; margin:15px 0; } 
.item_news_other { padding:10px 0; border-bottom:1px dashed #e8e8e8; } 
.name_news_other a { font-size:13px; line-height:20px; color:#3b3b3b; } 
.name_news_other a:hover { color:#1f7ebd; } 
.name_news_other .fa { margin-right:5px; } 
.name_news_other:hover { color:#f00; } 
.img_news_other { width:40%; float:left; padding-right:10px; box-sizing:border-box; } 
.img_news_other img { float:left; } 
.right_news_other { width:60%; float:right; } 
/*news two column*/

/*.box_tintuc { width:calc(100% / 2 - 35px / 2); float:left; margin-right:35px; margin-bottom:30px; } 
.box_tintuc:nth-child(2n) { margin-right:0; } 
.box_tintuc:nth-child(2n + 1) { clear:both; } 
.img_tintuc { float:left; margin-right:15px; position:relative; } 
.img_tintuc a { display:block; position:relative; } 
.img_tintuc a::after { position:absolute; content:''; top:8px; left:8px; width:calc(100% - 16px); height:calc(100% - 16px); border:1px solid #C4BFC2; } 
.box_tintuc h3 { margin-bottom:10px; font-size: 18px; } 
.box_tintuc h3 a { font-size:15px; color:#303030; font-family: 'RobotoBold'; } 
.box_tintuc p { margin-bottom:0; line-height:1.7; color:#303030; font-size:13px; text-align:justify; font-family: 'RobotoRegular'; max-height: 88px; overflow: hidden; } 
*/

/*
.box_news { display:block; padding:10px 0; width:50%; float:left; } 
.box_news_img { float:left; overflow:hidden; padding:0; width:200px; box-sizing:border-box; padding:3px; border:1px solid #cdcdcd; } 
.box_news_img a { display:block; overflow:hidden; } 
.box_news_img img { -webkit-transition:all 0.3s; transition:all 0.3s; } 
.box_news_img:hover img { -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); } 
.box_news_name h3 a { color:#000; } 
.box_news_name h3 a:hover { color:#f00; } 
.box_news_mota { text-align:justify; line-height:22px; margin-top:5px; } 
.box_news_readmore { text-align:right; float:right; } 
.box_news_readmore a:hover { color:#000; } 
.box_news_readmore a { display:inline-block; color:#f00; font-weight:bold; font-style:italic; } 
.box_news_other { display:block; clear:both; margin-top:20px; } 
.right_news { width:370px; float:left; margin-left:15px; } 
.des_gioithieu { line-height:22px; } 
*/

/*doitac*/
#doitac { background:#f6f6f6; padding:15px 0; } 
.item_doitac { padding:10px; } 
.item_doitac img { border:1px solid #cdcdcd; } 
.contain_owl_doitac { position:relative; padding:0 25px; } 
.next_doitac { position:absolute; right:0; top:50%; margin-top:-10px; z-index:100; } 
.prev_doitac { position:absolute; left:0; top:50%; margin-top:-10px; z-index:100; } 
/*footer*/
#footer { background: url(../images/bg_footer.png) no-repeat; padding:40px 0 0px; margin:0 auto; background-size: cover; } 
#footer .inner { } 
.name_footer { font-family:'UTMSwiss721BlackCondensed'; font-size:20px; color:#fcff00; font-weight:normal; } 
.left_footer { width: 590px; float:left; color: #fff; font-family: var(--font-Roboto-Regular); font-size: 14px; padding-bottom: 30px; } 
.mid_footer { width:140px; float:left; margin-right: 90px; padding-bottom: 30px; } 
.mid_footer2 { width:170px; float:left; padding-bottom: 30px; } 
.right_footer { width: 500px; float:right; padding-bottom: 30px; } 
.title_footer { font-family: var(--font-UTMH); text-transform: uppercase; font-size: 30px; color: #fff600; margin-bottom: 20px; padding-bottom: 10px; position: relative; } 

.title_footer:after { content: ""; position: absolute; border: 1px solid #fff; width: 50px; left: 0; bottom: 0; } 
.item_footer { margin-bottom: 15px; } 
.item_footer a { font-family: 'RobotoRegular'; font-size: 14px; color: #fff; } 
.item_footer a:hover { color: #ff0; } 
.social-footer a { margin-right: 5px; } 
.logo_bocongthuong { margin-top: 20px; } 
.footer_end { background: #c81f1f; } 
.footer_end .inner { padding: 13px 0px; } 
.copy { display: inline-block; color: #fff; font-size: 12px; font-family: var(--font-Roboto-Regular); } 
.copy span { color: #fff000; font-family: var(--font-Roboto-Bold); } 
/*thong ke*/
/*.list_thongke { max-width:220px; margin:0 auto; list-style:none; } 
.list_thongke li { padding:5px 0; font-size:15px; color:#000; padding-left:25px; } 
.list_thongke li.tk_online { background:url(../images/icon_online.png) left center no-repeat; } 
.list_thongke li.tk_week { background:url(../images/icon_week.png) left center no-repeat; } 
.list_thongke li.tk_today { background:url(../images/icon_month.png) left center no-repeat; } 
.list_thongke li.tk_all { background:url(../images/icon_all.png) left center no-repeat; } */
.list_thongke { list-style:none; display: inline-block; float: right; } 
.list_thongke li { font-size: 12px; color: #fff; padding-left:25px; display: inline-block; font-family: 'RobotoRegular'; } 
.list_thongke li span { color: #fff; } 
/*pagination*/
.paging,.pagination { text-align:center; display:block; margin:0; } 
.my_pagination { display:inline-block; padding-left:0; margin:10px 0; border-radius:4px; clear:both; } 
.my_pagination>li { display:inline; cursor:pointer; } 
.my_pagination>li:first-child>a,.my_pagination>li:first-child>span { margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px; } 
.my_pagination>li:last-child>a,.my_pagination>li:last-child>span { border-top-right-radius:4px; border-bottom-right-radius:4px; } 
.my_pagination>li.actived a { background:#eee; } 
.my_pagination>li>a,.my_pagination>li>span { position:relative; float:left; padding:6px 12px; margin-left:-1px; line-height:1.42857143; color:#337ab7; text-decoration:none; background-color:#fff; border:1px solid #ddd; display:block; } 
.my_pagination>li>a:focus,.my_pagination>li>a:hover,.my_pagination>li>span:focus,.my_pagination>li>span:hover { z-index:2; color:#23527c; background-color:#eee; border-color:#ddd; } 
.my_pagination>li>a:focus,.my_pagination>li>a:hover,.my_pagination>li>span:focus,.my_pagination>li>span:hover,.my_pagination>li>a.current { z-index:2; color:#23527c; background-color:#eee; border-color:#ddd; } 
/*
.my_pagination li.prev { margin-right:15px; } 
.my_pagination li.next { margin-left:15px; } 
.my_pagination li { display:inline-block; margin:2px 2px; } 
.my_pagination>li>span { position:relative; float:left; padding:4px 10px; margin-left:-1px; line-height:25px; color:#000; text-decoration:none; background-color:#fff; border:1px solid #184e4a; display:block; } 
.my_pagination li a { height:25px; padding:4px 8px; text-decoration:none; color:#666; border:1px solid #D6D6D6; border-radius:2px; box-shadow:inset 0 0 3px #D6D6D6; } 
.my_pagination li a span { line-height:1.42857143; } 
.my_pagination li a:hover { color:#1a9cb7; border-color:#1a9cb7; } 
.my_pagination li .current { background:#1a9cb7; color:#fff; border-color:#1a9cb7; } 
.my_pagination li .current:hover { color:#fff; } 
*/

/*dang ky nhan tin*/
.contain_form_dangkynhanemail { background:url(../images/bg_dknhantin.png); width:203px; height:23px; } 
#email_dknhantin { height:23px; outline:none; border:none; width:159px; box-sizing:border-box; padding:0 10px; background:none; } 
#button_dknhantin { width:40px; background:none; outline:none; border:none; color:#ff0; text-align:center; height:23px; line-height:23px; cursor:pointer; } 
/*register*/
.box_register { max-width:400px; margin:0 auto; } 
.row_register { margin-bottom:15px; } 
.label_register { padding:6px 12px; font-size:14px; font-weight:normal; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px; border-top-right-radius:0; border-bottom-right-radius:0; max-width:100%; margin-bottom:5px; width:1%; white-space:nowrap; vertical-align:middle; border-right:0; cursor:pointer; } 
.input_register { float:left; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.428571429; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-top-left-radius:0; border-bottom-left-radius:0; } 
.input_register:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } 
/*register*/
#header_register { background:#da251d; padding:10px 5px; margin-bottom:10px; } 
.logo_register { height:50px; } 
.logo_register img { height:100%; } 
.title_register h2 { font-size:25px; } 
.contain_box_register { max-width:600px; margin:0 auto; } 
.box_register { max-width:400px; margin:0 auto; } 
.row_register { margin-bottom:15px; } 
.label_register { padding:6px 12px; font-size:14px; font-weight:normal; line-height:1; color:#555; text-align:center; background-color:#eee; border:1px solid #ccc; border-radius:4px; border-top-right-radius:0; border-bottom-right-radius:0; max-width:100%; margin-bottom:5px; width:1%; white-space:nowrap; vertical-align:middle; border-right:0; cursor:pointer; } 
.input_register { float:left; width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.428571429; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-top-left-radius:0; border-bottom-left-radius:0; } 
.input_register:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } 
.dieuhuong img { vertical-align:middle; } 
.dieuhuong ul li { list-style:none; display:inline-block; padding-right:20px; } 
.dieuhuong ul li a { color:#333; text-decoration:underline!important; } 
.thongtin-dn { padding:15px 0; position:relative; overflow:hidden; background:url(../images/tintuc.png)no-repeat left center; padding-left:30px; } 
.thongtin-dn a { color:red; text-transform:uppercase; } 
.thongtin-dn a:after { height:1px; width:1000%; border-top:thin solid red; top:50%; content:''; position:absolute; z-index:1; margin-left:10px; } 
.dangky_icon { text-align:center; margin:10px 0; } 
.col_input_form { position:relative; } 
.col_input_form .notify_check_pass { position:absolute; right:20px; top:5px; } 
.col_input_form .notify_check_pass .fa span { font-size:13px; font-family:'Arial'; position:absolute; right:100%; white-space:nowrap; top:5px; width:0; overflow:hidden; margin-right:3px; } 
.col_input_form .notify_check_pass .fa:hover span { width:auto; } 
.dangnhap { border-radius:5px; padding:5px 10px; background:red; color:#fff; font-weight:bold; border:1px solid red; box-shadow:1px 1px 1px #666; } 
#actions a { color:red; padding:0 10px; font-weight:bold; } 
#inputs div { margin-bottom:10px; } 
.title_main3 h3 { color:#fff; } 
.title_main3 h3:after { background:#fff; } 
/*login*/
.full_bglightbox { background:rgba(34,34,34,0.6); position:fixed; width:100%; height:100%; z-index:999999; display:none; overflow-y:scroll; padding:0 10px; } 
.contain_box_form { width:100%; max-width:700px; margin:0 auto; background:#fff; margin-top:50px; border-radius:5px; font-family:'RobotoRegular'; } 
.contain_box_form label { font-weight:normal; } 
.title_other_login { text-align:center; overflow:hidden; max-width:90%; margin:0 auto; font-family:'RobotoRegular'; color:#333; text-transform:uppercase; margin-bottom:10px; } 
.item_other_login { font-size:13px; color:#333; display:block; } 
.item_other_login .btn_other_login { width:28px; height:28px; background:none; outline:none; border:none; font-size:15px; color:#fff; border-radius:3px; margin-right:10px; } 
.item_other_login { margin-bottom:10px; } 
.item_other_login .btn_other_login.login_facebook { background:#2f4b93; } 
.item_other_login .btn_other_login.login_google { background:#c43a30; } 
.title_other_login span { display:inline-block; position:relative; } 
.title_other_login span:after { content:""; width:200px; height:1px; background:#dbdbdb; position:absolute; top:5px; left:100%; margin-left:10px; } 
.title_other_login span:before { content:""; width:200px; height:1px; background:#dbdbdb; position:absolute; top:5px; right:100%; margin-right:10px; } 
.header_login { padding:10px 10px 10px 20px; border-bottom:1px solid #dbdbdb!important; position:relative; } 
.header_login h3 { font-family:'RobotoBold'; text-transform:uppercase; font-size:18px; line-height:32px; } 
.close_form { position:absolute; top:15px; right:10px; width:25px; height:25px; text-align:center; cursor:pointer; } 
.close_form .fa { line-height:25px; } 
.close_form:hover { background:rgba(0,0,0,0.1); } 
.body_login {; } 
.left_body_form { width:65%; padding:8px 10px 30px 15px; border-right:#dbdbdb solid 1px; float:left; } 
.right_body_form { width:35%; padding:8px 10px 30px 15px; float:right; } 
.notify_login { font-size:12px; color:#999999; text-align:right; } 
.notify_login span { color:#f00; } 
.table_form { width:100%; } 
.table_form .my_cell { vertical-align:middle; padding:5px 0; } 
.table_form .my_cell_title { color:#333; text-align:right; padding-right:10px; font-size:14px; } 
.table_form .input_form { border:1px solid #c7c7c7; color:#333333; font-size:12px; padding:7px 5px; text-indent:6px; -webkit-appearance:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:border .25s linear,color .25s linear; -moz-transition:border .25s linear,color .25s linear; -o-transition:border .25s linear,color .25s linear; transition:border .25s linear,color .25s linear; -webkit-backface-visibility:hidden; height:32px
 line-height:32px; width:100%; outline:none; } 
.table_form .input_form:visited,.table_form .input_form:focus { border-color:#2882bc; } 
input.checkbox_form { -webkit-appearance:none; width:16px; height:16px; background:url(../images/commont/bg_check_radio.png) 0 -26px no-repeat; vertical-align:middle; margin:0 10px 2px 0; outline:none; border:none; } 
input.checkbox_form:checked { background-position:0 -52px; } 
label.label_check_box_form { vertical-align:middle; margin-bottom:0; line-height:24px; font-size:14px; } 
.left_table_form { width:50%; float:left; } 
.right_table_form { width:50%; float:right; text-align:right; } 
.href_table_form { color:#0689ba; font-size:14px; line-height:24px; } 
.btn_form { border:none; background:#2582be; color:#ffffff; text-decoration:none; text-shadow:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-transition:0.25s; -moz-transition:0.25s; -o-transition:0.25s; transition:0.25s; -webkit-backface-visibility:hidden; padding:8px 32px 8px 32px; text-transform:uppercase; } 
/*hoi dap*/
.cauhoimoi { font-family:'OpenSansBold'; color:rgba(0,51,153,1); font-size:20px; text-transform:uppercase; } 
.faq { padding-top:10px; } 
.box1 { border:1px solid #DFDCDC; padding:2px; margin-bottom:10px; } 
.faq .box1 h2 { cursor:pointer; text-transform:capitalize; margin-bottom:0; padding:15px 5px 15px 8px; margin:0; } 
.box1 h2 { color:#b00241; font-weight:normal; text-transform:uppercase; background:#f7f7f7; padding:6px 10px; font-size:13px; margin-bottom:2px; position:relative; padding-right:30px!important; } 
.faq .box1 h2 span { float:right; background:url(../images/plus.png) 0 0; width:32px; height:32px; display:inline-block; position:absolute; top:5px; right:0; } 
.faq .cont { display:none; margin-top:2px; } 
.box1 .cont { background:#f7f7f7; padding:10px; color:#616161; } 
.traloi { color:#f00; font-size:14px; text-decoration:underline; } 
.form_tv div { margin-bottom:10px; } 
.content_main { padding:10px 0; } 
/*album*/
.box_fotorama { max-width:700px; margin:0 auto; } 
/*video*/
.box_video { position:relative; } 
#list_video { width:100%; height:25px; } 
/*video owl*/
#sub_video_owl { margin-top:10px; position:relative; } 
.item_video { cursor:pointer; position: relative; } 

.item_video .play { width: 35px !important; height: 35px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
.next_video,.prev_video { position:absolute; top:50%; width:22px; height:42px; z-index:100; margin-top:-21px; } 
.next_video { position:absolute; right:0; background:url(../images/next.png); } 
.prev_video { position:absolute; left:0; background:url(../images/prev.png); } 

.row_video { margin: 0px -15px; } 
.box_video_item { margin-bottom: 25px; } 
.box_video_item h2 { font-size: 18px; text-align: center; margin-top: 10px; } 
.box_video_item h2 a { color: #000; font-size: 15px; font-family: 'RobotoBold'; } 
.content_video { max-width: 1000px; margin: 0px auto; margin-bottom: 20px; } 
.embed-responsive-4by3 { padding-bottom: 60%; } 
/*hotrotructuyen popup bottom*/
.hotrotructuyen_popup { position:fixed; width:250px; z-index:100; right:0; bottom:0; } 
.title_hotrotructuyen_popup { padding:5px; background:#ff0; } 
.body_hotrotructuyen_popup { background:#f00; height:0; overflow:hidden; box-sizing:border-box; -webkit-transition:all .4s linear; transition:all .4s linear; } 
.box_hotrotructuyen_popup { padding:10px; } 
/*hotrotructuyen popup left*/
.hotrotructuyen_popup_left { position:fixed; z-index:100; right:0; top:100px; } 
.title_hotrotructuyen_popup_left { padding:5px; background:#ff0; width:30px; height:250px; float:left; box-sizing:border-box; } 
.body_hotrotructuyen_popup_left { background:#f00; overflow:hidden; box-sizing:border-box; -webkit-transition:all .4s linear; transition:all .4s linear; min-height:250px; float:left; width:0; } 
.box_hotrotructuyen_popup_left { padding:10px; width:220px; box-sizing:border-box; } 
/*facebook popup left*/
.facebook_popup_left { position:fixed; z-index:100; right:0; top:100px; } 
.title_facebook_popup_left { padding:5px; background:#ff0; width:30px; height:250px; float:left; box-sizing:border-box; } 
.body_facebook_popup_left { background:#f00; overflow:hidden; box-sizing:border-box; -webkit-transition:all .4s linear; transition:all .4s linear; min-height:250px; float:left; width:0; } 
.box_facebook_popup_left { padding:10px; width:220px; box-sizing:border-box; } 
/*news scroll*/
.img_news_scroll { float:left; margin-right:15px; } 
/*.right_news_scroll { width:220px; float:right; } 
*/
.contain_news_scroll .vert,.contain_news_scroll .vert .simply-scroll-clip { height: 369px!important; width:100%!important; } 
.contain_news_scroll .vert .simply-scroll-list li { width:100%!important; height:auto!important; padding:10px 0; } 
.contain_news_scroll .vert .simply-scroll-list li img { max-width:100%!important; } 
/*.name_news_scroll h3 { font-size:13px; color:#6c6c6c; line-height:15px; font-weight:bold; } 
*/
.name_news_scroll a { font-size: 14px; color: #2f2f2f; line-height: 16px; font-family: var(--font-Roboto-Bold); display:block; white-space:normal; height: 40px; line-height: 20px; overflow: hidden; } 
.des_news_scroll { color:#939494; font-size:13px; line-height:20px; max-height: 60px; overflow:hidden; text-align:justify; margin-top:5px; font-family: var(--font-Roboto-Regular); } 
.date_news_scroll { margin:3px 0; } 
/*popup*/
#my_popup { position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.5); z-index:9999; overflow:hidden; text-align:center; display:none; } 
.my_box_popup { display:inline-block; height:85%; margin-top:7%; max-width:96%; position:relative; } 
.content_popup { position:relative; top:50%; max-height:100%; } 
.inner_content_popup * { max-width:100%; } 
.close_my_popup { position:absolute; width:53px; height:18px; background:url(../images/commont/close_popup.png); display:block; top:-25px; right:0; cursor:pointer; } 
/*social sharethis*/
#share_social * { vertical-align:top; } 
#share_social span { margin-top:0!important; margin-bottom:3px!important; } 
.stButton .stButton_gradient,.stButton .stFb,.stButton .stTwbutton,.stButton .stMainServices { height:21px!important; box-sizing:border-box; vertical-align:top!important; } 
/*gioithieu*/
#index_about { padding:20px 0; margin-top:20px; } 
.left_about { width:300px; float:left; margin-right:10px; } 
.title_index_about { margin-bottom:10px; } 
.title_index_about h2 { font-size:18px; } 
/*---------------------Goi dien -----------------------*/
#my_call { width:100%; background:red; position:fixed; width:100%; bottom:0; left:0; text-align:center; z-index:999; display:none; } 
#my_call div { display:inline-block; line-height:35px; margin:0 10px; } 
#my_call div a { padding-left:30px; display:block; background-size:25px; background-position:left center; background-repeat:no-repeat; font-family:'Arial'; text-decoration:none; color:#fff; font-size:13px; } 
#my_call div.phone_my_call { opacity:0; } 
#my_call div.phone_my_call a { background-image:url(../images/commont/icon_dt.png); } 
#my_call div.sms_my_call a { background-image:url(../images/commont/tn.png); } 
#my_call div.sig_my_call a { background-image:url(../images/commont/chiduong.png); } 
.op_phone { -webkit-animation-name:op_phone; -webkit-animation-duration:1s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; -moz-animation-name:op_phone; -moz-animation-duration:1s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; animation-name:op_phone; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:infinite; } 
@-moz-keyframes op_phone { 
 0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; } 
 }
@-webkit-keyframes op_phone { 
 0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; } 
 }
@keyframes op_phone { 
 0% { opacity:1.0; } 50% { opacity:0.0; } 100% { opacity:1.0; } 
 }
/*---------------------END Goi dien ------------------*/
#at4-share { display:none; } 
.zalo-share-button { float: left; display: inline-block; } 
.addthis_inline_share_toolbox_br4q { float: left; display: inline-block; } 
.btn_dangnhap { display:inline-block; text-align:left; } 
.btn_dangky { display:inline-block; text-align:left; margin-left:20px; margin-right:15px; } 
.banner_top > .inner { display: flex; align-items: center; justify-content: space-between; background: #282828; position: relative; z-index: 5; height: 40px; padding-left: 200px; } 
.btn_dangnhap a { color:#fff; font-size:15px; font-family:'RobotoRegular'; cursor:pointer; } 
.btn_dangnhap a:hover { color:#FFB400; } 
.btn_dangky a { color:#fff; font-size:15px; font-family:'RobotoRegular'; cursor:pointer; } 
.btn_dangky a:hover { color:#FFB400; } 
.body_form { padding:10px 0; } 
#rematkhau { padding:20px 0; } 
.btn_guiemail { background:#9F7828; font-size:14px; color:#fff; border:none; outline:none; padding:7px 20px; float:right; border-radius:5px; } 
.btn_guiemail:hover { background:#f00; color:#fff; } 
.user { position:relative; cursor:pointer; color:#fff; display:inline-block; } 
.user:hover { color:#ff0; } 
.user .fa { margin-right:10px; } 
.content_taikhoan { position:absolute; top:calc(100% + 10px); right:0; width:179px; padding:10px; border:1px solid #F2F2F2; z-index:1000; background:#fff; display:none; text-align:left; } 
.content_taikhoan a { display:block; padding:5px 0; color:#353434; } 
.content_taikhoan a:hover { color:#f00; } 
.title_lichsu { background:#9F7828; color:#fff; padding:10px; font-family:'RobotoRegular'; font-size:15px; display:flex; justify-content:space-between; } 
.bottom { padding: 0 0 57px; } 
.left_bottom { width:64%; float:left; } 
.right_bottom { width:32.5%; float:right; } 
.title_bottom { margin-bottom:20px; border-bottom: 1px dashed #cccccc; padding-bottom: 10px; background: url(../images/border_news.png) no-repeat bottom left; } 
.title_bottom span { color: #234ebe; font-size: 30px; text-transform:uppercase; font-family: var(--font-UTMH); } 
.left_tintuc_bottom { width:46.9%; float:left; } 
.right_tintuc_bottom { width:50.5%; float:right; } 
.left_tintuc_bottom h3 { font-size:17px; padding:13px 0 8px; } 
.left_tintuc_bottom h3 a { color:#2F2F2F; font-size: 16px; font-family: var(--font-Roboto-Bold); } 
.left_tintuc_bottom p { margin-bottom:0; color: #666666; font-family: var(--font-Roboto-Regular); text-align:justify; line-height: 20px; height: 60px; overflow: hidden; } 
.xemthem_tt { color: #24618e; width:100px; line-height: 39px; border: 2px solid #333333; font-family: var(--font-Roboto-Bold); text-transform:uppercase; text-align:center; display:inline-block; margin-top: 30px; } 
.xemthem_tt:hover { color:#fff; background: #333333; } 
.map_footer iframe { width:100%!important; display: block; } 
.contain_map_lienhe iframe { width:100%!important; display: block; } 
.hieuung { display: block; position: relative; overflow: hidden; } 
.hieuung::before { content: ""; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 9; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.8); -ms-transform: scale(0, 1); -webkit-transform: scale(0, 1); transform: scale(0, 1); -ms-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.hieuung::after { content: ""; position: absolute; top: 10px; left: 10px; bottom: 10px; right: 10px; z-index: 9; border-left: 1px solid rgba(255,255,255,0.8); border-right: 1px solid rgba(255,255,255,0.8); -ms-transform: scale(1, 0); -webkit-transform: scale(1, 0); transform: scale(1, 0); -ms-transition: all 500ms ease; -webkit-transition: all 500ms ease; transition: all 500ms ease; } 
.hieuung:hover::before { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } 
.hieuung:hover::after { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } 

.banner_top .inner:before { content: ""; position: absolute; width: 0; height: 0; border-bottom: 40px solid #fff; border-right: 22px solid transparent; left: 175px; top: 0; } 

.banner_top:after { content: ""; position: absolute; background: #fff; width: calc((100% - 850px)/2); left: 0; top: 0; height: 100%; z-index: 5; } 

.left_banner_top { display: flex; flex-direction: row; } 

.banner_top { position: absolute; top: 0; right: 0; width: 100%; font-family: var(--font-Roboto-Regular); color: #323232; border-top: 1px solid #282828; z-index: -1; } 

.banner_top:before { content: ""; position: absolute; background: #282828; width: calc((100% - 1200px)/2); right: 0; top: 0; height: 100%; z-index: 5; } 

.item_banner_quangcao a:before { background: rgba(255,255,255,0.1); bottom: 15px; content: ""; left: 15px; position: absolute; right: 15px; top: 15px; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; z-index: 9; } 

.item_banner_quangcao a:hover:before { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 

.map-container { position: relative; padding-bottom: 32.25%; padding-top: 30px; height: 0; overflow: hidden; } 
.map-container iframe, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 


#breadcrumbs { position: relative; } 
#breadcrumbs ul { position: relative; margin: 0 auto; background: none; } 
#breadcrumbs ul a { color: #000; } 
#breadcrumbs ul a:hover { color: #f00; } 

.item-news { padding-bottom: 1px; padding-left: 0px; padding: 11px 0px; border-bottom: 2px dotted #795a36; } 
.item-news .title-news h3 a { font-size: 17px; margin: 0px; margin-bottom: 0px; color: #333333; margin-top: 0px; padding: 0px 12px; overflow: hidden; font-family: RobotoBold; font-weight: normal; } 
.item-news .ngaythang { background-color: #ddd; padding: 1px 15px; margin: 10px; display: -webkit-inline-box; border-radius: 17px; font-size: 12px; } 
.item-news .desciption { display: block; height: auto; overflow: hidden; padding: 3px 12px; font-size: 14px; } 
.item-news .xemchitiet a { display: -webkit-inline-box; border: 1px solid #cccccc; padding: 5px 10px; margin-left: 10px; color: #111; } 
.item-news .ngaythang i { margin-right: 8px; } 

.social-footer { margin-top: 15px; } 

.number { margin-right: 10px; background: url(../images/bg_number.png) no-repeat center; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; } 

.title_right { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #234ebe; margin-bottom: 10px; background: #f2f2f2; height: 40px; } 

.title_right a { font-family: var(--font-Roboto-Regular); color: #cd2121; margin-right: 10px; font-size: 14px; } 

.title_right h2 { display: flex; height: 40px; align-items: center; background: #234ebe url(../images/af_title_left.png) no-repeat right center; min-width: 225px; padding: 0 70px 0 10px; font-family: var(--font-Roboto-Bold); font-size: 15px; color: #fff; text-transform: uppercase; } 

.box_info { padding-bottom: 12px; background: #f2f2f2; } 

.block_product { padding: 50px 0; } 

.block_product:nth-child(odd) .frame_product { flex-direction: row-reverse; } 

.right_product { width: calc(100% - 348px); } 

.frame_product { display: flex; justify-content: space-between; } 

.left_product { width: 338px; } 

.social-top { position: absolute; top: 4px; right: 0; } 

.hotline { display: flex; flex-direction: column; background: url(../images/icon_hotline.png) no-repeat left center; padding-left: 50px; margin-top: 40px; font-family: var(--font-Roboto-Bold); font-size: 14px; width: 230px; } 

.hotline span { font-family: var(--font-UTMH); font-size: 21px; color: #ff0000; } 

.box_search { margin-top: 50px; font-family: var(--font-Roboto-Regular); font-size: 14px; } 

button#btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #1a1a1a; border: none; } 

div#timkiem { width: 310px; position: relative; margin-top: 10px; } 

div#timkiem input { width: 100%; height: 40px; padding-left: 10px; outline: none; } 

.banner_mid { margin-top: 25px; } 

.address,.email { font-family: var(--font-Roboto-Regular); color: #fff; line-height: 23px; } 

.email { background: url(../images/icon_email.png) no-repeat; padding-left: 30px; } 

.address { background: url(../images/icon_diachi.png) no-repeat left center; padding-left: 20px; }