@charset "UTF-8";
/* CSS Document */

.body {
background-color: #000000;
}

html,body{
    overflow-x: hidden;
}	

.tg_right {
    position: fixed;
    right: 10px;
    bottom: 100px;       
	z-index: 2; 
}

/*
.jumbotron {
  height: 900px;
  position: relative;
  overflow: hidden;
  background-color:#000000;
}
.jumbotron video {
  position: absolute;
  z-index: 2;
  width:100%;
  height:920px;
  object-fit is not supported on IE;  
  object-fit: cover;
  margin-top: 0px;
  opacity:0.7;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}
*/






img{
    max-width:100%; /*不使用width:100% 是因避免圖片解析度不好，隨父元素被放大時會糊掉*/
    height:auto;
}

.nav > li > a:hover{
    background-color:#710f48;
}



@keyframes move {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg)
  }
  50% {
    transform: translate3d(0, 20px, 0) rotate(0deg)
  }
  100% {
    transform: translate3d(0, 0, 0) rotate(0deg)
  }
}


/* pagination */
.pagination > .disabled > a
{
    background-color: #000;
    color: #fff;
}

.pagination > li > a
{
    background-color: #000;
    color: #fff;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #fff;
    background-color: #C3008D;
    border-color: #C3008D;
}

.pagination > .active > a
{
    color: #fff;
    background-color: #5A4181 !Important;
    border: solid 1px #fff !Important;
}

.pagination > .active > a:hover
{
    background-color: #5A4181 !Important;
    border: solid 1px #C3008D;
}


/* end */



#gotop {
    position: fixed;
    right: 10px;
    bottom: 60px;    
    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: 25px;
    float: left;
    background-size: cover;
  }


img {
border: 0px;
}

/* width */
::-webkit-scrollbar {
  width: 16px;
  background: #000000;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ff3779;
  border-radius: 8px;
}



.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
	} 
.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    }








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




.black{
  z-index: 999;	
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
}
.content{
  position:absolute;
  top:50px;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width:80%;
  height: 60%;
}
.close{
  position: fixed;
  top:100;
  right:100;
  width:30px;
  height:30px;
  background:#FFB7F6;
  color:#fff;
  text-align:center;
  line-height:30px;
  border-radius: 50%;
  text-decoration: none;
}		
	
	
html,body{
    overflow-x:hidden;
}		
	
.body {
background-color: #000000;
}	
	
.jumbotron {
  height: 760px;
  position: relative;
  overflow: hidden;
  background-color:#000000;
}
.jumbotron video {
  position: absolute;
  z-index: 2;
  width:100%;
  height: 800px;
  object-fit: cover;
  opacity:0.5;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}
	
	
.scroll_mo_box {
  width: 55px;
  height: 80px;
  margin: 10px auto auto ;
  background-image: url("../images/scroll_mo_a.png");
  background-position: top;
  background-repeat: no-repeat;
}

