@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@font-face {
    font-family: "Silver";
    src: url("../fonts/Silver.ttf") format("truetype")
}
*, *:before, *:after {
    box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
html, body {
    overflow: hidden;
    overflow-y: auto;
}
body {
	margin: 0;
    padding: 0;
    font-family: 'Silver', "微軟正黑體", Microsoft JhengHei;
    color: #646464;
    background: #000;
	color: #fff;
    font-size: 100%;
    line-height: 1.4;
}
.titleFont, header .links, #countdown .digital, .video h4, .Deal h3, .Deal .pixel-box--primary {
	font-family: 'Press Start 2P', 'Silver', "微軟正黑體", Microsoft JhengHei;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none;
    color: #fff;
}
a:hover {
    color: #ff6400;
}
.textLeft {
	text-align:left !important
}
.textRight {
	text-align:right !important
}
.textCenter {
	text-align:center !important
}
.textUppercase {
	text-transform: uppercase;
}
.textShadowA {
	text-shadow: -4px 0px 0px #f900ff, 2px 1px 0px #000, 5px 0px 0px #00ffff
}
.textShadowB {
	text-shadow: 3px 3px 0px #000
}
.btns {
	/*font-family: 'Press Start 2', 'Titillium Web', "微軟正黑體", Microsoft JhengHei;*/
	color: #000 !important;
	display: inline-block;
	background-color: #8fffff;
	padding: 1rem 2rem;
	margin-top: 1rem;
	border: none;
}
.btns:hover {
	background-color: #ff6400;
}
.clear:after {
	content:"";
	display:table;
	clear:both
}

/*------------- Scrollbar -------------*/

::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-button{width:0;height:0}
::-webkit-scrollbar-thumb{background:#8fffff;border:0 none #fff}
::-webkit-scrollbar-thumb:hover{background:gray}
::-webkit-scrollbar-thumb:active{background:gray}
::-webkit-scrollbar-track{background:#000;border:0 none #fff;border-radius:50px}
::-webkit-scrollbar-track:hover{background:#000}
::-webkit-scrollbar-track:active{background:#333}
::-webkit-scrollbar-corner{background:transparent}

/*------------- Background -------------*/

.parallax::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(-1px) translateY(-100px) scale(1.5);
    background-size: 100%;
	background-attachment: fixed !important;
    z-index: -2;
}
.section .inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1600px;
	text-align: center;
	margin: auto;
	padding:8rem 2rem;
}

/*------------- Transition / Animation -------------*/

.transition, header .navbar.responsive, .btns, .mini-hr {
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.os-animation {
    opacity: 0;
}
.os-animation.animated {
    opacity: 1;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10%);
		transform: translateY(10%);
    }
    100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
		-webkit-transform: translateY(10%);
        -ms-transform: translateY(10%);
        transform: translateY(10%)
   }
    100% {
        opacity: 1;
		-webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%)
    }
}

.floatingX{
	animation-name: floatingX;
	-webkit-animation-name: floatingX;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@keyframes floatingX {
	0% {
		transform: translateX(0%);	
	}
	50% {
		transform: translateX(10px);	
	}	
	100% {
		transform: translateX(0%);
	}			
}
@-webkit-keyframes floatingX {
	0% {
		-webkit-transform: translateX(0%);	
	}
	50% {
		-webkit-transform: translateX(10px);	
	}	
	100% {
		-webkit-transform: translateX(0%);
	}			
}

/*------------- Border -------------*/

.pixel-borders {
    position: relative;
    display: inline-block;
    margin: 0 15px 15px 0;
    padding: 15px 20px;
    font-family: "Press Start 2P", Arial Black, Arial Bold, Arial, sans-serif;
}
.pixel-borders:hover {
    background-color:#fe33d6;
}
.pixel-borders--2-inset {
    border-style: solid;
    border-width: 4px;
    border-color: #a153d6;
    border-image-slice: 4;
    border-image-width: 2;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><path d='M2 2h2v2H2zM4 0h2v2H4zM10 4h2v2h-2zM0 4h2v2H0zM6 0h2v2H6zM8 2h2v2H8zM8 8h2v2H8zM6 10h2v2H6zM0 6h2v2H0zM10 6h2v2h-2zM4 10h2v2H4zM2 8h2v2H2z' fill='%23a153d6' /></svg>");
}
@supports (border-image-source: none) {
	.pixel-borders--2-inset {border-radius: 20px;}
}
.pixel-borders--2-inset::after {
    border-style: solid;
    border-width: 4px;
    border-color: #6647c5;
    border-image-slice: 2;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%236647c5' /></svg>");
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    border-image-width: 0 1 1 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
}
@supports (border-image-source: none) {
	.pixel-borders--2-inset::after {border-radius: 14px;}
}
.pixel-box--success-custom {
    color: #fff;
    border-style: solid;
    border-width: 4px;
    border-color: #5b8423;
    border-image-slice: 2;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%235b8423' /></svg>");
    position: relative;
    background-color: #92cc41;
}
@supports (border-image-source: none) {
	.pixel-box--success-custom {border-radius: 14px;}
}
.pixel-box--success-custom::after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 4px 4px #b5dc7d;
            box-shadow: inset 4px 4px #b5dc7d;
}
.pixel-box--success-custom:hover, .pixel-box--success-custom:focus {
    background-color: #85c034;
}

