body.hidden{ overflow-y:hidden;}

/*選單區/////////////////////////////////////////////////////////////////////////////*/
header.menu_block{ width:100%; background-color:#000;
				   position:relative; left:0; top:0; z-index:99;
				  }
header.menu_block.fixed{ position:fixed; }
header.menu_block > div{width:100%; margin:0 auto;
						display:flex; display:-ms-flexbox;
						/*justify-content:space-between; -ms-flex-pack:space-between;*/
						}
/*logo*/	
.menu_flex01{ position:relative; z-index:99;}
.menu_flex01 ,.btn_logo{ width:295px; }

.btn_logo{ height:auto; margin:.2rem auto .2rem .3rem ; 
			background:url(../images/btn_logo.png) no-repeat center top; background-size:100% auto;
			position:absolute; left:0; top:0rem;
			image-rendering:-webkit-optimize-contrast; 
			z-index:99;
			}
.btn_logo a{ width:100%; height:auto; opacity:0.01; transition:opacity 0.5s; }
.btn_logo a:hover{ background:url(../images/btn_logo_ov.png) no-repeat center top; background-size:100% auto; opacity:1; }
.btn_logo img{ visibility:hidden; }


.menu_flex02{ width:82%;
			  display:flex; display:-ms-flexbox;
			  flex-direction:row; -ms-flex-direction: row;
			  /*justify-content:flex-end; -ms-flex-pack:end;*/
			  justify-content:space-between; -ms-flex-pack:justify;
			  position:relative; z-index:98;
			  }

.menu_flex02in_lt{ display:flex; display:-ms-flexbox;
	                align-items:center; -ms-flex-align:center; 
					position:relative;
					}

/*-------在PC上隱藏選單--------*/
.menu_flex01in_lt{ display:none;}

.btn_toggle{
			margin:.6rem .8rem .6rem 0;
			position:relative;
			display:none;
			z-index:100;
			image-rendering:-webkit-optimize-contrast; 
		}
.btn_toggle a{
				background-repeat: no-repeat;
				background-image: url(../images/btn_toggle.png);
				background-size: 100% auto;
				background-position: right center;
				}

.btn_toggle a img{ opacity:0.01; }

.btn_toggle a:hover{ background-image: url(../images/btn_toggle_ov.png); }

.btn_toggle.close a{
					background-repeat:no-repeat;
					background-image: url(../images/btn_close.png);
					background-size: 100% auto;
					background-position: right center;
				    }
.btn_toggle.close a:hover{ background-image: url(../images/btn_close_ov.png);}
	

.btn_click_s{
	width:100%; height:100%;
	cursor:pointer;
	display:none;
	position:absolute; top:0; left:0; z-index:50;		
}

/*jQuery點擊後動態在 body 加上 class */
.menu_show .menu_flex02{
			display:block;
			animation:.6s fat;
        }
/*20200610 點擊後跳回原顯示icon*/
.menu_show_icon .menu_flex02{
			display:block;
			animation:.6s fat;
        }
@keyframes fat{
				 0%{ opacity:0; transform:translateY(-50%); }
				 100%{ opacity:1; transform:translateY(0%); } 
		       }

/*top_menu主選單*/
ul.top_menu{ width:auto; margin:.5rem 0; overflow:hidden;  image-rendering:-webkit-optimize-contrast; position:relative; z-index:50; }
ul.top_menu li img{ width:auto; height:49px; opacity:0.01; }

ul.top_menu > li{ width:auto; background-repeat:no-repeat; background-size:auto 100%; background-position:center center; float:left; position:relative;}
ul.top_menu > li:nth-of-type(1){ background-image:url(../images/btn_sec00.png); }
ul.top_menu > li:nth-of-type(2){ background-image:url(../images/btn_sec01.png); }
ul.top_menu > li:nth-of-type(3){ background-image:url(../images/btn_sec02.png); }
ul.top_menu > li:nth-of-type(4){ background-image:url(../images/btn_sec05.png);	}
ul.top_menu > li:nth-of-type(5){ background-image:url(../images/btn_sec03.png); }
ul.top_menu > li:nth-of-type(6){ background-image:url(../images/btn_sec04.png); }