.scroll_mo {
  width: 55px;
  height: 38px;
  background-image: url("../images/scroll_mo_b2.png");
  animation: move 2s infinite;
  margin-top: -10px;
}	
	
  .top_box {
   width: auto;
   height: auto; 
   background-color: #000000;
   padding-top: 100px;  
  }		
	
   .banner_top{
   width: auto; 
   height: auto;
   border: 3px solid rgba(255, 255, 255, .2);
   padding: 10px;
   margin-top: 10px;
	}  	
	
  .top_box_live {
   width: auto;
   height: auto; 
   background: linear-gradient(to bottom, #ea287e, #ffffff);
   background: -webkit-linear-gradient(to bottom, #ea287e, #ffffff);
   padding-top: 100px; 
  }			
		
		
	
  .index_1 {
   height:800px; 
   background-image: url("../images/bg_index01_m2.png");
   background-color: #000000;
   background-position:top;
   background-repeat: no-repeat;
   margin-top: -70px;
  }
	
  .index_2 {
   height:1700px; 
   background-image: url("../images/bg_index02_m2.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   margin-top: 0px;
  }		
	
  .index_3 {
   height:1600px; 
   background-image: url("../images/bg_index03_m.jpg");	
   background-position:top;
   background-repeat: no-repeat;; 
  }			
	
  .index_4 {
   height:1200px; 
   background-image: url("../images/bg_index04_m.jpg");
   background-position:top;
   background-repeat: no-repeat;
  }		

  .index_game {
   height:1930px; 
   background-image: url("../images/bg_game_m.jpg");
   background-repeat: no-repeat;
   background-color: #fff;  
   background-position:top center;
  }			
	
  .index_news {
   height:auto ;; 	  
/*   height:auto; */
   background-image: url("../images/bg_index_news_m.jpg");
   background-repeat: no-repeat;
   background-color: #000000;  
   background-position:top center;
   margin-bottom: -100px;
  }			
	
  .index_faq {
   height:auto; 
   background-image: url("../images/bg_index_faq_m.jpg");
   background-repeat: no-repeat;
   background-color: #000000;  
   background-position:top center;
   padding-bottom: 50px;	  
  }			
		
	
	

	
  .index_g1z {	  
   z-index: 7; 	    
	}	
	
  .index_g2z {	  
   z-index: 5; 	    
	}	
	
  .index_tz {	  
   z-index: 9; 	    
	}	
	
  .index_name1z {	  
   z-index: 10;
	}
	
  .index_name2z {	  
   z-index: 11;
	}	
	
  .index_t {	  
   z-index: 999;
   width: 340px;
   height: 141px; 
   margin-top: 30px;
   margin-left: -40px;
   background-image: url("../images/index_t_m.png");	 
   animation: move 5s infinite;	  
	}	
	
   .first{
   margin-top:0px;
          }	

   .secord{
   margin-top:0px;
          }	
	
   .girl1{
	height: 552px;
    margin-top: 0px;
/*    background-color:#A2A2A2;*/
          }	
	
   .girl2{
	height: 552px;
    margin-top: 0px;
/*    background-color:#A2A2A2;*/
          }			
		
	
  .index_g1 {	  
   width: 300px;  
   height: 552px; 
   margin-top: 200px;
   margin-left: -130px;
   background-image: url("../images/index_girl_01_m.png");	 	    
	}	
	
  .index_g2 {	  
   width: 373px;  
   height: 552px; 
   margin-top: 120px;
   margin-left: 20px;
   background-image: url("../images/index_girl_02_m.png");	 	    
	}		
	
	
  .index_g_ {	  
   width: 1129px;  
   height: 944px; 
   margin-top: -45px;
   margin-left: 220px;
   background-image: url("../images/index_g.png");	 	    
	}		
	
  .index_name1 {	  
   width: 205px;
   height: 80px; 
   margin-top: 600px;
   margin-left: -50px;
   background-image: url("../images/index_n1.png");	 
   animation: move 2s infinite;	  
	}		
	
  .index_name2 {	  
   width: 205px;
   height: 80px; 
   margin-top: 540px;
   margin-left: -30px;
   background-image: url("../images/index_n2.png");	 
   animation: move 2.5s infinite;	  
	}			
	
	
		
   .index_p201 {	 
   width: 300px;
   height: 600px; 
   margin-top: 50px;
   margin-left: 0px;
/*   background-image: url("../images/index_phone.png");	 */
   animation: move 4s infinite;	  
	}		
	
   .index_p202_movie {	 	   
   margin-top: -550px;	 
   margin-left: 0px;	   
   border-top:2px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:2px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:2px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:2px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */	   
   border-opacity: 0.5;
   animation: move 6s infinite;	  
   box-shadow: 5px 5px 5px rgba( 255, 99, 200, 0.5);	   
   border-radius: 20px;  	   
	}		
	
   .index_p202_movie_br {      
   border-radius: 20px;   
 }	
	
   .index_p203 {	
   margin-top: -180px;
   margin-left: 0px; 
	}	
	
  .index_p201z {	  
   z-index: 10;
	}		
	
  .index_p202mz {	 
   margin-top: 160px;		  
   z-index: 99;
	}	

  .index_p203z {	  
   z-index: 100;
	}		
	
   .index_p203-1 {	
   height: 200px; 
   margin-left: 20px;
   text-align: center;
	}		
   .index_p203-2 {	
   height: 100%; 
   margin-top: 0px;
   padding-bottom: 50px;
   margin-bottom: 0px;
	}	
		
   .index_p301 {	 
   height: 600px; 
   margin-top: 50px;	   
	}	
	
   .index_p302 {	 
   height: 600px; 
   margin-top: 50px;
	}		
	
  .index_p301box {	 
   width: 100%;	   
   height: 300px;
   text-align:center;
   margin-top: -40px;
   margin-bottom: 0px;	  
   -webkit-filter: drop-shadow(8px 8px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(8px 8px 2px rgba(50, 50, 50, 0.4));	 
      animation: move 5s infinite;		      
	}		
	
   .index_p301z {	  
   z-index: 101;
	}
	
   .index_p302z {	  
   z-index: 102;
	}	
	

	
    .w_1a {	  
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
	}	
	
	
   .w_1a1 {	  
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 21%;
        left: 29%;
        transform: translate(-50%,-50%);
	}	
	
    .w_1a2 {	  
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 52%;
        left: 82%;
        transform: translate(-50%,-50%);
	}		
	
    .w_1a3 {	  
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 84%;
        left: 36%;
        transform: translate(-50%,-50%);
	}		
	
    .w_1b {	  
font-size:30px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 100px;
margin-left: 300px;
margin-bottom:10px;
position: absolute;	
	}	
	
	
	
    .index_box_play {  	    
   text-align: center;  
   width: 300px;	   
   height: auto;
   margin-top: -570px;
   margin-left: 0px;
	}			
	
   .w_index_play{
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 60px;
margin-right: 60px;
	}	
	
  .index_playz {	  
   z-index: 99;
	}			
	
	
.rotate {
  -webkit-animation: rotate 2s normal linear infinite;
  animation: rotate 2s normal linear infinite;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

   .index_p302box {	 
   width: 100%;	   
   text-align:center;	
   filter: drop-shadow(7px 7px 5px rgba(200, 100, 100, 0.4));
   animation: move 6s infinite;	  	   
   }	 
	
   .index_p303 {	 
   width: 100%;	   
   margin-top: 0px;
   margin-bottom: 30px;	 	   
   }		
	
   .index_p303box {	 
   width: 100%;	   
   margin-top: 10px;
   margin-bottom: 10px;
   text-align:center;	 	   
   }	   	
	
	
	
   .index_p401 {	 
   width: 100%;	   
   padding-top: 50px;
   margin-bottom: 10px;
   text-align:center;
   }	 	
	
   .index_p402 {	 
   width: 100%;	  
   height: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   text-align:center;  
   animation: move 8s infinite;		   
   }	
	
	
   .index_p403r {	 
   width: 100%;	   
   margin-top: -20px;
   margin-bottom: 10px;
   text-align:center;   
   filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.5));  	   
   }		
	
   .index_p404 {	 
   width: 100%;	   
   margin-top: 80px;
   margin-bottom: 10px;
   text-align:center;   
   }	
	
   .index_p403icon {	 
   width: 100%;	   
   text-align:left;   
   margin-left: 0px;
   filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.5));  
   }		
	
	
    .w_index4a {	  
font-size:66px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 47%;
        left: 50%;
        transform: translate(-50%,-50%);
	}	
	
    .w_index4b {	  
font-size:10px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:14px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 63%;
        left: 50%;
        transform: translate(-50%,-50%);
	}	
	
   .em {	 
   width: 100%;	   
   height: 20px; 
   }	
	
   .em2 {	 
   width: 100%;	   
   height: 70px; 
   }	
		
		

	
  .contact_1bg {
   z-index: 999;
   height:1500px; 
   background-image: url("../images/bg_con_m.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   padding-top: -200px;
  }		
	
	.contact_101 {
   width: 100%;	   
   height: 100px;
   text-align:center;
   margin-top: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));				
   }	
	
  .contact_1z {	  
   z-index: 11;
	}	
	
  .contact_t {	  
   width: 340px;
   height: 115px; 
   margin-top: 120px;
   margin-left: -80px;
   background-image: url("../images/con_tw1_m.png");	 
   animation: move 5s infinite;	  
   -webkit-filter: drop-shadow(7px 7px 2px rgba(0, 0, 0, 0.6));
   filter: drop-shadow(7px 7px 2px rgba(0, 0, 0, 0.6));	  
	}		

  .contact_p1 {	  
   width: 360px;
   height: 50px; 
   margin-top: 30px;
   margin-left: -20px;
/*   background-image: url("../images/con_t1.gif");	   */
	}		
	
  .contact_p2 {	  
   width: 100%;
   height: 120px; 
   margin-top: 180px;
   margin-left: 0px;
   animation: move 8s infinite;	  	  
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
	}		
	
  .contact_p3 {	  
   width: 100%;
   height: auto; 
   padding-top: 50px;
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.6);
   border-radius:20px;
	}		
	
  .contact_p4 {	  
   padding-top: 60px;
	}			
	
			
   .news_1bg {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_news_m.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   background-color: #c2206c;
   margin-top: -150px;
   padding-bottom: 50px;	   
  }		
	
	
	.news_101 {
   width: 100%;	   
   height: 50px;
   text-align:left;
   margin-top: 200px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));				
   }	
	
	.news_102 {
   width: 100%;	   
   height: 100%;
   text-align:left;
   margin-top: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));
   filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));				
   }		
	
	.news_103 {
   width: 100%;	   
   height: 100%;
   text-align:left;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));		
   }		

	.news_104 {
   width: 100%;	   
   height: 200px;
   text-align:left;
   margin-top: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
/*   opacity: 0.2;*/
   }		
	
	.news_105 {
   width: 100%;	   
   height: 100%;
   text-align:left;
   margin-top: -300px;
   margin-left: -50px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));
   filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));		
   }		
			
	
	.news_1z {	  
   z-index: 12;
	}	
	
	.news_2z {	  
   z-index: 66;
	}	
	
	.news_3z {	  
   z-index: 18;
	}	

	.news_4z {	  
   z-index: 20;
	}	
	
	.news_5z {	  
   z-index: 24;
	}		
	
  .news_t {	  
   width: 100%;
   height: 117px; 
   margin-top: 0px;
   margin-left: 0px;
/*
   background-image: url("../images/news_t.png");
   background-repeat: no-repeat;
*/
   animation: move 5s infinite;	  
	}	
	
   .news_op1 {	 
   width: 100%;	  
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   text-align:left;     
   }		
	
   .news_op2 {	 
   width: 100%;	  
   height: 150px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:left;  
   animation: move 8s infinite;		   
   }		
	
   .news_op3 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;     
   opacity: 0.6;	   
   }		
		
   .news_op4 {	 
   width: 100%;	  
   height: 200px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:left;  
   animation: move 6s infinite;		   
   }			
	
   .news_op5 {	 
   width: 77%;	  
   margin-top: 0px;
   margin-left: 0px;	   
   text-align:left;  	   
   }			
		
	
  .fb_box {  
   height: 370px;	  	
   text-align: center; 
   margin-bottom: 30px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.6);
   border-radius:10px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */	  
	}	
	
  .fb-page {  	  	
margin: auto 0;
	}	
		
  .ig_box {
   height: 410px;
   text-align: center;	 
   padding-top: 20px;
   padding-bottom: 0px;   
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.6);
   border-radius:10px;	  
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */	  
	}		
	
	
	   .news_box {  	  	
   height: 100%;	  	
   margin-top:15px;
   margin-bottom: 15px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.3);
   border-radius:4px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
	}	
	
   .news_box_pics {  
   width: 90%; 
/*   height: 120px;*/
   margin-top: 5%;
   margin-bottom: 2%;
	}	
	
   .news_box_t {
   width: 90%;
   height: 100%;
   margin-bottom: 5%;	   
	}	
	
   .news_box_more {  	    
   text-align: left;  
   width: 90%;	   
   height: 100%;
   margin-bottom: 8px;
	}		
	
	
	
	
	
	
   .news_page_bg {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_index_news_page_m.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   background-color: #000000;
   margin-top: 0px;
   padding-bottom: 50px;
  }				
	
   .news_page_101 {  	    
   width: 100%;	   
   height: 100%;
   margin-top: 16px;
   margin-bottom: 20px;
   text-align: center;	 
	}		
		
	
   .news_page_box {  	  	
   height: auto;	  	
   margin-top:0px;
   margin-bottom: 0px;
   padding-bottom: 30px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.3);
   border-radius:4px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
	}
	
   .news_page_pics {  
   width: 96%;  
   height: auto;	  
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;
	}		
	
   .news_page_t {
   width: 90%;
   height: auto;
   margin-top: 1%;
   padding-bottom: 10px;
	}	  
	
   .news_page_line {
   height: 1px;
   border-bottom: solid #de6fb6 1px;
	}	  	
	
   .news_page_line2 {
   height: 1px;
   border-bottom: solid #893C81 1px;
	}	
	
   .news_page_box_w {  	      
   width: 100%;	   
   height: auto;
   margin-top: 20px;	   
   margin-bottom: 10px;
	}		
	
   .news_page_back {  	    
   text-align: center;  
   width: 100%;	   
   height: 100%;
   margin-top: 30px;	   
   margin-bottom: 30px;
	}	
	
	
	
	
	
	
	
	
		
	
	.girl_1 {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_girl_m.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   background-color: #000000;
   margin-top: 0px;
   padding-bottom: 0px;
  }		
	
	.girl_101 {
   width: 100%;	   
   height: 0px;
   margin-top: 120px;
   margin-left: 40px;
   margin-bottom: 0px;	
   }	
	
	.girl_102 {
   width: 100%;	   
   height: 0px;
   margin-top: -80px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	.girl_103 {
   width: 100%;	   
   height: 100px;
   margin-top: 80px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	.girl_104 {
   width: 100%;	   
   height: 100px;
   margin-top: -10px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	.girl_105 {
   width: 100%;	   
   height: 100px;
   margin-top: -10px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	
    .girl_1z {	  
   z-index: 22;
	}	
	
	.girl_2z {	  
   z-index: 24;
	}	
	
	.girl_3z {	  
   z-index: 26;
	}	

	.girl_4z {	  
   z-index: 28;
	}	
	
	.girl_5z {	  
   z-index: 30;
	}	
	
	.girl_op1 {	 
   width: 100%;	  
   margin-top: 0px;
   margin-left: -20px;
   text-align:center;  
   animation: move 8s infinite;		   
   }	
	
	.girl_op2 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 10px;
   text-align:center;  	   
/*   background-image: url("../images/girl_g2.png");	*/
   }		
	
	.girl_op3 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 30px;
   margin-left: 0px;
   text-align:center;  
   animation: move 6s infinite;		   
   }		
	
	.girl_op4 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;  
   animation: move 10s infinite;		   
   }		
		
	.girl_op5 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;  
   animation: move 9s infinite;		   
   }		
		
	.girl_op6 {	 
   width: 100%;	   
   height: 210px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));	  
   }
	
	
	
	
	
		
	.girl_hg {	 
   width: 100%;	  
   height: 100%;
   margin-top: 0px;
   margin-bottom: 5px;
   text-align:center;  	   
   }		
	
	
	
	

.girl_w {
   width: auto; 
   height: auto; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 20px;	 
/*   margin:100px auto auto auto;*/
	}	
	
 .girl_box_1 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg01_bg_m.jpg"); 
	}	
	
 .girl_box_2 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg02_bg_m.jpg"); 
	}		
	
 .girl_box_3 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg03_bg_m.jpg"); 
	}	
	
 .girl_box_4 {
   min-width: 300px; 
   min-height: 375px;  
   background-image: url("../images/dg04_bg_m.jpg"); 
	}	
	
 .girl_box_5 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg05_bg_m.jpg"); 
	}		
	
 .girl_box_6 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg06_bg_m.jpg"); 
	}			
	
 .girl_box_7 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg07_bg_m.jpg"); 
	}	
	
 .girl_box_8 {
   min-width: 300px; 
   min-height: 375px;  
   background-image: url("../images/dg08_bg_m.jpg"); 
	}		
	
 .girl_box_9 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg09_bg_m.jpg"); 
	}		
	
 .girl_box_10 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg10_bg_m.jpg"); 
	}	
	
 .girl_box_11 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg11_bg_m.jpg"); 
	}		
	
 .girl_box_12 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/dg12_bg_m.jpg"); 
	}		
	
	
	
	
 .girl_box_hg1 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/hg01_bg_m.jpg"); 
	}		
	
 .girl_box_hg2 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/hg02_bg_m.jpg"); 
	}	
	
 .girl_box_hg3 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/hg03_bg_m.jpg"); 
	}	
	
 .girl_box_hg4 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/hg04_bg_m.jpg"); 
	}	
	
 .girl_box_hg5 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/hg05_bg_m.jpg"); 
	}		
	
	
	
	
	
	
	
	