/******************** pixel-box--light ********************/
.pixel-box--light {
    border-style: solid;
    border-width: 4px;
    border-color: #cccccc;
    border-image-slice: 2;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23cccccc' /></svg>");
    position: relative;
    background-color: #fff;
}
@supports (border-image-source: none) {
	.pixel-box--light {border-radius: 14px;}
}
.pixel-box--light::after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset -4px -4px #e6e5e5;
            box-shadow: inset -4px -4px #e6e5e5;
}
.pixel-box--light:hover, .pixel-box--light:focus {
    background-color: #f2f2f2;
	color: #fff;
}

/******************** pixel-box--primary ********************/
.pixel-box--primary {
    border-style: solid;
    border-width: 4px;
    border-color: #3dd4d4;
    border-image-slice: 2;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%233dd4d4' /></svg>");
    position: relative;
    background-color: #8fffff;
}

@supports (border-image-source: none) {
  .pixel-box--primary {
      border-radius: 14px;
  }
}
.pixel-box--primary::after {
    content: '';
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset -4px -4px #77eeee;
            box-shadow: inset -4px -4px #77eeee;
}
.pixel-box--primary:hover, .pixel-box--primary:focus, .Deal a:hover .pixel-box--primary {
    color: #fff;
    border-color: #e55a00;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23e55a00' /></svg>");
    background-color:#ff6400;
}
.pixel-box--primary:hover::after, .Deal a:hover .pixel-box--primary::after{
    -webkit-box-shadow: inset -4px -4px #f25f00;
            box-shadow: inset -4px -4px #f25f00;
}

.pixel-box--primary.comingsoon, .pixel-box--primary.comingsoon:hover {
    color: #797979;
    border-color: #464646;
    border-image-source: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><path d='M0 2h2v2H0zM2 0h2v2H2zM4 2h2v2H4zM2 4h2v2H2z' fill='%23464646' /></svg>");
    background-color:#565656;
}

.pixel-box--primary.comingsoon::after,
.pixel-box--primary.comingsoon:hover::after {
    -webkit-box-shadow: inset -4px -4px #464646;
            box-shadow: inset -4px -4px #464646;
}

/*------------- Header -------------*/

