@charset "utf-8";



 
 
.ad_box{width:100%;/*max-width:1920px;*/height:100%;display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:99;margin:0 auto;overflow:hidden;justify-content: center;align-items:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.ad_box.on{display:flex;}
.ad_box canvas{width:100%;position:relative;top:0;left:0;z-index:3;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
/* .ad_box #video1{position:absolute;z-index:1;display:none;width:100%;} */
.ad_box #video1{position:absolute;z-index:1;width:100%;}
.ad_box #video2{position:absolute;z-index:2;left:0;top:0;display:none;}
.ad_box_container{ display:flex;justify-content: center;align-items: center;height: 100%;width:100%;}

.ad_box + .btn-back{cursor:pointer;-webkit-appearance:none;appearance:none;display:none;box-shadow:none;border:0px;width:45px;height:36px;position:absolute;left:20px;top:89px;background:url(data:image/webp;base64,UklGRiAFAABXRUJQVlA4WAoAAAAUAAAALAAAIwAAQUxQSA0BAAABgGNt2zHnm9ipJilt23bW4Mq2rdJYgapMGaNLmdK28///mN8543lWEBGM3LaNFEmdfU6DeQQxh5xIgiNwbRO35znzdOsNm+prIVsPq49RSg5sUDPIqFXPMaiGGI2aaQXt8cZ0daCagDbFUGDT0MaRkVFGA2wQWh+joRysTkZNxVNelsB3d7czmA5tlIo+LeHj4+N+oz5EO83aEGhk7NfZbF78lYRSqhZyFvL3cbpYFWpNkm4kVPPY1WAhJR5En5RbKZVvOREU6VpZoFn3WgU4cx5l0N18sIVgC3QKgBcfwC+7x5p9p3WTBzPjVkqZUgL8hkSKcz7yP/8rXCVAck5+c5HaVG07EyRu/mYPAQBWUDggdAAAALAFAJ0BKi0AJAA+bSqRRaQioZjrNgBABsS0gAAUT5BN/MKVSkFkA0AjiH6QhaxlTttxplKwAAD+ri6jQAkI7zCf8r7x+stpsmgb7and7+aFmQXJnoizSdruBcwN1MXlQSWWcovXcqFPp4g+b1riXgDgAAAAWE1QIG8DAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjAtYzAwMCA3OS5kYTRhN2U1ZWYsIDIwMjIvMTEvMjItMTM6NTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDVlMmJlNjQtOGNhZS0wMDQ1LWE3NGYtODE2OTZmMzhlYTVhIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVDQjE4NTFEQjFCODExRUQ4OUYxOTAxMTRCNUZBOTg5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVDQjE4NTFDQjFCODExRUQ4OUYxOTAxMTRCNUZBOTg5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmEyN2U4ZDJmLWNmNDMtM2U0OC1hOTZhLTUyYjQ2YTk3Yjc2MCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjBjYWQ2YWI0LWZmMzUtZDc0NS04ZDhmLThlZmViYzQ5OTU0MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgAA) 0 0 no-repeat;background-size:100%;z-index:111;}
.ad_box.on + .btn-back{display:block;}

.ad_box.vertical-full #video1, .ad_box.vertical-full canvas{width:auto;height:100%;}

.ad_box .banner{position:absolute;z-index:10;left:0;top:0;right:0;opacity:0;height:7.25em;background:rgba(0,0,0,0.75);width:100%;text-align:center;line-height:7.25em;}
.ad_box .banner img{display:inline-block;vertical-align:middle;width:7em;}

.loading-cover{position:absolute;z-index:11;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;color:white;flex-direction:column;background:rgba(0,0,0,0.3)}

.loading-cover > div {margin-top:1em;}

.wrapper{width:100%;background:#666;}
.wrapper .header{height:100px;display:flex;justify-content:center;align-items:center;font-size:3em;font-weight:bold;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
.wrapper .footer{height:100px;background:darkgreen;color:white;display:flex;justify-content:center;align-items:center;font-size:3em;font-weight:bold;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
.wrapper .page{min-height:100vh;display:flex;justify-content:center;align-items:center;color:white;position:relative;border-bottom:5px solid #333;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
.wrapper .page.full-height{height:100vh;}

.race-by {
--uib-size: 80px;
--uib-speed: 1.4s;
--uib-color: black;
--uib-line-weight: 5px;

position: relative;
display: flex;
align-items: center;
justify-content: center;
height: var(--uib-line-weight);
width: var(--uib-size);
border-radius: calc(var(--uib-line-weight) / 2);
overflow: hidden;
transform: translate3d(0, 0, 0);
}

.race-by::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: var(--uib-color);
opacity: 0.1;
}

.race-by::after {
content: '';
height: 100%;
width: 100%;
border-radius: calc(var(--uib-line-weight) / 2);
animation: raceBy var(--uib-speed) ease-in-out infinite;
transform: translateX(-100%);
background-color: var(--uib-color);
}

@keyframes raceBy {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(100%);
}
}

@media(max-width:1024px) {
	html,body{
		font-size:14px;
	}
}

@media(max-width:768px) {
	html,body{
		font-size:12px;
	}

	
	.ad_box #video1, .ad_box canvas{width:auto;height:100%;}

	.ad_box + .btn-back{left:20px;top:64px;}


}

@media(max-width:500px) {
	
	html,body{
		font-size:11px;
	}
}


.ad_box.landscape canvas, .ad_box.landscape #video1{width:100%;height:auto;}
.ad_box.portrait canvas, .ad_box.portrait #video1{width:auto;height:100%;}