body{font-family: font_SVN !important;font-size:15px;color:#471e0f;margin: 0px;padding: 0px;background: #110905;}
ul{list-style:none; padding:0px;margin: 0px;}
a{text-decoration:none;}
img{height: 100%;display: inline-block;overflow: hidden;width: auto;max-width: 100%;}
/*Font*/
@font-face {
    font-family: font_UTM;
    src: url(../font/UTM.ttf);
}
@font-face {
    font-family: font_SVN;
    src: url(../font/SVN.otf);
}
@font-face {
    font-family: font_SVN2;
    src: url(../font/SVN-Internation.ttf);
}
@font-face {
    font-family: font_UTM2;
    src: url(../font/UTM_Avo.ttf);
}
/*------------Main CSS-----------*/
#fullpage{}
.background{position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.background img{width:100%; height:100%;}
.main_page{overflow:hidden;text-align:center;position: relative;}
.btn_play{text-align: center;position:relative;display: inline-block;}
.btn_play a{position:absolute;left: 50%;display: inline-block;overflow: hidden;width: 300px;margin-left: -150px;top: 10px;}
.top_nav{display: inline-block;position: relative;}
.top_nav a{width: 25%;float: left;margin-left: 2%;margin-top: 20px;}
.top_nav a img{width:100%;}
.top_nav a.btn_group{display:inline-block;margin-right: 0px;}
.top_nav a.btn_tele{display:inline-block;margin-right: 2%;margin-left: 0;}
.top_nav a.logo{display:inline-block;float:left;width: 46%;margin: 0;}
.main_text{display:inline-block;width: 100%;}
.main_text img{width: 90%;}
.btn_download a{display:inline-block;}
.btn_big a{margin: 10px 0px;width: 60%;}
.btn_big a img{width:100%;}
.btn_small{display: block;text-align: center;overflow: hidden;position: relative;height: 130px;}
.btn_small a{width: 40%;position: absolute;right: 52%;text-align: right;}
.btn_small a:last-child{margin-right:0px;left: 52%;text-align: left;}
.event{display:inline-block;margin-bottom: 30px;}
.event_click{position: absolute;width: 100%;left: 0;top: 70px;margin-bottom: 0;}
.text_event{max-width: 90%;display: inline-block;}
.wrap_event{position:relative;display: inline-block;overflow: hidden;height: 1000px;width: 100%;}


.text_late{display:inline-block;position: absolute;bottom: 0px;right: 0;left: 0;margin: 0 auto;overflow: hidden;font-size: 18px;line-height: 50px;height: 50px;background: #110905;float: left;}
.text_late marquee{color: #e6ca8a;display: inline-block;}
.text_late marquee .color_yellow{color:#ffe400;}
.text_late marquee .color_red{color:#ff4200;}
.text_late a{display:inline-block;background: url(../images/bg_btn_seemore.png) 50% 0px repeat;padding: 0px 15px;color: #00aeff;position: absolute;right: 0;}
.see_more{overflow:hidden;font-family: 'font_SVN';color: #fff4d5;font-size: 26px;padding: 0px 15px;background: #110905;}
.see_more h3{color:#ffe930;font-size: 24px;margin: 20px 0px;}
.see_more p{font-size:20px;}

.page_downfile .top_nav{display:block;}
.page_downfile .top_nav .logo{float:none;}
.page_downfile .main_text h1{font-family: font_SVN2;color: #ffffff;font-size: 28px;margin: 0;font-weight: 100;position: relative;line-height: 1;padding: 20px 10px 25px 10px;text-shadow: 0px 0px 5px #f000ff;}
.page_downfile .main_text h1 img{position:absolute;width: 100%;top: 0;left: 0;height: 100%;z-index: -1;}
.page_downfile .all_btn a{margin-bottom: 0;}
.page_downfile .all_btn h3{margin:0 0 10px 0;font-family:font_UTM;color: #6e2500;font-weight: normal;font-size: 24px;}

.page_downfile .content_HD{display:block;padding: 0px 15px;text-align:left;color: #fff4d5;font-family: 'font_UTM2';font-size: 18px;}
.page_downfile .content_HD div{background: #000;border: 1px solid #fff;padding: 7px 15px;margin: 5px 0px;border-radius: 5px;box-shadow: 0px 0px 20px #ff00b3;}
.page_downfile .content_HD h3{margin:0;color: #ffe930;text-transform: uppercase;font-weight: normal;}
.page_downfile .content_HD p{margin:0px;}
.page_downfile .content_HD p span{color:#ffe930;}


.popup{background: rgba(0,0,0,0.9);position: absolute;z-index: 9;}
.popup .main_pop{background: #06061e;border: 1px solid #ffb0f9;padding: 10px 0px;margin: 0px 20px;border-radius: 5px;box-shadow: 0px 0px 5px #dc00ff;color: #fff4d5;position: relative;top: 70px;height: calc(100% - 160px);overflow: hidden;}
.popup .main_pop h1{text-align: center;margin:0;background: url(../images/bg_h1_pop.png) center bottom no-repeat;color: #ffe930;padding: 5px 0px 10px 0;text-transform: uppercase;font-size: 20px;}
.popup .main_pop .close_pop{position:absolute;right: 5px;top: 5px;}
.popup .main_pop .close_pop img{width: 100%;}
.popup .main_pop .content_pop{margin: 0px 15px 15px 15px;height: calc(100% - 70px);overflow: scroll;}
.popup .main_pop .content_pop a{color: #426eef;font-weight: bold;text-decoration: underline;}
.popup .main_pop h3{margin: 10px 0px 5px 0px;color: #ffe930;text-transform: uppercase;font-weight: normal;}
.popup .main_pop p{margin:0px;}

/*Fix responsive*/
@media all and (max-width: 389px){ 
	.main_page_IOS .event{width: 80%;margin: 0 10%;}
	.main_page_IOS .event .img_event img{height: 125px;}
	.main_page_IOS .btn_big a{margin: 0px 0px;width: 50%;height: 58px;}
	.main_page_IOS .event .text_event{margin-top:-10px;}
}
@media all and (min-width: 390px) and (max-width: 413px){ 
	.main_page_IOS .event{width: 90%;margin: 0 5%;}
	.main_page_IOS .event .img_event img{height: 130px;}
	.main_page_IOS .btn_big a{margin: 0px 0px;width: 50%;height: 58px;}
	.main_page_IOS .event .text_event{margin-top:-10px;}
}
@media all and (min-width: 414px){ 
	.main_page_IOS .event{width: 100%;margin: 0;}
	.main_page_IOS .event .img_event img{height: 150px;}
	.main_page_IOS .btn_big a{margin: 0px 0px;width: 50%;height: 58px;}
	.main_page_IOS .event .text_event{margin-top:-10px;}
}