@charset "utf-8";
/* 共用區 */

*{
	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-size:10px;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	 }
a{ text-decoration:none;}
.maxw{max-width:980px; margin:0 auto;}
	
/* 桌機版 */

/* 刊頭 */
.head{ width:100%; background-color:#A0D9F6;padding:0 0 3% ; }

/* 藍色底 */
.bl{ width:100%;  background-color:#D6FEF5; padding:1% 0 1% ;0overflow:hidden;}

/* 四大狀元 */
.he2{max-width:900px; margin:1% auto 0;}
.yel{width:900px; margin:0 auto; background-color:#FFF582; padding:1% 2% 0;overflow:hidden;}
.box{ width:46%; background-color:#E76025; padding:2%;border-radius:40px; overflow:hidden;float:left; margin:0 2% 2% ;}
.l{ width:191px;float:left;margin:1% 0 0 2%; }
.r{ color:#FFFFFF; font-size:22px;float:left; padding:2%; margin:0 0 0 2%;}

/*前三*/
.wh{width:900px; margin:0 auto; background-color: #FFF; padding:1% 2% 0;overflow:hidden;}
.box2{width:32%; padding:0 0 2% 2%; overflow:hidden;float:left; }
.l2{max-width:130px;float:left;}
.r2{font-size:18px;float:left; padding:12% 3%; background-color:#FADAC9; height:130px;}
.rp{font-size:18px;float:left; padding:12% 3%; background-color:#D2CDE6; height:130px;}
.rb{font-size:18px;float:left; padding:12% 3%; background-color:#D3EDFB; height:130px;}
.box3{text-align:center;width:32%; padding:6%;overflow:hidden;float:left; font-size:18px; }

/*率取百分百*/
.l3{ max-width:127px;float:left;}
.r3{ width:80%; font-size:30px;float:left; padding:5% 2%;}
.tr{ font-size:40px; color:#CC0000;}

/*考經*/
.he3{ width:900px; background-color:#0033CC; font-size:38px; color:#FFF; margin:3% auto 0; padding:1%;text-align:center;}
.bw{ width:900px; background-color:#FFF;padding:1%; margin:0 auto 2%;}
.lb{ width:90%;margin:1% auto; font-size:20px; background-color: #BDBDFF;text-align:center; padding:1%;}
.b{width:90%;margin:1% auto; font-size:16px;}
.t2{ color:#C30; font-weight:bolder;}

/* 手機版 */
@media screen and ( max-width:767px ){

/* 四大狀元 */

.yel{width:100%; margin:0 auto; background-color:#FFF582;0overflow:hidden; padding:1% 2% 0;}
.box{ width:45%; background-color:#E76025; padding:1%;border-radius:25px; overflow:hidden;}
.l{ width:45%;float:left;margin:6% 0 0 1%; }
.r{ color:#FFFFFF; font-size:1em;float:left; padding:1%; }

/*前三 */
.wh{width:100%; margin:0 auto; background-color: #FFF; padding:1% 2% 0;overflow:hidden;}
.box2{width:48%; padding:0 0 2% 2%; overflow:hidden;float:left; }
.l2{width:45%;float:left;height:auto;}
.r2{font-size:1em;float:left; padding:8% 3%; background-color:#FADAC9;height:auto;}
.rp{font-size:1em;float:left; padding:8% 3%; background-color:#D2CDE6; height:auto;}
.rb{font-size:1em;float:left; padding:8% 3%; background-color:#D3EDFB; height:auto;}
.box3{text-align:center;width:48%; padding:6%;overflow:hidden;float:left; font-size:1em; }

/*率取百分百*/
.l3{ width:17%;float:left;}
.r3{ width:80%; font-size:1em;float:left; padding:5% 2%;}
.tr{ font-size:1.5em; color:#CC0000;}

/*考經*/
.he3{ width:100%; background-color:#0033CC; font-size:1.5em; color:#FFF; margin:2% auto 0; padding:1%;text-align:center;}
.bw{ width:100%; background-color:#FFF;padding:1%; margin:0 auto;}
.lb{ width:90%;margin:1% auto; font-size:1.2em; ;text-align:center; padding:1%;}
.b{width:90%;margin:1% auto; font-size:1em;}
}