.girl_box_kind {
   width: auto; 
   height: 50px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 100px;	
   margin-left: 10px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(4px 4px 2px rgba(30, 30, 30, 0.6));
   filter: drop-shadow(4px 4px 2px rgba(30, 30, 30, 0.6));	
	} 		
	
.girl_box_name {
   width: auto; 
   height: 50px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 30px;	
   margin-left: 10px;
   margin-bottom: 20px;
   -webkit-filter: drop-shadow(4px 4px 2px rgba(30, 30, 30, 0.6));
   filter: drop-shadow(4px 4px 2px rgba(30, 30, 30, 0.6));	
	} 	
	
.girl_box_w {
   width: auto; 
   height: auto; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-left: 10px;	
   -webkit-filter: drop-shadow(4px 4px 2px rgba(30, 30, 30, 0.6));
   filter: drop-shadow(4px 4px 2px rgba(30, 30, 30, 0.6));	
	} 		
	
.girl_box_w2 {
   width: auto; 
   height: auto; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 100px;	
   margin-left: 10px;
   margin-bottom: 10px;		
   -webkit-filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.6));
   filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.6));		
	} 			
	
.girl_box_pic {
   width: 200px; 
   height: 200px; 	
   background-repeat: no-repeat;
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px;			
	} 

.hg_box {
   width: auto; 
   height: auto; 
   margin-bottom: 50px;		
	}	
	
.hg_t {
   width: auto; 
   height: 50px; 	
   margin-top: 0px;	
   margin-bottom: 0px;			
	} 
	
.dg_box {
   height: auto; 
   margin-bottom: 10px;
	}		
		
.dealer_t {
   width: auto; 
   height: 50px; 	
   margin-top: 30px;	
   margin-bottom: 0px;			
	} 	
	
	
	.girl_op7 {	 
   width: 100%;	   
   margin-top: 0px;
   padding-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));	
   text-align: center;
   }		
	
	
	
.streamer_t {
   width: auto; 
   height: 50px; 	
   margin-top: 50px;	
   margin-bottom: 0px;			
	} 	
		
	
	.girl_op8 {	 
   width: 100%;	   
   margin-top: 0px;
   padding-bottom: 10px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));	
   text-align: center;
   }		
	
	
	
	
	
	
 .girl_box_st_1 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg01_bg_m.jpg"); 
	}			
	
 .girl_box_st_2 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg02_bg_m.jpg"); 
	}			
	
 .girl_box_st_3 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg03_bg_m.jpg"); 
	}			
		
 .girl_box_st_4 {
   min-width: 300px; 
   min-height: 375px;  
   background-image: url("../images/sg04_bg_m.jpg"); 
	}			
	
 .girl_box_st_5 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg05_bg_m.jpg"); 
	}				
	
 .girl_box_st_6 {
   min-width: 300px; 
   min-height: 375px; ; 
   background-image: url("../images/sg06_bg_m.jpg"); 
	}			
		
 .girl_box_st_7 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg07_bg_m.jpg"); 
	}			
	
 .girl_box_st_8 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg08_bg_m.jpg"); 
	}	
	
 .girl_box_st_9 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg09_bg_m.jpg"); 
	}			
		
 .girl_box_st_10 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg10_bg_m.jpg"); 
	}			
	
 .girl_box_st_11 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg11_bg_m.jpg"); 
	}		
	
 .girl_box_st_12 {
   min-width: 300px; 
   min-height: 375px; 
   background-image: url("../images/sg12_bg_m.jpg"); 
	}		
	
	
	
	
		
.girl_promo_box01 {
   width: auto; 
   height: auto; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-left: 0px;
   margin-bottom: 0px;
	}	
		
.girl_promo_a {
   width: 50%; 
   height: 400px; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-left: 0px;
   margin-bottom: 0px;
   background-position:center;
   background-image: url("../images/girl_promo_a_m.png"); 	
	}		
	
.girl_promo_b {
   width: 50%; 
   height: 400px; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-left: 0px;
   margin-bottom: 0px;
   background-position:center;
   background-image: url("../images/girl_promo_b_m.png"); 	
	}		
		
.girl_promo_w {
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 120px;	
	}		
		
	
		
	
	
.game_box_icon_c {
   width: auto; 
   height: 100px;; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 10px;	
   margin-left: 0px;
   margin-bottom: 0px;
	}	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
   .w_1{
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:20px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px;
	}	
	
   .w_1g{
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:14px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}		
	
   .w_1c{
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:20px; /* 文字行距 */		  
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px;
	}		
	
   .w_1_red{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:20px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}		
	
   .w_1_redc{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:16px; /* 文字行距 */		  
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:5px;
margin-top: -10px;
	}		
	
   .w_1_red2{
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:20px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}		
	
   .w_2{
font-size:30px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:30px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px;
	}		
	
   .w_2g{
font-size:30px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffc1dd; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:30px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px;
	}		
	
   .w_2c{
font-size:30px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:30px; /* 文字行距 */		  
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px;
	}	
	
   .w_2_red{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:30px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 10px;
margin-bottom:10px;
	}		
	
   .w_3_red{
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:30px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 10px;
margin-bottom:10px;
	}		
	
	
   .w_word_nav{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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: 3px;
margin-bottom: 3px;
margin-left: 20px;
	}	
	
   .w_word_nav2{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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: 3px;
margin-bottom: 3px;
margin-left: 0px;
	}			
	
	
	
	
	
	
	
   .w_word_news_t1{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.03em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.4em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 10px;
margin-bottom: 0px;
	}	
	
   .w_word_news_t{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff58d6; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 15px;
margin-bottom: 10px;
	}			
	
   .w_word_news_more{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff72ed; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 8px;
margin-bottom: 8px;	      
	}		
	
	
	
	
	
	
    .w_news_page{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.4em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 10px;
margin-bottom: 0px;
	}		
	
    .w_news_page_date{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0.6em; /* 文字行距 */
text-align:right; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
	}		
		
    .w_news_page_date_l{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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-left: -14px;
	}

    .w_news_page_k{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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: 10px;
margin-right: -14px;
padding:10px;
border:1px solid #ff78cf; 
border-radius: 10px;		
	}	

	
	
	
	
	
	
	
	
	
   .w_more {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 60px;
	}		
	
   .w_more a:link {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 0px;
	}		
		
   .w_back {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 100px;
	}		
	
   .w_back a:link {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 100px;
	}		
				
	
	
	
	
	
	
	
	
	
	
    .w_copy{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.4em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
	
	.w_footer_option{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:3em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}
	
	
    .w_footer_option a:link{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:3em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
	
    .w_footer_option a:visited{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:3em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
	
    .w_footer_option a:active{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:3em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
	
    .w_footer_option a:hover{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:3em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
	
	
	
   .w_word_footerlink {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
	
   .w_word_footerlink a:link {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
	
   .w_word_footerlink a:hover {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
		
   .w_word_footerlink a:visited {
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
	
	
	
   .game_page_box {  	  	
   height: auto;	  	
   margin-top:10px;
   margin-bottom: 10px;
   padding-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.3);
   border-radius:4px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
	}	


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

   .game_page_bg {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_index_game_page_m.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   background-color: #000000;
   margin-top: 0px;
   padding-bottom: 60px;
  }	
	
	
	
	
.btn2 {
  --border-color: linear-gradient(-45deg, #ffae00, #7e03aa, #00fffb);
  --border-width: .125em;
  --curve-size: .5em;
  --blur: 30px;
  --bg: #080312;
  --color: #ff63fd;
  color: var(--color);
    /* use position: relative; so that BG is only for .btn */
  position: relative;
  isolation: isolate;
  display: inline-grid;
  place-content: center;
  padding: .5em 1.5em;
  font-size: 17px;
  border: 0;
  text-transform: uppercase;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, .6);
  clip-path: polygon(
            /* Top-left */
            0% var(--curve-size),

            var(--curve-size) 0,
            /* top-right */
            100% 0,
            100% calc(100% - var(--curve-size)),

            /* bottom-right 1 */
            calc(100% - var(--curve-size)) 100%,
            /* bottom-right 2 */
            0 100%);
  transition: color 250ms;
  margin-top: 10px;
  margin-bottom: 10px;	
}

.btn2::after,
.btn2::before {
  content: '';
  position: absolute;
  inset: 0;
}

.btn2::before {
  background: var(--border-color);
  background-size: 300% 300%;
  animation: move-bg7234 5s ease infinite;
  z-index: -2;
}

@keyframes move-bg7234 {
  0% {
    background-position: 31% 0%
  }

  50% {
    background-position: 70% 100%
  }

  100% {
    background-position: 31% 0%
  }
}

.btn2::after {
  background: var(--bg);
  z-index: -1;
  clip-path: polygon(
            /* Top-left */
            var(--border-width) 
            calc(var(--curve-size) + var(--border-width) * .5),

            calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),

            /* top-right */
            calc(100% - var(--border-width)) 
            var(--border-width),

            calc(100% - var(--border-width)) 
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),

            /* bottom-right 1 */
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),
            /* bottom-right 2 */
            var(--border-width) calc(100% - var(--border-width)));
  transition: clip-path 500ms;
}

.btn2:where(:hover, :focus)::after {
  clip-path: polygon(
                /* Top-left */
                calc(100% - var(--border-width)) 

                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)),
    
                calc(100% - var(--border-width))

                var(--border-width),
    
                /* top-right */
                calc(100% - var(--border-width))

                 var(--border-width),
    
                calc(100% - var(--border-width)) 

                calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),
    
                /* bottom-right 1 */
                calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) 
                calc(100% - var(--border-width)),

                /* bottom-right 2 */
                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5))
                calc(100% - var(--border-width)));
  transition: 200ms;
}

