body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "微軟正黑體", "Arial", "Helvetica", "sans-serif";
	font-size: 1rem;
	word-wrap: break-word;
	background-size: cover;
	overflow-x: hidden;
	/*background-color:#f9f1dc;*/
}

body,
td,
th {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}

/*-----------開始-----------*/

.logo{
	position: absolute;
	left: 27%;
	top: -52%;
	
	width: 473px;
	height: 223px;
	display: block;
	  /* background-image: url(../img/llong.png);   */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: hand;
	z-index: 99999999999999;
}

.w2centerbig {
	background-image: url(../img/bg-1.jpg); 
	background-repeat: no-repeat;
	background-position: 50% 0%;
	/*padding-top: 1050px;*/
	/*padding-bottom:80px;*/
	/*把背景拉長 footer置底*/
	/*520*/
	padding-bottom: 80px;
}
.tp img{ height:1050px; display:block;}
.content {
	/*background-image:url(../img/bg-2.jpg);*/
	position: relative;
	/*min-height:1970px;*/
	/*800*/
	padding: 0 15px 50px 15px;
	margin-bottom: -40px;
	/*60px*/

}

.main {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	border: 0px solid #f9f9f9;
	/*邊框5讓高度提升*/
	box-shadow: 0px 4px 18px 2px rgba(20%, 20%, 40%, 0.5);
	/*background-color:#f9f9f9;*/
	background-image: url(../img/bg-2.jpg);
}



.hh2{
	display:block;
	color:#923358;
	
	text-align: center;
	letter-spacing: 8px;
	font-size: 28px;
padding-bottom:30px;
padding-top: 50px;
}
.h-2{
color: #923358;
    font-size: 28px;
    text-align: center;
    letter-spacing: 8px;
    padding-bottom: 30px;
    padding-top: 5px;
	}

.hhh2{
color:#923358;
font-size: 28px;
text-align: center;
letter-spacing: 8px;
padding-bottom:30px;
padding-top: 30px;
}



.fb-btn img{
	display: block;
	width: 80%;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px; 
	
	
	
	
}

.btn-start{
	text-align: center;
	padding-top: 40px;
	/*display: none;  */ 
	     
}



.tt{
	position:relative;
	width:100%;
	display:block;
		}

.mo-banner{
	position:relative;
	width:100%;
	display:block;
	margin-top: -50px;

	}	
	
	
.mo-banner .swiper-container {
	 
      width: 100%;  /*50%*/
      height: auto;  /*50%*/
	   padding-top: 80px;
	}
	
	
		
.tt .swiper-container {  /*整個寬度*/
      width:850px;  /*600800*/
      padding-top: 5px;  /*40*/
      padding-bottom: 50px; /*50140*/
    }
	
.mo-banner .swiper-slide{
	  background-position: center;
      background-size: cover;
      width:100%;  /*700px*/
      height:auto;
	  text-align: center;  /*下面3行可以刪掉*/
      font-size: 18px;
      background: #fff;
	  
	  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;
	}
	
.tt .swiper-slide {    /*中間寬度*/
      background-position: center;
      background-size: cover;
      width:700px;/* 300500px*/
      height:auto;/* 300500700px*/
		
    }
	
.mo-banner .swiper-slide  img{display:block; width:100%;margin-bottom:0;}
.tt .swiper-slide  img{display:block; width:100%;margin-bottom:0;}

.swiper-button-next, .swiper-button-prev{
	margin-top: 130px; /*27*/
	}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 20px 5px;}
.mo-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 20px 5px;}
	