ul.top_menu > li:nth-of-type(1) a,ul.top_menu > li:nth-of-type(1).current a{ background-image:url(../images/btn_sec00_ov.png); }
ul.top_menu > li:nth-of-type(2) a,ul.top_menu > li:nth-of-type(2).current a{ background-image:url(../images/btn_sec01_ov.png); }
ul.top_menu > li:nth-of-type(3) a,ul.top_menu > li:nth-of-type(3).current a{ background-image:url(../images/btn_sec02_ov.png); }
ul.top_menu > li:nth-of-type(4) a,ul.top_menu > li:nth-of-type(3).current a{ background-image:url(../images/btn_sec05_ov.png); }
ul.top_menu > li:nth-of-type(5) a,ul.top_menu > li:nth-of-type(4).current a{ background-image:url(../images/btn_sec03_ov.png); }
ul.top_menu > li:nth-of-type(6) a,ul.top_menu > li:nth-of-type(5).current a{ background-image:url(../images/btn_sec04_ov.png); }

ul.top_menu > li a{width:100%; height:auto; 
					background-repeat:no-repeat; background-size:auto 100%; 
					background-position:center center;
					opacity:0.01; transition:filter 0.5s,opacity 0.7s;
					}
ul.top_menu > li a:hover,ul.top_menu > li.current a{ opacity:1;}


/*social_menu社群*/
ul.social_menu{  margin-top:.2rem; margin-right:.85rem; text-align:center; image-rendering:-webkit-optimize-contrast;  }
ul.social_menu li{ width:29px; margin-right:.55rem; background-repeat:no-repeat; background-size:100% auto; display:inline-block;}
ul.social_menu li:nth-last-of-type(1){ margin-right:0;}

ul.social_menu li:nth-of-type(1){ background-image:url(../images/btn_social_twitter.png); }
ul.social_menu li:nth-of-type(2){ background-image:url(../images/btn_social_line.png); }
ul.social_menu li:nth-of-type(3){ background-image:url(../images/btn_social_lobi.png); } 

ul.social_menu li:nth-of-type(1) a{ background-image:url(../images/btn_social_twitter_ov.png); }
ul.social_menu li:nth-of-type(2) a{ background-image:url(../images/btn_social_line_ov.png); }
ul.social_menu li:nth-of-type(3) a{ background-image:url(../images/btn_social_lobi_ov.png); }

ul.social_menu li a{ background-repeat:no-repeat; background-size:100% auto; opacity:0.01; transition:opacity 0.5s;}
ul.social_menu li a:hover{ opacity:1; }
ul.social_menu img{ opacity:0.01; }


/*appnav_menu*/
ul.appnav_menu{ width:auto; margin-top:-.1rem; margin-right:.6rem;  text-align:center; image-rendering:-webkit-optimize-contrast;}
ul.appnav_menu li{ width:132px; margin-right:.1rem; 
					background-repeat:no-repeat; background-size:contain;
					display:inline-block; 
				   }
ul.appnav_menu li:nth-last-of-type(1){ margin-right:0;}

ul.appnav_menu li:nth-of-type(1){ background-image:url(../images/btn_appnav_google1.png); }
ul.appnav_menu li:nth-of-type(2){ background-image:url(../images/btn_appnav_apple1.png); }
 
ul.appnav_menu li:nth-of-type(1) a{ background-image:url(../images/btn_appnav_google_ov1.png); }
ul.appnav_menu li:nth-of-type(2) a{ background-image:url(../images/btn_appnav_apple_ov1.png); }

ul.appnav_menu li a{ background-repeat:no-repeat; background-size:contain; opacity:0.01; transition:opacity 0.5s; }
ul.appnav_menu li a:hover{ opacity:0.6; }
ul.appnav_menu li img{ opacity:0.01; }


@media screen and (max-width:1400px) {

        /*top_menu*/
		ul.top_menu > li{ height:3.3rem; background-size:auto 100%; }
		ul.top_menu > li img{ width:auto; height:100%; }

		ul.top_menu > li a{ width:100%; height:100%; }
		ul.top_menu > li a, ul.top_menu > li.current a{background-size:auto 100%;}


}


@media screen and (max-width:1380px) {

	    .menu_flex01 ,.btn_logo{ width:280px; }

		/*top_menu*/
		ul.top_menu > li{ height:3.1rem; }

        /*appnav_menu top_menu 02å…§*/
		.menu_flex02in_lt ul.appnav_menu{
			margin-top:0rem;
		}
		.menu_flex02in_lt ul.appnav_menu li{ 
			width:auto; height:2.62rem; 
		   }
		.menu_flex02in_lt ul.appnav_menu li img{ width:auto; height:100%; }


		/*social_menu top_menu 02å…§*/
		.menu_flex02in_lt ul.social_menu{  margin-top:.2rem; }
		.menu_flex02in_lt ul.social_menu li{ 
											width:auto; height:1.7rem;  
										   }
		.menu_flex02in_lt ul.social_menu img{ width:auto; height:100%; }


}