.btn2:where(:hover, :focus) {
  color: #fff;
}	
		
	
	
	
	
	
	
	
	
	
#faq {
  max-width: auto;
  margin: auto;
  padding: 0 0px;
  margin-bottom: 0px;
/*
  margin-left: 20px;
  margin-right: 20px;
*/
  text-align: center;
}

section.faq {
  padding-top: 2em;
  padding-bottom: 3em;
}

#faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#faq .no-select, #faq h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#faq h1 {
  color: #fff;
  margin-bottom: 0px;
  margin-top: 0;
}

#faq h2 {
  color: #ff5ddb;
  font-family: 'hm_light', sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 10px 30px 0 10px;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}

#faq p {
  color: #fff;
  text-align: left;
  font-family: 'hm_light', sans-serif;
  font-size: 14px;
  line-height: 1.45;
  position: relative;
  overflow: hidden;
  max-height: 250px;
  will-change: max-height;
  contain: layout;
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px 30px 0 10px;
  transition: .3s opacity, .6s max-height;
  hyphens: auto;
  z-index: 2;
}

#faq ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
  margin-top: 15px;
  margin-top: 15px;
}
#faq ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background-color: rgba(100,100,100,0.6);
}
#faq ul li + li {
  margin-top: 0px;
}
#faq ul li:last-of-type {
  padding-bottom: 0;
}
#faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 15px;
}
#faq ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #cd449d;
  width: 3px;
  height: 9px;
}
#faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}
#faq ul li input[type=checkbox]:checked ~ h2 {
  color: #fff;
}
#faq ul li input[type=checkbox]:checked ~ p {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
  /*transform: translate(0, 50%);*/
}
#faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
			
		
	
	
.w_faq_h2 {
  color: #ff5ddb;
  font-family: 'hm_light', sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding: 10px 30px 0 10px;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}	
	
.w_faq_h1 {
  color: #fff;
  font-family: 'hm_light', sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding: 10px 30px 0 10px;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}

  .page_bg_b{
	  color:fff;
/*background-color: rgba(0,0,0,0.6);*/
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) ,rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0))	  
	}	

   .page_bg_r{
   width: auto; 
   height: auto;; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 10px;	
   margin-bottom: 10px;   
	}		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/		
	
	

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

	
	  .swiper-container {
      width: 340px;
      height: 240px;
	  top:5px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	  
.swiper-button-prev {
width:41px;
height:46px;
color: #ffffff;
left:0px;
top:140px;
background-image: url(images/ar_01left.png);
}
.swiper-button-next {
width:41px;
height:46px;
color: #ffffff;
right:0px;
top:140px;
background-image: url(images/ar_02right.png);
} 
	
	
	
	.button_bg {
	height: 100px;	
	}
	
	.box1 {
	height: 50px;	
	}	
	
	.box2 {
	height: 150px;	
	}
	
	
	
.nav_icon {
    width: 30px;
    height: 30px;
	margin-top: 3px;
	margin-bottom: 3px; 
	margin-right:20px;
    float: left;
    background-size: cover;
  }	
	
.nav_snsicon {
    width: 40px;
    height: 40px;
	margin-top: 0px;
	margin-left:20px;
	margin-bottom: 30px;
    float:left;
    background-size: cover;
  }		
	
	
  .footer {
   height:340px;
  }
	
  .footer_index {  
   padding-top: 20px;
   height:300px;
   background-image: url(../images/footer_m.jpg);
  }		
	
   .footer_1 {
   min-height:80px; 	   
  }	
	
   .footer_2 {
   padding-top: 20px;	   
   min-height:30px;	     
  }		
	
  .footer_black {
   margin-top: 30px;
   height:30px;
   background:linear-gradient(to right, #000000, #a91262);
  }		
	
	
.footer_LOGO {
    width: 100px;
    height: 50px;
    float: right;
    background-size: cover;
  }	
	
   .ae_icon {
	margin:0px auto;
	height: 60px;
	top:10px;
    text-align: center;
	}	

	
   .sns {
	width:280px;
	height: 50px;
	margin:30px auto 0px;
	top:80px;
    margin-bottom: 30px; 
	}	
	
.sns_fb_icon {
    width: 32px;
    height: 32px;
	margin-top: 30px;
	margin-left:0px;
    float: left;
    background-size: cover;
  }
.sns_te_icon {
    width: 32px;
    height: 32px;
	margin-top: 30px;
	margin-left:30px;
    float: left;
    background-size: cover;
  }
.sns_tw_icon {
    width: 32px;
    height: 32px;
	margin-top: 30px;
	margin-left:30px;
    float: left;
    background-size: cover;
  }
.sns_ig_icon {
    width: 32px;
    height: 32px;
	margin-top: 30px;
	margin-left:30px;
    float: left;
    background-size: cover;
  }
.sns_yt_icon {
    width: 32px;
    height: 32px;
	margin-top: 30px;
	margin-left:30px;
    float: left;
    background-size: cover;
  }
.sns_tt_icon {
    width: 32px;
    height: 32px;
	margin-top: 30px;
	margin-left:30px;
    float: left;
    background-size: cover;
  }
	
	



@media (max-width: 375px) {
    iframe[src *= “facebook”]{
        max-width:360px;
        height: 197px;
    }
}


/* media query PAD-------------------------------------------------------------------------------------------------------*/
	
html,body{
    overflow-x:hidden;
}		
	
@media (max-width: 767px) {	
	.game_101 {
   width: 100%;	   
   height: 600px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	
 .game_box_1 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg01_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_2 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg02_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}		
	
	
 .game_box_3 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg03_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_4 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg04_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_5 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg05_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_6 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg06_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_7 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg07_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_8 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg08_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}		
	
 .game_box_9 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg09_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_10 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg10_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_11 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg11_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}	
	
 .game_box_12 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg12_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}		
		
 .game_box_14 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg14_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}		
	
 .game_box_18 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg18_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}		
		
 .game_box_19 {
   min-width: 100%; 
   min-height: 600px; 
   background-image: url("../images/gamepg19_bg.png"); 
   background-position:center;
   background-repeat: no-repeat;
	}		
		
 .game_box_20 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg20_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_25 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg25_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_26 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg26_bg.png"); 
   background-repeat: no-repeat;
	}		
	
	
	
	
.game_box_icon {
   width: auto; 
   height: 100px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 80px;	
   margin-left: 50px;
   margin-bottom: 80px;
	} 	
	
.game_box_icon_c {
   width: auto; 
   height: 100px;; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 0px;	
   margin-left: 0px;
   margin-bottom: 0px;
	} 		
	
.game_box_name {
   width: auto; 
   height: 30px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 30px;	
   margin-left: 50px;
   margin-bottom: 20px;
	} 	
	
.game_box_name2 {
   width: auto; 
   height: 20px;	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 20px;	
   margin-left: 50px;
   margin-bottom: 50px;
	} 	

.game_box_w {
   width: 50%;
   height: 250px;	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 0px;	
   margin-left: 50px;
   margin-bottom: 0px;
   overflow-y: auto;
	} 	

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 6px;
}
	
	
	.girl_op3 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;  
   animation: move 6s infinite;		   
   }		
	
	
}	