header {
    position: relative;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
header .navbar {
	display: block;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
	min-height: 95px;
	background-color:rgba(46,38,61,.85);
}
header .navbar a.btns {
    display: inline-block;
	background-color: transparent;
    color: #fff !important;
    text-align: center;
    padding: 20px 16px 16px 16px;
    text-decoration: none;
    font-size: 12px;
	margin: 0;
}
header .navbar a.btns:hover, header .navbar a.btns.active {
    background-color: #8fffff;
    color: black !important;
}
.navbar .icon:after {
	content: "\f0c9";
	display: none;
	font-family: FontAwesome;
	font-size: 25px;
	line-height: 50px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: inherit;
	width: 50px;
	height: 50px;
	position: relative;
    top: 14px;
    right: 15px;
}
header .wrapper {
	position: absolute;
	top:0;
	left: 0;
	width: 100%
}
header .logo, header .title {
	position: relative;
	z-index: 10;
}
header .logo {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	padding: 18px 20px;
}
header .logo span {
	display: inline-block;
	vertical-align: middle;
	margin:0 15px;
}
header .logo span.aorus {
	width: 135px; 
	position: relative;
    top: 10px;
	float: left
}
header .logo span.intel {
	width: 105px; 
	position: relative;
    top: -4px;
	float: right
}
#countdown, #countdown li, #countdown li span.digital {
	display: inline-block;
	position: relative
}
#countdown {
	position: absolute;
	top: 20px;
	right: 10vw;
	padding: 9px 10px 3px 10px;
}
#countdown li {
	font: normal 16px 'Silver';
	letter-spacing: 2px;
}
#countdown .digital {
	width: 100%;
	font-size: 10px;
    line-height: 11px;
}
header .inner {
	padding-top: 480px;
}
header .links {
	display: inline-block;
	position: relative;
	top:15px;
	z-index: 99
}
.layer {
    background-position: bottom center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
    position: fixed;
    z-index: -1;
}
.layer img {
    width: 100%
}
.layer.back {
	top:2vw;
	width: 100vw;
	height: 100vh;
	background-color: #5567a0;
}
.layer.wall {
	top:0
}
.layer.front {
	top:-4vw
}
.chibi {
	width: 190px;
	height: 164px;
	display: inline-block;
	position: fixed;
	top:70%;
	left: auto;
	right: 3%;
	bottom: auto;
	z-index: 999;
}
header .title {
	position: absolute;
    width: 100vw;
    top: 40vh;
    left: 0;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 1;
}
header h2 {
	font-size: 2.8rem;
    line-height: 3rem;
    letter-spacing: 2px;
}
header h3 {
	font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: 2px;
}
header h4 {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #ff6400;
}

/*------------- Section -------------*/

