@charset "UTF-8";
@font-face { font-family: 'tahoma'; src: url("../fonts/tahoma.ttf"); src: local("☺"), url("../fonts/tahoma.ttf") format("woff"), url("../fonts/tahoma.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'tahomabd'; src: url("../fonts/tahomabd.ttf"); src: local("☺"), url("../fonts/tahomabd.ttf") format("woff"), url("../fonts/tahomabd.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geoslabe_ex'; src: url("../fonts/geoslabe_ex.ttf"); src: local("☺"), url("../fonts/geoslabe_ex.ttf") format("woff"), url("../fonts/geoslabe_ex.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geoslabemedium'; src: url("../fonts/geoslabemedium.ttf"); src: local("☺"), url("../fonts/geoslabemedium.ttf") format("woff"), url("../fonts/geoslabemedium.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geometricslabex_bold_condensed'; src: url("../fonts/geometricslabex_bold_condensed.ttf"); src: local("☺"), url("../fonts/geometricslabex_bold_condensed.ttf") format("woff"), url("../fonts/geometricslabex_bold_condensed.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geometricslabex_bold_condensed_bt'; src: url("../fonts/geometricslabex_bold_condensed_bt.ttf"); src: local("☺"), url("../fonts/geometricslabex_bold_condensed_bt.ttf") format("woff"), url("../fonts/geometricslabex_bold_condensed_bt.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'geoslabc_condensed'; src: url("../fonts/geoslabc_condensed.ttf"); src: local("☺"), url("../fonts/geoslabc_condensed.ttf") format("woff"), url("../fonts/geoslabc_condensed.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'utmcafeta'; src: url("../fonts/utmcafeta.ttf"); src: local("☺"), url("../fonts/utmcafeta.ttf") format("woff"), url("../fonts/utmcafeta.ttf") format("truetype"); font-weight: normal; font-style: normal; }

.f-cafeta { font-family: 'utmcafeta', Helvetica, sans-serif; }

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

:focus { outline: 0; }

ol, ul { list-style: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: normal; text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a img { border: 0; }

figure { margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* -------------------------------------------------------------- */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { font-family: 'geoslabemedium'; line-height: 1; font-size: 14px; padding: 0px; color: #fff; margin: 0px auto; width: 100%; background: url(../images/img-bg-home.jpg) no-repeat center top #e7e7e7; overflow-x: hidden; position: relative; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

p { color: #000000; }

a:hover, a:focus, a:hover p, select:hover, select:focus, select:active { text-decoration: none !important; outline: none !important; }

a, a:link, a:active { text-decoration: none; outline: none !important; }

.a100 { width: 100%; height: 100%; display: block; }

.text-upper { text-transform: uppercase; }

.text-cap { text-transform: capitalize; }

.text-center { text-align: center; }

.clearfix { clear: both; }

/* User Style */
.hide { display: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.no-border { border: 0; }

.row-no-mar { margin-left: 0 !important; margin-right: 0 !important; }

.row-no-pad { padding-left: 0 !important; padding-right: 0 !important; }

.no-mar-left { margin-left: 0 !important; }

.no-pad-left { padding-left: 0 !important; }

.no-mar-right { margin-right: 0 !important; }

.no-pad-right { padding-right: 0 !important; }

.no-pad { padding: 0 !important; }

.visible-pc { display: block !important; }

.visible-mobile { display: none !important; }

/* end User Style */
.form input::-webkit-input-placeholder { color: #808080; font-size: 14px; }

.form input:-moz-placeholder { /* Firefox 18- */ color: #808080; font-size: 14px; }

.form input::-moz-placeholder { /* Firefox 19+ */ color: #808080; font-size: 14px; }

.form input:-ms-input-placeholder { color: #808080; font-size: 14px; }

._18plus img { position: absolute; top: 0; left: 0; z-index: 99; }

/* Icon 2 */
#nav-icon2 { float: left; }

#nav-icon2 p { width: 42px; height: 39px; margin: 25px 20px 0 39px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 1ms ease-in-out; -moz-transition: 1ms ease-in-out; -o-transition: 1ms ease-in-out; transition: 1ms ease-in-out; cursor: pointer; z-index: 9999; }

#nav-icon2 span { display: block; position: absolute; height: 7px; width: 50%; background: #cab48a; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#nav-icon2 span:nth-child(even) { left: 50%; }

#nav-icon2 span:nth-child(odd) { left: 1px; }

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px; }

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 16px; }

#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 32px; }

#nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#nav-icon2.open span:nth-child(1) { left: 5px; top: 7px; }

#nav-icon2.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; }

#nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0; }

#nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0; }

#nav-icon2.open span:nth-child(5) { left: 5px; top: 17px; }

#nav-icon2.open span:nth-child(6) { left: calc(50% - 5px); top: 17px; }

.menu_toggle { width: 100%; height: 100%; background-color: #172123; background: url(../images/img-bg-menu-mobile.png) no-repeat; background-size: 100% 100%; display: none; position: fixed; top: 0; left: 0; z-index: 999; }

.menu_toggle ul { height: 100%; overflow: hidden; width: 100%; position: absolute; text-align: left; left: 50%; top: 95px; -ms-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0%); -webkit-transform: translateX(-50%) translateY(0); z-index: 99; }

.menu_toggle ul li a { height: 60px; line-height: 60px; display: block; font-size: 40px; color: #cab48a; background: url(../images/icon-dot-nav.png) no-repeat left center; text-indent: 37px; margin-left: 20px; font-family: 'geoslabc_condensed'; text-transform: uppercase; }

.menu_toggle ul li.active, .menu_toggle ul li:hover { /*background-color: #ffffff;*/ }

.menu_toggle ul li:hover { opacity: 0.8; }

/*@mixin box_shadow {
  -moz-box-shadow: 2px 2px 30px 2px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 2px 2px 30px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 30px 2px rgba(0, 0, 0, 0.6);
}*/
.container_fluid { width: 100%; margin: auto; }

.container { width: 1202px; margin: auto; position: relative; }

.header .logo_hotline .logo-head { float: left; }

.header .logo_hotline .logo-head img { width: 113px; margin: 5px auto; }

.header .logo_hotline .hotline-head { float: left; }

.header .logo_hotline .hotline-head p:first-child { border-left: 3px solid #ffffff; margin: 15px 0 0 10px; padding: 0 0 15px 7px; font-family: utmcafeta; color: #ffffff; }

.header .logo_hotline .hotline-head p:first-child span { position: relative; top: -4px; }

.header .logo_hotline .hotline-head p:first-child span a { font-family: utmcafeta; color: #ffffff; }

.header .logo_hotline .hotline-head p:last-child img { width: 366px; margin: -50px 0 0 50px; }

.header .logo_hotline .hotline-head p { font-size: 20px; color: #0c2744; line-height: 24px; }

.header .nav ul { float: right; width: 530px; }

.header .nav ul li a { font-size: 20px; color: #ffffff; text-transform: uppercase; float: left; margin: 0 14px; letter-spacing: -0.5px; line-height: 47px; font-family: utmcafeta; }

.header .nav ul li a.active { color: #0c2744; }

.header .nav ul li a:hover { color: #0c2744; }

.header .nav ul li:first-child a { margin-left: 0; }

.header .nav ul li:last-child a { margin-right: 0; }

.page_news { background: url(../images/img-bg-news.jpg) no-repeat #e7e7e7; }

.page_news .maj .cont { width: 863px; float: left; padding-top: 7px; margin: auto; }

.page_news .maj .cont .cont_top { width: 857px; height: auto; padding: 3px; border-bottom: 1px solid #c6c6c6; margin-bottom: 32px; }

.page_news .maj .cont .cont_top .width { height: auto; margin: auto; width: calc(100% - 32px); }

.page_news .maj .cont .cont_top .width p { float: left; width: 90px; }

.page_news .maj .cont .cont_top .width p:nth-child(3) { display: none; }

.page_news .maj .cont .cont_top .width p:nth-child(3) span { font-family: tahomabd; font-size: 30px; color: #8d8d8d; display: block; }

.page_news .maj .cont .cont_top .width p:nth-child(3) i { border-bottom: 1px solid #c6c6c6; display: block; margin: 10px 0 9px; }

.page_news .maj .cont .cont_top .width p:nth-child(2) { width: calc(100% - 180px); font-family: tahomabd; font-size: 30px; color: #434242; text-transform: uppercase; text-align: center; margin: 20px 0; line-height: 40px; }

.page_news .maj .cont .cont_top .width p:first-child a { margin-top: 25px; width: 87px; height: 32px; border: 1px solid #c6c6c6; display: block; line-height: 32px; text-align: center; font-size: 18px; text-transform: uppercase; color: #767676; letter-spacing: -2px; }

.page_news .maj .cont .cont_head p { font-size: 43.55px; text-align: center; line-height: 88px; color: #cab48a; text-transform: uppercase; position: relative; }

.page_news .maj .cont .cont_head p a { width: 133px; height: 48px; border: 1px solid #b6b6b6; text-align: center; line-height: 48px; font-family: utmcafeta; font-size: 28.13px; text-transform: uppercase; display: block; color: #b6b6b6; top: 17px; position: absolute; left: 25px; z-index: 1; }

.page_news .maj .cont .cont_head p a i { width: 20px; height: 33px; background: url(../images/icon-arr3.png) no-repeat center; display: block; float: left; position: absolute; top: 7px; left: 7px; }

.page_news .maj .cont .cont_main ul li a { width: 111px; height: 27px; line-height: 27px; text-align: center; background-color: #3b3e3b; color: #dbcfaf; font-family: tahoma; display: block; float: left; margin: 0 1px; }

.page_news .maj .cont .cont_main ul li a.active { color: #ffffff; background-color: #a7895a; }

.page_news .maj .cont .cont_main ul li a:hover { color: #ffffff; background-color: #a7895a; }

.page_news .maj .bnt_item { float: left; margin: 52px 25px 0 -25px; }

.page_news .maj .bnt_item ul { width: 251px; }

.page_news .maj .bnt_item ul li a { background: url(../images/img-bnt-item.png) no-repeat; width: 251px; height: 93px; display: block; text-align: center; line-height: 93px; font-family: tahoma; text-transform: uppercase; font-size: 20px; color: #ffffff; }

.page_news .maj .bnt_item ul li a.active { background: url(../images/img-bnt-item-hover.png) no-repeat; }

.page_news .maj .bnt_item ul li a:hover { background: url(../images/img-bnt-item-hover.png) no-repeat; }

.page_news .header { height: 366px; }

.page_news .header .go_home a { background: url(../images/img-bg-bnt-down.png) no-repeat; text-transform: uppercase; color: #ffffff; width: 175px; height: 57px; display: block; position: absolute; right: 0; top: 18px; line-height: 57px; text-align: center; font-family: utmcafeta; font-size: 20px; background-size: contain; }

.page_news.news .maj .cont { padding-left: 0; float: none; margin: auto; }

.page_news.news .maj .cont .cont_top { background-color: transparent; }

.page_news.news .maj .cont .cont_top .width { border: none; position: relative; }

.page_news.news .maj .cont .cont_top .width p:nth-child(2) { width: calc(100% - 200px); }

.page_news.news .maj .cont .cont_top .width p:nth-child(3) { width: 110px; }

.page_news.news .maj .cont .cont_top .width p:nth-child(3) span { font-size: 18px; position: absolute; bottom: 9px; line-height: 7px; }

.page_news.news .maj .cont .cont_top .width p:first-child a { margin-top: 25px; margin-top: 25px; }

.page_news .menu_left .width { left: inherit; right: -171px; top: 456px; left: inherit; right: 0; top: 366px; position: fixed; }

.page_news .menu_left .width .menu-avatar img { width: 113px; }

.fr_home .container_fluid { height: 195px; margin-top: 34px; position: relative; }

.fr_home .container_fluid .bg_op { background-color: #000000; opacity: 0.44; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

.fr_home .container_fluid .container { position: relative; z-index: 2; }

.fr_home .container_fluid .container .regis { width: 497px; float: left; padding-top: 28px; margin-left: 45px; }

.fr_home .container_fluid .container .regis p { font-size: 20px; color: #fff; text-transform: uppercase; text-align: center; float: left; }

.fr_home .container_fluid .container .regis p:first-child span { font-family: utmcafeta; }

.fr_home .container_fluid .container .regis p a:hover { background: url(../images/img-bg-bnt-down-hover-2.png) no-repeat; background-size: 100% 100%; }

.fr_home .container_fluid .container .regis div { width: 487px; position: relative; }

.fr_home .container_fluid .container .regis div p { float: right; }

.fr_home .container_fluid .container .regis div p:first-child { float: left; }

.fr_home .container_fluid .container .regis div p a { background: url(../images/img-bg-bnt-down-hover.png) no-repeat; width: 236px; height: 79px; margin: 8px auto; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fr_home .container_fluid .container .regis div p a span { width: 100%; font-family: utmcafeta; font-size: 28.72px; color: #ffffff; line-height: 30px; text-shadow: 0 0 5px black; display: block; }

.fr_home .container_fluid .container .regis .statis { text-transform: initial; font-family: utmcafeta; font-size: 28.72px; text-align: center; display: block; float: initial; clear: both; }

.fr_home .container_fluid .container .regis .statis span { font-size: 30px; color: #ffae15; }

.fr_home .container_fluid .container .regis .hover_bnt img { position: absolute; top: -200px; left: 0; display: none; }

.fr_home .container_fluid .container .regis .hover_bnt img._2 { left: 254px; }

.fr_home .container_fluid .container .progress { float: left; width: 618px; background: url(../images/icon-progress-line.png) no-repeat 0 148px; height: 150px; padding: 35px 0 0 37px; }

.fr_home .container_fluid .container .progress ul li { width: 153px; position: relative; float: left; }

.fr_home .container_fluid .container .progress ul li p { clear: both; }

.fr_home .container_fluid .container .progress ul li p:nth-child(2) i { background: url(../images/icon-progress.png) no-repeat center; width: 94px; height: 31px; display: block; }

.fr_home .container_fluid .container .progress ul li p:nth-child(2) i.active { background: url(../images/icon-progress-active.png) no-repeat center; }

.fr_home .container_fluid .container .progress ul li p:nth-child(2) span { font-size: 20px; color: #e5cda3; text-transform: uppercase; text-align: center; width: 94px; letter-spacing: -2px; display: inline-block; }

.fr_home .container_fluid .container .progress ul li p:first-child span:first-child { background: url(../images/img-qua-sacduphong.png) no-repeat; width: 93px; height: 95px; display: block; float: left; margin-bottom: 3px; }

.fr_home .container_fluid .container .progress ul li p:first-child span:last-child { font-size: 15px; color: #ffdfb9; width: 85px; height: 21px; line-height: 21px; display: block; letter-spacing: -3px; position: absolute; top: 35px; right: 0; border: 1px solid #e5cda3; text-transform: uppercase; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.fr_home .container_fluid .container .progress ul li:last-child { width: 159px; }

.fr_home .container_fluid .container .progress ul li:last-child p:nth-child(2) i { width: 97px; }

.fr_home .container_fluid .container .progress ul li:last-child p:nth-child(2) span { width: 97px; }

.fr_home .container_fluid .container .progress ul li:last-child p:first-child span:first-child { background: url(../images/img-qua-ca3.png) no-repeat; width: 120px; }

.fr_home .container_fluid .container .progress ul li:nth-child(2) p:first-child span:first-child { background: url(../images/img-qua-tainghe.png) no-repeat; }

.fr_home .container_fluid .container .progress ul li:nth-child(3) p:first-child span:first-child { background: url(../images/img-qua-dienthoai.png) no-repeat; }

.fr_home .container_fluid .container .thele { padding-top: 38px; }

.fr_home .container_fluid .container .thele p { width: 34px; height: 80px; background-color: #ffffff; float: left; padding: 3px; }

.fr_home .container_fluid .container .thele p a { font-size: 20px; color: #1d0906; border: 1px solid #adadad; letter-spacing: -4px; display: inline-block; text-align: center; width: 99%; height: 100%; text-transform: uppercase; text-indent: -4px; }

.fr_home .container .maj .slogan p.slogan-img { display: block; margin: 110px 0 0 -80px; }

.fr_home .container .maj .slogan p.slogan-date { font-family: utmcafeta; font-size: 25.42px; color: #010407; float: left; margin-left: 130px; border-top: 1px solid #010407; border-bottom: 1px solid #010407; line-height: 65px; }

.fr_home .container .maj .slogan p.slogan-date span { font-family: utmcafeta; color: #010407; font-size: 56.08px; }

.fr_dacsac { border-top: 1px solid #868686; position: relative; margin-top: 50px; }

.fr_dacsac .titles { background: url(../images/img-dacsac-title.png) no-repeat; width: 1203px; height: 53px; display: block; margin: 40px auto; position: relative; z-index: 2; }

.fr_dacsac .slider { width: 1281px; margin: auto; z-index: 2; }

.fr_dacsac .slider .slick-dots { bottom: -60px; position: absolute; left: calc(50% - 108px); height: 45px; padding: 0; cursor: pointer; }

.fr_dacsac .slider .slick-dots li { float: left; }

.fr_dacsac .slider .slick-dots li a { background: url(../images/icon-dot.png) no-repeat; width: 44px; height: 44px; display: block; margin: 0 5px; }

.fr_dacsac .slider .slick-dots li i { background: url(../images/img-gach.png) no-repeat 11px 8px; width: 48px; height: 43px; float: left; }

.fr_dacsac .slider .slick-dots li:last-child i { display: none; }

.fr_dacsac .slider .slick-dots li.slick-active a { background: url(../images/icon-dot-active.png) no-repeat; }

.fr_dacsac .slider .slick-list .item { position: relative; overflow: hidden; }

.fr_dacsac .slider .slick-list .item p:nth-child(2) { position: absolute; top: 166px; left: 57px; cursor: pointer; }

.fr_dacsac .slider .slick-list .item p:nth-child(2) i { background: url(../images/img-play.png) no-repeat; width: 66px; height: 66px; display: block; position: absolute; top: calc(50% - 33px); left: calc(50% - 33px); cursor: pointer; }

.fr_dacsac .slider .slick-list .item p:first-child img { margin-left: 55px; }

.fr_dacsac .s_video { width: 100%; height: 100%; top: 0; display: none; position: fixed; background-color: rgba(0, 0, 0, 0.4); z-index: 9999; left: 0; }

.fr_dacsac .s_video .width { width: 746px; height: 510px; background-color: #000; border-radius: 5px; line-height: 55px; text-align: center; display: block; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); position: absolute; background-size: cover; border: 3px solid #fff; }

.fr_dacsac .s_video .width .close { background: url(../images/fancybox_sprite.png) no-repeat; width: 38px; height: 38px; display: inline; z-index: 3200; position: absolute; top: -19px; right: -19px; cursor: pointer; }

.fr_dacsac .bg_fr { width: 100%; height: 820px; background: url(../images/img-bg-dacsac.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 0; z-index: 1; }

.fr_hephai { position: relative; margin: 153px auto 100px; }

.fr_hephai .titles { background: url(../images/img-hephai-title.png) no-repeat; width: 1203px; height: 53px; display: block; margin: 0px auto 50px; position: relative; top: 40px; z-index: 2; }

.fr_hephai .slider_hp { width: 1281px; margin: auto; z-index: 2; }

.fr_hephai .slider_hp .slick-dots { bottom: 0; position: absolute; top: 40px; left: calc(50% - 400px); height: 45px; padding: 0; }

.fr_hephai .slider_hp .slick-dots li { float: left; }

.fr_hephai .slider_hp .slick-dots li a { width: 125px; height: 38px; font-size: 20px; color: #868686; line-height: 38px; text-align: center; float: left; cursor: pointer; font-family: utmcafeta; }

.fr_hephai .slider_hp .slick-dots li i { background: url(../images/img-gach.png) no-repeat center; width: 48px; height: 38px; float: left; }

.fr_hephai .slider_hp .slick-dots li:last-child i { display: none; }

.fr_hephai .slider_hp .slick-dots li.slick-active a { background: url(../images/img-hephai-nav-hover.png) no-repeat center; width: 125px; height: 38px; display: block; color: #fff; }

.fr_hephai .slider_hp .slick-list { top: 90px; }

.fr_hephai .slider_hp .slick-list .item { position: relative; }

.fr_hephai .slider_hp .slick-list .item p:nth-child(2) { position: absolute; top: 380px; left: 57px; cursor: pointer; overflow: hidden; border: 1px solid #e5cda3; -webkit-box-sizing: border-box; box-sizing: border-box; }

.fr_hephai .slider_hp .slick-list .item p:nth-child(2) video { width: 103%; height: 117%; position: absolute; top: -3px; left: -4px; }

.fr_hephai .slider_hp .slick-list .item p:nth-child(2) img { width: 273px; height: 159px; display: block; }

.fr_hephai .slider_hp .slick-list .item p:nth-child(2) i { background: url(../images/img-play.png) no-repeat; width: 66px; height: 66px; display: block; position: absolute; top: calc(50% - 33px); left: calc(50% - 33px); cursor: pointer; -webkit-animation: zoomIcon 1.5s infinite linear; animation: zoomIcon 1.5s infinite linear; }

.fr_hephai .slider_hp .slick-list .item p:first-child img { margin-left: 56px; }

.fr_hephai .bg_fr { width: 100%; height: 512px; background: url(../images/img-bg-hephai.png) no-repeat center; position: absolute; top: 265px; z-index: 1; }

@-webkit-keyframes zoomIcon { 25% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  50% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
  75% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } }

@keyframes zoomIcon { 25% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
  50% { -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
  75% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } }

.fr_thantuong .titles { background: url(../images/img-thantuong-title.png) no-repeat; width: 1203px; height: 53px; display: block; margin: 130px auto 0; position: relative; z-index: 2; }

.fr_thantuong .list_tuong { margin: 60px 0 0 190px; }

.fr_thantuong .list_tuong .icon_tuong > p { background: url(../images/img-bg-tuongthan-text.png) no-repeat; width: 517px; height: 21px; text-align: center; line-height: 21px; display: block; font-size: 20px; color: #767676; text-transform: uppercase; margin-bottom: 18px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 { background: url(../images/img-tuongthan-bg-tuong.png) no-repeat; width: 540px; height: 460px; display: block; float: left; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p { width: 135px; height: 151px; display: block; float: left; cursor: pointer; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._1 { background: url(../images/img-tuongthan-giacatluong.png) no-repeat; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._2 { background: url(../images/img-tuongthan-quangvu.png) no-repeat 1px 0; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._3 { background: url(../images/img-tuongthan-truongphi.png) no-repeat 1px 0; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._4 { background: url(../images/img-tuongthan-trieuvan.png) no-repeat 2px 0; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._5 { background: url(../images/img-tuongthan-lubo.png) no-repeat 0 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._6 { background: url(../images/img-tuongthan-tumay.png) no-repeat 1px 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._7 { background: url(../images/img-tuongthan-huachu.png) no-repeat 1px 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._8 { background: url(../images/img-tuongthan-giahu.png) no-repeat 2px 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._9 { background: url(../images/img-tuongthan-truonglieu.png) no-repeat 0 7px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._10 { background: url(../images/img-tuongthan-banthong.png) no-repeat 1px 7px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._11 { background: url(../images/img-tuongthan-hoangtrung.png) no-repeat 1px 7px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p.active.box._12 { background: url(../images/img-tuongthan-masieu.png) no-repeat 2px 7px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._1 { background: url(../images/img-tuongthan-giacatluong.png) no-repeat; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._2 { background: url(../images/img-tuongthan-quangvu.png) no-repeat 1px 0; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._3 { background: url(../images/img-tuongthan-truongphi.png) no-repeat 1px 0; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._4 { background: url(../images/img-tuongthan-trieuvan.png) no-repeat 2px 0; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._5 { background: url(../images/img-tuongthan-lubo.png) no-repeat 0 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._6 { background: url(../images/img-tuongthan-tumay.png) no-repeat 1px 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._7 { background: url(../images/img-tuongthan-huachu.png) no-repeat 1px 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._8 { background: url(../images/img-tuongthan-giahu.png) no-repeat 2px 3px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._9 { background: url(../images/img-tuongthan-truonglieu.png) no-repeat 0 7px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._10 { background: url(../images/img-tuongthan-banthong.png) no-repeat 1px 7px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._11 { background: url(../images/img-tuongthan-hoangtrung.png) no-repeat 1px 7px; }

.fr_thantuong .list_tuong .icon_tuong .t_12 p:hover.box._12 { background: url(../images/img-tuongthan-masieu.png) no-repeat 2px 7px; }

.fr_thantuong .list_tuong .thum_tuong { float: left; position: relative; }

.fr_thantuong .list_tuong .thum_tuong .gr { display: none; }

.fr_thantuong .list_tuong .thum_tuong .gr.active { display: block; position: absolute; margin: -26px 0 0 43px; height: 567px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box1 { background: url(../images/img-tuongthan-giacatluong-thum.png) no-repeat; width: 835px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box2 { background: url(../images/img-tuongthan-quangvu-thum.png) no-repeat; width: 419px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box3 { background: url(../images/img-tuongthan-truongphi-thum.png) no-repeat; width: 428px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box4 { background: url(../images/img-tuongthan-trieuvan-thum.png) no-repeat; width: 657px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box5 { background: url(../images/img-tuongthan-lubo-thum.png) no-repeat; width: 533px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box6 { background: url(../images/img-tuongthan-tumay-thum.png) no-repeat; width: 421px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box7 { background: url(../images/img-tuongthan-huachu-thum.png) no-repeat; width: 410px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box8 { background: url(../images/img-tuongthan-giahu-thum.png) no-repeat; width: 433px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box9 { background: url(../images/img-tuongthan-truonglieu-thum.png) no-repeat; width: 422px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box10 { background: url(../images/img-tuongthan-banthong-thum.png) no-repeat; width: 348px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box11 { background: url(../images/img-tuongthan-hoangtrung-thum.png) no-repeat; width: 460px; }

.fr_thantuong .list_tuong .thum_tuong .gr.active.box12 { background: url(../images/img-tuongthan-masieu-thum.png) no-repeat; width: 367px; }

.fr_news { margin-top: 177px; }

.fr_news .titles { background: url(../images/img-news-title.png) no-repeat; width: 1203px; height: 53px; display: block; margin: 0px auto 100px; position: relative; z-index: 2; top: 50px; }

.fr_news .slider_news { width: 700px; height: 379px; float: left; overflow: hidden; }

.fr_news .slider_news .slick-list .slick-slide img { width: 100%; height: 379px; }

.fr_news .slider_news .slick-dots { display: block; position: absolute; bottom: 12px; width: 164px; left: calc(50% - 82px); }

.fr_news .slider_news .slick-dots li a { width: 14px; height: 14px; background-color: #ffffff; border-radius: 50%; float: left; margin: 0 8px; overflow: hidden; cursor: pointer; }

.fr_news .slider_news .slick-dots li.slick-active a { width: 71px; border-radius: 7px; -webkit-transition: width 300ms ease; -o-transition: width 300ms ease; transition: width 300ms ease; }

.fr_news .slider_news .slick-dots li:first-child a { margin-left: 0; }

.fr_news .slider_news .slick-dots li:last-child a { margin-right: 0; }

.fr_news .box-news { width: 500px; height: 379px; padding: 5px; float: left; background-color: #ffffff; }

.fr_news .box-news .width { width: 490px; height: 370px; border: 1px solid #e9e9e9; padding: 13px 22px; }

.fr_news .box-news .width .tab-row { width: auto; height: 32px; border-bottom: 1px solid #c6c6c6; }

.fr_news .box-news .width .tab-row li { margin: 0 10px; }

.fr_news .box-news .width .tab-row li a { color: #767676; font-size: 20px; text-transform: uppercase; float: left; letter-spacing: -2px; margin: 0 10px; }

.fr_news .box-news .width .tab-row li.active a { color: #f40e3a; border-bottom: 4px solid #f40e3a; padding-bottom: 9px; }

.fr_news .box-news .width .cont .gr { position: relative; }

.fr_news .box-news .width .cont .gr .item { padding: 10px 0 9px; border-bottom: 1px solid #c6c6c6; }

.fr_news .box-news .width .cont .gr .item p:first-child span { color: #6c6c6c; }

.fr_news .box-news .width .cont .gr .item p:first-child span:first-child { font-family: tahoma; text-transform: uppercase; }

.fr_news .box-news .width .cont .gr .item p:first-child span:last-child { float: right; }

.fr_news .box-news .width .cont .gr .item p:last-child a { color: #192926; font-size: 15px; font-family: tahoma; line-height: 24px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 93%; display: inline-block; }

.fr_news .box-news .width .cont .gr .item:nth-child(5) { border: none; }

.fr_news .box-news .width .cont .gr .viewmore { position: absolute; top: -36px; right: 0; }

.fr_news .box-news .width .cont .gr .viewmore a { background: url(../images/img-viewmore.png) no-repeat; width: 27px; height: 27px; display: block; }

.page_news_list { background: url(../images/img-bg-news.jpg) no-repeat #e7e7e7; }

.page_news_list .header { height: 366px; }

.page_news_list .header .go_home a { background: url(../images/img-bg-bnt-down.png) no-repeat; text-transform: uppercase; color: #ffffff; width: 175px; height: 57px; display: block; position: absolute; right: 0; top: 18px; line-height: 57px; text-align: center; font-family: utmcafeta; font-size: 20px; background-size: contain; }

.page_news_list .maj .box-news { margin: 45px 0 0; }

.page_news_list .maj .box-news .width .tab-row { border-bottom: 1px solid #ccc; height: 63px; }

.page_news_list .maj .box-news .width .tab-row li { float: left; margin: 0 45px; }

.page_news_list .maj .box-news .width .tab-row li a { color: #1e1e1e; font-size: 30px; font-family: geoslabc_condensed; text-transform: uppercase; letter-spacing: -2px; }

.page_news_list .maj .box-news .width .tab-row li.current a, .page_news_list .maj .box-news .width .tab-row li:hover a { border-bottom: 7px solid #fa701c; height: 60px; display: block; color: #e38242; }

.page_news_list .maj .box-news .width .cont .gr .item { clear: both; border-bottom: 1px solid #c6c6c6; margin-top: 21px; padding-bottom: 17px; }

.page_news_list .maj .box-news .width .cont .gr .item .img { float: left; background-color: #ffffff; width: 231px; height: 140px; padding: 4px; }

.page_news_list .maj .box-news .width .cont .gr .item .img img { border: 1px solid #c6c6c6; }

.page_news_list .maj .box-news .width .cont .gr .item .text { float: left; width: calc(100% - 450px); margin-left: 30px; }

.page_news_list .maj .box-news .width .cont .gr .item .text p:nth-child(2) { color: #4f4f4f; font-size: 15px; font-family: tahoma; line-height: 23px; }

.page_news_list .maj .box-news .width .cont .gr .item .text p:first-child a { color: #434242; font-size: 17px; font-family: tahomabd; margin-bottom: 11px; display: block; }

.page_news_list .maj .box-news .width .cont .gr .item .date { float: right; }

.page_news_list .maj .box-news .width .cont .gr .item .date p:first-child { color: #434242; font-size: 30px; font-family: tahomabd; }

.page_news_list .maj .box-news .width .cont .gr .item .date p:nth-child(2) { color: #434242; font-size: 18px; font-family: tahoma; text-align: right; margin: 11px 0 10px; }

.page_news_list .maj .box-news .width .cont .gr .item .date p:last-child a { width: 86px; height: 30px; line-height: 30px; text-transform: uppercase; text-align: center; font-family: geoslabc_condensed; letter-spacing: -2px; color: #c6c6c6; display: block; border: 1px solid #c6c6c6; }

.page_news_list .maj .box-news .width .cont .gr .item .date p:last-child a:hover { background-color: #fa701c; border: none; color: #ffffff; }

.page_news_list .menu_left .width { left: inherit; right: 0; top: 366px; position: fixed; }

.footer { margin-top: 65px; }

.footer .container_fluid { width: 100%; height: 547px; background: url(../images/img-bg-footer.png) no-repeat center; z-index: 1; }

.footer .container_fluid .lejigame { height: 107px; background-color: #e7e7e7; position: absolute; bottom: 0; width: 100%; }

.footer .container_fluid .lejigame .width { width: 797px; margin: auto; }

.footer .container_fluid .lejigame .width > p { float: left; }

.footer .container_fluid .lejigame .width .text { margin-left: 25px; padding-top: 43px; float: left; }

.footer .container_fluid .lejigame .width .text p { color: #192926; font-size: 15px; font-family: tahoma; line-height: 28px; text-align: center; }

.footer .container_fluid .lejigame .width .text a { color: #192926; font-size: 15px; font-family: tahoma; line-height: 28px; text-align: center; }

.footer .container_fluid .lejigame .width .hotline { float: left; border-left: 1px solid #192926; margin: 20px 0 0 15px; padding-left: 15px; }

.footer .container_fluid .lejigame .width .hotline p:first-child { color: #192926; font-size: 15px; font-family: tahoma; text-transform: uppercase; text-align: center; line-height: 22px; }

.footer .container_fluid .lejigame .width .hotline p a { color: #192926; font-size: 15px; font-family: tahoma; text-align: center; line-height: 22px; display: block; }

.footer .container_fluid .lejigame .width .hotline p:nth-child(2) a { font-size: 30px; font-weight: "tahomabd"; }

.footer .container_fluid .lejigame .width .logo_gosu img { width: 180px; float: left; margin-top: 34px; }

.footer .container_fluid .lejigame .width .logo_gihot img { width: 150px; float: right; display: block; margin-top: 34px; }

.footer .container_fluid .bnt_top { background: url(../images/icon-bnt-top.png) no-repeat center top; width: 100px; height: 50px; display: block; top: 12px; left: calc(50% - 51px); position: relative; font-size: 20px; color: #fbe6cb; font-family: geoslabe_ex; text-align: center; line-height: 50px; cursor: pointer; }

.footer .container_fluid .container .width { width: 774px; margin: 75px 0 0 250px; }

.footer .container_fluid .container .width .avatar-footer img { width: 172px; }

.footer .container_fluid .container .width .text { float: left; width: 546px; margin-left: 25px; border-left: 1px solid #fbe6cb; padding-left: 30px; }

.footer .container_fluid .container .width .text p:first-child { font-family: utmcafeta; font-size: 40px; color: #fbe6cb; text-transform: uppercase; margin-bottom: 12px; }

.footer .container_fluid .container .width .text p:last-child { font-family: tahoma; font-size: 15px; color: #fbe6cb; line-height: 28px; }

.footer .container_fluid .container .width > div > p { float: left; }

.footer .container_fluid .container .width .text-footer { clear: both; font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 16px; color: #ffffff; text-align: center; margin: 140px 30px 0 0; line-height: 1.6; }

.footer .container_fluid .container .width .text-footer p, .footer .container_fluid .container .width .text-footer a { color: #ffffff; }

.cont_main .detail { padding: 17px 50px 35px 37px; }

.cont_main .detail .title { border-bottom: 1px dashed #ccc; background-color: transparent; }

.cont_main .detail .title p:first-child { font-size: 18.5px; text-align: left; color: #4c6885; font-family: tahomabd; line-height: 23px; }

.cont_main .detail .title p:nth-child(2) { margin: 5px 0 10px; font-size: 13.36px; color: #6b727c; }

.cont_main .detail .width p { line-height: 28px; color: #000; font-size: 11.5pt; font-family: tahoma; clear: both; }

.cont_main .detail .width p img { margin: auto; max-width: 100%; display: block; }

.cont_main .detail .width table { margin-top: 10px; margin-bottom: 10px; margin: auto; }

.cont_main .detail .width table tr:first-child { background: none repeat scroll 0 0 #0c4e6a; border: 1px solid #000000; color: #fff !important; font-weight: bold; }

.cont_main .detail .width table tr:first-child td { color: #fff; font-family: tahomabd; }

.cont_main .detail .width table tr td { border: 1px solid #000000; margin: 0; padding: 10px; vertical-align: middle !important; text-align: center; }

.cont_main .detail .width table tr:nth-child(2n + 1) { border: 1px solid #000000; color: #000; }

.cont_main .detail .width table tbody tr td { color: #000; }

.cont_main .detail .width table tbody tr:first-child td p { color: #fff; }

.cont_main .detail .width ol li { background: url(../images/icon_li1.png) no-repeat scroll 15px 11px transparent; clear: both; padding-left: 28px; vertical-align: middle; line-height: 28px; color: #000; font-size: 11.5pt; font-family: tahoma; }

.cont_main .detail .width ul li { background: url(../images/icon_li1.png) no-repeat scroll 15px 11px transparent; clear: both; padding-left: 28px; vertical-align: middle; line-height: 28px; color: #000; font-size: 11.5pt; font-family: tahoma; }

.cont_main .prev_next { width: 80%; margin: 50px auto 0; }

.cont_main .prev_next a { color: #434242; font-size: 32.48px; text-transform: uppercase; }

.cont_main .prev_next a:first-child { float: left; }

.cont_main .prev_next a:last-child { float: right; }

.content-event-h1 { background: url(../images/icon_h1.png) no-repeat scroll 1px 7px transparent; float: left; font-size: 15px; padding: 10px 13px 15px 28px; line-height: 23px; color: #000; color: #0f191f; font-size: 19px !important; font-family: tahomabd; text-indent: 25px; display: block; }

.content-event-h1 span { color: #0f191f; font-size: 19px !important; font-family: tahomabd; text-indent: 25px; display: block; color: #b00000; font-size: 19px !important; font-family: tahomabd; text-indent: 5px; display: block; }

.content-event-h1 strong { color: #0f191f; font-size: 19px !important; font-family: tahomabd; text-indent: 25px; display: block; }

strong { font-family: tahomabd; }

em { font-style: italic; }

.content-event-h2 { margin-left: 15px; font-size: 16px; font-weight: bold; background: url(../images/icon-h2.png) no-repeat left center; padding-left: 25px; color: #0f191f; font-family: tahomabd; margin-bottom: 10px; margin-top: 10px; clear: both; }

h2 { margin-left: 15px; font-size: 16px; font-weight: bold; background: url(../images/icon-h2.png) no-repeat left center; padding-left: 25px; color: #0f191f; font-family: tahomabd; margin-bottom: 10px; margin-top: 10px; clear: both; }

fieldset { border: 1px solid #c36e60; margin: 20px 0; padding-left: 10px; padding-right: 10px; }

fieldset legend { color: #b00000; font-weight: bold; padding: 0 15px; }

fieldset ul { list-style: outside none none !important; margin: 0; padding: 10px 0 0 10px; }

fieldset ul li { background: url(../images/icon_person.gif) no-repeat scroll 0 4px transparent; line-height: 28px; margin: 0 0 5px; padding: 0 20px; text-align: justify; color: #000; }

fieldset ul li span { color: #000000; font-size: 11.5pt; }

.pagination { text-align: center; }

.pagination ul { width: 100%; margin: 20px auto; text-align: center; }

.pagination ul li { display: inline-block; border: none !important; }

.pagination ul li a { height: 20px; float: left; margin-left: 5px; }

.pagination ul li a label { color: #c6c6c6; width: 68px; height: 43px; text-align: center; display: block; font-size: 30px; line-height: 43px; cursor: pointer; font-family: tahoma; border: 1px solid #c6c6c6; }

.pagination ul li a label:hover { background-color: #181b1c; }

.pagination ul li a label.ac { background-color: #181b1c; }

.pagination ul li .arr1 { background: url(../images/icon-arr1.png) no-repeat 0 2px; width: 13px; display: block; }

.pagination ul li .arr1.ro { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.pagination ul li.first a { background: url(../images/icon-arr2.png) no-repeat no-repeat 0 2px; width: 23px; display: block; }

.pagination ul li.last a { background: url(../images/icon-arr2.png) no-repeat no-repeat 0 2px; width: 23px; display: block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.menu_left .width { background: url(../images/img-bg-down.png) no-repeat; width: 199px; height: 576px; display: block; position: fixed; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -199px; z-index: 9; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.menu_left .width.open { left: 50px; }

.menu_left .width > p:first-child { width: 135px; text-align: center; display: block; border-bottom: 1px dashed #ffdfb9; padding-bottom: 12px; margin: 20px auto 12px; }

.menu_left .width > p:first-child img { width: 113px; }

.menu_left .width > p:nth-child(2) { text-align: center; display: block; }

.menu_left .width > p:nth-child(4) a { background: url(../images/img-bg-bnt-down-hover.png) no-repeat; width: 173px; height: 59px; margin: auto; color: #ffffff; font-family: utmcafeta; font-size: 20px; text-align: center; line-height: 57px; display: block; text-transform: uppercase; }

.menu_left .width > p:nth-child(4) a:hover { background: url(../images/img-bg-bnt-down-hover-2.png) no-repeat; }

.menu_left .width .bnt_down { margin-top: 30px; }

.menu_left .width .bnt_down p a { background: url(../images/img-bg-bnt-down.png) no-repeat; width: 173px; height: 59px; display: block; margin: 20px auto; }

.menu_left .width .bnt_down p a:hover { background: url(../images/img-bg-bnt-down-hover.png) no-repeat; }

.menu_left .width .bnt_down p a i { background: url(../images/icon-down-ios.png) no-repeat center; width: 26px; height: 56px; display: block; float: left; margin: 0 11px; }

.menu_left .width .bnt_down p a span { color: #ffffff; text-transform: uppercase; text-shadow: 0 0 5px black; font-family: utmcafeta; }

.menu_left .width .bnt_down p a span:nth-child(2) { font-size: 15px; margin: 11px auto 1px; display: inline-block; width: 107px; }

.menu_left .width .bnt_down p a span:last-child { font-size: 20px; }

.menu_left .width .bnt_down p a:nth-child(2) i { background: url(../images/icon-down-android.png) no-repeat center; background-size: contain; }

.menu_left .width .bnt_down p a:nth-child(3) i { background: url(../images/icon-down-pc.png) no-repeat center; background-size: contain; }

.menu_right ul { background: url(../images/img-bg-menu-right.png) no-repeat; width: 77px; height: 481px; display: block; position: fixed; top: 55%; right: 50px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; }

.menu_right ul li a { background: url(../images/icon-menu-right.png) no-repeat center; width: 42px; height: 22px; display: block; margin: 68px auto; font-family: utmcafeta; color: #d2c4ab; font-size: 15px; line-height: 22px; text-transform: uppercase; }

.menu_right ul li a.active, .menu_right ul li a:hover { color: #fff; }

.menu_right ul li i { background: url(../images/img-mouse.png) no-repeat center; width: 67px; height: 85px; display: block; margin: auto; cursor: pointer; position: relative; top: 20px; }

.menu_right ul li:first-child a { background: none; margin: 20px auto 56px; }

@media only screen and (max-width: 1600px) { .page_news .container { width: 1118px; }
  .menu_left .width.open { left: 0; }
  .bnt_logout { top: 186px; }
  #pauseMp3 { top: 282px; }
  #playMp3 { top: 282px; }
  .page_news_list .container { width: 1118px; } }

@media only screen and (max-width: 1440px) { #pauseMp3 { right: 15px; }
  #playMp3 { right: 15px; }
  .bnt_logout { right: 12px; }
  .menu_right ul { right: 15px; } }

@media only screen and (max-width: 1366px) { .menu_right ul { right: 0px; } }

@media only screen and (max-width: 1199px) { body { background: url(../images/img-bg-home-mobile.jpg) left top no-repeat; background-position: center 100px; background-size: contain; background-color: #e7e7e7; }
  input[type=button] { border-radius: 0; }
  input[type=submit] { border-radius: 0; }
  input[type=text] { border-radius: 0; }
  select { border-radius: 0; }
  textarea { border-radius: 0; }
  .visible-pc { display: none !important; }
  .visible-mobile { display: block !important; }
  .container { width: 100%; }
  .page_news { background: none; background-color: #e7e7e7; }
  .page_news .container { width: 100%; }
  .page_news .header { height: 100px; }
  .page_news.event .nav_bottom { display: none !important; }
  .page_news.event .maj .cont { width: 100%; float: none; }
  .page_news.event .maj .cont .cont_top { background: none; margin-bottom: 0; }
  .page_news.event .maj .cont .cont_top .width { border: none; }
  .page_news.event .maj .cont .cont_top .width p:nth-child(2) { margin: 0; }
  .page_news.event .maj .cont .cont_top .width p.visible-mobile span { font-family: tahoma; font-size: 18px; color: #434242; }
  .page_news.event .maj .cont .banner_event img { width: 100%; }
  .page_news .maj .cont { width: 100%; padding-top: 0; }
  .page_news .maj .cont .cont_head { height: 88px; width: 100%; background-color: #233336; margin-top: 100px; }
  .page_news .maj .cont .cont_top { width: 100%; }
  .page_news .maj .cont .cont_top .width { width: 100%; }
  .page_news .maj .cont .cont_top .width p:nth-child(2) { width: 100%; text-align: left; }
  .page_news .maj .cont .banner_event img { width: 100%; margin-top: -27px; z-index: -1; position: relative; }
  .page_news .maj .cont .cont_main .list_events_bottom ul { width: 100%; position: fixed; bottom: 0; z-index: 999; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li { float: left; width: 20%; height: 89px; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li a { background-color: #1a282c; width: 100%; height: 100%; display: block; color: #ffffff; font-size: 30px; line-height: 89px; text-transform: uppercase; text-align: center; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li a.active { background-color: #b54008; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li a:hover { background-color: #b54008; }
  .page_news .maj .cont .cont_main .list_events_bottom ul .slick-list { width: calc(100% - 92px); float: left; }
  .page_news .maj .cont .cont_main .list_events_bottom ul .slick-arrow { width: 46px; height: 89px; background: url(../images/icon-arr4.png) no-repeat center #253a40; float: left; border: none; text-indent: 99999px; cursor: pointer; }
  .page_news .maj .cont .cont_main .list_events_bottom ul .slick-arrow.slick-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .page_news.news .maj .cont { padding-left: 0; }
  .page_news.news .maj .cont .cont_top { padding: 0; }
  .page_news.news .maj .cont .cont_top .width { width: calc(100% - 28px); }
  .page_news.news .maj .cont .cont_top .width p:nth-child(2) { width: 100%; text-align: left; }
  .page_news_list { background: none; background-color: #e7e7e7; }
  .page_news_list .container { width: 100%; }
  .page_news_list .header { height: 100px; }
  .page_news_list .maj .box-news { width: 100%; margin-top: 120px; }
  .page_news_list .maj .box-news .width { padding: 0 20px; }
  .page_news_list .maj .box-news .width .cont .gr .item .text { width: calc(100% - 150px); margin-left: 0; }
  .page_news_list .maj .box-news .width .cont .gr .item .text p:nth-child(2) { overflow: hidden; }
  #pauseMp3 { right: 10px; top: 105px; }
  #playMp3 { right: 10px; top: 105px; }
  .header { height: 100px; background-color: #172224; position: fixed; width: 100%; z-index: 9999; top: 0; }
  .header .avata { float: left; width: calc(100% - 310px); }
  .header .avata p img { margin: 7px 21px 0; float: left; height: 86px; }
  .header .avata div p { font-size: 25px; color: #ffffff; font-family: tahomabd; }
  .header .avata div p:first-child { padding-top: 18px; margin-bottom: 10px; }
  .header .avata div p:last-child { font-size: 20px; font-family: tahoma; }
  .header .avata div p.srm { padding-top: 36px; font-family: tahomabd; }
  .header .settup_menu { float: right; }
  .header .settup_menu > p { float: left; }
  .header .settup_menu > p a { background: url(../images/img-caidat-mobile.png) no-repeat; width: 208px; height: 74px; display: block; margin-top: 14px; background-size: contain; }
  .fr_home .container .maj { padding-top: 100px; }
  .fr_home .container .maj .slogan p.slogan-img { margin: 800px auto -100px; }
  .fr_home .container .maj .slogan p.slogan-img img { width: 100%; display: block; }
  .fr_home .container .maj .slogan p.slogan-date { width: 396px; height: 100px; margin: 30px auto; float: none; }
  .fr_home .container .maj .slogan p.slogan-date span { float: left; margin-top: 19px; display: block; }
  .fr_home .container .maj .slogan p.slogan-date span:first-child { font-size: 34px; color: #02080d; font-family: utmcafeta; line-height: 72px; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { font-size: 62px; line-height: 25px; color: #02080d; font-family: utmcafeta; text-align: left; margin-top: 31px; float: right; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child label { font-size: 25.48px; }
  .fr_home .container .maj .slogan p.slogan-date span.srm { width: 100%; text-align: center; margin-top: 0; margin-bottom: 10px; }
  .fr_home .container .maj .slogan p.slogan-date i { background: url(../images/img-bnt-play-video.png) no-repeat; width: 116px; height: 116px; display: block; float: left; margin: 0 24px 0 16px; left: calc(50% - 218px); }
  .fr_home .container .maj .slogan p.slogan-date i.srm { left: calc(50% - 73px); top: 10px; }
  .fr_home .container .maj .slogan .srm p:nth-child(2) { margin-top: 245px; }
  .fr_home .container_fluid .container .progress { float: inherit; width: 555px; height: auto; padding: 0; margin: auto; background: none; }
  .fr_home .container_fluid .container .progress .line_mobile { background: url(../images/icon-progress-line-mobile-2.png) no-repeat; width: 1px; height: 813px; position: absolute; left: 278px; z-index: 1; background-size: cover; }
  .fr_home .container_fluid .container .progress > ul > li { width: 50%; }
  .fr_home .container_fluid .container .progress > ul > li p:nth-child(2) { margin-top: 0; }
  .fr_home .container_fluid .container .progress > ul > li p:nth-child(2) span { font-size: 56.27px; width: 100%; margin-top: 13px; color: #e5cda3; text-transform: uppercase; text-align: center; letter-spacing: -2px; display: inline-block; }
  .fr_home .container_fluid .container .progress > ul > li p:nth-child(2) i { display: block; position: absolute; top: 79px; left: 222px; }
  .fr_home .container_fluid .container .progress > ul > li p:first-child span:first-child { background: url(../images/img-qua-vatpham-1-mobile.png) no-repeat; width: 185px; height: 185px; float: none; margin: auto; }
  .fr_home .container_fluid .container .progress > ul > li p:first-child span:last-child { width: 186px; position: relative; font-size: 28.18px; top: 23px; right: 0; border: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin: auto; display: none; }
  .fr_home .container_fluid .container .progress > ul > li p:last-child span { font-size: 28.18px; width: 100%; margin: 14px 0 45px; color: #e5cda3; text-transform: uppercase; text-align: center; letter-spacing: -2px; display: block; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) { margin-top: 146px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) p:first-child span:first-child { background: url(../images/img-qua-vatpham-2-mobile.png) no-repeat; width: 185px; height: 185px; float: none; margin: auto; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) p:first-child span:last-child { width: 196px; position: relative; font-size: 28.18px; top: 23px; right: 0; border: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin: auto; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) p:nth-child(2) i { left: -55px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) { margin-top: -129px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) p:first-child span:first-child { background: url(../images/img-qua-vatpham-3-mobile.png) no-repeat; width: 185px; height: 185px; float: none; margin: auto; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) p:nth-child(2) i { width: 97px; left: 230px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(4) { margin-top: 14px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(4) p:first-child span:first-child { background: url(../images/img-qua-vatpham-4-mobile.png) no-repeat; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(4) p:nth-child(2) i { left: -55px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child { margin-top: -125px; width: 50%; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:nth-child(2) i { left: 140px; width: 97px; width: 100%; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:nth-child(2) span { width: 100%; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:first-child span:first-child { background: url(../images/img-qua-vatpham-5-mobile.png) no-repeat; width: 185px; height: 185px; margin: auto; float: none; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:first-child span:last-child { width: 107px; position: relative; font-size: 28.18px; top: 23px; right: 0; border: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin: auto; }
  .fr_home .container_fluid .container .progress .progress_bar i._1 { background: url(../images/icon-progress-line-mobile.png) no-repeat; width: 11px; height: 70px; bottom: -100px; left: 272px; z-index: 2; }
  .fr_home .container_fluid .container #progress_1 { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 273px; bottom: -92px; width: 434px; }
  .fr_home .container_fluid .container #progress_1 progress { width: 579px; margin-left: -142px; }
  .fr_home .container_fluid .container #progress_2 { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-left: 273px; bottom: -526px; width: 251px; }
  .fr_home .container_fluid .container #progress_2 progress { width: 548px; margin-left: -267px; }
  .fr_home .container_fluid .container .regis { width: 100%; padding-left: 0; margin-left: 0; }
  .fr_home .container_fluid .container .regis p { font-size: 37.72px; margin-bottom: 16px; }
  .fr_home .container_fluid .container .regis p a { background: url(../images/img-bg-bnt-tranhdoat-mobile.png) no-repeat; width: 572px; height: 147px; margin: auto; line-height: 147px; font-size: 40.78px; display: block; font-family: geoslabe_ex; color: #ffffff; text-transform: uppercase; text-shadow: 0 0 5px black; }
  .fr_home .container_fluid .container .regis .statis { font-size: 50px; margin-bottom: 75px; color: black; }
  .fr_home .container_fluid .container .regis .statis span { color: red; font-size: 70px; }
  .fr_home .container_fluid .container .regis div { margin: auto; }
  .fr_home .container_fluid .container .regis div p { float: none; }
  .fr_home .container_fluid .container .regis div p a { width: 555px; height: 140px; line-height: 140px; background: url(../images/img-bg-bnt-down-mobile.png) no-repeat; background-size: 100% 100%; margin: 30px auto; }
  .fr_home .container_fluid .container .regis div p a:hover { width: 555px; height: 140px; background: url(../images/img-bg-bnt-down-mobile.png) no-repeat; background-size: 100% 100%; }
  .fr_home .container_fluid .container .regis div p a span { font-size: 50px; }
  .fr_home .container_fluid .container .regis div p:first-child { float: none; }
  .fr_home .container_fluid .container .regis div p:last-child { display: none; }
  .fr_home .container_fluid .container .title_td { width: 100%; margin: 70px auto 34px; }
  .fr_home .container_fluid .container .title_td p { color: #e5cda3; text-transform: uppercase; text-align: center; font-size: 33.72px; display: block; font-family: geoslabemedium; background: url(../images/img-bg-dangkydoatqua.png) no-repeat; margin: auto; width: 750px; height: 77px; line-height: 77px; }
  .fr_home .container_fluid .container .title_td p span { font-family: geoslabe_ex; }
  .fr_home .container_fluid .container .thele { padding-top: 11px; position: absolute; left: 0; top: 0; }
  .fr_home .container_fluid .container .thele p { width: 81px; height: 170px; }
  .fr_home .container_fluid .container .thele p a { width: 100%; height: 167px; font-size: 40px; }
  .fr_dacsac { border-top: 0; padding-top: 0px; background-color: #e7e7e7; }
  .fr_dacsac .titles { background: url(../images/img-dacsac-title-mobile.png) no-repeat; height: 70px; width: 750px; margin: auto; display: block; }
  .fr_dacsac .slider { width: 100%; }
  .fr_dacsac .slider_mobile { margin-top: 50px; }
  .fr_dacsac .slider_mobile .slick-list .item img { max-width: 100%; margin: 0 auto; }
  .fr_dacsac .slider_mobile .slick-dots { margin: 30px auto 0; text-align: center; }
  .fr_dacsac .slider_mobile .slick-dots li { display: inline-block; margin: 11px; }
  .fr_dacsac .slider_mobile .slick-dots li button { width: 20px; height: 20px; border-radius: 50%; border: none; text-indent: 999px; overflow: hidden; background-color: #101333; }
  .fr_dacsac .slider_mobile .slick-dots li.slick-active button { border-radius: 10px; width: 113px; -webkit-transition: width 300ms ease; -o-transition: width 300ms ease; transition: width 300ms ease; }
  .fr_hephai { margin-top: 0; }
  .fr_hephai .titles { background: url(../images/img-hephai-title-mobile.png) no-repeat; height: 64px; width: 750px; margin: 50px auto 0; display: block; top: 0; }
  .fr_hephai .slider_hp { width: 100%; margin: auto; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 430px); }
  .fr_hephai .slider_hp .slick-dots li a { padding: 0 9px; }
  .fr_hephai .slider_hp .slick-dots li i { width: 40px; }
  .fr_hephai .slider_hp .slick-list { top: 115px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child { width: 100%; width: 100%; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img { position: relative; top: 0px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:first-child { float: right; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:last-child { margin: 0; top: 138px; position: absolute; margin-left: 25px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child { width: 100%; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img { position: relative; top: 0px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:first-child { float: right; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:last-child { margin: 0; top: 138px; position: absolute; margin-left: 25px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child { width: 100%; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img { position: relative; top: 0px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:first-child { float: right; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:last-child { margin: 0; top: 138px; position: absolute; margin-left: 25px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child { width: 100%; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img { position: relative; top: 0px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:first-child { float: right; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:last-child { margin: 0; top: 138px; position: absolute; margin-left: 25px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child { width: 100%; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img { position: relative; top: 0px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:first-child { float: right; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:last-child { margin: 0; top: 138px; position: absolute; margin-left: 25px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) { top: 400px; left: 25px; }
  .fr_hephai .bg_fr { background: url(../images/img-bg-hephai-mobile.png) no-repeat; top: 231px; height: 550px; background-size: 100% 100%; }
  .fr_thantuong { width: 100%; margin: auto; overflow: hidden; }
  .fr_thantuong .titles { background: url(../images/img-thantuong-title-mobile.png) no-repeat; height: 64px; width: 750px; margin: 30px auto 0; display: block; }
  .fr_thantuong .list_tuong { margin: 0; }
  .fr_thantuong .list_tuong > p { color: #767676; font-size: 27.12px; text-transform: uppercase; letter-spacing: -2px; text-align: center; margin: 30px 0; }
  .fr_thantuong .list_tuong .slider-x { width: 100%; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item { overflow: hidden; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item p { width: 100%; height: 548px; opacity: 0.5; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._1 p { background: url(../images/img-tuongthan-giacatluong-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._2 p { background: url(../images/img-tuongthan-quangvu-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._3 p { background: url(../images/img-tuongthan-truongphi-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._4 p { background: url(../images/img-tuongthan-trieuvan-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._5 p { background: url(../images/img-tuongthan-lubo-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._6 p { background: url(../images/img-tuongthan-tumay-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._7 p { background: url(../images/img-tuongthan-huachu-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._8 p { background: url(../images/img-tuongthan-giahu-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._9 p { background: url(../images/img-tuongthan-truonglieu-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._10 p { background: url(../images/img-tuongthan-banthong-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._11 p { background: url(../images/img-tuongthan-hoangtrung-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item._12 p { background: url(../images/img-tuongthan-masieu-thum.png) no-repeat; background-size: cover; }
  .fr_thantuong .list_tuong .slider-x .slick-list .item.slick-current p { opacity: 1; }
  .fr_thantuong .list_tuong .slider-nav { width: 717px; margin: 28px auto 0; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item p { width: 133px; height: 151px; margin: auto; opacity: 0.5; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._1 p { background: url(../images/img-tuongthan-giacatluong.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._2 p { background: url(../images/img-tuongthan-quangvu.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._3 p { background: url(../images/img-tuongthan-truongphi.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._4 p { background: url(../images/img-tuongthan-trieuvan.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._5 p { background: url(../images/img-tuongthan-lubo.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._6 p { background: url(../images/img-tuongthan-tumay.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._7 p { background: url(../images/img-tuongthan-huachu.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._8 p { background: url(../images/img-tuongthan-giahu.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._9 p { background: url(../images/img-tuongthan-truonglieu.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._10 p { background: url(../images/img-tuongthan-banthong.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._11 p { background: url(../images/img-tuongthan-hoangtrung.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item._12 p { background: url(../images/img-tuongthan-masieu.png) no-repeat; background-size: contain; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item.slick-current p { opacity: 1; position: relative; margin-top: -2px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  .fr_news { width: 100%; margin: auto; background-color: #e7e7e7; padding-top: 1px; }
  .fr_news .titles { background: url(../images/img-news-title-mobile.png) no-repeat; height: 64px; width: 750px; margin: 0px auto 100px; display: block; }
  .fr_news .slider_news { float: none; margin: auto; height: auto; width: 100%; overflow: hidden; display: block; }
  .fr_news .slider_news .slick-list .slick-slide img { width: 100%; height: 100%; }
  .fr_news .slider_news .slick-list .slick-slide .slick-track { overflow: hidden; }
  .fr_news .box-news { width: 98%; height: auto; padding: 10px; margin-top: 12px; }
  .fr_news .box-news .width { height: auto; width: 95%; margin: auto; }
  .fr_news .box-news .width .cont .gr .viewmore { position: relative; top: 0; width: 100%; }
  .fr_news .box-news .width .cont .gr .viewmore a { background: url(../images/img-bnt-viewmore.png) no-repeat; width: 572px; height: 147px; margin: 23px auto 5px; background-size: contain; }
  .popup.gift { left: -63px; }
  .popup.info_user .width .text form .number_lucky p:nth-child(2) input { height: 35px; }
  .bnt_logout { position: absolute; left: 0; top: 306px; }
  .bnt_logout p { width: 81px; }
  .bnt_logout p a { font-size: 40px; padding: 10px 0; }
  .footer { margin-top: 200px; }
  .footer .container_fluid { background: url(../images/img-bg-footer-mobile.png) no-repeat; background-size: 100% 100%; height: 600px; }
  .footer .container_fluid .container .width { width: 100%; padding: 0; margin: 0; }
  .footer .container_fluid .container .width .btn_ht_dg p a { width: 185px; height: 185px; display: inline-block; margin: 75px 100px 0; }
  .footer .container_fluid .container .width .btn_ht_dg p a:first-child { background: url(../images/img-hotro.png) no-repeat; }
  .footer .container_fluid .container .width .btn_ht_dg p a:last-child { background: url(../images/img-trangdau.png) no-repeat; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child { font-family: geoslabe_ex; font-size: 25px; color: #e5cda3; text-transform: uppercase; margin: 60px auto 30px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child a { color: #fff8ea; font-size: 80px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:last-child { color: #e3c998; font-size: 30px; text-transform: uppercase; font-family: geoslabc_condensed; }
  .footer .container_fluid .container .width .hotline_dk_cd p:last-child a { color: #e3c998; margin: 0 30px; }
  .footer .container_fluid .nav_bottom ul { width: 100%; position: fixed; bottom: 0; z-index: 999; }
  .footer .container_fluid .nav_bottom ul li { float: left; width: 20%; height: 89px; }
  .footer .container_fluid .nav_bottom ul li a { background: url(../images/img-bg-nav-mobile_1.png) no-repeat; width: 100%; height: 100%; display: block; color: #fff8ea; font-size: 30px; line-height: 89px; text-transform: uppercase; text-align: center; letter-spacing: -2px; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li a.active { background: url(../images/img-bg-nav-mobile_1_hover.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(2) a { background: url(../images/img-bg-nav-mobile_2.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(2) a.active { background: url(../images/img-bg-nav-mobile_2_hover.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(3) a { background: url(../images/img-bg-nav-mobile_3.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(3) a.active { background: url(../images/img-bg-nav-mobile_3_hover.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(4) a { background: url(../images/img-bg-nav-mobile_4.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(4) a.active { background: url(../images/img-bg-nav-mobile_4_hover.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(5) a { background: url(../images/img-bg-nav-mobile_5.png) no-repeat; background-size: 100% 100%; }
  .footer .container_fluid .nav_bottom ul li:nth-child(5) a.active { background: url(../images/img-bg-nav-mobile_5_hover.png) no-repeat; background-size: 100% 100%; }
  .logo_bottom { width: 325px; height: 150px; margin-left: 0; margin-top: 27px; margin: 27px auto 0; }
  .logo_bottom .logo_gosu img { width: 180px; float: left; }
  .logo_bottom .logo_gihot img { width: 122px; float: right; margin-top: 6px; }
  input.text { border-radius: 0; } }

@media only screen and (max-width: 991px) { .fr_hephai .s_video .width { width: 90%; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 373px); }
  .fr_hephai .slider_hp .slick-dots li a { padding: 0; }
  .fr_hephai .slider_hp .slick-dots li i { width: 30px; }
  .fr_thantuong .list_tuong .slider-x { min-width: 926px; margin: auto; left: calc(50% - 468px); }
  .fr_thantuong .list_tuong .slider-x .slick-list .item p { height: 485px; }
  .fr_home .container .maj .s_video .width { width: 90%; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 550px; }
  .fr_home .container_fluid .container .regis .statis { margin-bottom: 40px; font-size: 40px; }
  .fr_home .container_fluid .container .regis .statis span { font-size: 60px; }
  .popup.thele .width { width: 90%; }
  .page_news_list .maj .box-news .width .tab-row { height: 54px; }
  .page_news_list .maj .box-news .width .tab-row li { margin: 0 25px; }
  .page_news_list .maj .box-news .width .tab-row li a { font-size: 28px; height: 50px; }
  .page_news_list .maj .box-news .width .tab-row li.current a, .page_news_list .maj .box-news .width .tab-row li:hover a { font-size: 28px; height: 50px; } }

@media only screen and (max-width: 768px) { .fr_home .container_fluid .container .progress > ul > li p:nth-child(2) i { left: 223px; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 510px; }
  .fr_hephai .bg_fr { height: 443px; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 306px); }
  .fr_hephai .slider_hp .slick-dots li a { width: 95px; background-size: contain; }
  .fr_hephai .slider_hp .slick-dots li.slick-active a { width: 95px; background-size: contain; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) { top: 310px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:last-child { top: 70px; width: 285px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:first-child { width: 400px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:last-child { top: 70px; width: 285px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:first-child { width: 330px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:first-child { width: 435px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:last-child { top: 70px; width: 285px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:first-child { width: 385px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:last-child { top: 70px; width: 285px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:first-child { width: 400px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:last-child { top: 70px; width: 285px; }
  .footer .container_fluid .container .width .btn_ht_dg p a { margin: 75px 80px 0; }
  .footer .container_fluid .container .width .hotline_dk_cd p:last-child a { margin: 0 20px; } }

@media only screen and (max-width: 750px) { .fr_home .container .maj .slogan p.slogan-date { width: 350px; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { font-size: 55px; margin-top: 34px; }
  .fr_home .container .maj .slogan .srm p:nth-child(2) { margin-top: 220px; }
  .fr_home .container .maj .s_video .width { height: 385px; }
  .fr_home .container_fluid .container .regis div { width: 80%; }
  .fr_home .container_fluid .container .regis div p { float: none; }
  .fr_home .container_fluid .container .regis div p a { width: 100%; }
  .fr_home .container_fluid .container .regis div p a:hover { width: 100%; }
  .fr_home .container_fluid .container .regis div p a span { width: 100%; }
  .fr_home .container_fluid .container .regis div p:first-child { float: none; }
  .fr_home .container_fluid .container .regis .statis { font-size: 35px; }
  .fr_home .container_fluid .container .regis .statis span { font-size: 50px; }
  .fr_home .container_fluid .container .title_td p { width: 100%; background-size: contain; }
  .fr_hephai .titles { width: 100%; background-size: contain; }
  .fr_hephai .s_video .width { height: 385px; }
  .fr_dacsac .titles { width: 100%; background-size: contain; }
  .fr_news .titles { width: 100%; background-size: contain; }
  .fr_thantuong .titles { width: 100%; background-size: contain; }
  .cont_main .detail { padding: 17px 14px 35px; }
  .page_news_list .maj .box-news .width .tab-row li { margin: 0 20px; } }

@media only screen and (max-width: 736px) { .fr_home .container .maj .slogan p.slogan-date { width: 289px; }
  .fr_home .container .maj .slogan p.slogan-date span { margin-top: 14px; }
  .fr_home .container .maj .slogan p.slogan-date span:first-child { font-size: 29px; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { font-size: 46px; margin-top: 30px; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 470px; }
  .fr_home .container .maj .slogan .srm p:nth-child(2) { margin-top: 176px; }
  .fr_home .container_fluid .container .title_td p { height: 68px; line-height: 68px; } }

@media only screen and (max-width: 717px) { .fr_thantuong .list_tuong .slider-nav { width: 635px; }
  .footer .container_fluid .container .width .btn_ht_dg p a { margin: 80px 70px 0; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child a { font-size: 65px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:last-child { font-size: 25px; } }

@media only screen and (max-width: 667px) { .header .avata { width: calc(100% - 240px); }
  .header .avata p img { margin: 7px 10px 0; }
  .header .avata div p { font-size: 21px; }
  .header .avata div p:first-child { margin-bottom: 8px; }
  .header .avata div p:last-child { font-size: 19px; }
  .header .settup_menu > p a { width: 150px; height: 52px; margin-top: 26px; background-size: contain; }
  #nav-icon2 p { width: 42px; height: 33px; margin: 35px 20px 0; }
  #nav-icon2 span:nth-child(3) { top: 12px; }
  #nav-icon2 span:nth-child(4) { top: 12px; }
  #nav-icon2 span:nth-child(5) { top: 24px; }
  #nav-icon2 span:nth-child(6) { top: 24px; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 450px; }
  .fr_home .container .maj .slogan p.slogan-date { margin: 15px auto; }
  .fr_home .container .maj .slogan .srm p:nth-child(2) { margin-top: 120px; }
  .fr_home .container_fluid .container .progress { width: 380px; }
  .fr_home .container_fluid .container .progress .line_mobile { left: 189px; height: 667px; }
  .fr_home .container_fluid .container .progress ul li p:first-child span:first-child { width: 135px; height: 135px; background-size: contain; }
  .fr_home .container_fluid .container .progress ul li p:nth-child(2) span { font-size: 38.27px; margin-top: 8px; }
  .fr_home .container_fluid .container .progress ul li:nth-child(2) p:first-child span:first-child { width: 135px; height: 135px; background-size: contain; }
  .fr_home .container_fluid .container .progress ul li:nth-child(3) p:first-child span:first-child { width: 135px; height: 135px; background-size: contain; }
  .fr_home .container_fluid .container .progress ul li:nth-child(4) p:first-child span:first-child { width: 135px; height: 135px; background-size: contain; }
  .fr_home .container_fluid .container .progress ul li:last-child p:first-child span:first-child { width: 160px; height: 138px; margin-left: 20px; background-size: contain; }
  .fr_home .container_fluid .container .progress .progress_bar i._1 { left: 184px; bottom: -74px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) { margin-top: 119px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) p:nth-child(2) i { left: -56px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) { margin-top: -104px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) p:nth-child(2) i { left: 141px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(4) { margin-top: 16px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child { margin-top: -104px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:nth-child(2) i { left: 94px; }
  .fr_home .container_fluid .container .progress > ul > li p:nth-child(2) i { top: 56px; left: 133px; }
  .fr_home .container_fluid .container #progress_1 { margin-left: 183px; bottom: -71px; width: 363px; }
  .fr_home .container_fluid .container #progress_1 progress { width: 484px; margin-left: -121px; }
  .fr_home .container_fluid .container #progress_2 { margin-left: 183px; bottom: -313px; width: 270px; }
  .fr_home .container_fluid .container #progress_2 progress { width: 455px; margin-left: -106px; }
  .fr_home .container_fluid .container .regis p a { width: 440px; height: 115px; line-height: 115px; font-size: 33.78px; background-size: contain; }
  .fr_home .container_fluid .container .regis p a:hover { width: 440px; height: 115px; line-height: 115px; font-size: 33.78px; background-size: contain; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 290px); }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:first-child { width: 350px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:last-child { width: 240px; top: 50px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:first-child { width: 270px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:last-child { width: 240px; top: 50px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:first-child { width: 354px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:last-child { width: 240px; top: 50px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:first-child { width: 320px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:last-child { width: 240px; top: 50px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:first-child { width: 340px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:last-child { width: 240px; top: 50px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) { top: 250px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) img { width: 233px; height: 140px; }
  .fr_hephai .bg_fr { height: 390px; top: 200px; }
  .logo_bottom { height: 124px; }
  .fr_thantuong .titles { margin: 30px auto 0; }
  .fr_news .box-news .width { width: 91%; }
  .fr_news .box-news .width .cont .gr .viewmore a { width: 440px; height: 115px; line-height: 115px; font-size: 33.78px; background-size: contain; }
  .popup.gift { left: -85px; }
  .popup.gift .width { width: 345px; }
  .popup.gift .width .text { min-height: 224px; }
  .popup.gift .width .text .gift_ingame ul li span { margin-left: 20px; }
  .popup.gift .width .text .gift_outgame ul li span { margin-left: 20px; }
  .page_news_list .maj .box-news .width .tab-row li { margin: 0 13px; }
  .footer .container_fluid { height: 500px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child { font-size: 20px; margin-top: 50px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child a { font-size: 50px; }
  .footer .container_fluid .container .width .btn_ht_dg p a { margin: 60px 60px 0; }
  .footer .container_fluid .container .width .btn_ht_dg p a:first-child { width: 155px; height: 159px; background-size: contain; }
  .footer .container_fluid .container .width .btn_ht_dg p a:last-child { width: 155px; height: 159px; background-size: contain; }
  .footer .container_fluid .nav_bottom ul li { height: 65px; }
  .footer .container_fluid .nav_bottom ul li a { font-size: 23px; line-height: 65px; }
  .page_news .maj .cont .cont_main .list_events_bottom ul .slick-list { width: calc(100% - 70px); }
  .page_news .maj .cont .cont_main .list_events_bottom ul .slick-arrow { width: 35px; height: 65px; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li { height: 65px; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li a { font-size: 23px; line-height: 65px; }
  .cont_main .detail .width table { width: 100% !important; } }

@media only screen and (max-width: 640px) { .fr_home .fr_home .container_fluid .container .regis .statis { font-size: 30px; }
  .fr_home .fr_home .container_fluid .container .regis .statis span { font-size: 40px; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 300px); } }

@media only screen and (max-width: 600px) { .fr_home .container .maj .slogan p.slogan-date { width: 233px; height: 75px; }
  .fr_home .container .maj .slogan p.slogan-date span:first-child { font-size: 25px; line-height: 56px; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { font-size: 35px; margin-top: 26px; }
  .fr_home .container_fluid .container .regis div p a { height: 115px; }
  .fr_home .container_fluid .container .regis div p a:hover { height: 115px; }
  .fr_dacsac .slider_mobile .slick-list .item img { max-width: 70%; }
  .fr_hephai .slider_hp .slick-dots { top: 20px; left: calc(50% - 260px); }
  .fr_hephai .slider_hp .slick-dots li a { width: 75px; } }

@media only screen and (max-width: 568px) { body { background-size: contain; background-position: center 75px; }
  .header { height: 76px; }
  .header .avata { width: calc(100% - 174px); }
  .header .avata p img { height: 62px; }
  .header .avata div p { font-size: 16px; }
  .header .avata div p:last-child { font-size: 15px; }
  .header .avata div p.srm { padding-top: 28px; }
  .header .settup_menu > p a { width: 120px; height: 41px; margin-top: 17px; }
  .page_news .header { height: 76px; }
  .page_news .maj .cont .cont_head { height: 76px; margin-top: 76px; }
  .page_news .maj .cont .cont_head p { font-size: 35px; line-height: 76px; }
  .page_news .maj .cont .cont_head p a { width: 114px; height: 40px; line-height: 40px; font-size: 25px; text-transform: uppercase; }
  .page_news .maj .cont .cont_head p a i { width: 15px; height: 29px; top: 5px; background-size: contain; }
  .page_news .maj .cont .cont_top .width p:nth-child(2) { font-size: 24px; line-height: 35px; }
  .page_news .maj .cont .cont_main .list_events_bottom ul .slick-list { width: calc(100% - 50px); }
  .page_news .maj .cont .cont_main .list_events_bottom ul .slick-arrow { width: 25px; height: 48px; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li { height: 48px; }
  .page_news .maj .cont .cont_main .list_events_bottom ul li a { font-size: 15px; line-height: 48px; }
  .page_news_list .header { height: 76px; }
  .page_news_list .maj .box-news .width { padding: 0 10px; }
  .page_news_list .maj .box-news .width .tab-row { height: 38px; }
  .page_news_list .maj .box-news .width .tab-row li { margin: 0 10px; }
  .page_news_list .maj .box-news .width .tab-row li a { font-size: 20px; height: 35px; }
  .page_news_list .maj .box-news .width .tab-row li.current a, .page_news_list .maj .box-news .width .tab-row li:hover a { font-size: 20px; height: 35px; }
  .page_news_list .maj .box-news .width .cont .gr .item .text { margin-left: 0; }
  .fr_home .container .maj { padding-top: 76px; }
  .fr_home .container .maj .slogan p.slogan-date { width: 190px; }
  .fr_home .container .maj .slogan p.slogan-date span:first-child { font-size: 21px; }
  .fr_home .container .maj .slogan p.slogan-date span.srm { width: 100%; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { font-size: 28px; margin-top: 31px; line-height: 19px; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child label { font-size: 18.48px; }
  .fr_home .container .maj .slogan p.slogan-date i { left: calc(50% - 189px); }
  .fr_home .container .maj .slogan .srm p:nth-child(2) { margin-top: 156px; }
  .fr_home .container .maj .s_video .width { height: 300px; }
  .fr_home .container_fluid .container .progress { width: 285px; }
  .fr_home .container_fluid .container .progress .line_mobile { left: 143px; height: 470px; background-size: contain; }
  .fr_home .container_fluid .container .progress ul li p:first-child span:first-child { width: 95px; height: 95px; }
  .fr_home .container_fluid .container .progress ul li p:nth-child(2) span { font-size: 30px; }
  .fr_home .container_fluid .container .progress ul li:nth-child(2) p:first-child span:first-child { width: 95px; height: 95px; }
  .fr_home .container_fluid .container .progress ul li:nth-child(3) p:first-child span:first-child { width: 95px; height: 95px; }
  .fr_home .container_fluid .container .progress ul li:nth-child(4) p:first-child span:first-child { width: 95px; height: 95px; }
  .fr_home .container_fluid .container .progress ul li:last-child p:first-child span:first-child { width: 112px; height: 95px; margin-left: 21px; }
  .fr_home .container_fluid .container .progress ul li > p img { width: 60px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) { margin-top: 86px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) { margin-top: -100px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) p:nth-child(2) i { left: 95px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(4) { margin-top: -14px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child { margin-top: -101px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:nth-child(2) i { left: 72px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:nth-child(2) span { margin-bottom: 0; }
  .fr_home .container_fluid .container .progress > ul > li p:nth-child(2) i { top: 33px; left: 88px; }
  .fr_home .container_fluid .container .progress .progress_bar i._1 { left: 138px; bottom: -51px; }
  .fr_home .container_fluid .container .regis { padding: 20px 0; }
  .fr_home .container_fluid .container .regis p a { width: 400px; height: 104px; line-height: 84px; }
  .fr_home .container_fluid .container .regis p a span { font-size: 40px; }
  .fr_home .container_fluid .container .regis div p { font-size: 25px; margin-bottom: 16px; }
  .fr_home .container_fluid .container .regis div p:last-child { margin-bottom: 0; }
  .fr_home .container_fluid .container .regis div p a span { font-size: 40px; }
  .fr_home .container_fluid .container .regis .statis { margin-bottom: 0; font-size: 25px; }
  .fr_home .container_fluid .container .regis .statis span { font-size: 30px; }
  .fr_home .container_fluid .container .title_td { margin: 50px auto 30px; }
  .fr_home .container_fluid .container .title_td p { font-size: 20px; height: 54px; line-height: 54px; width: 100%; }
  .fr_home .container_fluid .container #progress_1 { margin-left: 138px; bottom: -45px; width: 254px; }
  .fr_home .container_fluid .container #progress_1 progress { width: 340px; margin-left: -86px; }
  .fr_home .container_fluid .container #progress_2 { margin-left: 138px; bottom: -298px; width: 135px; }
  .fr_home .container_fluid .container #progress_2 progress { width: 267px; margin-left: -126px; }
  .fr_home .container_fluid .container .thele p { width: 45px; height: 124px; }
  .fr_home .container_fluid .container .thele p a { height: 122px; font-size: 25px; }
  #pauseMp3 { right: 5px; top: 81px; }
  #playMp3 { right: 5px; top: 81px; }
  #nav-icon2 p { width: 30px; margin: 24px 10px 0; height: 28px; }
  #nav-icon2 span { height: 5px; }
  #nav-icon2 span:nth-child(3) { top: 10px; }
  #nav-icon2 span:nth-child(4) { top: 10px; }
  #nav-icon2 span:nth-child(5) { top: 20px; }
  #nav-icon2 span:nth-child(6) { top: 20px; }
  #nav-icon2.open span:first-child { left: 0; }
  #nav-icon2.open span:nth-child(5) { left: 0; }
  .fr_hephai { margin-bottom: 50px; }
  .fr_hephai .bg_fr { height: 355px; }
  .fr_hephai .slider_hp .slick-list { top: 75px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:last-child { width: 225px; top: 80px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:last-child { width: 225px; top: 80px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:last-child { width: 225px; top: 80px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:last-child { width: 225px; top: 80px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:last-child { width: 225px; top: 80px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) { top: 280px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) img { width: 200px; height: 115px; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 215px); top: 0; }
  .fr_hephai .slider_hp .slick-dots li { padding: 0; }
  .fr_hephai .slider_hp .slick-dots li a { padding: 0; font-size: 20px; }
  .fr_hephai .slider_hp .slick-dots li i { width: 10px; }
  .fr_hephai .s_video .width { height: 300px; }
  .popup.gift { top: -189px; }
  .popup.gift .width { width: 284px; min-height: 100px; }
  .popup.gift .width .text { padding-left: 37px; min-height: 100px; }
  .popup.gift .width .text .gift_ingame ul li span { font-size: 13px; line-height: 20px; margin-left: 15px; }
  .popup.gift .width .text .gift_outgame ul li span { font-size: 13px; line-height: 20px; margin-left: 15px; }
  .popup.gift._4 { top: -348px; }
  .popup.gift._4 .width .text i { height: 283px; background-size: contain; }
  .popup.gift._1 .width .text i { height: 127px; background-size: contain; }
  .popup.gift._2 .width .text i { height: 127px; background-size: contain; }
  .popup.gift._3 .width .text i { height: 127px; background-size: contain; }
  .popup.info_user .width { width: 85%; }
  .popup.info_user .width .text form > p input { width: 210px; }
  .popup.info_user .width .text form > p select { width: 210px; }
  .popup.info_user .width .text form .number_lucky p:first-child { width: 70px; }
  .bnt_logout { top: 220px; }
  .bnt_logout p { width: 45px; }
  .bnt_logout p a { font-size: 25px; }
  .logo_bottom { height: 110px; }
  .fr_thantuong .list_tuong .slider-nav { width: 380px; }
  .fr_thantuong .list_tuong .slider-nav .slick-list .item p { height: 88px; width: 100%; background-size: contain; }
  .fr_thantuong .list_tuong .slider-x { min-width: 700px; left: calc(50% - 350px); }
  .fr_thantuong .list_tuong .slider-x .slick-list .item p { height: 410px; }
  .fr_thantuong .list_tuong > p { font-size: 20px; margin: 20px 0; }
  .fr_dacsac .slider_mobile { margin-top: 75px; }
  .fr_dacsac .slider_mobile .slick-list { margin-top: -50px; }
  .fr_news .box-news .width .cont .gr .viewmore a { width: 310px; height: 84px; line-height: 84px; font-size: 26px; }
  .menu_toggle ul li a { font-size: 25px; height: 46px; line-height: 46px; }
  .footer .container_fluid { height: 350px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child { font-size: 15px; margin: 40px auto 20px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child a { font-size: 40px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:last-child { font-size: 20px; }
  .footer .container_fluid .container .width .btn_ht_dg p a { margin: 35px 50px 0; }
  .footer .container_fluid .container .width .btn_ht_dg p a:first-child { width: 120px; height: 120px; }
  .footer .container_fluid .container .width .btn_ht_dg p a:last-child { width: 120px; height: 120px; }
  .footer .container_fluid .nav_bottom ul li { height: 48px; }
  .footer .container_fluid .nav_bottom ul li a { font-size: 15px; line-height: 48px; }
  .cont_main .prev_next a { font-size: 27px; } }

@media only screen and (max-width: 480px) { .cont_main .prev_next a { font-size: 20px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) { left: 10px; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 200px); }
  .fr_hephai .slider_hp .slick-dots li a { width: 70px; font-size: 18px; }
  .fr_hephai .slider_hp .slick-dots li.slick-active a { width: 80px; background-size: 100% 100%; font-size: 18px; }
  .fr_home .container .maj .slogan p.slogan-date { height: 40px; }
  .fr_home .container .maj .slogan p.slogan-date span { margin-top: 7px; }
  .fr_home .container .maj .slogan p.slogan-date span:first-child { line-height: normal; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { line-height: normal; margin-top: 0; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 290px; }
  .fr_home .container_fluid .container .regis .statis { font-size: 20px; }
  .fr_home .container_fluid .container .regis .statis span { font-size: 30px; }
  .fr_home .container_fluid .container .regis div p a { height: 90px; }
  .fr_home .container_fluid .container .regis div p a:hover { height: 90px; }
  .fr_home .container_fluid .container .regis div p a span { font-size: 30px; }
  .footer .container_fluid .container .width .btn_ht_dg p a { margin: 35px 35px 0; } }

@media only screen and (max-width: 414px) { body { background-position: center 65px; }
  #pauseMp3 { top: 71px; }
  #playMp3 { top: 71px; }
  .page_news .header { height: 66px; }
  .page_news .maj .cont .cont_head { height: 66px; margin-top: 66px; }
  .page_news .maj .cont .cont_head p { font-size: 25px; line-height: 66px; }
  .page_news .maj .cont .cont_head p a { width: 92px; height: 33px; line-height: 33px; font-size: 20px; top: 16px; }
  .page_news .maj .cont .cont_head p a i { width: 12px; height: 21px; }
  .header { height: 66px; }
  .header .avata { width: calc(100% - 150px); }
  .header .avata p img { width: 50px; height: 50px; }
  .header .avata div p:first-child { padding-top: 14px; margin-bottom: 4px; }
  .header .avata div p.srm { padding-top: 24px; }
  .header .settup_menu > p a { width: 100px; height: 35px; margin-top: 12px; }
  .fr_home .container .maj { padding-top: 66px; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 270px; }
  .fr_home .container .maj .slogan p.slogan-date { width: 174px; }
  .fr_home .container .maj .slogan p.slogan-date i { width: 75px; height: 75px; left: calc(50% - 154px); }
  .fr_home .container .maj .slogan p.slogan-date i.srm { left: calc(50% - 58px); }
  .fr_home .container .maj .slogan p.slogan-date span:first-child { font-size: 18px; }
  .fr_home .container .maj .slogan p.slogan-date span.srm { width: 100%; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { font-size: 27px; }
  .fr_home .container .maj .slogan .srm p:nth-child(2) { margin-top: 72px; }
  .fr_home .container .maj .s_video .width { height: 220px; }
  .fr_home .container_fluid .container .title_td { margin-top: 42px; }
  .fr_home .container_fluid .container .title_td p { height: 41px; line-height: 45px; width: 100%; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(3) { margin-top: -84px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(4) { margin-top: 1px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child { margin-top: -84px; }
  .fr_home .container_fluid .container .progress > ul > li:nth-child(2) p:nth-child(2) i { left: -54px; }
  .fr_home .container_fluid .container .progress ul li p:nth-child(2) span { font-size: 25px; margin-top: 5px; }
  .fr_home .container_fluid .container #progress_1 { width: 262px; }
  .fr_home .container_fluid .container #progress_1 progress { width: 340px; margin-left: -78px; }
  .fr_home .container_fluid .container #progress_2 { width: 135px; }
  .fr_home .container_fluid .container #progress_2 progress { margin-left: -110px; }
  .fr_home .container_fluid .container .thele { padding-top: 1px; }
  .fr_home .container_fluid .container .regis p { margin-bottom: 3px; }
  .fr_home .container_fluid .container .regis p a { width: 275px; height: 72px; }
  .fr_home .container_fluid .container .regis p a span { font-size: 30px; }
  .fr_dacsac .slider_mobile .slick-dots { margin-top: 20px; }
  .fr_dacsac .slider_mobile .slick-dots li button { width: 15px; height: 15px; }
  .fr_dacsac .slider_mobile .slick-dots li.slick-active button { width: 70px; }
  .fr_hephai .titles { margin-top: 33px; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 180px); }
  .fr_hephai .slider_hp .slick-dots li a { width: 64px; }
  .fr_hephai .slider_hp .slick-dots li.slick-active a { width: 70px; }
  .fr_hephai .slider_hp .slick-list { top: 60px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:first-child { width: 270px; top: 17px; }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:last-child { width: 170px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:first-child { width: 223px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:last-child { width: 170px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:first-child { width: 292px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:last-child { width: 170px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:first-child { width: 263px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:last-child { width: 170px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:first-child { width: 275px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:last-child { width: 170px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) { top: 225px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) img { width: 130px; height: 90px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) i { width: 40px; height: 40px; top: calc(50% - 20px); left: calc(50% - 20px); background-size: contain; }
  .fr_hephai .bg_fr { height: 275px; top: 185px; }
  .fr_hephai .s_video .width { height: 220px; }
  .fr_thantuong .titles { margin-top: 12px; }
  .fr_thantuong .list_tuong .slider-x { min-width: 600px; left: calc(50% - 300px); }
  .fr_thantuong .list_tuong .slider-x .slick-list .item p { height: 357px; }
  .fr_thantuong .list_tuong .slider-nav { width: 300px; }
  .page_news_list .header { height: 66px; }
  .page_news_list .maj .box-news { margin-top: 86px; }
  .page_news_list .maj .box-news .width .tab-row li { margin: 0 7px; }
  .page_news_list .maj .box-news .width .tab-row li a { font-size: 17px; letter-spacing: normal; }
  .page_news_list .maj .box-news .width .tab-row li.current a, .page_news_list .maj .box-news .width .tab-row li:hover a { font-size: 17px; }
  .page_news_list .maj .box-news .width .cont .gr .item .text { width: calc(100% - 70px); }
  .page_news_list .maj .box-news .width .cont .gr .item .date p:nth-child(2) { font-size: 14px; margin: 4px 0 10px; }
  .page_news_list .maj .box-news .width .cont .gr .item .date p:first-child { font-size: 15px; }
  #nav-icon2 p { margin: 18px 10px 0; }
  #nav-icon2.open span:nth-child(5) { top: 14px; }
  #nav-icon2.open span:nth-child(6) { top: 14px; }
  .popup.notify .width { width: 85%; }
  .popup.notify .width .text { padding-left: 20px; }
  .popup.notify.last .width .text .view_rss { margin-left: 78px; }
  .popup.info_user .width .text form .view_rs { margin-left: 58px; }
  .popup.info_user .width .text form .number_lucky p:nth-child(2) input { width: 115px; }
  .popup.thele .width { height: 80%; }
  .popup.thele .width .text { height: 90%; padding-left: 13px; }
  .fr_news .box-news { width: 97%; padding: 5px; }
  .fr_news .box-news .width { width: 85%; }
  .fr_news .box-news .width .cont .gr .viewmore a { width: 275px; height: 72px; line-height: 72px; font-size: 22px; }
  .fr_news .box-news .width .cont .gr .viewmore a:hover { width: 275px; height: 72px; line-height: 72px; font-size: 22px; }
  .fr_news .titles { top: 0; margin: 30px auto 0; }
  .logo_bottom { margin-left: -60px; }
  .fr_dacsac .slider_mobile { margin-top: 45px; }
  .menu_toggle ul { top: 60px; }
  .menu_toggle ul li a { font-size: 20px; height: 40px; line-height: 40px; text-indent: 30px; margin-left: 15px; }
  .footer { margin-top: 100px; }
  .footer .container_fluid { height: 300px; }
  .footer .container_fluid .container .width .btn_ht_dg p a { margin: 25px 35px 0; }
  .footer .container_fluid .container .width .btn_ht_dg p a:first-child { width: 100px; height: 100px; }
  .footer .container_fluid .container .width .btn_ht_dg p a:last-child { width: 100px; height: 100px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:first-child { margin: 30px 0 15px; }
  .footer .container_fluid .container .width .hotline_dk_cd p:last-child { font-size: 18px; } }

@media only screen and (max-width: 375px) { body { background-position: center 54px; }
  #pauseMp3 { top: 60px; }
  #playMp3 { top: 60px; }
  .page_news .header { height: 55px; }
  .page_news .maj .cont .cont_head { height: 55px; margin-top: 55px; }
  .page_news .maj .cont .cont_head p { font-size: 20px; line-height: 55px; }
  .page_news .maj .cont .cont_head p a { width: 80px; height: 30px; line-height: 30px; font-size: 17px; top: 12px; }
  .page_news .maj .cont .cont_top .width p:nth-child(2) { font-size: 24px; line-height: 35px; }
  .header { height: 56px; height: 55px; }
  .header .avata { width: calc(100% - 135px); }
  .header .avata div p:first-child { font-size: 14px; }
  .header .avata div p:last-child { font-size: 13px; }
  .header .avata div p.srm { padding-top: 22px; }
  .header .avata p img { width: 40px; height: 42px; margin: 7px 6px 0; }
  .header .settup_menu > p a { width: 90px; height: 30px; margin-top: 9px; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 250px; margin-bottom: -90px; }
  .fr_home .container_fluid { height: auto; }
  .fr_home .container_fluid:after { content: ''; clear: both; display: block; }
  .fr_home .container_fluid .container .regis { padding: 5px 0; }
  .fr_home .container_fluid .container .regis div p a { width: 250px; height: 70px; }
  .fr_home .container_fluid .container .regis div p a:hover { width: 250px; height: 70px; }
  .fr_home .container_fluid .container .regis div p a span { font-size: 25px; }
  .fr_home .container_fluid .container .regis .statis { font-size: 15px; margin-bottom: 15px; }
  .fr_home .container_fluid .container .regis .statis span { font-size: 20px; }
  .fr_home .container .maj { padding-top: 56px; }
  .fr_home .container .maj .s_video .width { height: 175px; }
  .fr_news .box-news .width .cont .gr .viewmore a { width: 250px; }
  .fr_news .box-news .width .cont .gr .viewmore a:hover { width: 250px; }
  .page_news_list .header { height: 55px; }
  .page_news_list .maj .box-news .width .tab-row li { margin: 0 6px; }
  .fr_hephai .slider_hp .slick-dots li a { font-size: 15px; }
  .fr_hephai .slider_hp .slick-dots li.slick-active a { width: 60px; font-size: 15px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) { left: 10px; }
  .fr_hephai .slider_hp .slick-list .item p:nth-child(2) i { top: calc(50% - 22px); }
  .fr_hephai .slider_hp .slick-list .item._1 p:nth-child(2) i { top: calc(50% - 18px); }
  .fr_hephai .slider_hp .slick-list .item._1 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._2 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._3 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._4 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .slider_hp .slick-list .item._5 p:first-child a img:last-child { margin-left: 10px; }
  .fr_hephai .s_video .width { height: 175px; }
  #nav-icon2 p { width: 23px; margin: 13px 10px 0; }
  #nav-icon2 span { height: 4px; }
  #nav-icon2 span:nth-child(3) { top: 8px; }
  #nav-icon2 span:nth-child(4) { top: 8px; }
  #nav-icon2 span:nth-child(5) { top: 16px; }
  #nav-icon2 span:nth-child(6) { top: 16px; }
  .logo_bottom { width: 243px; height: 98px; margin-left: -20px; }
  .logo_bottom .logo_gosu img { width: 140px; }
  .logo_bottom .logo_gihot img { width: 80px; margin-top: 7px; }
  .fr_dacsac .slider_mobile .slick-dots li { margin: 8px; overflow: hidden; }
  .fr_thantuong .list_tuong .slider-nav { margin-top: 15px; }
  .popup.info_user .width .text { height: 400px; overflow-y: scroll; }
  .popup.info_user .width .text > p { margin-left: 20px; }
  .popup.info_user .width .text > p:first-child { margin-top: 36px; }
  .popup.info_user .width .text form { margin: 23px 0 0; }
  .popup.info_user .width .text form > i { margin: 9px auto 12px; }
  .popup.info_user .width .text form > p span { height: 20px; margin-right: 0; }
  .popup.info_user .width .text form > p input { width: 197px; }
  .popup.info_user .width .text form > p select { width: 197px; }
  .popup.info_user .width .text form > p:nth-child(4) { margin-left: -9px; }
  .popup.info_user .width .text form > p:nth-child(4) select { width: 208px; margin-left: 7px; text-align-last: center; text-align: center; }
  .popup.info_user .width .text form .number_lucky { margin-left: 23px; }
  .popup.info_user .width .text form .number_lucky p:first-child { width: 50px; }
  .popup.info_user .width .text form .number_lucky p:nth-child(2) { width: 163px; font-size: 11px; }
  .popup.info_user .width .text form .number_lucky p:nth-child(2) input { width: 100%; }
  .popup.info_user .width .text form .number_lucky p:last-child a { width: 52px; font-size: 11px; }
  .popup.info_user .width .text form .submit { margin-left: 0; }
  .cont .cont_main .detail { padding: 17px 15px 0; }
  .cont_main .prev_next a { font-size: 17px; } }

@media only screen and (max-width: 360px) { .page_news_list .maj .box-news .width .tab-row li { margin: 0 5px; }
  .page_news_list .maj .box-news .width .tab-row li a { font-size: 15px; }
  .page_news_list .maj .box-news .width .tab-row li.current a, .page_news_list .maj .box-news .width .tab-row li:hover a { font-size: 15px; }
  .fr_home .container .maj .slogan p.slogan-img { margin-top: 180px; margin-bottom: -75px; }
  .fr_home .container_fluid .container .regis div p a { margin: 20px auto; }
  .fr_news .box-news .width .cont .gr .viewmore a { width: 210px; }
  .fr_news .box-news .width .cont .gr .viewmore a:hover { width: 210px; }
  .fr_hephai .slider_hp .slick-dots { left: calc(50% - 155px); }
  .fr_hephai .slider_hp .slick-dots li a { width: 53px; }
  .footer .container_fluid .container .width .btn_ht_dg p a { margin: 25px 25px 0; } }

@media only screen and (max-width: 320px) { .fr_home .container_fluid .container .regis div p a { width: 191px; height: 50px; }
  .fr_home .container_fluid .container .regis div p a:hover { width: 191px; height: 50px; }
  .fr_home .container_fluid .container .regis div p a span { font-size: 20px; }
  .fr_home .container_fluid .container .regis > p:last-child { font-size: 15px; }
  .fr_home .container_fluid .container .regis p:last-child span { font-size: 20px; }
  .fr_home .container_fluid .container .title_td p { height: 33px; line-height: 33px; font-size: 16px; }
  .fr_home .container_fluid .container .thele p { width: 31px; height: 80px; }
  .fr_home .container_fluid .container .thele p a { height: 78px; font-size: 19px; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:nth-child(2) i { margin-bottom: 0; }
  .fr_home .container_fluid .container .progress > ul > li:last-child p:nth-child(2) span { margin-bottom: 0; }
  .fr_home .container .maj .slogan p.slogan-date { width: 151px; margin: 10px auto; }
  .fr_home .container .maj .slogan p.slogan-date span { margin-top: 7px; }
  .fr_home .container .maj .slogan p.slogan-date span:last-child { font-size: 22px; margin-top: 3px; }
  .fr_home .container .maj .slogan p.slogan-date span.srm { margin-bottom: 0; }
  .fr_home .container .maj .slogan p.slogan-date i.srm { width: 55px; height: 55px; left: calc(50% - 46px); }
  .fr_home .container .maj .slogan .srm p:nth-child(2) { margin-top: 61px; }
  .bnt_logout { top: 165px; }
  .bnt_logout p { width: 31px; }
  .bnt_logout p a { font-size: 17px; height: 58px; }
  .popup.notify .width .text .view_rss { width: 233px; }
  .popup.notify .width .text .view_rss a { width: 113px; }
  .popup.notify .width .text .view_rss span { width: 113px; }
  .popup.info_user .width .text { height: 434px; }
  .popup.info_user .width .text form > p input { height: 25px; }
  .popup.info_user .width .text form > p select { height: 25px; }
  .popup.info_user .width .text form > p:first-child { font-size: 17px; }
  .popup.info_user .width .text form .number_lucky p:nth-child(2) { width: 134px; }
  .popup.info_user .width .text > p:first-child { font-size: 17px; }
  .header .avata div p:first-child { font-size: 11px; }
  .header .avata div p:last-child { font-size: 12px; } }

.detail h1 { background: url(../images/icon_h1.png) no-repeat scroll 1px 7px transparent; float: left; font-size: 15px; padding: 10px 13px 15px 28px; line-height: 23px; color: #000; color: #0f191f; font-size: 19px !important; font-family: tahomabd; text-indent: 25px; display: block; }

.detail h1 span { color: #0f191f; font-size: 19px !important; font-family: tahomabd; text-indent: 25px; display: block; color: #b00000; font-size: 19px !important; font-family: tahomabd; text-indent: 5px; display: block; }

.detail h1 strong { color: #0f191f; font-size: 19px !important; font-family: tahomabd; text-indent: 25px; display: block; }

.popup { width: 100%; height: 100%; top: 0; left: 0; display: none; position: fixed; background-color: black; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; overflow: auto; }

.popup .close-outside { width: 100%; height: 100%; display: block; position: absolute; z-index: 1; cursor: default; }

.popup .content-popup { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; }

.popup .wrapper-popup { width: 300px; height: 350px; background: url(../images/popup.png) no-repeat center center; background-size: 100% 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media (min-width: 360px) { .popup .wrapper-popup { width: 340px; height: 500px; } }

@media (min-width: 600px) { .popup .wrapper-popup { width: 550px; height: 600px; } }

@media (min-width: 1000px) { .popup .wrapper-popup { width: 900px; } }

.popup .wrapper-popup .title-detail { padding-top: 10px; }

@media (min-width: 1000px) { .popup .wrapper-popup .title-detail { padding-top: 20px; } }

.popup .content-new-detail { height: 290px; }

@media (min-width: 360px) { .popup .content-new-detail { height: 440px; } }

@media (min-width: 600px) { .popup .content-new-detail { height: 515px; margin: 0 5px; } }

.popup .content-new-detail .text { margin-top: 30px; padding-bottom: 100px; padding-left: 5px; padding-right: 5px; line-height: 30px; font-weight: 500; font-size: 14px; }

@media (min-width: 1024px) { .popup .content-new-detail .text { font-size: 15px; padding-left: 25px; padding-right: 25px; } }

.popup .close-content { position: absolute; background: url(../images/close-popup.png) no-repeat center top; background-size: contain; top: -10px; right: -10px; width: 35px; height: 36px; cursor: pointer; z-index: 999; }

@media (min-width: 600px) { .popup .close-content { width: 52px; height: 54px; top: -15px; right: -15px; } }

.popup-small .title-popup { padding-top: 30px; }

.popup-small .title-popup img { max-width: 90%; }

.popup-small .wrapper-popup { width: 300px; height: 300px; }

@media (min-width: 375px) { .popup-small .wrapper-popup { width: 350px; height: 350px; } }

@media (min-width: 411px) { .popup-small .wrapper-popup { width: 380px; } }

@media (min-width: 480px) { .popup-small .wrapper-popup { width: 450px; height: 450px; } }

@media (min-width: 640px) { .popup-small .wrapper-popup { width: 500px; height: 480px; } }

@media (min-width: 768px) { .popup-small .wrapper-popup { width: 579px; height: 506px; } }

@media (min-width: 1000px) { .popup-small .wrapper-popup:before { left: -134px; } }

.popup-small .detail-login { width: 90%; font-size: 17px; line-height: 1.5; position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #0f191f; }

.popup-small .notif { width: 75%; margin: 0 auto; font-family: 'tahomabold'; color: red; font-size: 10px; }

@media (min-width: 480px) { .popup-small .notif { width: 65%; font-size: 13px; } }

@media (min-width: 640px) { .popup-small .notif { width: 50%; } }

@media (min-width: 1200px) { .popup-small .notif { width: 60%; font-size: 17px; } }

.popup-small .form-ctr { width: 100%; height: 39px; line-height: 70px; margin: 15px auto; position: relative; /* CAUTION: IE hackery ahead */ /* target Internet Explorer 9 to undo the custom arrow */ }

@media (min-width: 480px) { .popup-small .form-ctr { width: 413px; height: 55px; margin: 20px auto; line-height: 39px; } }

.popup-small .form-ctr .icon-input { width: 30px; height: 30px; background: url(../images/icon-id.png) no-repeat; background-size: 100% 100%; position: absolute; top: 17px; left: 15px; }

@media (min-width: 480px) { .popup-small .form-ctr .icon-input { width: 40px; height: 40px; top: 8px; left: 18px; } }

.popup-small .form-ctr .icon-password { width: 25px; height: 30px; background: url(../images/icon-pass.png) no-repeat; background-size: 100% 100%; left: 17px; }

@media (min-width: 480px) { .popup-small .form-ctr .icon-password { width: 30px; height: 40px; left: 23px; } }

.popup-small .form-ctr input:-webkit-autofill, .popup-small .form-ctr input:-webkit-autofill:hover, .popup-small .form-ctr input:-webkit-autofill:focus, .popup-small .form-ctr textarea:-webkit-autofill, .popup-small .form-ctr textarea:-webkit-autofill:hover, .popup-small .form-ctr textarea:-webkit-autofill:focus, .popup-small .form-ctr select:-webkit-autofill, .popup-small .form-ctr select:-webkit-autofill:hover, .popup-small .form-ctr select:-webkit-autofill:focus { -webkit-text-fill-color: #ffffff; -webkit-transition: background-color 5000s ease-in-out 0s; -o-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; -webkit-box-shadow: 0 0 0px 1000px #4d4e5a inset; box-shadow: 0 0 0px 1000px #4d4e5a inset; -webkit-appearance: none; }

.popup-small .form-ctr select::-ms-expand { display: none; /* remove default arrow on ie10 and ie11 */ }

@media screen and (min-width: 0\0) { .popup-small .form-ctr select { background: none\9; padding: 5px\9; } }

.popup-small .form-ctr input::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ffffff; opacity: 1; /* Firefox */ }

.popup-small .form-ctr input:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ffffff; opacity: 1; /* Firefox */ }

.popup-small .form-ctr input::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ffffff; opacity: 1; /* Firefox */ }

.popup-small .form-ctr input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #ffffff; opacity: 1; /* Firefox */ }

.popup-small .form-ctr input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ffffff; }

.popup-small .form-ctr input::-ms-input-placeholder { /* Microsoft Edge */ color: #ffffff; }

.popup-small input.text { border: none; background: #4d4e5a; width: 100%; height: 100%; color: #ffffff; font-size: 25px; border-radius: 5px; padding: 0 70px; }

@media (min-width: 768px) { .popup-small input.text { padding: 0 100px; } }

.popup-small .button-login { cursor: pointer; border: none; width: 100%; height: 85%; background: transparent; }

.link-dkdn { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 480px) { .link-dkdn { margin-top: 20px; } }

.link-dkdn .link-text { font-size: 16px; color: #783c30; }

.link-dkdn li { margin: 0 15px; }

.link-dkdn li .link-submit { width: 100px; height: 41px; }

@media (min-width: 480px) { .link-dkdn li .link-submit { width: 175px; height: 72px; } }

.link-dkdn li .link-submit.button-login { background: url(../images/btn-login.png) no-repeat; background-size: 100% 100%; text-indent: -9999px; }

.link-dkdn li .link-submit.button-login:hover { background: url(../images/btn-login-hover.png) no-repeat; background-size: 100% 100%; }

.link-dkdn li .link-submit.popup-regis { background: url(../images/btn-regis.png) no-repeat; background-size: 100% 100%; }

.link-dkdn li .link-submit.popup-regis:hover { background: url(../images/btn-regis-hover.png) no-repeat; background-size: 100% 100%; }

.other-login { margin-top: 10px; }

.other-login .login-open-id { margin: 10px 5px 5px; width: 45px; height: 45px; display: inline-block; text-indent: -9999px; }

@media (min-width: 480px) { .other-login .login-open-id { width: 72px; height: 72px; margin-top: 10px; } }

.other-login .login-open-id.login-fb { background: url(../images/icon-fb.png) no-repeat center center; background-size: 100% 100%; }

.other-login .login-open-id.login-fb:hover { background: url(../images/icon-fb-hover.png) no-repeat center center; background-size: 100% 100%; }

.other-login .login-open-id.login-gg { background: url(../images/icon-gg.png) no-repeat center center; background-size: 100% 100%; }

.other-login .login-open-id.login-gg:hover { background: url(../images/icon-gg-hover.png) no-repeat center center; background-size: 100% 100%; }

.arrow { background: url(../images/img-bg-arrow.png) center no-repeat; width: 34px; height: 81px; position: absolute; top: 60px; left: 198px; z-index: 999; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }

.arrow .pullLeft { width: 31px; height: 37px; background: url(../images/icon-arrow.png) center no-repeat; position: absolute; top: 22px; left: 1px; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; cursor: pointer; }

.arrow .pullRight { left: 3px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; }

.add-button { position: absolute; top: 1px; left: 1px; }

/*# sourceMappingURL=style.css.map */