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

*{
	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%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	}

ul{ list-style:none;}
li{ list-style:none;}
a:visited {color:#FFFFFF; font-size:15px;}
.center{
	max-width:1200px;
	margin:0 auto;}
	
ul{ list-style:none; }
.maxw img{max-width:1200px;}
.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;*/

.top{color:#FFF;
font-size:1em;
text-align:center;
}
.tbox{width:980px; margin:0 auto; padding:1%;font-size:30px; }
.tbox2{max-width: 980px; width: 100%; margin:0 auto; padding:1% 1% 1% 3%;font-size:42px;text-align:center;  }
.t01{ width:980px; margin:0 auto; padding:1%; text-align:center; font-size:48px; color:#FFFFFF; font-weight:bold;}
.t02{ color:#CC0000;font-weight:bold;}
.t03{ color:#13017C;font-weight:bold;}
.end{ width:980px; font-size:24px;padding:1%; margin:0% auto;text-align:center; }
.top a{
color:#FFF;
}

.top a:link{
text-decoration:none;
color:#FFF;;
}

.topa:visited {
text-decoration:none;
color:#000;}

.top a:hover{
text-decoration:none;
color:#F00;
}

.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;
}
.footer3 {
	font-family: "微軟正黑體";
	font-size: 20px;
	color: #FF3;
	text-decoration: blink;
	background-color: #000;
}

/* == 桌機版 ============================================================================= */

.contentoutside{width:100%;

padding: 1% 0% 0 0%;
}

.content{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0;
	text-align:center;}
.car5{
	
	width:100%;
    padding:1% 1%;
	margin:0% auto;}
.car5 li{
	width:47%;
     margin:1% 1% 3% 1%;
    padding:1% 1%;
	display:inline-block;
	margin-bottom:1%;
	transition:0.5s;}
.car5 li a{
	background-color:

background: -webkit-linear-gradient(-11deg, rgb(237, 140, 22), rgb(248, 184, 46));
background: linear-gradient(-11deg, rgb(237, 140, 22), rgb(248, 184, 46));

	margin:1% 1%;
	color:#fff;
    padding:2%;
	line-height:45px;
	font-size:35px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	
	display:block;
	text-decoration:none;}
.car5 li a:hover{
color:#D01414;
}
.car5 li:hover{

	transform:scale(0.95,0.95);}
/*刊頭*/
.header{
	width:100%;
	}
.header-img{
	max-width:1200px;	
	margin:0 auto;}	
	
/*刊頭2*/
#header2{
	width:100%;
 
    
	margin:0 auto;}
#header-m{
	width:0;
	height:0;
 
	overflow:hidden;}
.header2-img{
	max-width:1200px;	
	margin:0 auto;}		

.TOP-WEB {
	text-decoration:none;
    color:  #FF3;
    text-align:center;
    background-color:#000;
}

/*狀元*/
.conA{
	width:100%;
background-color: #FDD358;
	}
.conA-img{
	max-width:1200px;	
	margin:0 auto;}		

/*榜眼*/
.conB{
	width:100%;
	background-color:#E60012;
	}
.conB-img{
	max-width:1200px;	
	margin:0 auto;}	
	
/*探花*/
.conC{
	width:100%;
	background-color:#5F1287;
	}
.conC-img{
	max-width:1200px;	
	margin:0 auto;}			
		
/*優異*/
.conD{
	width:100%;
	background-color:#FC9;
		text-align:center;
	}
.conD-img{
	max-width:1200px;	
	margin:0 auto;}	
.contentoutside{width:100%;
background-color:#151F44;
text-align:center;}	
.contentoutside2{width:100%;
background-color:#F7E6CB;
text-align:center;}	
.conF{
	width:980px;
	margin:0 auto;
	text-align:center;
max-width:1200px;
background-color:#C01A20;
font-size:45px;
	color:#FFFFFF;
	padding:1%;
	margin:0 auto;
	}		
.ye{ color:#FFF100;
}
.yet{ color:#FFF;
font-weight:bold;
width:100%;
	text-align:center;

background-color:

background: -webkit-linear-gradient(-180deg, rgb(254, 21, 21), rgb(255, 116, 72));
background: linear-gradient(-180deg, rgb(254, 21, 21), rgb(255, 116, 72));


font-size:50px;
	padding:1%;
	margin:0 auto;
}
.conG{
	width:980px;
	margin:0 auto;
	text-align:center;
max-width:1200px;

font-size:40px;
	color:#231815;
	padding:1%;
	}		
.yet2{ color: #FFF;
font-weight:bold;
width:100%;
	text-align:center;

background-color:#F94932;
font-size:52px;
	padding:1%;
	margin:0 auto;
}	


	
.btns0{
	
	width:100%;
    padding:1% 1%;
	margin:0% auto;}
.btns0 li{
	width:47%;
     margin:1% 1% 3% 1%;
    padding:1% 1%;
	display:inline-block;
	margin-bottom:1%;
	transition:0.5s;}
.btns0 li a{
	    background: linear-gradient(35deg, #e10019, #ff6969, #ff3e3e);
    box-shadow: 0 0 0.2rem rgb(0 0 0 / 50%);
    font-size: 1.2rem;
    padding: 0.28rem 4rem;
    overflow: hidden;
    border-radius: 0.2rem;
    display: block;
    position: relative;
    margin: 0 0.8rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;}
.btns0 li a:hover{

transform:scale(0.95,0.95);}


/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
	
	/*刊頭*/
.header{
	width:100%;
	}
.header-img{
	max-width:1200px;	
	margin:0 auto;}	
.t01{ width:90%; font-size:20px; }
.tbox{width:90%; margin:0 auto; padding:1%;font-size:16px; }
.tbox2{width:100%; margin:0 auto; padding:1% 2%;font-size:20px;text-align:center; }
.end{ width:90%;font-size:12px;}	
/*刊頭2*/
#header2{
	width:0;
	height:0;
	overflow:hidden;}	
.header2-img{
	max-width:1200px;	
	margin:0 auto;}		
/*手機刊頭*/
#header-m{
	overflow:visible;
	display:block;
	width:100%;
	height:auto;
	margin:0;}	
/*狀元*/
.conA{
	width:100%;
	
	background-color: #FDD358;
	}
.conA-img{
	max-width:1200px;	
	margin:0 auto;}		

/*榜眼*/
.conB{
	width:100%;
	background-color:#E60012;
	}
.conB-img{
	max-width:1200px;	
	margin:0 auto;}	
	
/*探花*/
.conC{
	width:100%;
	background-color:#5F1287;
	}
.conC-img{
	max-width:1200px;	
	margin:0 auto;}			
		
/*優異*/
.conD{
	width:100%;
	background-color:#FC9;
	}
.conD-img{
	max-width:1200px;	
	margin:0 auto;}		
	
	
.contentoutside{width:100%;
background-color:#151F44;
text-align:center;}	
.contentoutside2{width:100%;
background-color:#F7E6CB;
text-align:center;}	
.conF{
	width:100%;
	margin:0 auto;
	text-align:center;
max-width:1200px;
background-color:#C01A20;
font-size:20px;
	color:#FFFFFF;
	padding:1%;
	margin:0 auto;
	}		
.ye{ color:#FFF100;}
.yet{ color:#FFF;
font-weight:bold;
width:100%;
	text-align:center;
max-width:1200px;
background-color:

background: -webkit-linear-gradient(-180deg, rgb(254, 21, 21), rgb(255, 116, 72));
background: linear-gradient(-180deg, rgb(254, 21, 21), rgb(255, 116, 72));

font-size:35px;
	padding:1%;
	margin:0 auto;
}
.conG{
	width:100%;
	margin:0 auto;
	text-align:center;
max-width:1200px;

font-size:15px;
	color:#231815;
	padding:1%;
	margin:0 auto;
	}
	
.car5{
	
	width:100%;
    padding:1% 1%;
	margin:0% auto;}
.car5 li{
	width:47%;
     margin:1% 1% 3% 1%;
    padding:1% 1%;
	display:inline-block;
	margin-bottom:1%;
	transition:0.5s;}
.car5 li a{
	background-color:

background: -webkit-linear-gradient(-11deg, rgb(237, 140, 22), rgb(248, 184, 46));
background: linear-gradient(-11deg, rgb(237, 140, 22), rgb(248, 184, 46));

	margin:1% 1%;
	color:#fff;
    padding:2%;
	line-height:45px;
	font-size:28px;
	font-weight:bolder;
	text-align:center;
	display:inline-block;
	margin-bottom:1%;
	border-radius:60px;
	
	display:block;
	text-decoration:none;}
.car5 li a:hover{
color:#D01414;
transform:scale(0.95,0.95);}
	
	
.yet2{ color: #FFF;
font-weight:bold;
width:100%;
	text-align:center;
max-width:1200px;
background-color:#F94932;
font-size:35px;
	padding:1%;
	margin:0 auto;
}