.swiper-container-horizontal>.swiper-pagination-bullets{margin:35px 5px;}	
.swiper-pagination-bullet-active{background: #FE4A49;}


.swiper-container {
  width: 100%;
  /*banner寬度80%30*/
  height: auto;

}

.swiper-slide {
  text-align: center;
  /*font-size: 18px;*/
  /* background: #fff;*/
  /*白色背景*/
  /*border:1px solid red;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /* 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-wrapper img {
  width: 100%;
  /*100*/

}

.col-3{
	width:100%;
	clear:both;
	/*padding-top:30px;*/
	}

.swiper-slide > img {
  position: relative;
  float: right;
  display: block;
  margin-bottom: 20px;
}

/*小廣告區塊結束小廣告區塊結束小廣告區塊結束小廣告區塊結束小廣告區塊結束小廣告區塊結束小廣告區塊結束*/

.btn_one {
	position: relative;
	width: 535px;
	height: 202px;
	float: left;

	margin-top: 30px; /*3095*/
	/*
	height: 202px;
    left: 15px; /*203*/
	/* position: absolute;*/
	/* top: 30px;  231-30*/
}

.btn_two {
	position: relative;
	width: 388px;
	height: 202px;
	float: right;

	margin-top: 30px;
	/*	height: 200px;
	left: 612px;
	position: absolute;
	top: 10px;
	width: 586px;*/
}




.neswbar {
	position: relative;
	/*top:30px;*/
	padding-top:25px;  /*3020*/
}
	/**/

	
	

.neswbar > img{
	    width: 100%;
        height:auto;
		display:block;
		/*margin:auto;
		margin-bottom: -35px;*/
		/*top:25px;*/
	}


.down_btn {
	
	display:inline;
	margin-bottom: 60px;
}


.down_btn a>img {
	 width: 25%; 
	 /* 25 */
	margin-left: 1%;   
	padding-left: 5%;	
	/* 6 */
	text-align: center;	
}

/* 注意事項 */
.noticbox{
	text-align:left;
	font-size:20px;  /**/
	color: #cc3333;
	line-height: 2;
	padding-left:90px;
	
	padding-right: 55px;
	margin-top: -17px;
}

/*col-5facebook*/



.col-5 {
    position: relative;
	float: right;
	width: 49%;   /*50*/
	height:308px;  /*auto278300*/
	margin-top:51px;  /*60*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:2px solid #f3adb5; /*外框顏色*/
	
	padding:6px;
	background-color:#FFF;
	/*top: 60px;*/
	/*margin-top: -358px;*/

}

.col-6{
	margin-right: -47px;
}
.col-6  img{
	display:inherit-block;
	width: 46%;
	padding: 3px;
	cursor: pointer;
	background-size: 100% auto;
	background-repeat: no-repeat;
}







.btn-1  img {

float: left;
}

.btn-2 img {
	
	/* float: right; */

}



.group img{
	width:38px;/* 4%*/
	 height:auto;
	}

.fb1,
.sa1,
.do1,
.se1 {
	display: none;
}



/*facebook & line*/

.flbox{
	position: fixed;
    width: 70px;/*131*/
    top: 2%; /*50%*/
    right:0;/*-50px*/
   
    z-index: 5;
	}
.line > a > img{width:auto; height:auto;display:block;}

.face > a  > img {width:auto; height:auto;display:block;}




/*版宣*/
#cy {
	position: relative;
	height: auto;
	font-size: 1rem;
	/*0.916r*/
	line-height: 1.25rem;
	/*1.25*/
	color: #333333;
	padding: 20px 0 20px 0;
	background-image: url(../img/fbg-1.png);
	background-size: 100% 100%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*display:none;*/
}

#cy>div {
	position: relative;
	text-align: center;
	width: 1000px;
	margin: 0 auto;

}

#cy div span,
#cy div img {
	display: inline-block;
}

#cy div span {
	font-size: 14px;
	text-align: center;
	padding: 0 15px 0 10px;
	height: auto;
	left: -3px;
	color: #FFFFFF;
}

.grading {
	display: inline-block;
	position: relative;
	right: -20px;
	/* float: right; */
	overflow: hidden;
	/*left:-460px;*/

}

.dragonicon {
	display: inline-block;
	/*float:left;*/

}

.nopic{ 
	display:none;
	width:100%;
	height:auto;
	/*background-image:url(../img/pic600.png);*/
	/*設定背景*/
	}	
	.nopic img{width:100%;display:block;}
/*版宣end*/


/*------------------------手機版---------------手機版*/

@media only screen and (max-width:1920px) {
	
	.mo-banner{display:none;}
		
		}

@media only screen and (max-width:1700px) {
	 #in_boxes {
		  	height: auto;
		  	width: 90%;  /*95*/
		  }	 
}



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


	#cy {
		margin-top: 30px;  /*-1015*/
	}

	#cy>div {
		width: 100%;
	}

	.grading {
		float: none;
	}
	
	
	.col-3  > .neswbar{
		width: 100%;
		
		}
	
 .swiper-slide > img{width:100%;}
	.swiper-slide > img{width:100%;}
	
	
	
	.col-6 > .specialbar{
		width: 100%;
		
		
		}
	    
   .neswbar {top:15px;}  /*50-8510-80*/
   .specialbar {top:25px;}  /*遊戲特色圖片調整高度*/
	
	
 
	
	
	
}	