@media screen and (max-width:1260px) {

		header.menu_block{width:100%; display:block; background-color:transparent; }
		header.menu_block > div{ display:block;}

		.btn_click_s{ display:block; }

		/*logo*/	
		.menu_flex01{width:100%; vertical-align:middle; overflow:visible;
			display:flex; display:-ms-flexbox;
			justify-content:flex-end; -ms-flex-pack:end;
			background-color:#000;
			}
		
		.btn_logo{ width:265px; }

		.menu_flex01in_lt{ display:flex; display:-ms-flexbox;
							align-items:center; -ms-flex-align:center; 
							}

		.btn_toggle{ width:auto; margin:.55rem .8rem .55rem 0; display:block; float:none;}

		.btn_toggle img{ width:auto; height:2.8rem;}

		.menu_flex02{width:100%; height:auto; margin-bottom:0; 
			        text-align:center; position:fixed; left:0; top:0rem;
					z-index:50;
       				display:none;
					}

		.menu_flex02::after{	
			content:" ";
			width:100%;	height:100vh;
			margin:0; padding:0;
			background-color:rgba(43, 21, 0, 0.89);
			position:absolute; top:0; right:0;
			display:block;	
			z-index:-2;
			}
	
		.menu_flex02in_lt{
			width:100%; 
			display:flex; display:-ms-flexbox;
			flex-direction:column-reverse; -ms-flex-direction:column-reverse;
			align-items:center; -ms-flex-align:center;  
		}

		ul.top_menu{ width:100%; height:auto; margin:0; margin-right:0;  overflow:visible; display:block;}
		ul.top_menu > li{ width:auto; max-height:64px; height:8.5vh; margin:0 auto; padding:0;  background-size:auto 100%; float:none; }

		ul.top_menu > li a{ width:auto; height:auto; }
		ul.top_menu > li a, ul.top_menu > li.current a{ background-size:auto 100%  }


		ul.top_menu li img{ width:auto; height:100%; vertical-align:middle; display:inline; }

		.menu_show .menu_flex02{ height:100%; 
			                     display:flex; display:-ms-flexbox;
			                     flex-direction:column; -ms-flex-direction:column;
								 justify-content:center; -ms-flex-pack:center; 
								 align-items:center; -ms-flex-align:center; 
								}
		
		/*.menu_show ul.top_menu li{animation:.6s fat; animation-fill-mode:forwards; }*/	
		ul.top_menu img.l{ display:none; }
		ul.top_menu img.s{ display:block; }

        /*appnav_menu*/
		ul.appnav_menu li:nth-of-type(1){ background-image:url(../images/btn_appnav_google_s.png); }
		ul.appnav_menu li:nth-of-type(2){ background-image:url(../images/btn_appnav_apple_s.png); }
		 
		ul.appnav_menu li:nth-of-type(1) a{ background-image:url(../images/btn_appnav_google_s_ov.png); }
		ul.appnav_menu li:nth-of-type(2) a{ background-image:url(../images/btn_appnav_apple_s_ov.png); }

        /*appnav_menu 02å…§*/
		.menu_flex02in_lt ul.appnav_menu{
			margin-top:2rem; margin-bottom:2rem; margin-right:0;
		}

		.menu_flex02in_lt ul.appnav_menu{ width:90%; max-width:310px; }
		.menu_flex02in_lt ul.appnav_menu li{ 
			width:48.5%; max-width:155px;
			height:auto; 
		 }
		.menu_flex02in_lt ul.appnav_menu li img{ width:100%; height:auto; }


        /*social_menu 02å…§*/
		.menu_flex02in_lt ul.social_menu li{
			height:2.1rem;
			margin:0 0.75rem;
		}


}

@media screen and (max-width:999px) {

		.btn_logo{ width:28%; max-width:491px; }	 

}


@media screen and (max-width:900px) {
	
		.btn_logo{ width:35%;}

		/*social_menu社群 01外*/
		.menu_flex01in_lt ul.social_menu li:nth-of-type(2),
		.menu_flex01in_lt ul.social_menu li:nth-of-type(3){ display:none; }

		/*appnav_menu*/ /*iOS隱藏*/
		.menu_flex01in_lt ul.appnav_menu li:nth-of-type(2){ display:none; }

}


@media screen and (max-width:800px) {

		.btn_logo{ width:auto; height:4.5rem;  background-size:auto 100%; }	 
		.btn_logo img{ width:auto;	height:100%;}
		.btn_logo a:hover{ background-size:auto 100%; }

}


