/* == 共用區 ============================================================================= */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%;
	width:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif;
	font-size:25px;
	background-image:url("images/p-03.png");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
	}

ul{ list-style:none;}
li{ list-style:none;}

.center{
	max-width:980px;
	margin:0 auto;}
	
ul{ list-style:none; }
.maxw img{max-width:980px;}
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:1.5em; color:#003399; max-width:980px; }
.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/

table{
	max-width:1200px;
	text-align: center;}

.TOP-WEB {
	text-decoration:none;
    color:  #FF3;; 
    text-align:center;
    background-color:#000;
}
.add {
	font-size: 16px;
	color: #FF9;
	background-color: #000;
    text-align: center;
}
.add2 {
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    text-align: center;
}
.add3 {
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
    text-align: center;
}

.footer {
	font-family: "微軟正黑體";
	font-size: 16px;
	color: #FF9;
	background-color: #000;
	text-align:center;
}
.footer2 {
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #FFF;
	background-color: #000;
    text-align:center;
}
.footer3 {
	font-family: "微軟正黑體";
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
    text-align:center;
}
/* == 桌機版 ============================================================================= */


/*桌機刊頭*/
#header{
	width:100%;
	max-width:1000px;
    
	margin:0 auto;}



	
/*手機刊頭*/
#header-m{
	width:0;
	height:0;
 
	overflow:hidden;}
	

.conA{
	width:100%;

	}
.conA-img{
	max-width:1100px;	
	margin:0 auto;
	}	
	

.conB{
	width:100%;

	}
.conB-img{
	max-width:1100px;	
	margin:0 auto;
}	
	

.conC{
	width:100%;
    background-color:#973C92;
	}
.conC-img{
	max-width:1200px;	
	margin:0 auto;
}



.conD{
	width:100%;
    background-color:#FF4700;
	}
.conD-img{
	max-width:1100px;	
	margin:0 auto;
}	

.h03bg{
	width:100%;
    background-color:#E24E10;
	}
.h03{width:1100px; margin: 0 auto; padding:3% 1%; font-size:58px; color:#fff; 
text-shadow:5px 5px 10px #9B3F1F;
	
	font-weight:bold; text-align:center;}

.h03 img {
padding:0% 1%; 
    width:10%;}


