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,img,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,i,em{margin:0;padding:0;border:0;outline:0;list-style:none;text-decoration:none;font-style:normal;font-weight:normal;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing: border-box;}
table{border-collapse:collapse;}
.clear{clear:both;}
html,body,a{scroll-behavior:smooth;}
body{font-family:Tahoma,Verdana,Segoe,sans-serif;overflow-x:hidden;letter-spacing:0.5px;font-size: .938vw;background-color:#1e1f21;font-weight: 400;}

header{align-items:center;display:flex;height:5.208vw;left:0;padding:5vw 2.76vw;position:absolute;top:0;width:100vw;z-index:10;justify-content:center;box-sizing: border-box;}
.logo-top a{display: inline-block;margin:0 2vw 0 2vw}
.logo-top a:first-child img{vertical-align: middle;width: 10.529vw;}
.logo-top a:nth-child(2) img{vertical-align: middle;width: 16.529vw;}
.logo-top a:nth-child(3) img{vertical-align: middle;width: 8.529vw;}
.bx-allmenu-dnhap-topto{display: flex;align-items: center;flex: 1}
.navbar{flex:1;margin-left:10.104vw;}
.navbar ul{display: flex;align-items: center;justify-content: center;}
.navbar ul li a{height:5.208vw;line-height:5.208vw;padding:0 0.208vw;text-align:center;width:8.304vw;white-space: nowrap;box-sizing: border-box;text-transform: uppercase;color: #fff;font-size: .729vw;display: inline-block;transition:background-color .3s,color .3s;position: relative;}
.navbar ul li a i{position: absolute;width:0.25vw;height: 0.25vw;box-sizing: border-box;top:50%;transform: translateY(-50%) rotate(135deg);-moz-transform: translateY(-50%) rotate(135deg);-webkit-transform: translateY(-50%) rotate(135deg);margin-top:-2px;margin-left: 7px;}
.navbar ul li a i:before{content:'';width:100%;height:100%;border-width:.1vw .1vw 0 0;border-style:solid;border-color:#909399;display:block;}
.navbar ul li a:hover{background-image:url(../images/nav_item_hover.png);background-size:cover;color:#e62335;background-position: bottom;}
.navbar ul li a:hover i{margin-top: 2px;}
.navbar ul li a:hover i:before{border-width:0 0 .1vw .1vw;}
.navbar ul li.sub-navbar-top ul{position:absolute;top:50%;flex-direction:column;min-width:8.304vw;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all 0.15s;-moz-transition:all 0.15s;-webkit-transition:all 0.15s;}
.navbar ul li.sub-navbar-top ul li a{text-transform: uppercase;height: 1.875vw;line-height: 1.875vw;padding: 0 0.521vw;transition:background-color .3s,color .3s;text-align: left;}
.navbar ul li.sub-navbar-top ul li a:hover{background-color:#e62335;color:#fff;background-image: none;}
.navbar ul li.sub-navbar-top:hover ul{top:100%;opacity: 1;visibility: visible;}
.btn-sign-top{background-image:url(../images/btn_download.png);background-size:cover;cursor:pointer;font-size:1.042vw;height:3.021vw;line-height:2.917vw;text-align:center;width:10.833vw;transition:.2s;display:flex;justify-content:center;align-items:center;text-transform:uppercase;color:#fff;}
.ifo-dn-ok{display: flex;align-items: center;color: #fff;}
.ifo-dn-ok a{color: #fff;margin-left: 0.521vw;}
.ifo-dn-ok a:hover{text-decoration:underline;color: #e62335;}







main{background-color:#1e1f21;color:#fff;/*min-height:100vh;*/padding-top:0;}
.banne-vdbg{height:51.042vw;position:relative;align-items:center;display:flex;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.vd-banner-bg{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;}
.alldes-vdbg{height:100%;position:relative;width:100%;z-index:1;}
.al_textcet_vdbg{display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;color: #fff;flex-direction: column;}
.al-txndung1{margin-bottom: 1.25vw;font-size: 1.375vw;text-transform: uppercase;}
.al-txndung2{margin-bottom: 1.075vw;font-size: 3.5vw;font-weight: 700;}
.al-txndung3{line-height: 2;white-space: pre-line;margin-bottom: 0;font-size: 1.542vw;font-style: italic;font-weight: bold}
.btn-plvd img{height:6.219vw;width:7.125vw;animation:arrow-down .4s linear infinite alternate;}
.btn-plvd:hover{filter: brightness(0.7);}
.btn-dowlo{margin:0 auto;width:41.667vw;display: flex;color: #fff}
.btn-dowlo a{align-items:center;background-image:url(../images/btn_download.png);background-size:cover;cursor:pointer;display:flex;font-size:1.583vw;height:5.208vw;justify-content:center;margin:2.083vw auto;transition:.2s;width:19.115vw;text-transform: uppercase;color: #fff;}
.btn-dowlo a:hover,.btn-sign-top:hover{filter: brightness(120%);-moz-filter: brightness(120%);-webkit-filter: brightness(120%);color: #fff}
.lssm_media{align-items:center;display:flex;justify-content:center;}
.lssm_media li{margin:0 0.521vw;}
.lssm_media li a{transition:.3s;display: inline-block;}
.lssm_media li.icon_twitter a img{height: 1.654vw;width: 1.756vw;}
.lssm_media li.icon_facebook a img{height: 1.823vw;width: 0.885vw;}
.lssm_media li.icon_discord a img{height: 1.458vw;width: 2.083vw;}
.lssm_media li.icon_youtube a img{height: 1.458vw;width: 2.031vw;}
.lssm_media li a:hover{transform: scale(1.1);}
.arrow-down{animation:arrow-down .5s linear infinite alternate;background-image:url(../images/arrow_down.png);background-size:cover;bottom:1.042vw;height:1.563vw;left:50%;margin-left:-0.938vw;position:absolute;width:2.396vw;z-index:2;}
@keyframes arrow-down{0%{transform:translateY(0)}to{transform:translateY(-8px)}}


.all_tintuc-slid{display: flex;justify-content: space-between;}
.bx-left-tintucslide,.bx-right-tintucslide{flex-shrink: 0;}
.altd-tintuc-slid{border-left:0.104vw solid #e62335;font-size:1.363vw;line-height:1.25vw;margin-bottom:2.083vw;padding-left:1.042vw;display: flex;text-transform: uppercase;color: #fff;}
.altd-tintuc-slid a{font-size: .733vw;color: inherit;margin-left: auto;}
.new-list-tintuc{display:flex;flex-wrap:wrap;justify-content:space-between;width:52.604vw;}
.bx-newlist-tin{width: 25.729vw;display: flex;flex-direction: column;}
.new-list-tintuc .bx-newlist-tin:first-child,
.new-list-tintuc .bx-newlist-tin:nth-child(2){margin-bottom: 1.354vw;}
.img-thubtintuc{display:block;height:12.604vw;position:relative;}
.img-thubtintuc img{border-radius:0.208vw;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%;}
.des-thubtintuc{background-color:#000;flex:1;height:4.167vw;min-width:0;padding:0.521vw;}
.des-thubtintuc a{color:#ccc;font-size:.729vw;height:1.723vw;line-height:1.042vw;margin-bottom:0.26vw;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
.des-thubtintuc span{color:gray;font-size:.625vw;}
.banner-list{background-color:#28292d;height:34.896vw;position:relative;width:32.292vw;}
.banner-list .banner img{display:block;height:32.292vw;width:32.292vw;}
.banner-list .swiper-pagination{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:2.604vw;justify-content:space-between;text-align:center;z-index:1;width: 100%;}
.banner-list .swiper-pagination .swiper-pagination-bullet{border-right:1px solid #fff;cursor:pointer;flex:1;flex-shrink:1;font-size:.833vw;line-height:.833vw;overflow:hidden;padding:0.1vw 0.521vw;text-overflow:ellipsis;transition:.3s;white-space:nowrap;color: #fff;border-radius: 0;background-color: transparent;height: auto;width: auto;}
.banner-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color: #e62335;}
.banner-list .swiper-pagination .swiper-pagination-bullet:last-child{border-right: none;}
.layout-big{margin:0 auto;width:86.979vw;margin-bottom:2.604vw;padding-top:5.208vw;}
.long-bar{padding: 2.604vw 0;}
.long-bar img{display:block;height:9.688vw;width:87.135vw;}
.sn-tinhnang{background-image:url(../images/bg-tinnang.png);background-size:cover;height:61.771vw;padding-top:6.771vw;position: relative;z-index: 2;margin-top: -1.563vw;}
.td-tinangallgame{display: block;text-align: center;text-transform: uppercase;color: #767986;font-size: 3.125vw;margin-bottom: 3.906vw;}
.game-swiper{margin:0 auto;position:relative;width:78.125vw;}
.game-img{display:block;height:43.75vw;width:78.125vw;}
.sn-tinhnang .game-swiper .arrow{background-size:cover;height:3.125vw;margin-top:-1.563vw;opacity:.8;top:50%;transition:.3s;width:4.896vw;}
.sn-tinhnang .game-swiper .arrow:after{content: none;}
.sn-tinhnang .game-swiper .arrow.swiper-button-prev{background-image:url(../images/arrow_left.png);left: -2.448vw;}
.sn-tinhnang .game-swiper .arrow.swiper-button-next{background-image:url(../images/arrow_right.png);right: -2.448vw;}
.sn-tinhnang .game-swiper .arrow.swiper-button-prev:hover,
.sn-tinhnang .game-swiper .arrow.swiper-button-next:hover{opacity: 1;}
.td-allkol{display: block;text-align: center;text-transform: uppercase;color: #e62335;font-size: 1.563vw;padding-top: 5.208vw;margin-bottom: 3.906vw;}
.kolnews-tintuc{margin:0 auto;position:relative;width:78.125vw;padding-bottom: 5.208vw;}
.kolnews-tintuc .swiper-button-next:after,.kolnews-tintuc .swiper-button-prev:after{content: none;}
.kolnews-tintuc .swiper-button-next,
.kolnews-tintuc .swiper-button-prev{z-index: 5;}
.kolnews-tintuc .swiper-button-next{right: -2.448vw;}
.kolnews-tintuc .swiper-button-prev{left: -2.448vw;}
.img_altub_kol iframe{width: 100%;height: 10vw}
.txt_altub_tinkol{padding-top: 1.208vw;display: flex;flex-direction: column;}
.txt_altub_tinkol b{font-size: 1.333vw;margin-bottom: 1.006vw;height: 2.093vw;}
.txt_altub_tinkol b a{color: #ffffff}
.txt_altub_tinkol b a:hover{color: #ffffff;text-decoration: underline}
.txt_altub_tinkol p{line-height: 1.442vw;color:#b7b7b7;}



.baner-game{background-image:url(../images/banner.jpg);background-size:cover;height:37.969vw;padding-top:26.042vw;box-sizing: border-box;}
.td-baner-game{color:hsla(0,0%,100%,.8);font-size:7.292vw;font-weight:700;line-height:4.792vw;text-align:center;text-shadow:0 0.156vw 0 rgba(27,67,110,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform: uppercase;}
.ndungbaner-game{background-image:url(../images/bg-game-modes.jpg);background-size:cover;box-sizing:border-box;height:56.25vw;overflow:hidden;position:relative;}
.ndung_right_game{padding-left:26.042vw;padding-top:5.208vw;}
.slid_mdsgame{height:48.125vw;left:9.583vw;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:14.063vw;}

.slid_mdsgame .swiper-slide{text-align: center;margin: 0.333vw auto;height:10.729vw !important;width:12.396vw;}
.bg-cd-game{background-image:url(../images/cd_bg.png);background-position:50%;background-repeat:no-repeat;background-size:12.396vw 10.729vw;box-sizing:border-box;cursor:pointer;overflow:hidden;transition:all .2s ease;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;margin: 0 auto;width: 100%;height: 100%;}
.slid_mdsgame .swiper-slide.swiper-slide-thumb-active{height:13.021vw !important;width:14.063vw;}
.slid_mdsgame .swiper-slide.swiper-slide-thumb-active a{background:50%/cover no-repeat url(../images/cd_bg_active.png);}

.all-img-cdgame{height:7.396vw;width:7.396vw;}
.des-all-cdgame{color:#fff;font-size:.938vw;font-weight:400;text-align:center;}


.slid_mdsgame_coten .swiper-slide{opacity: 0;visibility: hidden;}
.slid_mdsgame_coten .swiper-slide.swiper-slide-active{opacity: 1;visibility: visible;}


.ndungbaner-game .ndung_left_game .swiper-button-prev:after,
.ndungbaner-game .ndung_left_game .swiper-button-next:after{content: none;}
.ndungbaner-game .ndung_left_game .swiper-button-prev,
.ndungbaner-game .ndung_left_game .swiper-button-next{background:50%/0.521vw 0.885vw no-repeat url(../images/icon-nb.png);border:1px solid #9096a8;cursor:pointer;height:2.604vw;left:15.104vw;position:absolute;width:2.396vw;z-index:20;top:auto;z-index: 9;margin: 0;}
.ndungbaner-game .ndung_left_game .swiper-button-prev{top: 1.042vw;transform: rotate(270deg);}
.ndungbaner-game .ndung_left_game .swiper-button-next{bottom: 0.833vw;transform: rotate(90deg);}














/*css tin tuc*/

.bxall-tintuc{padding-bottom: 4.167vw;}
.baner-tintuc{background-image:url(../images/banner-tintuc.jpg);background-size:cover;height:17.188vw;padding-top: 0;}
.main-title-tt{background-image:url(../images/title_bgtt.png);background-position:bottom;background-repeat:no-repeat;background-size:21.875vw 7.865vw;height:10.417vw;margin-bottom:1.042vw;padding-top:7.813vw;text-align:center;}
.main-title-tt h1{color:#fff;font-size:2.5vw;font-weight:700;line-height:1.25vw;text-transform: uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.lsall-tintuc{min-height: 41.667vw;}
.lsall-tintuc li{background-position:bottom;background-size:cover;color:#adadad;cursor:pointer;height:10.417vw;padding:2.917vw 0;}
.bxall-ndtinbaviet{vertical-align:top;margin:0 auto;width:62.5vw;}
.tag-tinbviet{display:inline-block;font-size:1.146vw;vertical-align:top;width:13.021vw;text-transform: uppercase;color: #adadad;}
.ifog-tinbvietbg{display:inline-block;flex-shrink:0;vertical-align:top;width:40.625vw;}
.titl-tinbviet{font-size:1.146vw;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #adadad;}
.desc-tinbvietsm{font-size:.833vw;margin-top:0.833vw;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
.arro-tinbviet{background-image:url(../images/img-muiten.png);background-repeat:no-repeat;background-size:contain;display:inline-block;height:0.99vw;margin-left:0.781vw;margin-top:1.615vw;opacity:0;vertical-align:top;width:6.979vw;}
.lsall-tintuc li:hover{background-image:url(../images/row_bghover.png);}
.lsall-tintuc li:hover .arro-tinbviet{opacity:1;transition:.5s;}
.lsall-tintuc li:hover .titl-tinbviet,
.lsall-tintuc li:hover .tag-tinbviet{color: #fff;transition:.5s;}
.ls-phtrang-btom{display: flex;align-items: center;justify-content: center;margin-top: 1.25vw;}
.ls-phtrang-btom li a{border:1px solid transparent;color:#fff;font-size:1.042vw;height:2.865vw;line-height:2.865vw;margin:0 0.26vw;opacity:.2;width:2.865vw;display: flex;align-items: center;justify-content: center;font-weight: 700;}
.ls-phtrang-btom li a:hover,.ls-phtrang-btom li.ac-phtrang-btom a{border:1px solid #e62335;opacity:1;transition:.3s;}
.ls-phtrang-btom li a.btn-pre-ptrangbt:hover,
.ls-phtrang-btom li a.btn-net-ptrangbt:hover{color: #e62335;border-color: transparent;}


/*css tai game*/

.baner-taigame{background-image:url(../images/banner-download.jpg);}
.bxall-taigamebt{background-image:url(../images/bg-game-taigame.jpg);background-size:cover;padding:2.604vw 0 4.167vw;box-sizing:border-box;}
.allndung-taigame-cauhinh{margin: 0 auto;width: 69.271vw;transform: scale(.8);}
.td-bttum-taigame{margin-bottom: 2.5vw;color: #fff;}
.td-toptaigameal{font-weight: 700;font-size: 3.333vw;margin-bottom: 0.833vw;text-transform: uppercase;}
.td-bttum-taigame a{font-size:2.354vw;height:5.729vw;padding:0 1.563vw;width:20.521vw;align-items:center;background-image:url(../images/btn_download.png);background-size:cover;color:#fff;cursor:pointer;display:flex;justify-content:center;outline:none;-webkit-text-decoration:none;text-decoration:none;text-transform: uppercase;}



/*css kho vu khi*/

.baner-khovk{background-image:url(../images/banner-khovk.jpg);}
.baner-khovk .td-baner-game{text-align: right;padding-right: 5.208vw;}
.bxall-khovukhibt{background-image:url(../images/bg-khovk.jpg);background-size:cover;height:58vw;position:relative;}
.lstab_tenallvukhi{display:flex;justify-content:flex-start;left:8.32vw;position:absolute;top:6.758vw;z-index:9;}

.bg-all-tenallvukhi{background:hsla(0,0%,100%,.02);border-bottom:0.117vw solid hsla(0,0%,100%,.1);box-sizing:border-box;cursor:pointer;font-size:.742vw;height:3.32vw;margin-right:1.211vw;position:relative;width:9.375vw;font-size: 1.055vw;}
.bg-all-tenallvukhi a{color: hsla(0,0%,100%,.5);height: 100%;line-height: 3.203vw;text-align: center;display: block;text-transform: uppercase;}
.bg-all-tenallvukhi-acc,.bg-all-tenallvukhi:hover{background: 50%/cover no-repeat url(../images/wp-bar-acc.png);}
.bg-all-tenallvukhi:hover a{color: #fff;}
.all-tenallvukhi-subvk{background:rgba(0,0,0,.8);background-clip:content-box;cursor:pointer;display:none;left:0;opacity:.9;padding-top:0.508vw;position:absolute;top:3.32vw;width:100%;}
.all-tenallvukhi-subvk li a{color:hsla(0,0%,100%,.3);height:2.93vw;line-height:2.93vw;text-align:center;transition:.2s;font-size: .742vw}
.all-tenallvukhi-subvk li a:hover{background: #2c344c;color: #fff;}
.bg-all-tenallvukhi:hover .all-tenallvukhi-subvk{display: block;}



.all-btn-slidevk{align-items:center;display:flex;justify-content:space-between;left:41.914vw;position:absolute;right:41.875vw;top:46.875vw;z-index:8;}
.all-btn-slidevk .swiper-button-next:after,
.all-btn-slidevk .swiper-button-prev:after{content: none;}
.all-btn-slidevk .swiper-button-next,
.all-btn-slidevk .swiper-button-prev{background:50%/0.508vw 0.898vw no-repeat url(../images/icon-nb.png);border:0.039vw solid hsla(0,0%,100%,.1);box-sizing:border-box;cursor:pointer;height:2.617vw;width:2.383vw;position:static;inset: auto;margin-top: 0;}
.all-btn-slidevk .swiper-button-next{transform: rotate(180deg);}
.all-btn-slidevk .swiper-button-next:hover,.all-btn-slidevk .swiper-button-prev:hover{background-image:url(../images/icon-nb-ac.png);border-color:#dd3041;}



.igfo-allslide-all-vukhi{color:#fff;font-size:.82vw;position:relative;text-align: center;}
.igfo-allslide-all-vukhi:before{background:hsla(0,0%,100%,.1);content:"";height:0.039vw;left:-3.555vw;position:absolute;top:1.5625vw;width:2.34375vw;}
.igfo-allslide-all-vukhi:after{background:hsla(0,0%,100%,.1);content:"";height:0.039vw;right: -3.555vw;position:absolute;top:1.5625vw;width:2.34375vw;}
.igfo-allslide-all-vukhi_chamngang{background:#fff;height:0.078vw;margin:0.664vw auto;width:0.078vw;}
.igfo-allslide-all-vukhi_total{color: hsla(0,0%,100%,.3);}
.all_dessvk{color:#fff;left:8.28125vw;position:absolute;top:29.375vw;}
.all_dessvk h6{font-size:2.695vw;font-weight:700;text-align:left;text-transform: uppercase;}
.all_dessvk p{font-size:.82vw;font-weight:400;margin-top:1.055vw;width:31.25vw;text-align:left;}
.all_dessvk span{margin-top:2.07vw;font-size:1.325vw;margin-bottom:0.508vw;text-align:left;text-transform: uppercase;display: block;}
.all_dessvk ul{display:flex;flex-wrap:wrap;justify-content:flex-start;width:33.854vw;}
.all_dessvk ul a{background:hsla(0,0%,100%,.03);border-bottom:0.039vw solid hsla(0,0%,100%,.1);box-sizing:border-box;color:hsla(0,0%,100%,.3);cursor:pointer;height:1.758vw;line-height:1.758vw;margin-bottom:0.521vw;margin-right:0.508vw;padding:0 1.836vw;text-transform: uppercase;display: flex;}
.all_dessvk ul a.acc_maualsung,.all_dessvk ul a:hover{background: 50%/cover no-repeat url(../images/wp-bar-acc.png);color: #fff;}
.slide-all-vukhi{overflow:hidden;padding:0;position:relative;z-index:1;}
.slide-all-vukhi .swiper-slide .img-sung-allvk{height: 56.25vw;width: 100%;}



/*css ho tro*/

.baner-hotro{background-image:url(../images/banner-hotro.jpg);}
.baner-hotro .td-baner-game{text-align: left;padding-left: 20.833vw;}
.bxall-hotrogame{background-image:url(../images/bg-game-taigame.jpg);background-size:cover;height: 36.25vw;padding: 4.167vw 0;box-sizing: border-box;}
.ndungall-hotrogame-cten{margin: 0 auto;width: 69.271vw;}
.ndungall-hotrogame-cten ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:43.125vw;}
.ndungall-hotrogame-cten ul li a{background-color:#b62335;border-radius:0.208vw;color:#fff;cursor:pointer;font-size:1.042vw;height:4.325vw;margin-bottom:0.833vw;text-align:center;-webkit-text-decoration:none;text-decoration:none;width:13.021vw;transition: .2s;display: flex;align-items: center;justify-content: center;}
.ndungall-hotrogame-cten ul li a:hover{filter: brightness(120%);}


/*css nhan vat*/

.baner-alnhanat{background-image:url(../images/bg-allnv.jpg);}
.all-bxndung-nhanvat{height: 56.25vw;position: relative;}
.al-slide-nhanvat{overflow:hidden;padding:0;position:relative;z-index:1;}
.al-slide-nhanvat .swiper-slide img{height: 56.25vw;width: 100%;}
.all-ndung-nv-desall{color:#fff;left:8.333vw;position:absolute;text-align:left;top:6.771vw;}
.all-ndung-nv-desall h4{font-size:2.344vw;font-weight:700;height:3.177vw;width:auto;}
.all-ndung-nv-desall p{font-size: .729vw;width: 20.833vw;margin-top: 1.289vw;}
.al-thumb-slid-nhanvat{left:8.333vw;position:absolute;top:18.552vw;z-index:9;}
.ndal-thumb-ndslid-nhanvatthuong{display:flex;height:13.021vw;justify-content:flex-start;margin-bottom:0.99vw;overflow:hidden;padding-top:2.708vw;position:relative;width:32.448vw;}
.tdthubm_slidenv{border-left:0.156vw solid #fff2b8;box-sizing:border-box;color:#fff;font-size:.938vw;height:1.667vw;left:0;line-height:1.667vw;padding-left:0.99vw;position:absolute;text-align:left;top:0;width:16.354vw;background:linear-gradient(90deg,rgba(255,255,255,0.10407913165266103) 50%,rgba(252,137,31,0) 100%);text-transform: uppercase;}
.bx-thumsl-nvthuong,.bx-thumsl-nvdauto{width: 40.576vw;overflow: hidden;}
.bx-thumsl-nvthuong .swiper-slide,
.bx-thumsl-nvdauto .swiper-slide{height: 10.104vw; margin-right: 0.521vw; position: relative; width: 7.604vw; cursor: pointer;background: 50%/cover no-repeat url(../images/thumb-bg.png);}
.bx-thumsl-nvthuong .swiper-slide.swiper-slide-active,
.bx-thumsl-nvdauto .swiper-slide.swiper-slide-active{background: 50%/cover no-repeat url(../images/thumb-bg-active.png);}
.bx-thumsl-nvdauto .swiper-slide img,
.bx-thumsl-nvthuong .swiper-slide img{height: 100%;width: 100%;}
.all-btn-slnv-btom{display: flex;align-items: center;justify-content: space-between;}
.all-btn-slnv-btom .swiper-button-prev:after,
.all-btn-slnv-btom .swiper-button-next:after{content: none;}
.all-btn-slnv-btom .swiper-button-prev{background:50%/0.521vw 0.885vw no-repeat url(../images/icon-nb.png),rgba(0,0,0,.1);cursor:pointer;height:1.979vw;position:relative;transform:rotate(180deg);width:1.563vw;margin-right: 0.833vw;inset: auto;margin: 0;}
.all-btn-slnv-btom .swiper-button-next{background:50%/0.521vw 0.885vw no-repeat url(../images/icon-nb.png),rgba(0,0,0,.1);cursor:pointer;height:1.979vw;position:relative;width:1.563vw;inset: auto;margin: 0;}
.all-btn-slnv-btom .swiper-button-prev:hover,.all-btn-slnv-btom .swiper-button-next:hover{background:50%/0.521vw 0.885vw no-repeat url(../images/icon-nb.png),#c32232;}
.all-btn-slnv-btom .swiper-pagination{background-color:hsla(0,0%,61%,.8);height:0.156vw;position:relative;width:26.042vw;margin-right: 1.25vw}
.all-btn-slnv-btom .swiper-pagination .swiper-pagination-progressbar-fill{background-color: #e62335;}


.slide-mobile-allnv,.bx-tintuc-mobile,.ndslide-chedo-mobile{display: none;}
.btn_mobile{position:relative;width:30px;height:20px;display:none;cursor:pointer;z-index:3;}
.btn_mobile em{position:absolute;left:0;display:block;opacity:1;width:100%;height:2px;border-radius:2px;background-color:#e3e3e3;transform:rotate(0deg);transition:.25s ease;-moz-transition:.25s ease;-webkit-transition:.25s ease;transform-origin:left center;}
.btn_mobile em:nth-child(1){top:0;}
.btn_mobile em:nth-child(2){top:calc(50% - 2px / 2);}
.btn_mobile em:nth-child(3){bottom:0;}
.btn_mobile.show_malmb em:nth-child(1){transform:rotate(45deg);top:0;left:0;}
.btn_mobile.show_malmb em:nth-child(2){width:0%;opacity:0;}
.btn_mobile.show_malmb em:nth-child(3){transform:rotate(-45deg);bottom:-3px;left:0;}




/*css chitiet tin tuc*/


.bxall-tintuc-chitiet{overflow: hidden;}
.news-detail-top-all{border-bottom:1px solid #2a2b2e;width:100%;}
.news-detail-top{box-sizing:border-box;margin:4.115vw auto 1.979vw;position:relative;text-align:center;position: relative;}
.btn-back-tinchitet-left{background-image:url(../images/btn-back-tin.png);background-size:100% 100%;cursor:pointer;height:1.823vw;left:18.698vw;position:absolute;top:0.208vw;width:1.823vw}
.news-detail-top h2{word-wrap:break-word;color:#e62335;font-size:1.875vw;font-weight:700;margin-bottom:1.927vw;word-break:normal;}
.news-detail-top span{display:inline-block;color:#a5a7ab;font-size:1.042vw;font-weight:400;}
.news-detail-info{box-sizing:border-box;color:#fff;margin:0 auto;padding:1.563vw 20.208vw;position:relative;}
.news-detail-info p{word-wrap:break-word;color:#a5a7ab;font-size:1.042vw;font-weight:400;line-height:1.667vw;word-break:normal;}
.news-detail-info b{color:#fff;font-size: 1.822vw;margin:0.8vw auto;display: block;}
.image-baiviet-all{text-align: center;mmargin: 0 auto;margin-top: 2vw;}
.image-baiviet-all picture{display: block;}
.image-baiviet-all figcaption{font-weight:400;line-height:20px;font-size: 0.65vw;padding:0.68vw 0;}
.image-baiviet-all figcaption i{font-style:italic;}
.news-detail-info img{max-width:100%;height:auto!important;
/*	padding-left:calc((100% - 450px) / 2);padding-right:calc((100% - 450px) / 2);*/
	margin:0 auto;border-radius:unset!important;border:unset!important;}



.bxall_cotengame_bt{width: 64.063vw;display: flex;margin-bottom: 2.5vw;}
.bxall_cotengame_bt .cover{height:18.438vw;-o-object-fit:contain;object-fit:contain;width:20.469vw;}
.bx-cten-mapapp{margin-left: 1.25vw;margin-top: 1.25vw;color:#fff;}
.td-all-cten-mapapp{font-size: 3.333vw;font-weight: 700;margin-bottom: 2.5vw;}
.desaa-all-cten-mapapp{font-size: .938vw;}
.labe-tdaa-maps{border-left:0.156vw solid #e62335;margin-bottom:3.125vw;padding-left:1.042vw;}
.bxall-maps-bt ul{display:flex;flex-wrap:wrap;height:18.75vw;justify-content: center;}
.bxall-maps-bt ul li{margin: 0 0.521vw 0.833vw;}
.bxall-maps-bt ul li{margin: 0 0.521vw 0.833vw;}
.img-map-apdung{display:block;height:7.292vw;-o-object-fit:cover;object-fit:cover;transition:.3s;width:12.969vw;}
.bxall-maps-bt ul li p{margin-top: 0.417vw;display: block;text-transform: uppercase;text-align: center;color:#fff;font-size: .938vw;}
.sn-download{background-color:#282828;cursor:pointer;text-align:center;transition:0.3s;}
.sn-download a{color:#b8b8b8;padding:29px 0px;display:block;text-transform: uppercase;}
.sn-download:hover a{color:#fff;}
footer{background-color:#222529;padding:20px 0px;}
footer .wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column;}
.all_logofoter{display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.all_logofoter a{margin:0px 10px;}
.txt_allfooter{text-align:center;color:#fff;font-size: .829vw;line-height: 1.442vw;}
.menu_foter_ud{display:flex;align-items:center;justify-content:center;margin:20px auto auto auto;}
.menu_foter_ud li{margin:0px 10px;}
.menu_foter_ud li a{background-color:#42464b;color:#fff;font-size:14px;padding:5px 15px;text-transform:uppercase;border-radius:5px;}
.menu_foter_ud li a:hover{background-color:#151925;}










/* css media */






@media (max-width:991px){
	body{font-size:2.4vw;height:100vh;letter-spacing:.5px;margin:0;width:100%;}
	header{height: 70px}
	main{padding-top: 0;}
	.al-slide-nhanvat,.al-thumb-slid-nhanvat,.sn-download,.sn-tinhnang,.layout-big,.ndungbaner-game,.lstab_tenallvukhi,.all_dessvk ul,.all_dessvk span{display: none;}
	.btn_mobile,.bx-tintuc-mobile,.ndslide-chedo-mobile{display: block;position: relative;}
	.ndslide-chedo-mobile{overflow-x: hidden;}
	.logo-top a{margin:8vw 2vw 0 2vw}
	.logo-top a:first-child img{vertical-align: middle;width: 20.529vw;}
	.logo-top a:nth-child(2) img{vertical-align: middle;width: 40.530vw;}
	.logo-top a:nth-child(3) img{vertical-align: middle;width: 18.529vw;}
	.bx-allmenu-dnhap-topto{position:fixed;top:69px;left:auto;right:auto;transform: translateX(100%);background:rgb(0,0,0);max-height:100%;overflow-y:auto;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch;width:100%;height:100%;flex-direction: column;flex: none;padding: 15px;box-sizing: border-box;z-index: 20;}
	.bx-allmenu-dnhap-topto .navbar{margin-left: 0;flex: none;width: 100%;}
	.bx-allmenu-dnhap-topto .navbar ul{flex-direction: column;align-items: flex-start;}
	.bx-allmenu-dnhap-topto .navbar ul li a{font-size: 20px;width: 100%;}
	.ifo-dn-ok{font-size:20px;}
	.navbar ul li a i{width: 1.25vw;height: 1.25vw;margin-left: 10px;margin-top: -4px;}
	.navbar ul li.sub-navbar-top ul{position: static;top:auto;height: 0;}
	.navbar ul li.sub-navbar-top:hover ul{verflow:hidden;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out;will-change:height;height: 100%;}
	.navbar ul li.sub-navbar-top ul li a{color: #969799;font-size: 16px;height: auto;padding: 1.221vw;}
	.bx-allmenu-dnhap-topto .btn-sign-top{font-size: 4.333vw;height: 10.567vw;width: 38.999vw;}
	.bx-allmenu-dnhap-topto.show_malmb{transform: translateX(-3%);;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
	.banne-vdbg{height: 134.933vw;background-image:url(../images/bg-mb-vdud.png);background-size:cover;}
	.vd-banner-bg{display:none;}
	.al-txndung1{font-size:2.9vw;padding: 0 2.667vw;}
	.al-txndung2{font-size:8.8vw;padding:0 1.667vw 3vw 1.667vw;}
	.al-txndung3{font-size: 3.73vw;padding:2vw 2.667vw 0 2.667vw;}
	.btn-plvd img{height: 14.933vw;width: 17.2vw;}
	.btn-dowlo{width: 46vw;}
	.btn-dowlo a{width: 45.933vw;height: 12.8vw;font-size: 3.533vw;margin: 4.083vw auto;}
	.lssm_media li{margin: 0 1.221vw;}
	.lssm_media li.icon_discord a img,.lssm_media li.icon_youtube a img,.lssm_media li.icon_facebook a img,.lssm_media li.icon_twitter a img{height: 25px;width: auto;}
	.arrow-down{width: 6.133vw;height: 4vw;bottom: 2.667vw;margin-left:-2.38vw;}
	.td-allkol{font-size: 22px;}
	.img_altub_kol iframe{width: 100%;height: auto}
	.txt_altub_tinkol b{font-size: 18px;}
	.txt_altub_tinkol p{line-height: normal;font-size: 16px;}
	.bx-tintuc-mobile{background-image:url(../images/news_bg-mobile.png);background-size:cover;height:142.133vw;margin-top:-2.4vw;position:relative;width:100vw;}
	.tdtop-tintuc-mbix{display:flex;font-size:4.8vw;justify-content:space-between;padding:15.6vw 8vw 9.6vw;color:#fff;text-transform: uppercase;}
	.tdtop-tintuc-mbix span{border-left:0.267vw solid #e62335;font-size:3.2vw;height:3.2vw;line-height:3.2vw;padding-left:2.667vw;}
	.tdtop-tintuc-mbix img{height: 4vw;width: 4vw;}
	.bx-tintuc-mobile ul li{margin:0 auto 5.333vw;position:relative;width:90vw;display: flex;}
	.bx-tintuc-mobile ul li:nth-child(even){flex-direction:row-reverse;}
	.imgcove-tintucmobile-ix{background-color:#1a1a1a;background-image:url(../images/img-thubtin.jpg);background-position:50%;background-repeat:no-repeat;background-size:100%;height:31.6vw;transition:.5s;width:52.667vw;}
	.infocove-tintucmobile-ix{background-color:hsla(0,0%,100%,.7);box-sizing:border-box;display:flex;flex-direction:column;height:24.8vw;justify-content:space-between;left:33.333vw;padding:2.667vw;position:absolute;top:3.467vw;transition:.3s;width:56vw;}
	.infocove-tintucmobile-ix h2{color:#000;font-size:3.733vw;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;}
	.infocove-tintucmobile-ix span{align-items:flex-end;display:flex;justify-content:space-between;}
	.infocove-tintucmobile-ix span i{background-image:url(../images/news_arrow-mb.png);background-size:cover;height:7.867vw;left:-6.667vw;opacity:1;position:relative;transition:.3s;width:23.333vw;}
	.infocove-tintucmobile-ix span em{color: gray;}
	.bx-tintuc-mobile ul li:nth-child(even) .infocove-tintucmobile-ix{right: 33.333vw;left: auto;}
	.bx-tintuc-mobile ul li:nth-child(even) .infocove-tintucmobile-ix span{flex-direction: row-reverse;}
	.bx-tintuc-mobile ul li:nth-child(even) .infocove-tintucmobile-ix span i{right: -6.667vw;left: auto;}
	.ndslide-chedo-mobile{margin-bottom: 5.667vw;}
	.ndslide-chedo-mobile .swiper-slide{padding: 5.333vw;text-align: center;}
	.ndslide-chedo-mobile .td-all-cten-mapapp{font-size:7.533vw;font-weight:700;margin-bottom:1.333vw;text-align: left;}
	.ndslide-chedo-mobile .desaa-all-cten-mapapp{font-size:3.2vw;font-weight:400;width:100%;text-align: left;}
	.all-btnsli-chdmobile{align-items:center;display:flex;justify-content:space-around;padding:0 7.467vw;position:absolute;top:80vw;width:100%;}
	.ndslide-chedo-mobile .bxall-maps-bt{margin-top: 20vw;margin-bottom: 5.667vw;}
	.ndslide-chedo-mobile .labe-tdaa-maps{text-align:left;border-left:0.533vw solid #e62f41;color:#fff;font-size:4vw;padding-left:1.333vw;}
	.ndslide-chedo-mobile .cover{height:47.2vw;margin-top:4vw;width:52.4vw;}
	.ndslide-chedo-mobile .bxall-maps-bt ul{margin: 0px -15px;}
	.ndslide-chedo-mobile .bxall-maps-bt ul li{text-align:center;-webkit-box-flex:0;-ms-flex:0 0 calc(33.3333% - 30px);flex:0 0 calc(33.3333% - 30px);width:calc(33.3333% - 30px);margin:0 15px;}
	.ndslide-chedo-mobile .bxall-maps-bt ul li .img-map-apdung{height: 14.667vw;width: 26.667vw;}
	.ndslide-chedo-mobile .bxall-maps-bt ul li p{font-size: 2.2vw;margin-bottom: 0.667vw;}
	.ndslide-chedo-mobile .swiper-pagination{z-index: 8;}
	.ndslide-chedo-mobile .swiper-pagination span{background:#82899b;border-radius:50%;cursor:pointer;display:inline-block;height:2.4vw;margin:0 1.067vw;opacity:1;width:2.4vw;}
	.ndslide-chedo-mobile .swiper-pagination span.swiper-pagination-bullet-active{background:#e62f41;}
	.bxall-taigamebt{padding: 6.667vw;}
	.allndung-taigame-cauhinh{transform: scale(1);width: 100%;}

	.bxall-khovukhibt{height: 100%;overflow: hidden;}
	.slide-all-vukhi .swiper-slide{display: flex;flex-direction:column-reverse;padding: 5.333vw;box-sizing: border-box;}
	.all_dessvk{position: static;left: auto;top:auto;}
	.all_dessvk h6{font-size: 8.533vw;}
	.all_dessvk p{font-size: 3.2vw;width: 100%;}
	.slide-all-vukhi .swiper-slide .img-sung-allvk{transform: scale(1.5);}
	.all-btn-slidevk{position: static;inset: auto;width: 65%;margin: 8vw auto;}
	.igfo-allslide-all-vukhi{display: none;}
	.all-btn-slidevk .swiper-button-next,.all-btn-slidevk .swiper-button-prev{background-size:100% 100%;height:9.067vw;margin:0;width:21.333vw;background-position:50%;background-repeat:no-repeat;border:none;z-index: 8}
	.all-btn-slidevk .swiper-button-next{transform: none;}
	.lsall-tintuc{padding: 0 5.333vw 10.667vw;width: 100%;box-sizing: border-box;}
	.bxall-ndtinbaviet{width: 100%;}
	.tag-tinbviet{font-size: 2.933vw;width: 13.333vw;}
	.ifog-tinbvietbg{width: 68.333vw;}
	.titl-tinbviet{font-size: 2.933vw;}
	.ls-phtrang-btom li a{font-size:2.933vw;height:8.933vw;width:8.267vw;}
	.ndungall-hotrogame-cten{width: 100%;padding: 0 5.333vw 10.667vw;box-sizing: border-box;}
	.ndungall-hotrogame-cten ul{width: 100%;margin: 0px auto;}
	.ndungall-hotrogame-cten ul li{-webkit-box-flex:0;-ms-flex:0 0 calc(50% - 30px);flex:0 0 calc(50% - 30px);width:calc(50% - 30px);margin:0 15px;}
	.ndungall-hotrogame-cten ul li a{width: 100%;height: 9vw;font-size: 2.367vw;}

	.news-detail-info{padding: 4vw;}
	.news-detail-top h2{font-size: 4.8vw;}
	.news-detail-top span{font-size: 2.667vw;}
	.news-detail-info p{font-size: 2.667vw;line-height: 4.267vw;}
	.news-detail-info b{font-size: 3.167vw;}
	.btn-back-tinchitet-left{top:0.533vw;width:4.667vw;height:4.667vw;left:6.667vw;}


	.all-bxndung-nhanvat{background:url(../images/bg-nvall-mb.png);color:#fff;height:194.667vw;padding:11.467vw 0;background-size: cover;overflow: hidden;}
	.slide-mobile-allnv{display: block;}
	.baner-game{background-size:cover;height:85.067vw;position:relative;width:100%;background-image: url(../images/bg-allcd-mb.jpg);}
	.td-baner-game{bottom:9.333vw;color:hsla(0,0%,100%,.8);font-size:8.667vw;font-weight:700;position:absolute;text-align:center;text-shadow:0 0.4vw 0 rgba(27,67,110,.5);width:100%;}
	.baner-alnhanat{background-image: url(../images/bg-allnv-mb.jpg);}
	.baner-taigame{background-image: url(../images/bg-alldlow-mb.jpg);}
	.baner-khovk{background-image: url(../images/bg-allvk-mb.jpg);}
	.baner-hotro{background-image: url(../images/bg-allsp-mb.jpg);}
	.baner-alnhanat .td-baner-game{font-size:10.667vw;}
	.baner-khovk .td-baner-game{text-align: center;padding-right: 0;}
	.baner-tintuc{background-image:url(../images/banner-tintuc.jpg);background-size:cover;height:17.188vw;padding-top: 0;}
	.slide-mobile-allnv .swiper-slide{position: relative;}
	.slide-mobile-allnv .swiper-slide .all-ndung-nv-desall{padding:0 7.467vw;position:absolute;top:0;left: auto;}
	.slide-mobile-allnv .swiper-slide .all-ndung-nv-desall h4{font-size: 8.533vw;font-weight: 700;height: auto;}
	.slide-mobile-allnv .swiper-slide .all-ndung-nv-desall p{font-size: 3.2vw;width: auto;}
	.slide-mobile-allnv .swiper-slide img{width: 100%;}
	.all-btnsli-nvmobile{align-items:center;display:flex;justify-content:space-around;padding:0 7.467vw;position:absolute;top:80%;width:100%;}
	.all-btnsli-nvmobile .swiper-button-prev:after,
	.all-btnsli-chdmobile .swiper-button-prev:after,
	.all-btnsli-nvmobile .swiper-button-next:after,
	.all-btnsli-chdmobile .swiper-button-next:after{content: none;}
	.all-btnsli-nvmobile .swiper-button-prev,.all-btnsli-chdmobile .swiper-button-prev,.all-btnsli-chdmobile .swiper-button-next,
	.all-btnsli-nvmobile .swiper-button-next{background-size:100% 100%;height:9.067vw;margin:0;position:relative;width:21.333vw;background-position: 50%;background-repeat: no-repeat;z-index: 9;}
	.all-btnsli-nvmobile .swiper-button-prev,.all-btnsli-chdmobile .swiper-button-prev,.all-btn-slidevk .swiper-button-next,.all-btn-slidevk .swiper-button-next:hover{background-image: url(../images/btn-per-slinv-mobile.png);}
	.all-btnsli-nvmobile .swiper-button-next,.all-btnsli-chdmobile .swiper-button-next,.all-btn-slidevk .swiper-button-prev,.all-btn-slidevk .swiper-button-prev:hover{background-image: url(../images/btn-nex-slinv-mobile.png);}
	.texttong-nvside-mobile{color:#fff;display:flex;flex-direction:column;height:9.067vw;justify-content:space-between;width:5.333vw;z-index:22;text-align:center;font-size: 2.4vw;}
	.texttong-nvside-mobile .texttong-line-nvslide-mobie{background: #fff;height: 1px;}




	.txt_allfooter{font-size: 16px;line-height: 1.2;padding: 0px 15px;}
}

@media (max-width:600px){
	.bx-allmenu-dnhap-topto .navbar ul li a{height: 7.808vw;}
	.navbar ul li.sub-navbar-top ul li a{height: 7.8vw;padding: 1.533vw;line-height: normal;font-size: 14px;}
	.td-allkol{font-size: 18px;}
	.txt_altub_tinkol b{font-size: 16px;height: 10vw;}
	.txt_altub_tinkol p{font-size: 14px;}
	.logo-top a img{width: 38.55vw;margin: 0;}
	.txt_allfooter{font-size:14px;line-height: normal;}
	.menu_foter_ud li{margin:0px 3px;}
	.menu_foter_ud li a{font-size:8px;padding:5px;}
	.btn-back-tinchitet-left{left: 3.567vw;top:0.355vw;}
	.al-txndung3{font-size: 4vw;padding:2vw 2.667vw 0 2.667vw;}
}

/*==============================POPUP===================================*/
@font-face {
  font-family: 'SVN-Gotham-Bold';
  src: url("../fonts/SVN-Gotham Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.f-SVN-Gotham-Bold {
  font-family: 'SVN-Gotham-Bold';
}
@font-face {
  font-family: 'SVN-Gotham-Regular';
  src: url("../fonts/SVN-Gotham Regular.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.f-SVN-Gotham-Regular {
  font-family: 'SVN-Gotham-Regular';
}
.popup {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
}
.popup .content-popup {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup .wrapper-popup1 {
  width: 320px;
  height: 360px;
  background: url(../images/pop-m.png) no-repeat center center;
  background-size: 100% 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 375px) {
	.popup .wrapper-popup1 {
	    width: 375px;
	    height: 430px;
	}
}
@media only screen and (min-width: 450px) {
	.popup .wrapper-popup1 {
	    width: 450px;
	    height: 540px;
	}
}
@media only screen and (min-width: 480px) {
	.popup .wrapper-popup1 {
	    width: 480px;
	    height: 520px;
	}
}
@media only screen and (min-width: 600px) {
	.popup .wrapper-popup1 {
	    width: 580px;
	    height: 650px;
	}
}
@media only screen and (min-width: 768px) {
	.popup .wrapper-popup1 {
	    width: 770px;
	    height: 857px;
	}
}
@media only screen and (min-width: 1000px) {
	.popup .wrapper-popup1 {
	    width: 1390px;
	    height:761px;
		background: url(../images/pop.png) no-repeat center center;
	}
}

.popup .title-detail {
  	width: 100%;
	background:none;
	margin: 0 auto 0 auto;
	padding:20px 0 10px 0;
	font-size:4.3vw;
	line-height: 6.5vw;
	color: #ffffff;
	text-align: center;
}
@media only screen and (min-width: 375px) {
	.popup .title-detail {
		padding:20px 0 10px 0;
	}
}
@media only screen and (min-width: 450px) {
	.popup .title-detail {
		padding:20px 0 10px 0;
	}
}
@media only screen and (min-width: 480px) {
	.popup .title-detail {
		padding:20px 0 10px 0;
	}
}
@media only screen and (min-width: 600px) {
	.popup .title-detail {
		padding:30px 0 10px 0;
	}
}
@media only screen and (min-width: 1000px) {
  .popup .title-detail {
	  background:none;
	  padding:50px 0 15px 0;
	  font-size: 50px;
	  line-height: 66px
  }
}
.popup .content-new-detail1 {
	height:400px;
	margin:10px 10px 60px 10px;
	color: #ffffff;
}
@media only screen and (min-width: 375px) {
	.popup .content-new-detail1 {
	    height:450px;
		margin:10px 10px 60px 10px;
  	}
}
@media only screen and (min-width: 450px) {
	.popup .content-new-detail1 {
	    height:530px;
		margin:10px 15px 60px 10px;
  	}
}
@media only screen and (min-width: 480px) {
	.popup .content-new-detail1 {
	    height:540px;
		margin:10px 15px 60px 10px;
  	}
}
@media only screen and (min-width: 600px) {
	.popup .content-new-detail1 {
	    height:620px;
		margin:10px 20px 60px 20px;
  	}
}
@media only screen and (min-width: 992px) {
	.popup .content-new-detail1 {
	    height: 560px;
     	margin: 10px 50px 0 70px;
  	}
}

/*---- close----*/
.popup .close-content {
  	position: absolute;
  	background: url(../images/close.png) no-repeat center top;
  	background-size: contain;
  	width:20px;
    height:20px;
    bottom:-25px;
    right:45%;
  	cursor: pointer;
  	z-index: 999;
}
@media only screen and (min-width: 480px) {
  .popup .close-content {
  	width:30px;
    height:30px;
    bottom:-35px;
    right:46%;
  }
}
@media only screen and (min-width: 768px) {
  .popup .close-content {
  	width:47px;
    height: 47px;
    bottom:-65px;
    right:46%;
  }
}
@media only screen and (min-width: 992px) {
  .popup .close-content {
  	width:57px;
    height: 57px;
    top:10px;
    right:-70px;
  }
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.bt-top{
    width: 100%;
	margin:0 0 0 0;
}
.bt-top ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
.bt-top ul li{
    width: 33%;
	margin:2% 0 2% 0;
}
.item1{
	width: 100%;
	position: absolute;
}
.item1 .img-item{
	width: 100%;
	height: auto;
}
.item1 .text{
	width: 30%;
	text-align: center;
	color: #dcd8cd;
	font-size: 1.3vw;
	padding: 0.5vw 0 0 0;
}
.btn-vgcn{
	margin:0 auto;
	width:41.667vw;
	display: flex;
	color: #fff
}
.btn-vgcn a{
	align-items:center;
	background-image:url(../images/btn_download.png);
	background-size:cover;
	cursor:pointer;
	display:flex;
	font-size:1.283vw;
	height:5.208vw;
	justify-content:center;
	margin:2.083vw auto;
	transition:.2s;
	width:19.115vw;
	text-transform: uppercase;
	color: #fff;
}
.btn-vgcn a:hover{
	filter: brightness(120%);
	-moz-filter: brightness(120%);
	-webkit-filter: brightness(120%);
	color: #fff
}
@media (max-width:912px){
	.bt-top ul li{
		width: 45%;
		margin:2% 2% 2% 2%;
	}
	.item1 .img-item{
		width:41%;
		height: auto;
	}
	.item1 .text{
		width: 42%;
		font-size: 2.8vw;
		padding:1.3vw 0 0 0;
	}
	.btn-vgcn{
		margin:0 auto;
		width:41.667vw;
		display: flex;
		color: #fff
	}
	.btn-vgcn a{
		align-items:center;
		background-image:url(../images/btn_download.png);
		background-size:cover;
		cursor:pointer;
		display:flex;
		font-size:2.583vw;
		height:12.208vw;
		justify-content:center;
		margin:2.083vw auto;
		transition:.2s;
		width:42.115vw;
		text-transform: uppercase;
		color: #fff;
	}
}