@media screen and (max-width:640px) {


		ul.top_menu > li{ height:8vh; margin:.8rem auto .8rem auto; }


		/*social_menu 01外*/
		.menu_flex01in_lt ul.social_menu{  margin-top:.2rem; }
		.menu_flex01in_lt ul.social_menu li{ 
			width:auto; height:1.7rem;  
			background-size:auto 100%;	
		}
		.menu_flex01in_lt ul.social_menu li a{ background-size:auto 100%; }
		.menu_flex01in_lt ul.social_menu img{ width:auto; height:100%; }



		/*social_menu社群*/
		.menu_flex01in_lt ul.social_menu li{  margin-right:-.5rem; }
		.menu_flex02in_lt ul.social_menu li{ height:2.1rem; margin:0 0.75rem; }
		/*.menu_flex02in_lt ul.social_menu li:nth-last-of-type(1){ margin-right:0;}*/

        /*.appnav_menu 02å…§*/
		.menu_flex02in_lt ul.appnav_menu{
			margin-bottom:2.5rem;
		}



}

@media screen and (max-width:550px) {


		.btn_logo{ height:4.3rem; }	 

	    .btn_toggle{ margin:.65rem .5rem .65rem 0; }
		.btn_toggle img{ height:2.45rem; }

        /*appnav_menu 01外*/
		.menu_flex01in_lt ul.appnav_menu{
		    margin-right:.3rem;
			}
		.menu_flex01in_lt ul.appnav_menu li{
		    width:auto; height:2.6rem; 
			}

		.menu_flex01in_lt ul.appnav_menu li img{
				width:auto; height:100%;
			}	

		ul.top_menu > li { height:7.6vh;}


		.menu_flex02in_lt ul.appnav_menu{
			width:56.8%;
		}


}


@media screen and (max-width:480px) {

	    .btn_toggle{ margin:.45rem .5rem .45rem 0; }
		.btn_toggle img{ height:8vw; }

		.btn_logo{ height:13.5vw;  }	 


		/*appnav_menu 01外*/
		.menu_flex01in_lt ul.appnav_menu li{
			height:8.32vw;
			}

		.menu_flex02in_lt ul.appnav_menu{
			width:61%;
		}


		/*social_menu社群*/
		.menu_flex01in_lt ul.social_menu li{ height:6.3vw; }
		.menu_flex02in_lt ul.social_menu li{ height:7vw; }

		ul.top_menu > li { height:6.8vh;}


}

@media screen and (max-width:400px) {

			.menu_flex02in_lt ul.appnav_menu{
				width:68.4%;
			}


}

@media screen and (max-width:340px) {

            /*social_menu社群 02內*/
			.menu_flex02in_lt ul.social_menu li{
				height: 8vw;
			}

}

/* 版權copyright *//*///////////////////////////////////////////////////////////////////////////////*/
footer{ width:100%; 
	font-family:source-han-sans-japanese; font-weight:300;
	background-color:#000;
	position:relative; z-index:50;
	}