.section {
	position: relative;
	width: 100%;
	background-color: #000;
	box-sizing: border-box;
	text-align: center;
	min-height: 600px;
	z-index: 1
}
.section .section-background {
	position: absolute;
	height: 100%;
	width: 100%;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	opacity: 0.3;
	transition: all 0.75s ease-in-out;
	z-index: 1
}
.section .inner {
	position: relative;
	z-index: 3;
	width: 1500px;
	max-width: 96%;
	text-align: center;
	margin: auto;
	padding:10rem 1rem;
}
.section .row {
	margin: 2rem auto;
}
.section, .section h2, .section p, .section a, .step strong {
	color: #000
}
.section a:hover {
	color: #f900ff;	
}
.section h2.titleFont {
	font-size: 2.2rem;
	line-height: 3rem;
	position: relative;
	bottom: 2rem;
	width: 100%;
	max-width: 900px;
    margin: 0 auto;
}
.section h3 {
	font-size: 1.4rem;
    line-height: 2rem;
}
.section p {
	font-size: 2rem;
	line-height: 2.2rem;
	font-weight: 300;
	margin-bottom: .5rem;
}
.section p:last-child {
	margin-bottom: 0;
}
.section.video {
    background-image   : url(../images/bg-1-1.gif),
                         url(../images/bg-1-2.gif),
                         url(../images/bg-1-3.gif);
    background-repeat  : repeat-x,
                         repeat-x,
                         repeat;
    background-position: top center,
                         bottom center,
                         center;
}
.videoColumn {
	margin-top: 3rem;
}
.videoColumn .video, .videoColumn .videoComingSoon {
	display: inline-block;
	vertical-align: top;
	width: 560px;
	max-width: 48%;
	margin: .5%
}
.videoColumn .video iframe {
	max-width: 100%;
}
.section.how {
    background-image   : url(../images/bg-2-1.gif),
                         url(../images/bg-2-2.gif),
                         url(../images/bg-2-3.gif);
    background-repeat  : repeat-x,
                         repeat-x,
                         repeat;
    background-position: top center,
                         bottom center,
                         center;
}
.step {
	display: table;
	margin: 1rem auto;
}
.step a, .step strong {
    font: normal 1rem 'Press Start 2P';
    line-height: 2rem;
}
.stepWrap {
    background-image   : url(../images/box-01.gif),
                         url(../images/box-03.gif),
                         url(../images/box-02.gif),
                         url(../images/box-05.gif),
                         url(../images/box-04.gif);
    background-repeat  : no-repeat,
                         no-repeat,
                         repeat-x,
                         no-repeat,
                         repeat-y;
    background-position: top left,
                         top right,
                         top,
                         bottom center,
                         center;
	display: inline-block;
	vertical-align: top;
	width: 338px;
	min-height: 410px;
	margin: 20px;
	padding: 0 20px
}
.stepWrap h4 {
    font-size: 1.5rem;
    position: relative;
    top: 1.5rem;
    left: 24px;
    margin-bottom: 3rem;
}
.stepWrap p {
	color: black
}
.section.Prizes {
    background-image   : url(../images/bg-3-1.gif),
                         url(../images/bg-3-2.gif),
                         url(../images/bg-3-3.gif);
    background-repeat  : repeat-x,
                         repeat-x,
                         repeat;
    background-position: top center,
                         bottom center,
                         center;
}
.prizesWrap {
    background-image   : url(../images/box-06.gif),
                         url(../images/box-08.gif),
                         url(../images/box-07.gif),
                         url(../images/box-10.gif),
                         url(../images/box-09.gif);
    background-repeat  : no-repeat,
                         no-repeat,
                         repeat-x,
                         no-repeat,
                         repeat-y;
    background-position: top left,
                         top right,
                         top,
                         bottom center,
                         center;
	display: inline-block;
	vertical-align: top;
	width: 338px;
	min-height: 480px;
	margin: 20px;
	padding: 0 20px
}
.prizesWrap h4 {
    font-size: 1rem;
    position: relative;
    top: 1.8rem;
    left: 15px;
    margin-bottom: 3rem;
}
.prizesWrap p {
	font-size: 16px;
	line-height: 18px;
}
.section.Prizes .item {
	display: inline-block;
	width: 500px;
	max-width: 100%;
	margin: 2%
}
p.Terms {
	margin-top: 3rem;
}
p.Terms a {
	font-size: 1rem;
	line-height: 1.5rem;
	color: #fff;
}
p.Terms a:hover {
	color: #fff;
}
.section.Deal {
    background-image   : url(../images/bg-4-1.gif),
                         url(../images/bg-4-2.gif),
                         url(../images/bg-4-3.gif);
    background-repeat  : repeat-x,
                         repeat-x,
                         repeat;
    background-position: top center,
                         bottom center,
                         center;
	/*background-attachment: scroll,fixed,fixed;*/
}
.Deal .grid {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	margin: 0 1% 3rem 1%;
}
.Deal h3 {
	font-size: 1rem;
	line-height: 1.2rem;
	margin: 1rem auto;
}
.Deal .pixel-box--primary{
	font-size: .8rem;
	line-height: 1rem;
}
.Deal a:hover h3, .prizesWrap a:hover p span {
	color: #000;
	text-shadow: -3px 0px 0px #f900ff, 1px 1px 0px #000, 3px 0px 0px #00ffff
}
.etailer .grid {
	width: auto;
	text-align: center;
/*
	background-color: rgba(0,0,0,.3);
	border: 2px solid rgba(0,0,0,0);
*/
}
/* .carousel-img {
    position: relative;
    z-index: 1;
} */
.etailer .grid .carousel-img {
/*	background-color: #747474;*/
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	width: 300px;
	height: 100px;
}
.etailer .grid .carousel-img img {
	display: block;
	margin: 0 auto;
	max-width: 90%;
	height: auto;
	max-height: 90%;
}

/*------------- video -------------*/

.video .inner {
	width: 100%;
}
.video .window {
	position: relative;
	max-width: 820px;
	background:  url("../images/window.svg") no-repeat top center;
	padding: 12px;
	margin: 0 auto;
}
.video h4 {
	position: absolute;
	top: 28px;
    left: 45px;
	color: #dc71fe;
}
.video-container {
    position: relative;
	top:25px;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	margin: 33px;
    height: 0; 
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
}

/*------------- fancybox -------------*/

