/*
|--------------------------------------------------------------------------|
|                     Place your custom styles here                        |
|--------------------------------------------------------------------------|
*/

.body {
   background-color:#000000; 
}

.body {
   background-color:#000000; 
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

#gotop {
    position: fixed;
    right: 5px;
    bottom: 0px;    
    padding: 5px 5px 5px 5px;    
    font-size: 40px;
/*    background: #000000;*/
    cursor: pointer;
	border-radius: 100%;
	filter: Alpha(opacity=90);/*表格透明給IE判讀*/
    -moz-opacity: 0.9; /*這是給Firefox、Safari判讀*/
    opacity: 0.9; /*這是給Opera等其他判讀*/
	z-index: 9999;
}

.gotop_icon {
    width: 73px;
    height: 73px;
	margin-bottom: 0px;
    float: left;
    background-size: cover;
  }



.navbar_top{
  margin-top: 30px;
  padding: 0 0% 0 0%;
  text-align: left;	
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.5));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.5));
        background-image: linear-gradient(45deg, #ff2990, #ffffff 0%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */			
}

.navbar_top_w{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 	
margin: 0 20px;	
}

.navbar_top_w a:jover{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
color:#ffff0;
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 	
margin: 0 20px;	
}

.nd{
height: 100%;	
}


a{text-decoration:none;}
a:link{
color:#000;
}
a:visited {
color:#ffffff;
background-color:red;
}
a:hover {
text-decoration:underline;
color:gray;
}
a:active {
text-decoration:none;
color:#fafafa;
}


/*

.owl-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 20px;
}
.owl-nav:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1px;
    height: 35px;
    width: 2px;
    background-color: #fff;
}
.owl-nav > div {
    height: 35px;
    width: 35px;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #323232;
    font-size: 25px;
    margin: 0 25px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.owl-nav > div:hover {
    background-color: #9F4BD6;
}
.owl-next i {
    margin-left: 2px;
}
.owl-prev i {
    margin-right: 2px;
}
*/

.single-testimonial2 {
    position: relative;
/*    background-color: #000;*/
    color: #FFFFFF;
    text-align: center;
	height: 300px;
    padding: 200px 30px 30px;
    margin-top: 0px;
    border-radius: 20px;
}




.bn30 {
  border: 5em;
  cursor: pointer;
  outline: none;
  width: 240px;
  font-size: 18px;
  -webkit-transform: translate(0);
  transform: translate(0);
  background-image: linear-gradient(45deg, #4568dc, #b06ab3);
  padding: 0.7em ;
  border-radius: 65px;
  box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.438);
  -webkit-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  color: white;
}

.bn30 .text {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #4568dc, #b06ab3);
}

.bn30:after {
  content: "";
  border-radius: 18px;
  position: absolute;
  margin: 4px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: #0e0e10;
}