.link_con{ width:100%; margin:0 auto; padding:1.05rem 0 1.05rem 0; font-size:1.15rem; line-height:1.4rem; text-align:center; border-bottom:1px solid #3b3b3b;}

.link_con span{ padding:0 15px 0 10px; border-right: 1px solid #4b4b4b; /*border-right-style:solid;*/ display:inline-block;  }
.link_con span:last-of-type{ border:0; }

.link_con, .link_con a{ color:#fff;}
.link_con a:hover{ text-decoration:underline; }
.link_con a{ display:table-cell; }


.cr_bottom{ width:100%; max-width:1200px; margin:0 auto; padding:0 .9rem 1.3rem .9rem;
		display:flex; display:-ms-flexbox;
		flex-direction:column; -ms-flex-direction:column;
		justify-content:center; -ms-flex-pack:center;  
	}

.cr_top{ width:100%;  margin:0 auto;  padding:4rem 0 4.7rem 0;
display:flex; display:-ms-flexbox;
justify-content:center; -ms-flex-pack:center;  
align-items:center; -ms-flex-align:center; 
}

.cr_con{width:100%;
	display:flex; display:-ms-flexbox; 
	flex-direction:row; -ms-flex-direction:row;
	justify-content:center; -ms-flex-pack:center;  
	align-items:center; -ms-flex-align:center;   
}

.cr_logo{ width:auto; margin-bottom:.1rem; }
.cr_logo img{ width:auto; height:52px; max-height:110px; margin-right:2.15rem; display:inline-block; image-rendering:-webkit-optimize-contrast; }
.cr_logo img:last-of-type{ margin-right:2.25rem; }


.cr_txt{ display:flex; display:-ms-flexbox;
	flex-direction:column; -ms-flex-direction:column;
	justify-content:center; -ms-flex-pack:center;   
}
.cr_txt p{ text-align:left; font-size:.9rem; line-height:1.4rem; color:#c2c2c2; }

.cr_br{ display:none;}

.game_con{ margin-bottom:.2rem; }
.game_icon{ width:177px; max-width:245px; margin:0 auto 1rem auto; border:1px solid #353535; image-rendering:-webkit-optimize-contrast; } 


.game_con ul{ margin:0 auto;  
		font-size:1.15rem; line-height:1.9rem; color:rgb(255, 255, 255); text-align:left;
	}




@media screen and (max-width:1150px) {

			.cr_top{ 
				flex-direction:column; -ms-flex-direction:column;
			}


}	


@media screen and (max-width:900px) {

			.cr_bottom{ 
				flex-direction:column; -ms-flex-direction:column;
			}


}	



@media screen and (max-width:850px) {

			.cr_bottom{ 
						justify-content:center; -ms-flex-pack:center;
					}

			.link_con{ font-size:1.1rem; line-height:1.9rem; }	

			.cr_con{ width:95%; margin:0 auto 0 auto; text-align:center; 
				flex-direction:column; -ms-flex-direction:column;
				align-items:center; -ms-flex-align:center; 
			}

			.cr_txt{ width:100%; 
				display:flex; display:-ms-flexbox; 
				flex-direction:column; -ms-flex-direction:column;
				align-items:center; -ms-flex-align:center;  
			}

			.cr_txt p{ text-align:center;  }

			.cr_logo{ width:100%;
				display:flex; display:-ms-flexbox; 
				justify-content:center; -ms-flex-pack:center;    
			}

			.cr_logo img{ height:9vw; margin-right:2rem; }
			.cr_logo img:last-of-type{ margin-right:0; }



}


@media screen and (max-width:730px) {

			.link_con{/* margin:.7rem auto .9rem auto;*/ padding:1.05rem 1rem 1.05rem 1rem; }
			
			.link_con span{ margin-bottom:.8rem; }
			.link_con span:nth-last-of-type(1){ margin-bottom:0rem; }
			.link_con span:nth-last-of-type(2){ border-right:0; }



}

@media screen and (max-width:680px) {


			.game_icon{ width:40%; max-width:200px; border:1px solid #444444;} 
			.link_con {	border-bottom:1px solid  #5a5959;}
			.link_con span{ border-right:1px solid #6e6e6e; }

			.game_con ul {
				font-size:1.0rem;
				line-height:1.8rem;
			}


}	

@media screen and (max-width:600px) {


			.link_con{ font-weight:300;}


}	


@media screen and (max-width:540px) {

				.cr_top {
					padding:2.3rem 0 4.7rem 0;
				}

				.game_icon{ width:35%; } 


				.game_con ul{ 
					width:100%;
					margin:0 auto; margin-bottom:0; 
					font-size:0.9rem;
					line-height:1.6rem;
					display:block; 
				}

				.cr_txt p{
					font-size:.7rem;
					line-height: 1.2rem;
					color: rgb(148, 148, 148);
				}

				.cr_logo img {
					height:7.5vw;
				}

}	


@media screen and (max-width:539px) {


		    .link_con span:nth-last-of-type(2){ border-right:1px solid #6e6e6e;}

			.link_con span:nth-last-of-type(2){ margin-bottom:0rem; }




}

@media screen and (max-width:520px) {

				.link_con{ padding:1.05rem 1.25rem; }

				.link_con span{ margin-bottom:.5rem; }
				.link_con span:nth-last-of-type(1),
				.link_con span:nth-last-of-type(2){ margin-bottom:0rem; }
				.link_con span:nth-last-of-type(2){ border-right:1px solid #6e6e6e; }
				.link_con span:nth-last-of-type(3){ border-right:0; }

}


@media screen and (max-width:500px) {

				.cr_logo img{
					height:8.35vw;
				}
				.link_con{ padding:1rem 1.42rem .85rem 1.42rem; font-size:1rem; line-height:1.8rem; }

}

@media screen and (max-width:436px) {

				.link_con span:nth-last-of-type(2) {
					margin-bottom:.5rem;
				}
}


@media screen and (max-width:426px) {

	          .link_con{ padding:1rem 0.5rem .85rem 0.5rem; }

}


@media screen and (max-width:399px) {

				.link_con{ padding:1rem 1.5rem .85rem 1.5rem; }
				.link_con span:nth-last-of-type(2){ border-right:0;}
}