/* media query 電腦-----------------------------------------------------------------------------*/
@media (min-width: 768px) {
	
	

.black{
  z-index: 999;	
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
}
.content{
  position:absolute;
  top:50px;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width: 60%;
  height: 60%;
}
.close{
  position: fixed;
  top:100;
  right:100;
  width:30px;
  height:30px;
  background:#FFB7F6;
  color:#fff;
  text-align:center;
  line-height:30px;
  border-radius: 50%;
  text-decoration: none;
}	
		
		
	
	
	
html,body{
    overflow-x:visible;
}		

.body {
background-color: #000000;
}	
	
.jumbotron {
  height: 900px;
  position: relative;
  overflow: hidden;
  background-color:#000000;
}
.jumbotron video {
  position: absolute;
  z-index: 2;
  width:100%;
  height:920px;
  object-fit: cover;
  margin-top: 0px;
  opacity:0.7;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
}
	
	
	
  .top_box {
   width: auto;
   height: auto; 
   background-color: #000000;
   padding-top: 120px;
  }	
	
   .banner_top{
   width: auto; 
   height: auto;
   border: 3px solid rgba(255, 255, 255, .2);
   padding: 10px;
   margin-top: 10px;
	}	
	
  .top_box_live {
   width: auto;
   height: auto; 
   background: linear-gradient(to bottom, #ea287e, #ffffff);
   background: -webkit-linear-gradient(to bottom, #ea287e, #ffffff);
   padding-top: 120px;
  }			
		

  .index_1 {
   z-index: 999;
   height:980px; 
   background-image: url("../images/bg_index_01_4.png");	
   background-position:top;
   background-repeat: no-repeat;
   margin-top: -80px;
  }	
	
  .index_2 {
   height:100%; 
   background-image: url("../images/bg_index02.jpg");	  
   margin-top: -40px;	  
   background-color: #000000;  
   background-position:center center;	   
  }		
	
  .index_3 {
   height:960px; 
   background-image: url("../images/bg_index03.jpg");		  
   background-color: #000000; 
   background-position:center center;	  
  }		
	
  .index_4 {
   height:100%; 
   background-image: url("../images/bg_index04.jpg");
   background-repeat: no-repeat;
   background-color: #000000;  
   background-position:top center;
  }		
	
  .index_game {
   height:1180px; 
   background-image: url("../images/bg_game.jpg");
   background-repeat: no-repeat;
   background-color: #000000;  
   background-position:top center;
  }		
	
  .index_news {
   height:auto; 
   background-image: url("../images/bg_index_news.jpg");
   background-repeat: no-repeat;
   background-color: #000000;  
   background-position:top center;
   padding-bottom: 100px;
  }		
	
  .index_faq {
   height:790px; 
   background-image: url("../images/bg_index_faq.jpg");
   background-repeat: no-repeat;
   background-color: #000000;  
   background-position:top center;
   margin-bottom: 0px;	  
  }			
		
	
	
	
	
  .index_s1 {
   width: 110px;
   height: 93px; 
   margin-top: 300px;
   margin-left: 30px;
   background-image: url("../images/main_s1.png");	 
	}	
	
	
	.video	 {	  
   z-index: 0; 	    
	}
	

	
  .index_g1z {	  
   z-index: 7; 	    
	}	
	
  .index_g2z {	  
   z-index: 5; 	    
	}	
	
  .index_tz {	  
   z-index: 9; 	    
	}	
	
  .index_name1z {	  
   z-index: 10;
	}
	
  .index_name2z {	  
   z-index: 11;
	}	
	
	
  .index_t {	  
   z-index: 999;
   width: 519px;
   height: 215px; 
   margin-top: 470px;
   margin-left: 0px;
   background-image: url("../images/index_t.png");	 
   animation: move 5s infinite;	  
	}	
	
   .first{
   margin-top:50px;
          }	

   .secord{
   margin-top:50px;
          }	
	
   .girl1{
	height: 700px;
    margin-top: 0px;
/*    background-color:#A2A2A2;*/
          }	
	
   .girl2{
	height: 797px;
    margin-top: 0px;
/*    background-color:#A2A2A2;*/
          }			
		
	
  .index_g1 {	  
   width: 433px;  
   height: 797px; 
   margin-top: 220px;
   margin-left: -60px;
   background-image: url("../images/index_girl_01_2.png");	 	    
	}	
	
  .index_g2 {	  
   width: 538px;  
   height: 797px; 
   margin-top: 10px;
   margin-left: 50px;
   background-image: url("../images/index_girl_02.png");	 	    
	}		
	
	
  .index_g_ {	  
   width: 1129px;  
   height: 944px; 
   margin-top: -45px;
   margin-left: 220px;
   background-image: url("../images/index_g.png");	 	    
	}		
	
  .index_name1 {	  
   width: 205px;
   height: 80px; 
   margin-top: 300px;
   margin-left: 0px;
   background-image: url("../images/index_n1.png");	 
   animation: move 2s infinite;	  
	}		
	
  .index_name2 {	  
   width: 205px;
   height: 80px; 
   margin-top: 380px;
   margin-left: 0px;
   background-image: url("../images/index_n2.png");	 
   animation: move 2.5s infinite;	  
	}		
	
   .empty_1 {	  
   height: 50px;   
	}		
	
	
   .index_p201 {	 
   width: 588px;
   height: 751px; 
   margin-top: 90px;
   margin-left: 0px;
/*   background-color: antiquewhite;*/
/*   background-image: url("../images/index_phone.png");	 */
   animation: move 4s infinite;	  
	}		
	
   .index_p202_movie {	 	   
   margin-top: 260px;	 
   margin-left: 0px;	   
   border-top:2px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:2px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:2px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:2px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */	   
   border-opacity: 0.5;
   animation: move 6s infinite;	  
   box-shadow: 5px 5px 5px rgba( 255, 99, 200, 0.5);	  
   border-radius: 20px;  	   
	}		

   .index_p202_movie_br {      
   border-radius: 20px;   
 }		
	
  .index_p203 {	
   margin-top: 100px;
   margin-left: 0px; 
	}	
	
  .index_p201z {	  
   z-index: 10;
	}		
	
  .index_p202mz {	  
   margin-top: 100px;		  
   z-index: 99;
	}	

  .index_p203z {	  
   z-index: 100;
	}		
	
   .index_p203-1 {	
/*   height: 200px; */
   margin-bottom: 40px;
   animation: move 6s infinite;	 	   
	}		
   .index_p203-2 {	
/*   height: 200px; */
   margin-top: 30px;	   
   margin-bottom: 0px;
	}	
	
   .index_p301 {	 
   width: 100%;	   
   height: 600px; 
   margin-top: 150px;
	}	
	
   .index_p302 {	 
   width: 100%;	 	   
   height: 600px; 
   margin-top: 70px;
	}	
	
   .index_p301box {	 
   width: 400px;	   
   height: 300px;
   text-align:center;
   margin-top: 0px;
   margin-bottom: 40px;
   -webkit-filter: drop-shadow(8px 8px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(8px 8px 2px rgba(50, 50, 50, 0.4));	 
      animation: move 5s infinite;			   
	}		
	
   .index_p301z {	  
   z-index: 101;
	}
	
   .index_p302z {	  
   z-index: 102;
	}	
	
    .w_1a {	  
font-size:22px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
	}	
	
	
    .w_1a1 {	  
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */
text-align: center;			
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
/*
        top: 21%;
        left: 170px;
*/
	}	
	
    .w_1a2 {	  
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		
text-align: center;		
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 56%;
        left: 72%;
	}		
	
    .w_1a3 {	  
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-align: center;			
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top:84%;
		left:40%;
	}		
	
    .w_1b {	  
font-size:30px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 100px;
margin-left: 300px;
margin-bottom:10px;
position: absolute;	
	}	
	
	

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

@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

   .index_p302box {	 
   width: 100%;	   
   text-align:center;	
   filter: drop-shadow(7px 7px 5px rgba(200, 100, 100, 0.4));
   animation: move 6s infinite;	  	  
   }	   
	
   .index_p303 {	 
   width: 100%;	   
   margin-top: 0px;
   margin-bottom: 10px;	 	   
   }		
	
   .index_p303box {	 
   width: 100%;	   
   margin-top: 10px;
   margin-bottom: 10px;
   text-align:center;	 	   
   }	 
	
   .index_p401 {	 
   width: 100%;	   
   padding-top: 60px;
   margin-bottom: 0px;
   text-align:center;
   }	 	
	
   .index_p402 {	 
   width: 100%;	  
   height: auto;
   margin-top: 10px;
   margin-bottom: 0px;
   text-align:center;  
   animation: move 8s infinite;		   
   }	
	
	
   .index_p403r {	 
   width: 100%;	   
   margin-top: -30px;
   margin-bottom: 10px;
   text-align:center;   
   filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, 0.5));  	   
   }		
	
   .index_p404 {	 
   width: 100%;	   
   margin-top: 80px;
   margin-bottom: 10px;
   text-align:center;   
   }	
	
   .index_p403icon {	 
   width: 100%;	   
   text-align:left;   
   margin-left: 20px;
   filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.3));  
   }		
	
	
    .w_index4a {	  
font-size:60px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:28px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 42%;
        left: 50%;
        transform: translate(-50%,-50%);
	}	
	
    .w_index4b {	  
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */		  
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%,-50%);
	}	
	
   .em {	 
   width: 100%;	   
   height: 20px; 
   }	
	
   .em2 {	 
   width: 100%;	   
   height: 140px; 
   }	
	
	
	
	
	
  .contact_1bg {
   z-index: 999;
   height:1600px; 
   background-image: url("../images/bg_con.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   margin-top: 0px;
  }		
	
	.contact_101 {
   width: 100%;	   
   height: 300px;
   text-align:center;
   margin-top: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));				
   }	
	
  .contact_1z {	  
   z-index: 11;
	}	
	
  .contact_t {	  
   width: 371px;
   height: 126px; 
   margin-top: 180px;
   margin-left: 60px;
   background-image: url("../images/con_tw1.png");	 
   animation: move 5s infinite;	  
   -webkit-filter: drop-shadow(7px 7px 2px rgba(0, 0, 0, 0.6));
   filter: drop-shadow(7px 7px 2px rgba(0, 0, 0, 0.6));	  
	}		

  .contact_p1 {	  
   width: 504px;
   height: 119px; 
   margin-top: 180px;
   margin-left: 70px;
/*   background-image: url("../images/con_t1.gif");	   */
	}		
	
  .contact_p2 {	  
   width: 100%;
   height: 140px; 
   margin-top: 0px;
   margin-left: -86px;
   animation: move 8s infinite;	  	  
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
	}		
	
  .contact_p3 {	  
   width: 100%;
   height: auto; 
   padding-top: 50px;
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.6);
   border-radius:20px;
	}		
	
  .contact_p4 {	  
   padding-top: 60px;
	}			
	
	
   .news_1bg {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_news_2.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   background-color: #c2206c;
   margin-top: 0px;
   padding-bottom: 100px;
  }		
	
	.news_101 {
   width: 100%;	   
   height: 200px;
   text-align:left;
   margin-top: 200px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));				
   }	
	
	.news_102 {
   width: 100%;	   
   height: 100%;
   text-align:left;
   margin-top: 160px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));
   filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));				
   }		
	
	.news_103 {
   width: 100%;	   
   height: 100%;
   text-align:left;
   margin-top: 100px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));				
   }		

	.news_104 {
   width: 100%;	   
   height: 220px;
   text-align:left;
   margin-top: 370px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
   }		
	
	.news_105 {
   width: 100%;	   
   height: 100%;
   text-align:left;
   margin-top: -240px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));
   filter: drop-shadow(10px 10px 2px rgba(20, 20, 20, 0.6));		
   }		
			
	
	.news_1z {	  
   z-index: 12;
	}	
	
	.news_2z {	  
   z-index: 66;
	}	
	
	.news_3z {	  
   z-index: 18;
	}	

	.news_4z {	  
   z-index: 20;
	}	
	
	.news_5z {	  
   z-index: 24;
	}		
	
  .news_t {	  
   width: 380px;
   height: 117px; 
   margin-top: 0px;
   margin-left: 0px;
/*
   background-image: url("../images/news_t.png");
   background-repeat: no-repeat;
*/
   animation: move 5s infinite;	  
	}	
	
   .news_op1 {	 
   width: 100%;	  
   height: auto;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   text-align:left;     
   }		
	
   .news_op2 {	 
   width: 100%;	  
   height: 300px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:left;  
   animation: move 8s infinite;		   
   }		
	
   .news_op3 {	 
   width: 100%;	  
   height: 300px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;     
   }		
		
   .news_op4 {	 
   width: 100%;	  
   height: 300px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:left;  
   animation: move 6s infinite;		   
   }			
	
   .news_op5 {	 
   width: 360px;	  
   margin-top: 0px;
   margin-left: 0px;	   
/*   margin-left: -40px;*/
   text-align:left;  	   
   }			
		
  .fb_box {  
   height: 390px;	  	
   text-align: center;
/*
   padding-top: 30px;
   padding-bottom: 30px; 
   margin-top:20px;	  
   margin-left:20px;
*/
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.6);
   border-radius:10px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */	  
	}	
	
  .fb-page {  	  	
   text-align: center;
   margin-left:-20px;
	}	
		
  .ig_box {
   height: 390px;
   text-align: center;	 
   padding-top: 10px;
   padding-bottom: 30px;   
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.6);
   border-radius:10px;	  
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */		  
	}		
	
	
	
   .news_box {  	  	
   height: auto;	  	
   margin-top:15px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.3);
   border-radius:4px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
	}	
	
   .news_box_pics {  
   width: 90%;  
/*   height: 140px;*/
   margin-top: 5%;
	}	
	
   .news_box_t {
   width: 90%;
   height: 100%;
   margin-bottom: 5%;	   
	}	
	
   .news_box_more {  	    
   text-align: left;  
   width: 94%;	   
   height: 100%;
   margin-bottom: 8px;
	}		
	
	
	
	
   .news_page_bg {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_index_news_page.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   background-color: #000000;
   margin-top: 0px;
   padding-bottom: 60px;
  }				
	
   .news_page_101 {  	    
   width: 100%;	   
   height: 100%;
   margin-top: 40px;
   margin-bottom: 20px;
   text-align: center;
   animation: move 9s infinite;		 
	}		
		
	
   .news_page_box {  	  	
   height: auto;	  	
   margin-top:100px;
   margin-bottom: 0px;
   padding-bottom: 50px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.3);
   border-radius:4px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
	}
	
   .news_page_pics {  
   width: 96%;  
   height: auto;	  
   text-align: center;
   padding-top: 20px;
   padding-bottom: 20px;
	}		
	
   .news_page_t {
   width: 90%;
   height: auto;
   margin-top: 1%;
   padding-bottom: 10px;
	}	  
	
   .news_page_line {
   height: 1px;
   border-bottom: solid #de6fb6 1px;
	}	  	
	
   .news_page_line2 {
   height: 1px;
   border-bottom: solid #893C81 1px;
	}	
	
   .news_page_box_w {  	      
   width: 100%;	   
   height: auto;
   margin-top: 20px;	   
   margin-bottom: 10px;
	}		
	
   .news_page_back {  	    
   text-align: center;  
   width: 100%;	   
   height: 100%;
   margin-top: 50px;	   
   margin-bottom: 50px;
	}	
	
	
	
	
	
	
	.girl_1 {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_girl.jpg");	
   background-position:top;
   background-repeat: no-repeat;
   background-color: #000000;
   margin-top: -100px;
   padding-bottom: 0px;
  }		
	
	.girl_101 {
   width: 100%;	   
   height: 0px;
   margin-top: 300px;
   margin-left: 0px;
   margin-bottom: 200px;	
   }	
	
	.girl_102 {
   width: 100%;	   
   height: 0px;
   margin-top: -320px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	.girl_103 {
   width: 100%;	   
   height: 100px;
   margin-top: 8%;
   margin-left: 0px;
   margin-bottom: 70px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	.girl_104 {
   width: 100%;	   
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	.girl_105 {
   width: 100%;	   
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	
    .girl_1z {	  
   z-index: 22;
	}	
	
	.girl_2z {	  
   z-index: 24;
	}	
	
	.girl_3z {	  
   z-index: 26;
	}	

	.girl_4z {	  
   z-index: 28;
	}	
	
	.girl_5z {	  
   z-index: 30;
	}	
	
	.girl_op1 {	 
   width: 100%;	  
   margin-top: 0px;
   margin-left: -20px;
   text-align:center;  
   animation: move 8s infinite;		   
   }	
	
	.girl_op2 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 10px;
   text-align:center;  	   
   }		
	
	.girl_op3 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;  
   animation: move 6s infinite;		   
   }		
	
	.girl_op4 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;  
   animation: move 10s infinite;		   
   }		
		
	.girl_op5 {	 
   width: 100%;	  
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   text-align:center;  
   animation: move 9s infinite;		   
   }		
		
	.girl_op6 {	 
   width: 100%;	   
   height: 100px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(10px 10px 2px rgba(50, 50, 50, 0.4));	  
   }	
	
	.girl_hg {	 
   width: 100%;	  
   height: 100%;
   margin-top: 0px;
   margin-bottom: 5px;
   text-align:center;  	   
   }		
	
	
	
	

.girl_w {
   width: auto; 
   height: auto; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 20px;	 
/*   margin:100px auto auto auto;*/
	}	
	
 .girl_box_1 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg01_bg.jpg"); 
	}	
	
 .girl_box_2 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg02_bg.jpg"); 
	}		
	
 .girl_box_3 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg03_bg.jpg"); 
	}	
	
 .girl_box_4 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg04_bg.jpg"); 
	}	
	
 .girl_box_5 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg05_bg.jpg"); 
	}		
	
 .girl_box_6 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg06_bg.jpg"); 
	}			
	
 .girl_box_7 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg07_bg.jpg"); 
	}	
	
 .girl_box_8 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg08_bg.jpg"); 
	}		
	
 .girl_box_9 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg09_bg.jpg"); 
	}		
	
 .girl_box_10 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg10_bg.jpg"); 
	}	
	
 .girl_box_11 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg11_bg.jpg"); 
	}		
	
 .girl_box_12 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/dg12_bg.jpg"); 
	}		
	
	
	
	
 .girl_box_hg1 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/hg01_bg.jpg"); 
	}		
	
 .girl_box_hg2 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/hg02_bg.jpg"); 
	}	
	
 .girl_box_hg3 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/hg03_bg.jpg"); 
	}	
	
 .girl_box_hg4 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/hg04_bg.jpg"); 
	}	
	
 .girl_box_hg5 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/hg05_bg.jpg"); 
	}		
	
	
	
	
	
	
	
	
