.h0{/*height: 0px; overflow: hidden;*/ display: none;}

.gameSet{
	font-family:"微軟正黑體","Microsoft JhengHei","Apple LiGothic Medium", Arial, Helvetica, sans-serif;
}
.gameSet img{
	border: 0;
    vertical-align: top;
}

.game{ position: relative;
	overflow: auto;
	width: 100vw;
    height: 100vh;
    display: none;
 }



.gameBG{  }

.ans{position: absolute; display: block;
    cursor: default;
}
.ans1{left: 1934px; top: 403px;}
.ans1 img{ width: auto; }
.ans2{left: 960px; top: 960px;}
.ans2 img{ width: auto; }

.ans.check img{
	animation:check 0.8s linear;
	animation-fill-mode: forwards;
}
@keyframes check {
   0% {transform: scale(1);}
   40% {transform: scale(1.4);}
   70% {transform: scale(1.4); opacity: 1;}
   100% {transform: scale(2); opacity: 0;}
}


.black{background: rgba(0,0,0,0.7);  width: 100%; height: 100%;
position: fixed; left: 0;top: 0;
display: none;
}
.blackAll{background: rgba(0,0,0,1); transition: 0.5s;}


@media screen and (min-width:1220px) {
	.game{  }
	.gameBG{  }
/*	.ans1{left: 1934px; top: 403px;}
	.ans1 img{ width: auto; }
	.ans2{left: 960px; top: 960px;}
	.ans2 img{ width: auto; }*/
}








.gameBox{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);
 width: 94%; max-width: 1100px;    max-height: 85vh;    background: white; text-align: center;
 font-size: 18px; line-height: 1.2; border:solid 0.5em #0561c0;  
 overflow-y: auto;
 display: none; 
}

.gameBox .tt{
	background: #0561c0;
	padding: 2%;
 }
 .gameBox .tt p{
 	color: #fff;
    font-weight: bold;
    letter-spacing: 0.07em;
    padding: 2% 10%;
    border: 10px solid #ffef23;
    border-image-source: url(../images/borderB.png);
    border-image-slice: 100;
    border-image-width: 4;
    border-image-repeat: round;
 }
.gameBox .tt b{
	font-size: 200%;
	color: #ffef23;
}
.gameBox .tt small{display: block; font-size: 64%; padding-top: 0.7em;}

.gameBox article{display: flex; justify-content: center;   flex-wrap: wrap;   padding: 5%;}
.gameBox section{    font-size: 100%; font-weight: bold; line-height: 1.5; letter-spacing: 0.05em;}
.gameBox section.photo{   width: 80%; }
.gameBox section.photo img{width: 100%;}
.gameBox section.btn{width: 100%; overflow: hidden; margin-top: 3%;}
.gameBox section.btn img{ height: 1.5em;}
.gameBox section.btn span{display: block; }
.gameBox section p{ padding: 5% 0;}
.gameBox section.btn a{display: block; float: left; width: 100%;
	background: #ffed00; color: black; padding: 1em 0;
	box-shadow: inset 0 -0.4em 0 rgba(0,0,0,0.2);
	transition: all 0.2s;
}
.gameBox section.btn a:hover{
	box-shadow: inset 0 -0.35em 0 rgba(0,0,0,0.4);
	filter: brightness(1.2);
	transform: translateY(0.15em);
}
.gameBox section.btn a.iconFB , .gameBox section.btn a.iconLINE{width: 48%; color: white; }
.gameBox section.btn a.iconFB img , .gameBox section.btn a.iconLINE img{vertical-align: middle;}
.gameBox section.btn a.iconFB {    margin: 3% 3% 0 0; background: #3c579e;}
.gameBox section.btn a.iconLINE {    margin: 3% 0 0 0; background: #00b900;}




/*gameBoxPrice*/
.gameBoxPrice{ }
.gameBoxPrice img{width: 100%;}
.gameBoxPrice .gameSettour{display: block; background: #fd5858;  transition: all 0.2s;
	color: white; font-size: 128%; font-weight: bold;
	padding: 1em 0; box-shadow: inset 0 -0.35em 0 rgba(0,0,0,0.4);
}
.gameBoxPrice .gameSettour:hover{filter: brightness(1.2); color: yellow;
 box-shadow: inset 0 -0.25em 0 rgba(0,0,0,0.4);}



@media screen and (min-width:768px) {
	.gameBox article{    flex-wrap: nowrap;      padding: 2%;}
	.gameBox section.photo{   width: 35%; padding: 0 2% 0 0; }
	.gameBox section.btn{width: 65%;}
	.gameBox section.btn img{height: 2.5em;}
	.gameBox .tt b { font-size: 246%; }
	.gameBox section.btn span{display: inline-block; }
}


@media screen and (min-width:1220px) {
	.gameBox{  font-size: 28px; max-height: 90vh;}
	.gameBox section.btn{margin-top: 0%;}
	.gameBox section.btn a{padding: 1.9em 0;}
	.gameBox .tt p{border-image-width: 10;}
}





.gameClose {position: absolute; right: 0; top: 0; background: rgba(0,0,0,0.6);
	border-radius: 5em; width: 1.5em; height: 1.5em; font-size: 30px; color: white;
	 padding-top: 0.25em; transition: all 0.2s;     text-align: center;
}
.gameBox .gameClose{ padding-top: 0.15em; }
.gameClose:hover{background: rgba(0,0,0,1); color: yellow;}

.game .gameClose{position: fixed;}
@media screen and (min-width:1220px) {
	.gameClose{    font-size: 40px;}
}



/*#set-header-base , #set-footer-base , #mtkContainer{display: none;}
.game1{display: block;}*/