.fancybox-content {
	/*width: 80%;
	max-width: 516px;*/
	background: black;
	padding: 2rem 2.5rem;
	overflow-y: auto !important;
	border: none
}
.fancybox-content ul li {
	list-style: decimal
}
.fancybox-slide>* {
	background-color: #000 !important;
	padding: 0 !important
}
.fancybox-close-small:after {
	background-color: #ff6400 !important;
	color: #fff !important;
	border-radius: 0 !important;
	border: none !important;
	outline:  none !important;
}
.Game iframe {
	width: 560px;
	max-width: 90vw;
	height: 100vh;
}
.terms iframe {
	width: 800px;
	max-width: 90vw;
	height: 80vh;
}

/*------------- Button -------------*/

.dropbtn {
    cursor: pointer;
	/* border:none */
}
.dropdown {
    position: relative;
}
/* .dropbtn:hover, .dropbtn:focus {
	background-color: #ff6400;
} 
.dropdown {
	position: relative;
	display: inline-block;
}*/
.dropdown-content {
    display: none;
    position: absolute;
    left: 65px;
    right: auto;
    top: 54px;
    background-color: #6b6b6b;
    width: 155px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:999;
}
.dropdown-content a {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: inline-block;
	width: 100%;
}
.dropdown-content span.ComingSoon, .navbar .links .ComingSoon {
	cursor: not-allowed;
	opacity: .5
}
.dropdown a:hover {
	background-color: #353535;
}
.show {
	display: block;
}

/*------------- Tooltip -------------*/