.girl_box_kind {
   width: auto; 
   height: 50px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 135px;	
   margin-left: 50px;
   margin-bottom: 0px;
	} 		
	
.girl_box_name {
   width: auto; 
   height: 50px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 30px;	
   margin-left: 50px;
   margin-bottom: 20px;
	} 	
	
.girl_box_w {
   width: auto; 
   height: auto; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-left: 50px;			
	} 	
	
.girl_box_w2 {
   width: auto; 
   height: auto; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 60px;	
   margin-left: 50px;
   -webkit-filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.6));
   filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.6));	
	} 		
	
.girl_box_pic {
   width: 200px; 
   height: 200px; 	
   background-repeat: no-repeat;
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px;	
	} 

.hg_box {
   width: auto; 
   height: auto; 
   margin-bottom: 50px;		
	}	
	
.hg_t {
   width: auto; 
   height: 50px; 	
   margin-top: 50px;	
   margin-bottom: 0px;			
	} 
	
.dg_box {
   height: auto; 
   margin-bottom: 7px;
	}		
		
.dealer_t {
   width: auto; 
   height: 50px; 	
   margin-top: 200px;	
   margin-bottom: 0px;			
	} 	
	
	
	.girl_op7 {	 
   width: 100%;	   
   margin-top: 0px;
   padding-bottom: 10px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));	
   text-align: center;
   }		
	
	
	
.streamer_t {
   width: auto; 
   height: 50px; 	
   margin-top: 50px;	
   margin-bottom: 0px;			
	} 	
		
	
	.girl_op8 {	 
   width: 100%;	   
   margin-top: 0px;
   padding-bottom: 10px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));	
   text-align: center;
   }		
	
	
	
	
	
	
 .girl_box_st_1 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg01_bg.jpg"); 
	}			
	
 .girl_box_st_2 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg02_bg.jpg"); 
	}			
	
 .girl_box_st_3 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg03_bg.jpg"); 
	}			
		
 .girl_box_st_4 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg04_bg.jpg"); 
	}			
	
 .girl_box_st_5 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg05_bg.jpg"); 
	}				
	
 .girl_box_st_6 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg06_bg.jpg"); 
	}			
		
 .girl_box_st_7 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg07_bg.jpg"); 
	}			
	
 .girl_box_st_8 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg08_bg.jpg"); 
	}	
	
 .girl_box_st_9 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg09_bg.jpg"); 
	}			
		
 .girl_box_st_10 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg10_bg.jpg"); 
	}			
	
 .girl_box_st_11 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg11_bg.jpg"); 
	}		
	
 .girl_box_st_12 {
   min-width: 660px; 
   min-height: 400px; 
   background-image: url("../images/sg12_bg.jpg"); 
	}		
		
	
	
	
		
.girl_promo_box01 {
   width: auto; 
   height: auto; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-left: 0px;
   margin-bottom: 0px;
	}	
		
.girl_promo_a {
   width: 50%; 
   height: 400px; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   background-position:top;
   background-repeat: no-repeat;
   background-image: url("../images/girl_promo_a.png"); 	
	}		
	
.girl_promo_b {
   width: 50%; 
   height: 400px; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   background-position:top;
   background-repeat: no-repeat;
   background-image: url("../images/girl_promo_b.png"); 	
	}		
		
.girl_promo_w {
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 120px;	
	}		
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
iframe {
  width: 100%;
}	
*/
	
	
	.game_101 {
   width: 100%;	   
   height: 600px;
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.4));			
   }	
	
	
 .game_box_1 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg01_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_2 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg02_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_3 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg03_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_4 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg04_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_5 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg05_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_6 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg06_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_7 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg07_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_8 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg08_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_9 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg09_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_10 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg10_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_11 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg11_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_12 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg12_bg.png"); 
   background-repeat: no-repeat;
	}		
		
 .game_box_14 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg14_bg.png"); 
   background-repeat: no-repeat;
	}		
		
 .game_box_18 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg18_bg.png"); 
   background-repeat: no-repeat;
	}		
			
 .game_box_19 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg19_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_20 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg20_bg.png"); 
   background-repeat: no-repeat;
	}
	
 .game_box_21 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg21_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_22 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg22_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_23 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg23_bg.png"); 
   background-repeat: no-repeat;
	}	
	
 .game_box_24 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg24_bg.png"); 
   background-repeat: no-repeat;
	}		
		
 .game_box_25 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg25_bg.png"); 
   background-repeat: no-repeat;
	}		
	
 .game_box_26 {
   min-width: 1100px; 
   min-height: 600px; 
   background-image: url("../images/gamepg26_bg.png"); 
   background-repeat: no-repeat;
	}		
	
	
	
	
	
