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

*{
	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;
	font-size:25px;
	background-color:;
	}

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

.center{
	max-width:1200px;
	margin:0 auto;}

.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/

/* == 桌機版 =============================================================================
/*刊頭*/
.header{
	width:100%;
	margin:0 auto;
	background-color:#FCDFBF;
}	
	
.header-img{
	max-width:1200px;
	margin:0 auto;
	}		

/*選單*/
.box{
	width:100%;
	background-color:#FCDFBF;
	padding:0 0 2% 0;
}
	
.box h1{	    
     font-size:1.5em; 
	color:#FCDFBF;}

.box p{	    
     font-size:0.8em;
	color:#FCDFBF;}
		
.box ul{	
	margin:0 auto;	
    width:100%;
	}
.box li{
		vertical-align: top;
	 width:24.6%;
	 height:170px;
	padding:20px;
	display:inline-block;
	background-color:#BF1A21;
	border-radius:10px;
	border:solid 5px #E3BF5F;
    text-align:center;  
	}
	  
/*影片*/
.conA{
	width:100%;
	background-color:#E3BF5F;
	padding:2% 2%;
	}
.video{
	width:840Px;
	margin:0 auto;
}	
	
/*訂閱頻道*/
.conB{
	width:100%;
	background-color:#E3BF5F;
	padding:5% auto;
	margin:0 auto;
	}		
	
.conB h2{
    font-size:1.5em; 
	color:#E60012;
	 background:url('../images/conB.png') center left no-repeat;
    background-size:2em;
    padding-left:2em;
    margin-left:15em;}

	
/*yotube連結*/
.youtube{ 
    padding:1% 0 1% 0; 
	width:100%;
	text-align:center;  
	}
	
.youtube ul{
	margin:0 auto; 
	padding:0; 
	width:1000px; 
	list-style:none;
	}
.youtube li{ 
    display:inline-block; 
	margin:20px; 
	padding:0; 
	width:20%; 
	height:60px;
	}
.youtube li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#E60012;
    font-size:1.2em; 
	line-height:60px; 
	text-decoration:none; 
	color:#FFF;
	transition:0.5s;
	}
.youtube li a:hover{ 
	transform:translate(0,5px);
	}				
	

/*接榜人分享講座*/
.conC{
	width:100%;
	background-color:#FCDFBF;
	}	
	
.conC-img{
	max-width:1200px;
	margin:0 auto;
	}	

.content{
	width:100%;
	background-color:#FCDFBF;
	}
	
.boy{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
    height: auto;
	margin::0 auto;
	padding:0 0 2% 0;
	}
.boy .left{
	float:left;
	text-align:center;
	padding:10px;
	width:15%;
	height:auto;
	}
.boy .left img{
	text-align:center;
	padding:0 auto;
	width:100%;
    }
.boy .right{
	text-align:left;
	float:left;
	width:80%;
	padding:0 auto;
}

.boy .right p{
	 font-size:1em; 
		color:#000;	
		}

.boy .right p1{
    font-size:2em; 
	color:#0A3874;
	}	
	
.boy .right p2{
    font-size:1.5em; 
	color:#0A3874;
	}

.boy .right p3{
    font-size:1em; 
    color:#BF1A21;
	}	
	
.content2{
	width:100%;
	background-color:#FCDFBF;
	padding:3% 0;
	}
	
.btn{
	width:60%;
	height:60px;
	margin:0 auto;
	line-height:60px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	border:4px solid #BF1A21;
	color:#000;
	background-color:#FFF;
	border-radius:50px;
	transition:.5s;}
.btn a{
	color:#BF1A21;
	text-decoration:none;
	}
.btn:hover{
	transform:scale(0.95,0.95);
	}
	
/*LINE@考取生推薦接力賽*/
.conD{
	width:100%;
	background-color:#E3BF5F;
	text-align:center;  
	}	

.conD-img{
	max-width:1200px;
	margin:0 auto;
	}	
			
.conD h3{
    font-size:2em; 
	color:#0A3874;
	}
	
.conD p1{
    font-size:1.5em; 
	color:#0A3874;
	}
.conD p2{
    font-size:2.5em; 
	color:#0A3874;
	}	
	
.conD p3{
    font-size:1.8em; 
	color:#BF1A21;
	}		
	
.conD p4{
    font-size:2.5em; 
	color:#BF1A21;
	}		
		
.conD ul{
    width:100%;
	}

.conD li{
	vertical-align: top;
	 width:40%;
	 height:250px;
	padding:30px;
	display:inline-block;
	background-color:#F1DEB3;
}		

.content3{
	width:100%;
	background-color:#E3BF5F;
	padding:3% 0;
	}
	
.btn2{
	width:60%;
	height:60px;
	margin:0 auto;
	line-height:60px;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	border:4px solid #0A3874;
	color:#000;
	background-color:#FFF;
	border-radius:50px;
	transition:.5s;}
.btn2 a{
	color:#0A3874;
	text-decoration:none;
	}
.btn2:hover{
	transform:scale(0.95,0.95);
	}
	
/*慶功同賀3重抽*/
.conE{
	width:100%;
	background-color:#FCDFBF;
	text-align:center;
	}	

.conE-img{
	max-width:1200px;
	margin:0 auto;
	}		
	
.conE h1{
    font-size:2.5em; 
	color:#0A3874;
	padding:1% 0;
	}
	
.conE h2{
    font-size:2em; 
	color:#BF1A21;
	padding:1% 0;
	}	
	
.conE h3{
    font-size:2.5em; 
	color:#BF1A21;
	padding:1% 0;
	}		

.conE h4{
    font-size:2.5em; 
	color:#E4BF5F;
	font-weight:bold;
	background-color:#BF1A21;
	border-radius:50px;
	}	
	
/*各班連結刊頭*/
.conG{
	width:100%;
	background-color:#E3BF5F;
    text-align:center;
	padding:2% 0;
	}	
	
.conG h2{
    font-size:1.5em; 
	color:#0A3874;
	}
.conG h3{
    font-size:1.5em; 
	color:#009A44;
	}	
	
/*各班連結*/
.link{ 
    padding:0 auto; 
	width:100%;
	text-align:center;  
	}

.link ul{
	margin:0 auto; 
	padding:0; 
	width:1000px; 
	list-style:none;
	}
.link li{ 
    display:inline-block; 
	margin:20px; 
	padding:0; 
	width:20%; 
	height:60px;
	}
.link li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#0A3874;
    font-size:1.2em; 
	line-height:60px; 
	text-decoration:none; 
	color:#FFF;
	transition:0.5s;
	}
