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

*{
	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:#F6BFC2;
	}

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;*/
.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:3px auto; font-size:1.5em; color:#003399; max-width:980px; padding:1%; }

.frame{ width:100%; margin:0 auto;text-align:center;}
.frame img{ max-width:980px;}


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

/*按鈕選單*/
.but{ width:800px; margin:1% auto; padding:1%; font-size:30px; color:#FFFFFF;border-radius:50px; text-align:center;}
.but a{color:#FFFFFF;display:block;}

/*刊頭*/
.header{
	width:100%;
	margin:0 auto;background-color:#F6BFC2;}	
	
.header-img{
	max-width:980px;
	margin:0 auto;}		

/*選單*/
.bn{ width:100%;margin:1% auto; text-align:center;}
.bn img{max-width:930px;}	  
.bn1{ width:930px; margin:1% auto; }
.bn1 ul{list-style:none;}
.bn1 li{width:47%;padding:1%; color:#FFFFFF; font-size:36px;border-radius:50px;margin:1%;display:inline-block; background-color:#E62129; text-align:center;}
.bn1 li a{color:#FFFFFF;display:block;}

/*考經*/
.tbox{ width:980px; margin:2% auto; text-align:center;}
.t1{ width:100%; margin:0 auto; padding:1%; font-size:36px; font-weight:bold; color:#FFFFFF; background-color:#214D9D;text-align:center;}
.t2{ width:100%; margin:0 auto; padding:1% 4% 2%; font-size:20px; text-align:left;}
.t3{ width:100%; margin:0 auto; padding:1% 0 0; font-size:24px;color:#214D9D;font-weight:bold;text-align:center;}

/*類科*/
.dbox{width:980px; margin: auto; }
.dbox ul{list-style:none;}
.dbox li{display:inline-block; width:47%; padding:2%; font-size:24px; background-color:#FFF; margin:1%;text-align:left;}
.d1{ width:100%; color:#FFF; text-align:center; font-weight:bold; font-size:30px;padding:1%; }
.d2{ font-size:20px;}

/*摸彩*/
.fa{ width:980px; margin:0 auto; text-align:center;}

/*集氣留言*/
.mp1{ width:980px; margin:0 auto; padding:2%; font-size:30px;}
.mp2{width:980px; margin:1% auto; padding:2%; font-size:30px;border:2px solid #82683E;}
.mp3{ font-size:30px; color:#214D9D; font-weight:bold;}
.mp4{ color:#CC0000;}

.mtb{ width:900px; margin:1% auto; padding:1%; font-size:24px; text-align:left;}	
.mt1{ margin:1% auto;font-size:36px; font-weight:bold; color:#CC3300; text-align:center;}
.mt2{ font-weight:bold; font-size:30px;}	
.mt3{ width:100%; margin:0 auto;}
.mt3 img{ max-width:980px;}

/*留言*/
.wbox{ width:980px; margin:1% auto; padding:1%; font-size:20px; background-color:#FFF;}

/*感謝頁*/
.th{ width:100%; margin:1%; padding:1%; font-size:36px; text-align:center;}
.th1{ width:980px; margin:0 auto; text-align:center; font-size:48px;}

	
/*各班連結刊頭*/
.conG{
	width:100%;
	
    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);
	}		

/*底部滑動橫條*/
#bottom{
    position: fixed;
    bottom: 0;
    width: 100%;
    min-height:1em;
    z-index:9999;
    text-align:center!important;
    /* background-color: rgba(255,255,255,0.5); */
}
	
		
/* == 手機版 ============================================================================= */
@media screen and (max-width:767px){

.Stay{ width:100%; height:auto; background-color:#FFFFFF; text-align:center; margin:1% auto; font-size:20px; color:#003399; max-width:100%; padding:1%; }
/*按鈕選單*/
.but{ width:80%; margin:2% auto; padding:1%; font-size:16px; color:#FFFFFF;}

/*刊頭*/
.header{
	width:100%;
	margin:0 auto; background-color:#F6BFC2;}	
	
/*選單*/
.bn{ width:100%;margin:1% auto; text-align:center;}
.bn img{max-width:90%;}	  
.bn1{ width:100%; margin:0 auto; }
.bn1 ul{list-style:none;}
.bn1 li{width:98%;padding:1%; color:#FFFFFF; font-size:20px;border-radius:50px;margin:1% auto; background-color:#E62129; text-align:center;}
.bn1 li a{color:#FFFFFF;display:block;}


/*考經*/
.tbox{ width:100%; margin:0 auto; text-align:center;}
.t1{ width:100%; margin:0 auto; padding:1%; font-size:20px; font-weight:bold; color:#FFFFFF; background-color:#214D9D;text-align:center;}
.t2{ width:100%; margin:0 auto; padding:1% 3% 3%; font-size:12px; text-align:left;}
.t3{ width:100%; margin:0 auto; padding:1% 0 0; font-size:14px;color:#214D9D;font-weight:bold; text-align:center;}

/*類科*/
.dbox{width:100%; margin: auto; }
.dbox ul{list-style:none;}
.dbox li{display:inline-block; width:90%; padding:1.5%; font-size:16px; background-color:#FFF; margin:2%; text-align:left;}
.d1{ width:100%; color:#FFF; text-align:center; font-weight:bold; font-size:20px;padding:1%; }
.d2{ font-size:16px;}

/*摸彩*/
.fa{ width:100%; margin:0 auto; text-align:center;}

/*集氣留言*/
.mp1{ width:90%; margin:0 auto; padding:2%; font-size:14px;}
.mp2{width:90%; margin:1% auto; padding:2%; font-size:14px;}
.mp3{ font-size:14px; color:#214D9D; font-weight:bold;}
.mp4{ color:#CC0000;}

.mtb{ width:90%; margin:1% auto; padding:1%; font-size:14px; text-align:left;}	
.mt1{ font-size:24px; font-weight:bold; color:#CC3300; text-align:center;}
.mt2{ font-weight:bold; font-size:16px;}

/*留言*/
.wbox{ width:96%; margin:1% auto; padding:1%;font-size:12px; background-color:#FFF;}


/*感謝頁*/
.th{ width:100%; margin:1%; padding:1%; font-size:18px; text-align:center;}	
.th1{ width:100%; margin:0 auto; text-align:center; font-size:24px;}

/*各班連結刊頭*/
.conG{
	width:100%;
	
    text-align:center;
	padding:2% 0;
	}	
	
.conG h2{
    font-size:1em; 
	color:#0A3874;
	}
.conG h3{
    font-size:1em; 
	color:#009A44;
	}
	
/*各班連結*/
.link{ 
    padding:1% 0 1% 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:40%; 
	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:1% 0 1% 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:40%; 
	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);
	}	
	
/*回首頁*/
.bk{ width:100%; margin:1% auto; padding:1%; font-size:16px;color:#000000;text-align:center;}
.bk a{ color:#000000;}	
	}