HTML CSSResult Skip Results Iframe
/* START TOOLTIP STYLES */
[tooltip]{position:relative}
[tooltip]::before,[tooltip]::after{text-transform:none;font-size:1.5rem;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0}
[tooltip]::before{content:'';border:5px solid transparent;z-index:1001}
[tooltip]::after{content:attr(tooltip);text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1ch 1.5ch;/*border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,0.35);*/background:#333;z-index:1000}
[tooltip]:hover::before,[tooltip]:hover::after{display:block}
[tooltip='']::before,[tooltip='']::after{display:none!important}
[tooltip]:not([flow])::before,[tooltip][flow^="up"]::before{bottom:100%;border-bottom-width:0;border-top-color:#333}
[tooltip]:not([flow])::after,[tooltip][flow^="up"]::after{bottom:calc(100% + 5px)}
[tooltip]:not([flow])::before,[tooltip]:not([flow])::after,[tooltip][flow^="up"]::before,[tooltip][flow^="up"]::after{left:50%;transform:translate(-50%,-.5em)}
@keyframes tooltips-vert {
	to{opacity:.9;transform:translate(-50%,0)}
}
@keyframes tooltips-horz {
	to{opacity:.9;transform:translate(0,-50%)}
}
[tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after,[tooltip][flow^="up"]:hover::before,[tooltip][flow^="up"]:hover::after,[tooltip][flow^="down"]:hover::before,[tooltip][flow^="down"]:hover::after{animation:tooltips-vert 300ms ease-out forwards}
[tooltip][flow^="left"]:hover::before,[tooltip][flow^="left"]:hover::after,[tooltip][flow^="right"]:hover::before,[tooltip][flow^="right"]:hover::after{animation:tooltips-horz 300ms ease-out forwards}
/*body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#ededed}*/
main{flex:1 1 100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
aside{flex:none;display:flex;align-items:center;justify-content:center;background:#49b293;padding:1em}
main div{text-align:center;}
main span{padding:.5em 1em;margin:.5em;display:inline-block;background:#dedede}
aside a{text-decoration:none;font-weight:700;display:inline-block;padding:.4em 1em}

/*------------- Footer -------------*/

footer {
    background-color: #1d1d1d;
    padding: 5rem 1%;
    color: #fff;
    text-align: center;
	position: relative;
	z-index: 1
}
.LangChangeDiv {
    position: absolute;
    right: 30px;
	top:30px;
    width: auto;
    min-width: 200px;
    height: 45px;
    z-index: 99;
	padding: 0 10px 0 0;
}
.LangChangeDiv:active #lang-select {
    background-color: #ff6400;
    border-color: #000
}
#lang-select {
    width: 100%;
    line-height: 40px;
    font-size: 20px;
	border: none;
    padding: .5rem 10px;
	position: relative;
	z-index: 99;
}
#lang-select option {
    margin: 40px;
    /* height: 40px; */
    background: #454545;
}
#lang-select, #lang-select option {
    color: #000;
	background-color: transparent;
    font-family: 'Silver', "微軟正黑體", Microsoft JhengHei;
    font-size: 16px;
    line-height: 20px;
}
footer .logo span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	margin-bottom: 1.5rem
}
footer .logo span.aorus {
	width: 120px;
}
footer .sns {
    margin-bottom: 1rem
}
footer .sns i {
	font-size: 0;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat !important;
	background-size: 100% !important;
	background-position: center !important;
}
footer .sns i.fa-facebook {
	background:url("../images/facebook.svg")
}
footer .sns i.fa-twitter {
	background:url("../images/twitter.svg")
}
footer .sns i.fa-instagram {
	background:url("../images/instagram.svg")
}
footer .sns i.fa-youtube {
	background:url("../images/youtube.svg")
}
footer .copyright {
	color: #b1b1b1;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 22px
}
.mobile {
    display: none
}
.desktop {
    display: block
}
footer .desktop {
    display: inline-block
}

@media only screen and (max-width: 1360px) {
	#countdown { right: 160px;}
	header .links { position: absolute; top: 19px; left:50%; margin-left: -167px;}
}
@media only screen and (max-width: 1290px) {
	header .links { left: 200px; margin-left: 0;}
}
@media only screen and (max-width: 1060px) {
    .mobile {display:block}
    .desktop, footer .desktop {display:none}
	#countdown { right:auto;left: 50%;margin-left: -167px}
    header .navbar{position:fixed;top:0;right:0;z-index:99}
    header .logo span.aorus{width:130px}
    header .navbar.responsive{background:#282828}
    header .navbar.responsive a.btns{display:block;width:100vw;margin:0;padding:20px}
    header .navbar.responsive a.btns:hover{background-color:#000;color:#ed2025}
	header .logo span.intel {right: 45px}
    header .navbar a.btns{display:none}
    header .navbar a.btns:hover{color:#ff6400!important}
    header .navbar a.icon{float:right;display:block}
    .navbar.responsive .icon{position:fixed;right:0;top:0}
	.navbar .icon:after {position: fixed;display: inline-block;top: 23px;color: #fff}
    .navbar.responsive .icon:after{content:"\f00d"}
    .navbar.responsive a{float:none;display:block;text-align:left}
    .navbar.responsive .links{background-color:rgba(0,0,0,0.85);padding:5rem 0 2rem;top: 0; left: 0; margin-left: 0;}
    header.parallax::after,.section.AorusProducts.parallax::after{transform:none}
    header.parallax::after{background:url(../images/bg-kv-mobile.jpg) no-repeat;background-position:center top;background-size:100% auto}
	.chibi {top:95vh;right: 0}
    footer{padding-top:2rem}
    footer .LangChangeDiv/*.Language*/{width: auto;display: inline-block;position:inherit;right:auto;top:auto;margin:0 auto 2.5rem}
    footer .copyright{letter-spacing:0;font-size:13px;line-height:22px}
}
@media only screen and (max-width: 990px) {
	.video .window {padding: 0; background:none}
	.video h4 {display: none}
    .video-container {margin: 0;top:0}
}
@media only screen and (max-width: 767px) {
	.navbar .icon:after {right: 8px;}
	header .logo span.aorus { width: 125px; top: -1px; left: -15px;}
	header .title {padding: 0 1rem}
	header h2 { font-size: 2rem; line-height: 2.5rem;}
	.navbar.responsive .links { padding: 1rem 2rem 1rem 0;}
	.layer.back {opacity: .6}
	#countdown {display: none}
	.section h2.titleFont { font-size: 1.8rem; line-height: 2.3rem;}
	p.Terms a { font-size: .6rem; line-height: 1rem;}
    .section .inner {padding: 5rem 1rem;}
}
@media only screen and (max-width: 420px) {
	header .logo span.intel { right: 28px}
	.step, .prizesRow { -webkit-transform: scale(0.7); transform: scale(0.7); position: relative; }
	.step { margin: -57% 0 0 -7%; }
    .prizesRow { margin: -54% 0 0 -8%;}
    .etailer .grid {width: 100%;}
}
@media only screen and (max-width: 350px) {
	header .logo span.aorus { width: 115px; top: 11px; left: -12px;}
	header .logo span.intel { width: 90px;}
}