.tb1{
	 background-color:rgba(248,230,176,0.69);
	border: 6px solid #E24E10;
  padding: 10px;
  border-radius: 25px;	
	width:900px; margin:0 auto; padding:2%; font-size:40px;  color:#000;}
.t2{width:1100px; margin:0 auto; padding:1%; font-size:24px; color:#fff; text-align:center; }



.conn{padding:1%; margin:0 auto;text-align:center; width:100%; }
.conn img {
padding:0% 1%; 
    width:10%;}

.conrt{font-size:44px; color:#000; text-align:left;	font-weight: bold; }
.conrt2{font-size:48px; color:#F71111; text-align:center;
	font-weight: bold;
}
.conrt3{font-size:44px; color:#0B2D88; text-align:center;
	font-weight: bold;
}

.king{
	width:100%;
	max-width:1100px;overflow: hidden;
	margin:0 auto;}	
.king img {
padding:0% 1%; 
    width:10%;}
.king ul{
	width:31%;border-radius:25px;float:left; background-color:#3157E9;	
  padding:1%;
    margin:2% 1%;
	}	
.king li{	
	font-size:38px;	color:#fff;text-align:center;
	}
.king p{
	font-size:42px;	color:#fff;text-align:center;font-weight: bold;
	}	
.king y{
	font-size:40px;	color:#F5DF0F;text-align:center;font-weight: bold;
	}




.oing{
	width:100%;
		background-color:

background: -webkit-linear-gradient(90deg, rgb(11, 30, 152), rgb(70, 17, 111));
background: linear-gradient(90deg, rgb(11, 30, 152), rgb(70, 17, 111));
font-size:48px;color: #fff;	padding:1% 1%; text-align:center;
font-weight:bold;
color: rgb(255, 255, 255);
font-size: 50px;
text-shadow: rgb(150, 150, 150) 1px 3px 0px, rgb(171, 168, 168) 1px 10px 5px;
	
}	

.oing img{      
padding:0% 1%; 
width:7%;                                
}	
                              

.sing{
	width:100%;
	max-width:1100px;overflow: hidden;
	margin:0 auto;}	

.sing ul{ background-color: #9B3EC6;
width:100%;
padding:2% 3%;overflow: hidden;
}
.sing li{	border-radius:10px;
	width:29%;float:left;background-color: #1127AA;
	border: 3px solid #FDFCF9;	
	font-size:38px;	color:#fff;text-align:center;padding:2% 1%;}
.sing li img{	
	padding:1% 1%; float:left;
width:35%;
	}
.sing li ig{	
	padding:1% 1%; text-align:center;float:right;
width:65%;
	}


.sing li2{	padding:1% 2%;
	width:68%;float:left;
	font-size:36px;	color:#fff;text-align:left;                                                 
	}


.topa{
margin:3% 1%;}	

.topa ul{
width:100%;text-align:center;
border-radius:25px;
background: -webkit-radial-gradient(rgb(255, 225, 136), rgb(180, 114, 30));
background: radial-gradient(rgb(255, 225, 136), rgb(180, 114, 30));	
padding:1% 1%; 
font-size:50px;	color:#005CA2;font-weight: bold;text-shadow:5px 5px 10px #fff;
	}
.topa ul img {
    width:7%;padding:0% 1%;}
.topa li{	
	font-size:46px;	color:#fff;text-align:center;font-weight: bold;padding:2%; text-shadow:5px 5px 10px #000; width:100%;
	margin:1% 1% 3% 1% ;
	}
	


/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
/*刊頭*/
/*桌機刊頭*/
#header{
	width:0;
	height:0;
	overflow:hidden;}
	
/*手機刊頭*/
#header-m{
	overflow:visible;
	display:block;
	width:100%;
	height:auto;
	margin:0;}
	
 .conrt{font-size:20px; color:#000; text-align:left;	font-weight: bold; }
.conrt2{font-size:22px; color:#F71111; text-align:center;
	font-weight: bold;
}
.conrt3{font-size:20px; color:#0B2D88; text-align:center;
	font-weight: bold;
}
.king{
	width:100%;
	max-width:1100px;overflow: hidden;
	margin:0 auto;}	
.king img {
padding:0% 1%; 
    width:10%;}
.king ul{
	width:48%;border-radius:25px;float:left; background-color:#3157E9;	
  padding:1%;
    margin:2% 1%;
	}	
.king li{	
	font-size:28px;	color:#fff;text-align:center;
	}
.king p{
	font-size:32px;	color:#fff;text-align:center;font-weight: bold;
	}	
.king y{
	font-size:30px;	color:#F5DF0F;text-align:center;font-weight: bold;
	}	
                              

.sing{
	width:100%;
overflow: hidden;
	margin:0 auto;}	

.sing ul{ background-color: #9B3EC6;
width:100%;
padding:2% 3%;overflow: hidden;
}
.sing li{	border-radius:10px;
	width:40%;float:left;background-color: #1127AA;
	border: 3px solid #FDFCF9;	
	font-size:28px;	color:#fff;text-align:center;padding:3% 1%;}
.sing li img{	
	padding:5% 1%;
width:20%;
	}
.sing li ig{	
	padding:1% 1%; text-align:center;
width:80%;
	}


.sing li2{	padding:1% 1% 1% 3%;
	width:60%;float:left;
	font-size:20px;	color:#fff;text-align:left;                                                 
	}
	
.topa{
	width:100%;
	background-color:#005CA2;	
	margin:0 auto;}	

.topa ul{
width:100%;text-align:center;
border-radius:25px;
background: -webkit-radial-gradient(rgb(255, 225, 136), rgb(180, 114, 30));
background: radial-gradient(rgb(255, 225, 136), rgb(180, 114, 30));	
padding:1% 1%; 	
font-size:37px;	color:#005CA2;font-weight: bold;text-shadow:5px 5px 10px #fff;
	}
.topa ul img {
    width:7%;padding:0% 1%; }
.topa li{	
	font-size:35px;	color:#fff;text-align:center;font-weight: bold;padding:2%; text-shadow:5px 5px 10px #000;width:100%;
	}
		
.h03{width:100%; margin:0 auto; padding:3% 1%; font-size:32px; color:#fff; font-weight:bold; text-align:center;text-shadow:5px 5px 10px #9B3F1F;}
.tb1{ width:90%; margin:0 auto; padding:2%;font-size:20px; background-color:rgba(248,230,176,0.69);	border: 3px solid #E24E10;
  padding: 10px;
  border-radius: 25px;
	}

.t2{width:100%; margin:0 auto; padding:1%; font-size:12px; color:#fff; text-align:center;}
}