.game_box_icon {
   width: auto; 
   height: 100px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 80px;	
   margin-left: 50px;
   margin-bottom: 60px;
	} 	
	
.game_box_icon_c {
   width: auto; 
   height: 100px;; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 0px;	
   margin-left: 0px;
   margin-bottom: 0px;
	} 		
	
.game_box_name {
   width: auto; 
   height: 30px;; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 30px;	
   margin-left: 50px;
   margin-bottom: 0px;
	} 	
	
.game_box_name2 {
   width: auto; 
   height: 20px;	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 20px;	
   margin-left: 50px;
   margin-bottom: 30px;
	} 	

.game_box_w {
   width: 40%;
   height: 250px;	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   padding-top: 0px;	
   margin-left: 50px;
   margin-bottom: 0px;
   overflow-y: auto;
	} 	

/* width */
::-webkit-scrollbar {
  width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #FFFFFF;
  border-radius: 6px;
}
	
	
	
	
	
	
	
	
	
	

	
	
.per{
  font-size:40px; /* 文字大小，單位可以有px.pt.em.%.... */
  font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
  color:#a32e53;
  margin: 0 auto;
}	

#per{
  width:250px;
  font-size: 50px;
  font-family:Arial;
  color:blue;
  margin: 0 auto;
}

span{
 padding:10px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
   .w_1{
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:28px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}
	
   .w_1g{
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:16px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}	
	
   .w_1c{
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:28px; /* 文字行距 */		  
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}	
	
   .w_1_red{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}		
	
   .w_1_redc{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:16px; /* 文字行距 */		  
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
	}		
	
   .w_1_red2{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}
	
   .w_2{
font-size:24px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px; 
	}
	
   .w_2g{
font-size:24px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ffc1dd; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px; 
	}		
	
   .w_2c{
font-size:24px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */		  
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:20px;
	}	
	
   .w_2_red{
font-size:24px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */		  
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 10px;
margin-bottom:10px;
	}	
	

		
   .w_3_red{
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#a32e53; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:24px; /* 文字行距 */	
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */	   
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 0px;
margin-bottom:10px;
	}		
	
   .w_word_nav{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:right; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 6px;
margin-bottom: 6px;
	}		
	
   .w_word_nav a:link {
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FF00; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 6px;
margin-bottom: 6px;
	}		
	
   .w_word_nav2{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.4em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 3px;
margin-bottom: 3px; 	   
	}		
	
	
	
   .w_word_news_t1{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.4em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 10px;
margin-bottom: 0px;
	}		
	
    .w_word_news_t{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff58d6; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 15px;
margin-bottom: 10px;
	}		
	
   .w_word_news_more{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff72ed; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 8px;
margin-bottom: 8px;	      
	}		
	
	
	
    .w_news_page{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.4em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 10px;
margin-bottom: 0px;
	}		
	
    .w_news_page_date{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:0.6em; /* 文字行距 */
text-align:right; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 20px;
	}		
	
    .w_news_page_date_l{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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-left: -14px;		
	}		
	
    .w_news_page_k{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff78cf; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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: 10px;
margin-right: -14px;
padding:10px;
border:1px solid #ff78cf; 
border-radius: 10px;		
	}	
	
	
	
	
   .w_more {
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 60px;
	}		
	
   .w_more a:link {
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFffff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 0px;
	}		
			
	
   .w_back {
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 100px;
	}		
	
   .w_back a:link {
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.0em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 0px;
margin-right: 100px;
	}		
			
			
	
	
	
	
	
	
	
	
	
    .w_copy{
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
	
	
    .w_footer_option{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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:刪除線 */ 
	}		
	
    .w_footer_option a:link{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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:刪除線 */ 
	}		
	
    .w_footer_option a:visited{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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:刪除線 */ 
	}	
	
    .w_footer_option a:active{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
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:刪除線 */ 
	}		
	
    .w_footer_option a:hover{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:2em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
	
	
	
   .w_word_footerlink {
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
	
   .w_word_footerlink a:link {
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
	
   .w_word_footerlink a:hover {
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:underline; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}		
		
   .w_word_footerlink a:visited {
font-size:12px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#980052; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
		
   .w_but_con {
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.8em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */    
	}		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
  .top {
   width: auto;
   height:750px; 
   background-color: #000000;
  }	
*/
	
  .top_jumbo {
   width: auto;
   height:0px; 
/*   background-image: url("../images/bg_top.jpg");*/
   background-color: #000000;
  }		
	
  .top2 {
   width: auto;
   height:700px; 
  }		
	
.scroll_mo_box {
  width: 55px;
  height: 80px;
  margin: 20px auto auto ;
  background-image: url("../images/scroll_mo_a.png");
  background-position: top;
  background-repeat: no-repeat;
}

.scroll_mo {
  width: 55px;
  height: 38px;
  background-image: url("../images/scroll_mo_b2.png");
  animation: move 2s infinite;
  margin-top: -10px;
}	
	
	
	
 .game1 {
   height:auto; 
   background-image: url("../images/bg_game.jpg");
   background-position:top;
   background-color: #a43874;
   background-repeat: no-repeat;
  }		
	
 .title_box1 {
   width:100%;
   height:120px; 
   margin:30px auto auto auto;
  }	
	
 .game_a {
   width: auto; 
   height: auto; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 10px;	
   margin-bottom: 30px	 
/*   margin:100px auto auto auto;*/
	}
	
 .game_b {
   width: auto; 
   height: auto; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 10px;	
   margin-bottom: 50px	 
/*   margin:100px auto auto auto;*/
	}	
	
 .game_w {
   width: auto; 
   height: auto; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 20px;	 
/*   margin:100px auto auto auto;*/
	}	
	
	
.game_box_pic {
   width: auto; 
   height: auto; 	
   background-repeat: no-repeat;
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 
	
.game_box_pic_1 {
   width: 180px; 
   height: 519px; 	
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_012.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_2 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_022.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 
	
.game_box_pic_3 {
   width: 180px; 
   height: 519px; 	
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_032.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_4 {
   width: 180px; 
   height: 519px; 	
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_042.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_5 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_052.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_6 {
   width: 180px; 
   height: 519px; 	
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_062.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_7 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_072.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_8 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_082.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_9 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_092.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 		
	
.game_box_pic_10 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_102.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 		
	
.game_box_pic_11 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_112.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 	
	
.game_box_pic_12 {
   width: 180px; 
   height: 519px; 
   background-repeat: no-repeat;
   background-image: url("../images/game_bu_122.jpg");
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 0px;	
   margin-bottom: 0px			
	} 		
	
.game_box_title {
   width: 360px; 
   height: auto; 	
   text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: -460px;	
   margin-left: 180px;			
	} 	
	
	
	

	
	
	
	
 .about1 {
   height:auto; 
   background-image: url("../images/bg_ab1.jpg");
   background-position:top;
   background-color: #000000;
   background-repeat: no-repeat;
  }		
	
  .about2 {
   height:auto; 
   background-image: url("../images/bg_ab2.jpg");
   background-position:top;
   background-color: #000000;
   background-repeat: no-repeat;
  }	
	
 .about_box_1 {
   width: auto; 
   height: 370px;   
   margin-top: 20px;
	}	
	
 .about_box_2 {
   width: auto; 
   height: 60px;  
   margin-bottom: 40px;
	}		
	
  .about_box_w{
   width: 200px; 
	}
	
 .about_box_3 {
   width: auto; 
   height: 300px;  
   margin-top: 20px;
   margin-bottom: 20px;	 
	}	
	
 .about_box_4 {
   width: auto; 
   height: 260px;  
/*   background-color: #000000aa;*/
   border:3px solid #fff; 
   border-radius: 20px;
	}			
		
 .about_box_5 {
   margin-bottom: 10px;	  
	}	
	
  .about_year{
font-size:18px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-bottom:10px;
	}	
	
  .about_t{
font-size:60px;
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 40px;	  
line-height:1em; /* 文字行距 */
	}	
	
  .about_t_th{
font-size:60px;
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0em; /*文字間距，單位可以有px,pt,em....*/
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 40px;	
margin-left: 10px;
margin-right: 10px;
line-height:1em; /* 文字行距 */
	}		
	
  .about_t2{
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
	}	
	
  .about_w{
font-size:16px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:30px;
margin-bottom: 20px;
	}		
	
	

	

	

	
	
 .contact1 {
   height:auto; 
   background-image: url("../images/bg_con.jpg");
   background-position:top;
   background-color: #000000;
   background-repeat: no-repeat;
  }			
	
 .contact_box_1 {
   width: auto; 
   height: auto;  
/*   border:1px solid #ffffff; */	 
   border: 3px solid rgba(255, 255, 255, .2);		 
   border-radius: 20px;
   margin-top: -10px;
   margin-bottom: 60px;
	}	
	
 .contact_box_2 {
   width: auto; 
   height: auto;  
   margin-top: 10px;	 
   margin-bottom: 0px;
   margin-left: 20px;
   margin-right: 20px;
	}	
	
	
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*-------------------------------------------------------------------------------------------------------------------------------------------------------*/	
	
	
   .w_top{
font-size:50px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#FFFFFF; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top: 160px;
	}	
	
   .w_button{
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 40px;
margin-right: 40px;
	}	
	
   .w_button2{
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
background: linear-gradient(to right, #FFFFFF, #ea287e);
background: -webkit-linear-gradient(to top, #9159cd, #ea287e);
background-clip: text;
-webkit-background-clip:text;
color: transparent;
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-left: 10px;
margin-right: 10px;
	}	
	
   .w_button_about{
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */    
margin-left: 10px;
margin-right: 10px;
	}	
	
   .w_button_con {
font-size:20px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
letter-spacing:0.1em; /*文字間距，單位可以有px,pt,em....*/
line-height:1.8em; /* 文字行距 */
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */    
margin-left: 40px;
margin-right: 40px;
	}		


	
	
		
	
	.button_bg {
	height: 200px;	
	}
	
	.box1 {
	height: 70px;	
	}
	
	.box2 {
	height: 200px;	
	}
	
	
	
	.swiper-container {
      width: 600px;
      height: 280px;
	  top:5px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	  
.swiper-button-prev {
width:41px;
height:46px;
color: #ffffff;
left:0px;
top:140px;
background-image: url(images/ar_01left.png);
}
.swiper-button-next {
width:41px;
height:46px;
color: #ffffff;
right:0px;
top:140px;
background-image: url(images/ar_02right.png);
} 
	
	
  .line_footer {
            width: 60%;
            height: 11px;
            border-bottom:2px dotted #fff;
            margin:0px auto;
	        margin-bottom: 15px;
            opacity:0.6;
        }
	
  .line_footer_news{
            width: auto;
            height: 3px;
            border-bottom:2px dotted #fff;
	        margin-left: 0px;
	        margin-right: 20px;
	        margin-top: 0px;
            opacity:0.6;
        }	
	
  .line_footer_news2 {
            width: auto;
            height: 30px;
	        margin-left: 0px;
	        margin-right: 20px;
	        margin-bottom: 30px;
            opacity:0.6;
        }		
	
  .line_footer_white {
            width: 10px;
            height: 10px;
            border-bottom:2px dotted #ffffff;
            margin:0px auto;
	  	    margin-bottom: 0px;
            opacity:0.0;
        }	

	

.nav_icon {
    width: 20px;
    height: 20px;
/*
	margin-top: 3px;
	margin-bottom: 3px;
*/
	margin-right:6px;
    float: left;
    background-size: cover;
  }
	
.nav_snsicon {
    width: 24px;
    height: 24px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right:10px;
	margin-bottom: 10px;
    float: left;
    background-size: cover;
  }	
	
	
  .footer_index {  
   padding-top: 30px;
   height:280px;
   background-image: url(../images/footer2.jpg);
   background-repeat: no-repeat;
   background-color: #f3e6f7;
   background-position:center center;	  	  
  }	
	
   .footer_1 {
   padding-top: -20px;	   
   min-height:120px; 	   
  }	
	
   .footer_2 {
   padding-top: -20px;	   
   min-height:40px;	     
  }			
	
  .footer_black {
   margin-top: 30px;
   height:30px;
   background:linear-gradient(to right, #000000, #a91262);
  }	
	
	
.footer_LOGO {
    width: 100px;
    height: 50px;
    text-align: right;
    background-size: cover;
  }	
	
	
   .ae_icon {
	margin:0px auto;
	height: 60px;
	top:10px;
    text-align: center;
	}	
	
   .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;
	}	
	

	
   .game_page_box {  	  	
   height: auto;	  	
   margin-top:40px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   -webkit-filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   filter: drop-shadow(5px 5px 2px rgba(50, 50, 50, 0.2));
   background-color: rgba(0,0,0,0.3);
   border-radius:4px;	 
   border-top:1px solid #ff78cf ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-left:1px solid #dd64b2 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-right:1px solid #ffb2e4 ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
   border-bottom:1px solid #ec069a ;/* top為框線上方，可以改成bottom(下方)，left(左方)，right(右方) */
	}		
	
   .w_1_gamepage{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#fff; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.01em; /*文字間距，單位可以有px,pt,em....*/
line-height:20px; /* 文字行距 */		  
text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */ 
margin-top:5px;
	}	
	
   .game_page_bg {
   z-index: 999;
   height:auto; 
   background-image: url("../images/bg_index_game_page.jpg");	
   background-position:top;
   background-repeat: repeat-y;
   background-color: #000000;
   margin-top: 0px;
   padding-bottom: 30px;
  }			
	
   .game_rule_more_box{ 
margin-left: 50px;	   
	}		
	
   .game_rule_more{
font-size:14px; /* 文字大小，單位可以有px.pt.em.%.... */
font-family:arial,Microsoft JhengHei,sans-serif; /* 文字字型，如果第一種字型瀏覽者的電腦沒安裝會自動秀出第二種字型，建議最後都以sans-serif字型作結 */
color:#ff72ed; /* 文字顏色，可以用顏色代碼也可以用顏色的英文表示 */
letter-spacing:0.05em; /*文字間距，單位可以有px,pt,em....*/
line-height:0em; /* 文字行距 */
text-align:left; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
text-decoration:none; /* 文字線段，none:不使用，underline:底線，overline:頂線，line-through:刪除線 */  
margin-top: 8px;
margin-bottom: 8px;	   
	}			
	
	

	
	
	
	
	

	
.btn2 {
  --border-color: linear-gradient(-45deg, #ffae00, #7e03aa, #00fffb);
  --border-width: .125em;
  --curve-size: .5em;
  --blur: 30px;
  --bg: #080312;
  --color: #ff63fd;
  color: var(--color);
    /* use position: relative; so that BG is only for .btn */
  position: relative;
  isolation: isolate;
  display: inline-grid;
  place-content: center;
  padding: .5em 1.5em;
  font-size: 17px;
  border: 0;
  text-transform: uppercase;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, .6);
  clip-path: polygon(
            /* Top-left */
            0% var(--curve-size),

            var(--curve-size) 0,
            /* top-right */
            100% 0,
            100% calc(100% - var(--curve-size)),

            /* bottom-right 1 */
            calc(100% - var(--curve-size)) 100%,
            /* bottom-right 2 */
            0 100%);
  transition: color 250ms;
  margin-top: 10px;
  margin-bottom: 10px;	
}

.btn2::after,
.btn2::before {
  content: '';
  position: absolute;
  inset: 0;
}

.btn2::before {
  background: var(--border-color);
  background-size: 300% 300%;
  animation: move-bg7234 5s ease infinite;
  z-index: -2;
}

@keyframes move-bg7234 {
  0% {
    background-position: 31% 0%
  }

  50% {
    background-position: 70% 100%
  }

  100% {
    background-position: 31% 0%
  }
}

.btn2::after {
  background: var(--bg);
  z-index: -1;
  clip-path: polygon(
            /* Top-left */
            var(--border-width) 
            calc(var(--curve-size) + var(--border-width) * .5),

            calc(var(--curve-size) + var(--border-width) * .5) var(--border-width),

            /* top-right */
            calc(100% - var(--border-width)) 
            var(--border-width),

            calc(100% - var(--border-width)) 
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),

            /* bottom-right 1 */
            calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) calc(100% - var(--border-width)),
            /* bottom-right 2 */
            var(--border-width) calc(100% - var(--border-width)));
  transition: clip-path 500ms;
}

.btn2:where(:hover, :focus)::after {
  clip-path: polygon(
                /* Top-left */
                calc(100% - var(--border-width)) 

                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5)),
    
                calc(100% - var(--border-width))

                var(--border-width),
    
                /* top-right */
                calc(100% - var(--border-width))

                 var(--border-width),
    
                calc(100% - var(--border-width)) 

                calc(100% - calc(var(--curve-size) + var(--border-width) * .5)),
    
                /* bottom-right 1 */
                calc(100% - calc(var(--curve-size) + var(--border-width) * .5)) 
                calc(100% - var(--border-width)),

                /* bottom-right 2 */
                calc(100% - calc(var(--curve-size) + var(--border-width) * 0.5))
                calc(100% - var(--border-width)));
  transition: 200ms;
}

.btn2:where(:hover, :focus) {
  color: #fff;
}	
	
	
	
	
	
	
	
	
	
	
#faq {
  max-width: auto;
  margin: auto;
  padding: 0 0px;
  margin-bottom: 0px;			
/*
  margin-left: 20px;
  margin-right: 20px;
*/
  text-align: center;
}

section.faq {
  padding-top: 2em;
  padding-bottom: 3em;
}

#faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
  margin-bottom: 5px;		
}

#faq .no-select, #faq h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#faq h1 {
  color: #fff;
  margin-bottom: 0px;
  margin-top: 0;
}

#faq h2 {
  color: #ff5ddb;
  font-family: 'hm_light', sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding: 15px 20px 0 15px;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}

#faq p {
  color: #fff;
  text-align: left;
  font-family: 'hm_light', sans-serif;
  font-size: 14px;
  line-height: 1.45;
  position: relative;
  overflow: hidden;
  max-height: 250px;
  will-change: max-height;
  contain: layout;
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 30px 0 15px;
  transition: .2s opacity, .6s max-height;
  hyphens: auto;
  z-index: 2;
}

#faq ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
  margin-top: 15px;	
  margin-bottom:30px;	
}
#faq ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background-color: rgba(100,100,100,0.6);
  box-shadow: 0 3px 10px -2px rgba(0,0,0,0.1);
  -webkit-tap-highlight-color: transparent;
}
#faq ul li + li {
  margin-top: 15px;
}
#faq ul li:last-of-type {
  padding-bottom: 0;
}
#faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 28px;
  right: 15px;
}
#faq ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #cd449d;
  width: 3px;
  height: 9px;
}
#faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
}
#faq ul li input[type=checkbox]:checked ~ h2 {
  color: #fff;
}
#faq ul li input[type=checkbox]:checked ~ p {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
  /*transform: translate(0, 50%);*/
}
#faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
	
	
	
.w_faq_h2 {
  color: #ff5ddb;
  font-family: 'hm_light', sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding: 10px 30px 0 10px;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}	
	
.w_faq_h1 {
  color: #fff;
  font-family: 'hm_light', sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  padding: 10px 30px 0 10px;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}

  .page_bg_b{
	  color:fff;
/*background-color: rgba(0,0,0,0.6);*/
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) ,rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0))	  
	}	

   .page_bg_r{
   width: auto; 
   height: 30px;; 	
   text-align:center; /* 文字對齊方式，left:置左，right:置右，center:置中，justify:左右對齊 */
   margin-top: 20px;	
	}