.link li a:hover{ 
	transform:translate(0,5px);
	}			
	
/*各班LINE連結*/
.line{ 
   padding:0 auto; 
	width:100%;
	text-align:center;  
	}

.line ul{
	margin:0 auto; 
	padding:0; 
	width:1000px; 
	list-style:none;
	}
.line li{ 
    display:inline-block; 
	margin:20px; 
	padding:0; 
	width:20%; 
	height:60px;
	}
.line li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#009A44;
    font-size:1.2em; 
	line-height:60px; 
	text-decoration:none; 
	color:#FFF;
	transition:0.5s;
	}
.line li a:hover{ 
	transform:translate(0,5px);
	}		

		
/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){
/*刊頭*/
.header{
	width:100%;
	margin:0 auto;
	background-color:#FCDFBF;
}	
	
.header-img{
	max-width:1200px;
	margin:0 auto;
	}

/*選單*/
.box{
	width:100%;
	background-color:#FCDFBF;
	padding:0 0 2% 0;
}
	
.box h1{	    
     font-size:0.7em; 
	color:#FCDFBF;}

.box p{	    
     font-size:0.5em;
	color:#FCDFBF;}
		
.box ul{	
	margin:0 auto;	
    width:100%;
	}
.box li{
	 width:49%;
	 height:100px;
	 margin:1% 0;
	padding:5px;
	display:inline-block;
	background-color:#BF1A21;
	border-radius:10px;
	border:solid 5px #E3BF5F;
    text-align:center;  
	}		
	
/*影片*/
.conA{
	width:100%;
	background-color:#E3BF5F;
	padding:2% 2%;
	}
.video{
	width:100%;
	margin:0 auto;
}	
	
/*訂閱頻道*/
.conB{
	width:100%;
	background-color:#E3BF5F;
	padding:5% auto;
	text-align:center;
	}		
	
.conB h2{
    font-size:0.8em; 
	color:#E60012;
	 background:url('../images/conB.png') center left no-repeat;
    background-size:3em;
    padding-left:1em;
    margin-left:0.3em;}
	
/*yotube連結*/
.youtube{ 
    padding:3% 0 3% 0; 
	width:100%;
	text-align:center;  
	}
.youtube ul{
	margin:0 auto; 
	padding:0; 
	width:100%; 
	list-style:none;
	}
.youtube li{ 
    display:inline-block; 
	margin:10px; 
	padding:0; 
	width:25%; 
	height:30px;
	}
.youtube li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#E60012;
    font-size:0.7em; 
	line-height:40px; 
	text-decoration:none; 
	color:#FFF;
	transition:0.5s;
	}
.youtube li a:hover{ 
	transform:translate(0,5px);
	}				
	
	
/*接榜人分享講座*/
.conC{
	width:100%;
	background-color:#FCDFBF;
	}	
	
.conC-img{
	max-width:1200px;
	margin:0 auto;
	}	

.content{
	width:100%;
	background-color:#FCDFBF;
	}
	
.boy{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
    height: auto;
	margin::0 auto;
	padding:0 0 2% 0;
	}
.boy .left{
	float:left;
	text-align:center;
	padding:10px;
	width:15%;
	height:auto;
	}
.boy .left img{
	text-align:center;
	padding:0 auto;
	width:100%;
    }
.boy .right{
	text-align:left;
	float:left;
	width:80%;
	padding:0 auto;
}

.boy .right p{
    font-size:0.6em; 
	color:#000;
	}

.boy .right p1{
    font-size:1.2em; 
	color:#0A3874;
	}	
	
.boy .right p2{
    font-size:0.8em; 
	color:#0A3874;
	}	

.boy .right p3{
    font-size:0.6em; 
	color:#BF1A21;
	}		
	
.content2{
	width:100%;
	background-color:#FCDFBF;
	padding:3% 0;
	}
	
.btn{
	width:80%;
	height:45px;
	margin:0 auto;
	line-height:45px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	border:4px solid #BF1A21;
	color:#000;
	background-color:#FFF;
	border-radius:50px;
	transition:.5s;}
.btn a{
	color:#BF1A21;
	text-decoration:none;
	}
.btn:hover{
	transform:scale(0.95,0.95);
	}	
	
/*LINE@考取生推薦接力賽*/
.conD{
	width:100%;
	background-color:#E3BF5F;
	text-align:center;  
	}	

.conD-img{
	max-width:1200px;
	margin:0 auto;
	}	
			
.conD h3{
    font-size:1.2em; 
	color:#0A3874;
	}
	
.conD p1{
    font-size:0.7em; 
	color:#0A3874;
	}
.conD p2{
    font-size:1.2em; 
	color:#0A3874;
	}	
	
.conD p3{
    font-size:0.9em; 
	color:#BF1A21;
	}		
	
.conD p4{
    font-size:1.2em; 
	color:#BF1A21;
	}		
		
.conD ul{
    width:100%;
	}

.conD li{
	margin:3% auto;
	 width:90%;
	 height:150px;
	padding:20px;
	display:inherit;
	background-color:#F1DEB3;
}		

.content3{
	width:100%;
	background-color:#E3BF5F;
	padding:3% 0;
	}
	
.btn2{
	width:80%;
	height:45px;
	margin:0 auto;
	line-height:45px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	border:4px solid #0A3874;
	color:#000;
	background-color:#FFF;
	border-radius:50px;
	transition:.5s;}
.btn2 a{
	color:#0A3874;
	text-decoration:none;
	}
.btn2:hover{
	transform:scale(0.95,0.95);
	}	


/*慶功同賀3重抽*/
.conE{
	width:100%;
	background-color:#FCDFBF;
	text-align:center;
	}	

.conE-img{
	max-width:1200px;
	margin:0 auto;
	}		
	
.conE h1{
    font-size:1.2em; 
	color:#0A3874;
	padding:1% 0;
	}
	
.conE h2{
    font-size:0.9em; 
	color:#BF1A21;
	padding:1% 0;
	}	
	
.conE h3{
    font-size:1.2em; 
	color:#BF1A21;
	padding:1% 0;
	}		

.conE h4{
    font-size:1.2em; 
	color:#E4BF5F;
	font-weight:bold;
	background-color:#BF1A21;
	border-radius:50px;
	}	
	
	
/*各班連結刊頭*/
.conG{
	width:100%;
	background-color:#E3BF5F;
    text-align:center;
	padding:2% 0;
	}	
	
.conG h2{
    font-size:1em; 
	color:#0A3874;
	}
.conG h3{
    font-size:1em; 
	color:#009A44;
	}
	
/*各班連結*/
.link{ 
    padding:3% 0 3% 0; 
	width:100%;
	text-align:center;  
	}

.link ul{
	margin:0 auto; 
	padding:0; 
	width:100%;
	list-style:none;
	}
.link li{ 
    display:inline-block; 
	margin:10px; 
	padding:0; 
	width:25%; 
	height:30px;
	}
.link li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#0A3874;
    font-size:0.7em; 
	line-height:40px; 
	text-decoration:none; 
	color:#FFF;
	transition:0.5s;
	}
.link li a:hover{ 
	transform:translate(0,5px);
	}			
	
/*各班LINE連結*/
.line{ 
    padding:3% 0 3% 0; 
	width:100%;
	text-align:center;  
	}

.line ul{
	margin:0 auto; 
	padding:0; 
	width:100%;
	list-style:none;
	}
.line li{ 
     display:inline-block; 
	margin:10px; 
	padding:0; 
	width:25%; 
	height:30px;
	}
.line li a{
	display:block; 
	border-radius:4px; -webkit-border-radius:4px; 
	background:#009A44;
    font-size:0.7em; 
	line-height:40px; 
	text-decoration:none; 
	color:#FFF;
	transition:0.5s;
	}
.line li a:hover{ 
	transform:translate(0,5px);
	}