@media only screen and (max-width:767.98px) {
       .w2centerbig {
			
            background-image:url(../img/bg-1.jpg); /*bg-3*/
			height:auto;
			min-width: inherit;
			background-size: 210% auto;
			background-position: 50% -1%;
			/*padding-top:0;*/
			padding-bottom: 0;	
		}
	.tp img{ width:100%; height:auto;}
       

		.main {
			width: auto;
			box-shadow: 0px 0 0 0 rgba(20%, 20%, 40%, 0.5);
			background-image: none;
		}

		.content {
			width: 90%;
			margin: 0 auto;
			padding: 0;
			margin-bottom: 0;
			/*60px*/
			/*background-color: #0C3;   /*綠色#0C3*/
        }
		
		
		
		 #in_boxes {
		  	height: auto;
		  	width: 96%;  
		  }	 

		
        .col-5{text-align:center; width:100%;}
          
           
		
		
 
		.nopic{ 
	     width:100%;
	     height:auto;
	     background-image:url(../img/pic600.png);
	      /*設定背景*/
	     display:block;}	

	 <!--四顆按扭=btn_one-->
	 <!--下載3個黑色按鈕=down_btn-->
	 <!--盒子icon=btn_two-->
	 
		.btn_one {
			width: 100%;
			
		}
		
		.box{width:50%;} /*45*/
		
		/*盒子icon*/
		 .btn_two{
		  width:100%;
		 
		  
		  } 
	  
		  .btn_two  .sa{
			   width:100%;
			  }
			  
		  
		  /*下載*/
		 
	
		   
		   
		.btn_one{
			width:100%;
			margin-top:150px;  /*-20-5-15*/
		 }
		 

		.fb,
		.sx,
		.do,
		.se {
			display: none;
		}
		
		
		
		
		.fb1,
		.sa1,
		.do1,
		.se1 {
			display: inline-block;
			width: 49%;  /*48%*/
			
		     }
			 
		

		
		
		

		/*.fb1,.do1{ float:left;}
.sa1,.se1{ float:right;}*/


	}

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

		
		.w2centerbig {
			padding-top: 0;
			background-image: url(../img/bg-1.jpg);  /*bg-3*/
		}

		#cy div {
			font-size: 14px;
		}
		
		.btn_one{
			
			margin-top:-10px;  /*-20-5-15*/
		 }

		.col-5{margin-top:10px; }
		
		
      

		
	
						/*background-color: #0F0;*/
		
		
		



		.mo-banner{
		display:block;
		margin-top: -50px;
		}
		
		  .neswbar {top:-80px;}  /*50-8510-80*/
		 
		
		  
	   .tt{display:none;}
	}
	@media only screen and (max-width: 550px) {
		.btn_one{
			
			margin-top:60px;  
		 }

		 .noticbox {
			 text-align: left;
			 line-height:1.5;
			 font-size: 17px;
			 padding-left: 10px;
			 padding-right: 10px;
		 }

		 .col-6 {
		 	margin-right: -11px;
		 }
		.btn-start img{width: 88%;}
		.fb-btn img {	width: 100%;}
		.down_btn a>img {width: 85%;}

         /*#in_boxes {
              height:auto;
			  width:auto;
		 } */
		 
		 .ttable{
			  height:auto;
			  width:100%;
			  }	
	
	@media only screen and (max-width:410px) {
		.btn_one{
			
			margin-top:10px;  
		 }
		 .btn-start img {
			 width: 98%;
			 text-align: center;
		 }
		 .hh2{
			 letter-spacing: 8px;
		 }
		 
		 .ttable th,td{ 
				
				margin:0 auto;
				width:60%;
				
				}
				
	     
			  
	      }

			

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

		/*版宣*/
		#cy div {
			font-size: 13px;
		}
		.btn_one{
			
			margin-top:-35px;  /*-20-5*/
		 }
		.flbox{
			width: 30%;
			top: 2%;}
			
		
		 

	}

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

	.w2centerbig .main .content {
		font-size: 16px;
	}

	
	
	
	
	
	
	
	}
       /*完整結束完整結束完整結束完整結束完整結束完整結束完整結束*/