.bn30:hover {
  background-image: linear-gradient(-45deg, #4568dc, #b06ab3);
  box-shadow: 0 12px 24px rgba(128, 128, 128, 0.1);
}

.bn30:hover .text {
  background-image: linear-gradient(-45deg, #4568dc, #b06ab3);
}




.bn20 {
  border: 5em;
  cursor: pointer;
  outline: none;
  width: 100px;
  font-size: 14px;
  -webkit-transform: translate(0);
  transform: translate(0);
  background-image: linear-gradient(45deg, #4568dc, #b06ab3);
  padding: 0.7em ;
  border-radius: 65px;
  box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.438);
  -webkit-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  color: white;
}

.bn20 .text {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #4568dc, #b06ab3);
}

.bn20:after {
  content: "";
  border-radius: 14px;
  position: absolute;
  margin: 4px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: #0e0e10;
}

.bn20:hover {
  background-image: linear-gradient(-45deg, #4568dc, #b06ab3);
  box-shadow: 0 12px 24px rgba(128, 128, 128, 0.1);
}

.bn20:hover .text {
  background-image: linear-gradient(-45deg, #4568dc, #b06ab3);
}




.typewriterbox {
width: 360px;	
margin: 0 auto; /* Gives that scrolling effect as the typing happens */	
}



.typewriter h1 {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
	color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */	
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid white; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .1em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}




/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #C58DFF; }
}


    .index_box_play {  	    
   text-align: center;  
   width: auto;	   
   height: auto;
   margin-top: 20px;
   margin-left: 0px;
	}	

    .index_box_guide01 {  	    
   text-align: center;  
   width: auto;	   
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
	}	

.nav_snsicon {
    width: 24px;
    height: 24px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right:10px;
	margin-bottom: 10px;
    float: left;
    background-size: cover;
  }	

.sns {
	width:220px;
	height: 80px;
	margin:0px auto;
	top:0px;
	}	

.sns_fb_icon {
    width: 24px;
    height: 24px;
	margin-top: 40px;
	margin-left:6px;
    float: left;
    background-size: cover;
  }
.sns_te_icon {
    width: 24px;
    height: 24px;
	margin-top: 40px;
	margin-left:20px;
    float: left;
    background-size: cover;
  }
.sns_tw_icon {
    width: 24px;
    height: 24px;
	margin-top: 40px;
	margin-left:20px;
    float: left;
    background-size: cover;
  }
.sns_ig_icon {
    width: 24px;
    height: 24px;
	margin-top: 40px;
	margin-left:20px;
    float: left;
    background-size: cover;
  }
.sns_yt_icon {
    width: 24px;
    height: 24px;
	margin-top: 40px;
	margin-left:20px;
    float: left;
    background-size: cover;
  }	
.sns_tt_icon {
    width: 24px;
    height: 24px;
	margin-top: 40px;
	margin-left:20px;
    float: left;
    background-size: cover;
  }		
	
	
   .sns_fb { 
    width: 24px;
    height: 24px;	   
	margin-left:6px;
	}	









/* media query 手機-----------------------------------------------------------------------------*/
@media (min-width : 360px ){

	
.navbar_top{
  margin-top: 30px;
  padding: 0 0% 0 0%;
  text-align: left;	
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.5));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.5));
        background-image: linear-gradient(45deg, #ff2990, #ffffff 0%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */			
}

.navbar_top_w{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 	
margin: 0 20px;
}

.navbar_top_w a:jover{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
color:#ffff0;
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 	
margin: 0 20px;	
}	
	
	
/*
  .index_tz {	  
   z-index: 9; 	    
	}	

  .index_t {	  
   z-index: 999;
   width: 400px;
   height: 249px; 
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/title_m.png");	 
	}	
*/

		

	
	
    .navflag{	
      margin-top:6px;
      margin-left: 20px;
     }	


	
    .toppic{
	margin: auto;	
	}	
	
	.toppic01{
   z-index: 999;
   width: 350px;
   height: 397px; 
   margin-top: 0px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n1_m.png");	
	}
	
	.toppic02{
   z-index: 999;
   width: 350px;
   height: 397px; 
   margin-top: 0px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n2_m.png");	
	}	
	
	.toppic03{
   z-index: 999;
   width: 350px;
   height: 397px; 
   margin-top: 0px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n3_m.png");	
	}	

	.box_pop{
    margin-bottom: 50px;
	text-align: center;	
	}
	
	.box_kind{
    margin-bottom: 100px;
	text-align: center;	
	}	
	
	.box_con{
	margin-top: -100px;	
    margin-bottom: 80px;
	text-align: center;	
	}		
	
	
	
	
	.box_kind_all{

    margin-bottom: 20px;
	text-align: center;	

	}		
	
	.box_kind_con{			
    margin-bottom: 20px;
	text-align: center;	
	}	
	
	.box_kind_con_c{
	height: 500px;		
	text-align: center;		
    margin-bottom: auto;
	}		
	
	

	
	
	
	
   .kindpic01{
   z-index: 999;
   width: 300px;
   height: 500px; 
   margin-top: 20px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/kind_01.png");	
   background-repeat: no-repeat;	   
	}	
	
	.box_kind_pic_c{	
    margin-top: -20px;
	text-align: center;	
			-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));	
	}		
	
	
	

	
	.w_title_p{
	    font-size: 40px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-top: 50px;
		margin-bottom: 14px;
		text-align: center;
		letter-spacing: 0.2em; /* Adjust as needed */
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		font-weight:bold;	
	}	
	
	.w_title_w{
	    font-size: 16px;
		color: #ffffff; /* 文字顏色設定透明 */
		margin-top: 20px;
		margin-bottom: 0px;
		text-align: center;
		letter-spacing: 0.1em; /* Adjust as needed */
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
	}		
	
	        /*中間的過度的橫線*/
        .link-top {
            width: 220px;
            height: 1px;
            border-top: solid #ACC0D8 1px;
			margin: 20 0;
			margin: auto
        }	
	
        .link-top2 {
            width: 350px;
            height: 1px;
            border-top: solid #ACC0D8 1px;
			margin: auto;
        }	
	
	

	.game_button{
		width: 100px;
		padding-top: 30px;
        }
	
	
	
		.w-gamelist{
	    font-size: 16px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
	}	

		.w-gamelist a:link{
	    font-size: 16px;
		color: #FFFFFF;	
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
		text-decoration: none;	
	}		
	
		.w-gamelist a:hover{
	    font-size: 16px;
		color: #FFD7D7;	
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
		text-decoration: none;	
	}		
	
		.w-gamelist a:active{
	    font-size: 16px;
		color: #FFFFFF;	
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
		text-decoration: none;	
	}	
	
	
	
		
	
	

	.index_mark {	  
   z-index: 999;
   width: 270px;
   height: 229px; 
   margin-top: 30px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/mark_m.png");
	}		
	
	.index_top {	  
   z-index: 999;
   width: 350px;
   height: 397px; 
   margin-top: 0px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n_m.png");
	}	
	
	.index_top_girl {	  
   z-index: 999;
   width: 350px;
   height: 450px; 
   margin-top: 30px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_girl_m.png");
	}	
	
	.index_top_guide {	  
   z-index: 999;
   height: 80px; 
   margin-top: 30px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_guide_m.png");
	}		
	
	.index_top_news {	  
   z-index: 999;
   width: 200px;
   height: 120px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 30px;
   background-image: url("../img/top_news_m.png");
	}		
	
	
	.w-h3{
	    font-size: 26px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 10px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;
	}	
	
	
	.w-h32{
	    font-size: 28px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 6px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;	
	}		
	

	.gamebg01{
		   background-image: url("../img/g1.png");
		   background-repeat: no-repeat;
	}
	
	.gamebg02{
		   background-image: url("../img/g2.png");
	}	
	
	.gamebg03{
		   background-image: url("../img/g3.png");
	}
	
	.gamebg04{
		   background-image: url("../img/g4.png");
	}	
	
	.gamebg05{
		   background-image: url("../img/g5.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg06{
		   background-image: url("../img/g6.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg10{
		   background-image: url("../img/g10.png");
		   background-repeat: no-repeat;
	}			
	
	
	
	
	
	
.typewriterbox2 {
width: 350px;	
margin: 0 auto; /* Gives that scrolling effect as the typing happens */	
height: 50px;	
}	
	
.typewriter h2 {
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
	color:#FFCAF8; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */	
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid white; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .1em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
margin-bottom: 0px;	
}	
	

	
		.w-h2_pop{
	    font-size: 28px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
padding-top: 10px;
		margin-top: 30px;	
		margin-bottom: 0px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;			
	}		
	
	
	
	.w-h2{
	    font-size: 28px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 6px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;	
	}	
		
	.w-h4{
	    font-size: 20px;
        color:#FFFFFF;
		margin-bottom: 12px;
		text-align: center;			
	}		
		
	.w-h5{
	    font-size: 24px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;			
	}	
	
	.w-h6{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;			
	}
	
	.w-h62{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;			
	}	
	
	.w-h6_L{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;			
	}		
	
	.w-h62_L{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: left;			
	}	
	
	.w-h62_LP{
	    font-size: 14px;
        color:#FFDCDC;
		margin-bottom: 0px;
	    margin-top: 10px;
		text-align: left;			
	}			
	
	.w-h7{
	    font-size: 16px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
	}		
	
	.w-h7_L{
	    font-size: 16px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: left;		
		letter-spacing: 2px;
	}	
	
		.w-h72_L{
	    font-size: 16px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 0px;
		text-align: left;		
		letter-spacing: 2px;
	}	
	
	.w-h72_c{
	    font-size: 16px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 0px;
		text-align: center;		
		letter-spacing: 0px;
	}		
			
	

		.w-new01{
	    font-size: 22px;
	    height: 40px;
        color:#FFCEFC;
		margin: auto;
		margin-bottom: 15px;
		text-align: center;	
		line-height:1.0em; /* 文字行距 */	
	}		
	
	
		.w-new01_C{
	    font-size: 18px;
        color:#BF89D0;
		margin-top: 15px;
		margin-bottom: 10px;
		text-align: center;			
	}	
	
		.w-new01_T{
	    font-size: 18px;
        color:#BF89D0;
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: center;			
	}		
	
		.w-new02{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFCEFC; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;	
margin-left: -10px;
padding:10px;
	}		
	
		.w-new03{	
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#BF89D0; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;			
/*margin-right: -14px;*/
padding:10px;
border:1px solid #FFCEFC; 
border-radius: 10px;	
	}
		
		.w-new04{	
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;			
/*margin-right: -14px;*/
padding:0px;
	}	
	
		.w-new042{	
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;			
/*margin-right: -14px;*/
padding:0px;
	}		
	
	
	
	
	
	
	
	.w-h_guide_t{
	    font-size: 20px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 6px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;	
	}		
	
	
	.w-h_guide_tL{
	    font-size: 20px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 6px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: left;	
	}			
	
	
	.blank1_pop	{
		height: 0px;
	}	
	
	
	.blank1	{
		height: 0px;
	}
	
	.blank2	{
		height: 50px;
	}	
	
	.blank3	{
		height: 50px;
	}		
	
	.blank4	{
		height: 0px;
	}		
	
	.blank5	{
		height: 30px;
	}		
	
	.blank6	{
		height: 10px;	
	}		
	
	.blank_fe	{
		height: 40px;
	}		
	

		
		
	.index_box_kind	{
	width: 175px;
	height: 100px;
    margin-top: 5px;
	margin-bottom: 20px;
	text-align: center;
	}	
	
/*
	.index_box_kind	{
	width: 175px;
	height: 60px;
    margin-top: 5px;
	text-align: center;
	background-color: rgba(39,39,39,0.6);
	border-radius:14px;	
	}	
*/
	
    .w-gk1 {
	    font-size: 16px;
        color:#FFFFFF;
		height: auto;
		text-align: center;		
		margin-top: 5px;
		margin-bottom: 30px;
		padding: 5px 10px;
		background-color: rgba(39,39,39,0.6);
		border-radius:14px;	
		text-decoration: none;
	}		
		
	
	
    .w-gk1 a:link {
	    font-size: 14px;
        color:#FFDEFB;
		text-align: center;		
		margin-top: 10px;
		text-decoration: none;		
	}		
			
	
    .w-gk1 a:hover {
	    font-size: 14px;
        color:#FFDEFB;
		text-align: center;		
		margin-top: 10px;
		text-decoration: none;		
	}		
	
    .w-gk1 a:visited {
	    font-size: 14px;
        color:#FFffff;
		text-align: center;		
		margin-top: 10px;  
		text-decoration: none;
	}			
		
	
	    .w-gk2 {
	    font-size: 14px;
        color:#FFFFFF;
		height: auto;
		text-align: center;		
		margin-top: 5px;
		padding: 5px 10px;
		background-color: rgba(39,39,39,0.6);
		border-radius:14px;	
		text-decoration: none;
	}		
	
/*
	    .w-gk2 a:link {
	    font-size: 14px;
        color:#FFFFFF;
		height: auto;
		text-align: center;		
		margin-top: 5px;
		padding: 5px 10px;
		background-color: rgba(39,39,39,0.6);
		border-radius:14px;	
		text-decoration: none;
	}			
	
*/
	
    .w-gk2 a:hover {
	    font-size: 14px;
        color:#FFDEFB;
		text-align: center;		
		margin-top: 5px;
		text-decoration: none;
	}		
		
	
	.box_guide{
	width: 90%;
	padding: 30px;
	margin-top: 30px;
	text-align: center;		
	border-radius:14px;	
	background-color: rgba(39,39,39,0.5);
    border: 1px solid rgba(255, 0, 0, .5);
	}		
	
	.box_news{
	width: 98%;
	padding: 10px;
	margin-top: 30px;
	text-align: center;		
	border-radius:14px;	
	background-color: rgba(39,39,39,0.7);
    border: 2px solid rgba(255, 0, 0, .5);
	}		
	
	.box_news_p{
	padding: 8px;
	margin-top: -50px;
	text-align: center;		
	border-radius:14px;	
	background-color: rgba(39,39,39,0.7);
    border: 2px solid rgba(255, 0, 0, .5);
	}		
	
	
	
	
	
 	.box_gamelist{
	height: 600px;	
    margin-bottom: 100px;
	text-align: center;	
	}			
	

	.game_list_box{
	width: 170px;	
	height: 140px;		
	text-align: center;	
	}


		.w-game_p{	
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ECABAB; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:-2px;
margin-bottom: 10px;
border: 1px solid #A56D6D;	
padding-left: 8px;
padding-right: 8px;			
border-radius:10px;				
	}		
	
		.w-game_p a:link{	
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ECABAB; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:-2px;
margin-bottom: 10px;
border: 1px solid #A56D6D;	
padding-left: 10px;
padding-right: 10px;			
border-radius:10px;	
	}		
	
		.w-game_p a:hover{	
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:-2px;
margin-bottom: 10px;
border: 1px solid #A56D6D;	
padding-left: 10px;
padding-right: 10px;			
border-radius:10px;	
	}		
	
	
	
	    .w-n_year {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 5px;			
/*margin-right: -14px;*/
padding:0px;
		background-color: rgba(39,39,39,0.6);
		border-radius:14px;	
	}			
	
	    .w-n_year a:link {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 5px;			
/*margin-right: -14px;*/
padding:0px;
	}		
	
	    .w-n_year a:hover {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFD2D2; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 5px;			
/*margin-right: -14px;*/
padding:0px;	
	}		
		
	
	
	
	
	.blank_game	{
		height: 6px
		
	}		
	
	.list_box	{
	background-image: url("../img/bg_gamelist.jpg");
	background-color:#000000;	
	background-repeat:repeat-y;
    border: 1px solid rgba(255, 0, 0, .5);		
	}	
	
	
	.game_bg01{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game01m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg02{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game02m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg03{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game03m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg04{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game04m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg05{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game05m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg06{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game06m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg10{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game10m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg07{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game07m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg08{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game08m.png");
	background-repeat: no-repeat;
	}		

	.game_bg09{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game09m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg10{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game10m.png");
	background-repeat: no-repeat;
	}	

	
	.game_bg13{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game13m.png");
	background-repeat: no-repeat;
	}		
	
	
	.game_bg18{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game18m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg19{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game19m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg201{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game201m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg202{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game202m.png");
	background-repeat: no-repeat;
	}			
	
	.game_bg203{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game203m.png");
	background-repeat: no-repeat;
	}	
	
	
	.game_bg204{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game204m.png");
	background-repeat: no-repeat;
	}	

	.game_bg205{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game205m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg206{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game206m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg207{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game207m.png");
	background-repeat: no-repeat;
	}		
		
	
	
	
	
	
	
	
	
	.game_bg21{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game21m.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg22{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game22m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg23{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game23m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg24{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game24m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg26{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game26m.png");
	background-repeat: no-repeat;
	}		
	
	
	
	
	
	.game_bg27{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game27m.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg28{
	width: 170px;
	height: 102px;	
	background-image: url("../img/game28m.png");
	background-repeat: no-repeat;
	}	
	
	
	
	
	


	
	.blank_game	{
		height: 6px
		
	}		
	
	.list_box-2	{
	height: 800px;
	background-image: url("../img/bg_gamelist.jpg");
	background-repeat:repeat-y;	
    border: 1px solid rgba(255, 0, 0, .5);	
	}	
	
		.w-girl_p{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:10px;
margin-bottom: 15px;			
	}		
	
	.icon_c{
	text-align: center;
	margin-bottom: 20px;	
	}
	
		.w-guide_p{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
margin-bottom: 5px;		
	}	
	
		.w-guide_p a:link{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#Ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
margin-bottom: 5px;		
	}		
	
		.w-guide_p a:hover{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFD2D2; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
margin-bottom: 5px;		
	}		
		
	
	
		.w-guide_tw{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 30px;
margin-bottom: 10px;	
	}		
	
		.w-guide_t{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFCEFC; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
margin-bottom: 20px;	
padding-left:15px;
padding-right:15px;			
	}	
	
		.w-guide_ww{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#Ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 40px;	
padding-left:20px;
padding-right:20px;				
	}	
	
		.w-guide_tg{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#00C2D0; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
margin-bottom: 20px;	
padding-left:15px;
padding-right:15px;			
	}	
	
		.w-guide_tgs{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#00C2D0; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: -20px;
margin-bottom: 0px;	
padding-left:25px;
padding-right:25px;			
	}		
	
	
		.w-guide_ty{
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFF400; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
margin-bottom: 20px;	
padding-left:15px;
padding-right:15px;			
	}		
	
	
	.gu_table{
padding-left:15px;
padding-right:15px;	
margin-bottom: 30px;		
	
	
	
	}


/* media query 電腦-----------------------------------------------------------------------------*/
@media (min-width: 768px) {
	
	
	
	
    .navflag{	
      margin-top:0px;
      margin-left: -20px;
     }	
	
	

	
	
    .toppic{
	margin: auto;	
	}	
	
	.toppic01{
   z-index: 999;
   width: 1100px;
   height: 528px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n1.png");	
	}
	
	.toppic02{
   z-index: 999;
   width: 1100px;
   height: 528px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n2.png");	
	}
	
	.toppic03{
   z-index: 999;
   width: 1100px;
   height: 528px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n3.png");	
	}
	
	.box_pop{
    margin-bottom: 50px;
	text-align: center;	
	}
	
	.box_kind{
    margin-bottom: 100px;
	text-align: center;	
	}	
	
	.box_con{
    margin-bottom: 80px;
	text-align: center;	
	}		
	
	
	
	
	
	.box_kind_all{	
    margin-bottom: 20px;
	text-align: center;	
	}		
	
	.box_kind_con{	
    margin-bottom: 20px;
	text-align: center;	
	}		
	
	
   .kindpic01{
   z-index: 999;
   width: 200px;
   height: 500px; 
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/kind_012.png");	
   background-repeat: no-repeat;	   
	}	
	
   .kindpic02{
   z-index: 999;
   width: 200px;
   height: 500px; 
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/kind_022.png");	
   background-repeat: no-repeat;	   
	}		
	
   .kindpic03{
   z-index: 999;
   width: 200px;
   height: 500px; 
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/kind_032.png");	
   background-repeat: no-repeat;	   
	}	
	
   .kindpic04{
   z-index: 999;
   width: 200px;
   height: 500px; 
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/kind_042.png");	
   background-repeat: no-repeat;	   
	}		
	
   .kindpic05{
   z-index: 999;
   width: 200px;
   height: 500px; 
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/kind_052.png");	
   background-repeat: no-repeat;	   
	}		
	
	
	.box_kind_pic{
	width: 210px;	
    margin-top: 480px;
	text-align: center;	
			-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));	
	}		
	
	
	.box_kind_pic_c{	
    margin-top: -20px;
	text-align: center;	
			-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));	
	}	
	
	
	

	
	

	
	.w_title_p{
	    font-size: 40px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-top: 50px;
		margin-bottom: 14px;
		text-align: center;
		letter-spacing: 0.2em; /* Adjust as needed */
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		font-weight:bold;	
	}	
	
	.w_title_w{
	    font-size: 16px;
		color: #ffffff; /* 文字顏色設定透明 */
		margin-top: 20px;
		margin-bottom: 0px;
		text-align: center;
		letter-spacing: 0.1em; /* Adjust as needed */
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
	}		
	
	        /*中間的過度的橫線*/
        .link-top {
            width: 220px;
            height: 1px;
            border-top: solid #ACC0D8 1px;
			margin: 20 0;
			margin: auto
        }
	
	        .link-top2 {
            width: 1200px;
            height: 1px;
            border-top: solid #ACC0D8 1px;
			margin: 0 0;
			margin: auto
        }
	
	
	.game_button{
		width: 100px;
		padding-top: 30px;
        }
	
	
	
		.w-gamelist{
	    font-size: 16px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
	}	

		.w-gamelist a:link{
	    font-size: 16px;
		color: #FFFFFF;	
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
		text-decoration: none;	
	}		
	
		.w-gamelist a:hover{
	    font-size: 16px;
		color: #FFD7D7;	
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
		text-decoration: none;	
	}		
	
		.w-gamelist a:active{
	    font-size: 16px;
		color: #FFFFFF;	
		margin-bottom: 0px;
		text-align: center;	
		letter-spacing: 2px;
		text-decoration: none;	
	}	
	
	
	
	

  .index_tz {	  
   z-index: 9; 	    
	}

  .index_t {	  
   z-index: 999;
   width: 943px;
   height: 125px; 
   margin-top: -20px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/title.png");
	}	
	
	
	.index_mark {	  
   z-index: 999;
   width: 506px;
   height: 400px; 
   margin-top: -120px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/mark.png");
	}	
	
	.index_top {	  
   z-index: 999;
   width: 1100px;
   height: 528px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-image: url("../img/top_n3.png");
	}		
	
	.index_top_girl {	  
   z-index: 999;
   width: 960px;
   height: 380px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 30px;
   background-image: url("../img/top_girl.png");
	}			
	
	.index_top_guide {	  
   z-index: 999;
   width: 960px;
   height: 120px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 30px;
   background-image: url("../img/top_guide.png");
	}		
	
	.index_top_news {	  
   z-index: 999;
   width: 960px;
   height: 120px; 
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 30px;
   background-image: url("../img/top_news.png");
	}		
	

	.w-h3{
	    font-size: 32px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
        background-clip: text;
		margin-bottom: 14px;
		text-align: center;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1))
	}
	
	.w-h32{
	    font-size: 32px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
        background-clip: text;
		margin-bottom: 14px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1))
	}	
	

	.gamebg01{
		   background-image: url("../img/g1.png");
		   background-repeat: no-repeat;
	}
	
	.gamebg02{
		   background-image: url("../img/g2.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg03{
		   background-image: url("../img/g3.png");
		   background-repeat: no-repeat;		
	}
	
	.gamebg04{
		   background-image: url("../img/g4.png");
		   background-repeat: no-repeat;		
	}	
	
	.gamebg05{
		   background-image: url("../img/g5.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg06{
		   background-image: url("../img/g6.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg10{
		   background-image: url("../img/g10.png");
		   background-repeat: no-repeat;
	}	
	


    .gamebg07{
		   background-image: url("../img/g7.png");
		   background-repeat: no-repeat;
	}
	
	.gamebg08{
		   background-image: url("../img/g8.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg09{
		   background-image: url("../img/g9.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg18{
		   background-image: url("../img/g18.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg19{
		   background-image: url("../img/g19.png");
		   background-repeat: no-repeat;
	}	
	
	
	
    .gamebg21{
		   background-image: url("../img/g21.png");
		   background-repeat: no-repeat;
	}
	
	.gamebg22{
		   background-image: url("../img/g22.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg23{
		   background-image: url("../img/g23.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg24{
		   background-image: url("../img/g24.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg26{
		   background-image: url("../img/g26.png");
		   background-repeat: no-repeat;
	}	
	
	
	.gamebg27{
		   background-image: url("../img/g27.png");
		   background-repeat: no-repeat;
	}		
	
	
	.gamebg28{
		   background-image: url("../img/g28.png");
		   background-repeat: no-repeat;
	}		
	
	
    .gamebg201{
		   background-image: url("../img/g201.png");
		   background-repeat: no-repeat;
	}
	
	.gamebg202{
		   background-image: url("../img/g202.png");
		   background-repeat: no-repeat;
	}	
	
	.gamebg203{
		   background-image: url("../img/g203.png");
		   background-repeat: no-repeat;
	}		
	
	
	
	
	
.typewriterbox2 {
width: 500px;	
margin: 0 auto; /* Gives that scrolling effect as the typing happens */	
margin-top: 80px;	
}	
	
.typewriter h2 {
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
	color:#FFCAF8; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */	
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid white; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .1em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
margin-bottom: 100px;	
}	
	
	
		.w-h2_pop{
	    font-size: 36px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
padding-top: 10px;
		margin-top: 50px;	
		margin-bottom: 14px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;			
	}	

	
	
	.w-h2{
	    font-size: 36px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
padding-top: 10px;
		margin-bottom: 14px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;			
	}	
	
	.w-h4{
	    font-size: 20px;
        color:#FFFFFF;
		margin-bottom: 14px;
		text-align: center;			
	}		
	
	
	.w-h5{
	    font-size: 25px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;			
	}			
	
	.w-h6{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 50px;
		text-align: center;			
	}
	
	.w-h62{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 180px;
		text-align: center;			
	}	
	
	.w-h6_L{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 180px;
		text-align: left;			
	}	
	
	.w-h62_L{
	    font-size: 14px;
        color:#FFFFFF;
		margin-bottom: 30px;
		text-align: left;			
	}
	
	.w-h62_LP{
	    font-size: 14px;
        color:#FFDCDC;
		margin-bottom: 0px;
		text-align: left;			
	}	
	
	.w-h7{
	    font-size: 16px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: center;		
		letter-spacing: 2px;
	}	
	
	.w-h7_L{
	    font-size: 16px;
        color:#FFFFFF;
		margin-bottom: 0px;
		text-align: left;		
		letter-spacing: 2px;
	}	
	
	.w-h72_L{
	    font-size: 18px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 0px;
		text-align: left;		
		letter-spacing: 2px;
	}		
	
	.w-h72_c{
	    font-size: 16px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-bottom: 0px;
		text-align: center;		
		letter-spacing: 0px;
	}		
	
		.w-new01{
	    font-size: 18px;
	    height: 40px;
        color:#FFCEFC;
		margin: auto;
		margin-bottom: 15px;
		text-align: center;	
		line-height:1.2em; /* 文字行距 */	
	}	
	
		.w-new01_C{
	    font-size: 20px;
        color:#BF89D0;
		margin-top: 15px;
		margin-bottom: 10px;
		text-align: center;			
	}		
	
		.w-new01_T{
	    font-size: 24px;
        color:#BF89D0;
		margin-top: 15px;
		margin-bottom: 15px;
		text-align: center;			
	}			
	
		.w-new02{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFCEFC; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;	
margin-left: -10px;
padding:10px;
	}		
	
		.w-new03{	
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#BF89D0; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;			
/*margin-right: -14px;*/
padding:10px;
border:1px solid #FFCEFC; 
border-radius: 10px;	
	}
	
		.w-new04{	
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;			
/*margin-right: -14px;*/
padding:10px;
	}	
	
		.w-new042{	
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 5px;
margin-bottom: 10px;			
/*margin-right: -14px;*/
padding:10px;
	}	
	
	
	
	.w-h_guide_t{
	    font-size: 20px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-top: 2px;
		margin-bottom: 2px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: center;	
	}		
	
	.w-h_guide_tL{
	    font-size: 20px;
		color: transparent; /* 文字顏色設定透明 */
        background-image: linear-gradient(45deg, #ff2990, #ffffff 100%); /* 設定漸層角度及顏色 */
        -webkit-background-clip: text; /* 背景裁剪成文字的前景色 */
        background-clip: text;
		margin-top: 2px;
		margin-bottom: 2px;
		-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
        filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
		text-align: left;	
	}			
	

	.blank1_pop	{
		height: 0px;
	}		
	
	
	.blank1	{
		height: 80px;
	}
	
	.blank2	{
		height: 50px;
	}	
	
	.blank3	{
		height: 60px;
	}		
	
	.blank4	{
		height: 60px;
	}	
	
	.blank5	{
		height: 50px;
	}		
	
	.blank6	{
		height: -50px;
	}		

	
	.blank_fe	{
		height: 30px;
	}			

	
	.index_box_kind	{
	width: 200px;
	height: 60px;
    margin: 50px 10px ;
	text-align: center;
	border-radius:14px;	
	}	
	
	.index_box_guide01	{
	width: 200px;
	height: 30px;
    margin: 0px 0px ;
	text-align: center;
	border-radius:14px;	
	}		
	
	
	
/*
	.index_box_kind	{
	width: auto;
	height: 60px;
    margin: 30px 20px 20px ;
	text-align: center;
	background-color: rgba(39,39,39,0.6);
	border-radius:14px;	
	}		
*/
	
    .w-gk1 {
	    font-size: 18px;
        color:#FFFFFF;
		height: auto;
		text-align: center;		
		margin-top: 10px;
		padding: 5px 3px;
		background-color: rgba(39,39,39,0.6);
		border-radius:14px;	
		text-decoration: none;
	}		
	
    .w-gk1 a:link {
	    font-size: 18px;
        color:#FFDEFB;
		text-align: center;		
		margin-top: 10px;
		text-decoration: none;
	}		
			
	
    .w-gk1 a:hover {
	    font-size: 19px;
        color:#FFDEFB;
		text-align: center;		
		margin-top: 10px;
		text-decoration: none;
	}		
	
    .w-gk1 a:visited {
	    font-size: 18px;
        color:#FFffff;
		text-align: center;		
		margin-top: 10px;  
		text-decoration: none;
	}		
	
	
	    .w-gk2 {
	    font-size: 14px;
        color:#FFFFFF;
		height: auto;
		text-align: center;		
		margin-top: 10px;
		padding: 5px 3px;
		background-color: rgba(39,39,39,0.6);
		border-radius:14px;	
		text-decoration: none;
	}		
	
/*
	    .w-gk2 a:link {
	    font-size: 14px;
        color:#FFFFFF;
		height: auto;
		text-align: center;		
		margin-top: 10px;
		padding: 5px 3px;
		border-radius:14px;	
		text-decoration: none;
	}		
*/
	
	
    .w-gk2 a:hover {
	    font-size: 14px;
        color:#FFDEFB;
		text-align: center;		
		margin-top: 10px;
		text-decoration: none;
	}		
	

	.box_guide{
	width: 100%;
	padding: 50px;
	margin-top: 30px;
	margin-bottom: 0px;	
	text-align: center;		
	border-radius:14px;	
	background-color: rgba(39,39,39,0.5);
    border: 1px solid rgba(255, 0, 0, .5);
	}	
	
	.box_news{
	padding: 14px;
    margin: 0 20;
	text-align: center;		
	border-radius:14px;	
	background-color: rgba(39,39,39,0.7);
    border: 2px solid rgba(205, 0, 0, .5);
	}	
	
	.box_news_p{
	padding: 14px;
    margin: 0 20;
	text-align: center;		
	border-radius:14px;	
	background-color: rgba(39,39,39,0.7);
    border: 2px solid rgba(205, 0, 0, .5);
	}		
	
	
	
		.box_gamelist{
	width: 700px;
	height: 650px;	
    margin-bottom: 100px;
		margin-top: 0px;
		text-align: center;
	}	
	

	.game_list_box{
	width: 240px;	
	height: 190px;		
	margin: auto;	
	}
	
	.game_bg01{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game01.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg02{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game02.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg03{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game03.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg04{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game04.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg05{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game05.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg06{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game06.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg10{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game10.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg07{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game07.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg08{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game08.png");
	background-repeat: no-repeat;
	}		

	.game_bg09{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game09.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg10{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game10.png");
	background-repeat: no-repeat;
	}
	
	.game_bg13{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game13.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg18{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game18.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg19{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game19.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg201{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game201.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg202{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game202.png");
	background-repeat: no-repeat;
	}			
	
	.game_bg203{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game203.png");
	background-repeat: no-repeat;
	}	
	
	
	.game_bg204{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game204.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg205{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game205.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg206{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game206.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg207{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game207.png");
	background-repeat: no-repeat;
	}		
	
	
	
	
	
	
	.game_bg21{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game21.png");
	background-repeat: no-repeat;
	}	
	
	.game_bg22{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game22.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg23{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game23.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg24{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game24.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg26{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game26.png");
	background-repeat: no-repeat;
	}		
	
	
	
	
	
	.game_bg27{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game27.png");
	background-repeat: no-repeat;
	}		
	
	.game_bg28{
	width: 240px;
	height: 144px;	
	background-image: url("../img/game28.png");
	background-repeat: no-repeat;
	}	
	
	
	
	
	

		.w-game_p{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ECABAB; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:-2px;
margin-bottom: 5px;
border: 1px solid #A56D6D;	
padding-left: 10px;
padding-right: 10px;			
border-radius:10px;				
	}	
	
		.w-game_p a:link{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ECABAB; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:-2px;
margin-bottom: 5px;
border: 1px solid #A56D6D;	
padding-left: 10px;
padding-right: 10px;			
border-radius:10px;		
	}			
	
		.w-game_p a:hover{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:-2px;
margin-bottom: 5px;
border: 1px solid #A56D6D;	
padding-left: 10px;
padding-right: 10px;			
border-radius:10px;		
	}		
	
	
	
	    .w-n_year {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 5px;			
/*margin-right: -14px;*/
padding:0px;
		background-color: rgba(39,39,39,0.6);
		border-radius:14px;	
	}			
	
	    .w-n_year a:link {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 5px;			
/*margin-right: -14px;*/
padding:0px;
	}		
	
	    .w-n_year a:hover {
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFD2D2; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 5px;			
/*margin-right: -14px;*/
padding:0px;	
	}		
	
	
	
	.blank_game	{
		height: 6px
		
	}		
	
	
	.list_box	{
	background-image: url("../img/bg_gamelist.jpg");
	background-repeat:repeat-y;
	background-color: rgba(39,39,39,0.5);
    border: 1px solid rgba(255, 0, 0, .5);		
	}		
	
	
	.list_box-2	{
	height: 600px;
	background-image: url("../img/bg_gamelist.jpg");
	background-repeat: no-repeat;
	background-color: rgba(39,39,39,0.5);
    border: 1px solid rgba(255, 0, 0, .5);	
	}	
	
        
	
	.iframe-t {
            background-color: transparent;
            border: none;
        }	
	
		.w-girl_p{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:10px;
margin-bottom: 15px;			
	}		
	
	.icon_c{
	text-align: center;
	margin-bottom: 20px;	
	}
	
		.w-guide_p{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
margin-bottom: 0px;			
	}	
	
		.w-guide_p a:link{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
margin-bottom: 0px;		
	}		
	
		.w-guide_p a:hover{	
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFD2D2; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
margin-bottom: 0px;		
	}			
	
	
	
	
	
		.w-guide_tw{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 30px;
margin-bottom: 10px;	
	}		
	
		.w-guide_t{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFCEFC; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
margin-bottom: 20px;	
padding-left:30px;
padding-right:30px;			
	}	
	
		.w-guide_tg{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#00C2D0; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
margin-bottom: 20px;	
padding-left:30px;
padding-right:30px;			
	}		
	
		.w-guide_tgs{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#00C2D0; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: -20px;
margin-bottom: 0px;	
padding-left:40px;
padding-right:40px;			
	}			
	
		.w-guide_ty{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFF400; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.5em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
margin-bottom: 20px;	
padding-left:40px;
padding-right:40px;			
	}		
	
		.w-guide_ww{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#Ffffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom: 40px;	
padding-left:40px;
padding-right:40px;				
	}	
	
	.gu_table{
padding-left:30px;
padding-right:30px;	
margin-bottom: 30px;		
	}	
	
	
	
	}