*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

html,body{ width:100%; height:100%; font-family:"微軟正黑體", Arial, Helvetica,sans-serif; text-size-adjust:none;}
ul{ margin:0; padding:0; list-style:none;}

.fc01{ color:#e33f43;}


/* == 桌機版優先 ============================================================================= */

html,body{ font-size:15px; background:#eaf3f2;}
.wrapper{ margin:0 auto; width:750px; background:#fff;}

/* == 按鈕 == */
.btn01{ margin:10px 0 0;}
.btn01 a{
	display:block;	width:100px; height:40px; border-radius:5px; -webkit-border-radius:5px; background:#e33f43;
	font-size:1.2rem; line-height:40px; text-align:center; color:#FFF; text-decoration:none;
	}
.btn02{ margin:10px 0 0;}
.btn02 a{
	display:block;	width:100px; height:40px; border-radius:5px; -webkit-border-radius:5px; background:#2c3e50;
	font-size:1.2rem; line-height:40px; text-align:center; color:#FFF; text-decoration:none;
	}


/* == 刊頭 == */
.head{ height:100px; padding:0 20px; }
.head h1 a{ float:left; font-size:2rem; line-height:100px; color:#2c3e50; text-decoration:none;}
.head h2{ float:right; font-size:1rem; font-weight:normal; line-height:100px; color:#666;}


/* == 夯工作情報站 == */
.con01{ padding:35px; background:#5de4ec; overflow:hidden; }
.con01 h2{ font-size:1.6rem; line-height:1.7; text-align:justify; color:#2c3e50;}
.con01 p{ font-size:1.05rem; line-height:1.6; text-align:justify; color:#333; }
.con01 .left{ float:left; margin:0 30px 0 0; width:200px;}
.con01 .left img{ width:100%;}
.con01 .right{ float:right; width:450px; overflow:hidden;}


/* == 考取經驗談 == */
.con02{ padding:35px; overflow:hidden; }
.con02 h2{ font-size:1.6rem; line-height:1.7; text-align:justify; color:#2c3e50;}
.con02 p{ font-size:1.05rem; line-height:1.6; text-align:justify; color:#333; }
.con02 .left{ float:left; margin:0 30px 0 0; width:200px;}
.con02 .left img{ width:100%;}
.con02 .right{ float:right; width:450px; overflow:hidden;}


/* == 高分上榜技巧 == */
.con03{ float:left; width:50%; padding:35px; height:320px; background:#F90; overflow:hidden; }
.con03 h2{ margin:10px 0; font-size:1.3rem; line-height:1.1; text-align:justify; color:#fff;}
.con03 h3{
	width:200px; border-radius:20px; -webkit-border-radius:20px; background:#fff; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#2c3e50;
	}
.con03 p{ font-size:1.05rem; line-height:1.6; text-align:justify; color:#333; }



/* == 實務見解文章 == */
.con04{ float:right; width:50%; padding:35px; height:320px; background:#9C0; overflow:hidden; }
.con04 h2{ margin:10px 0; font-size:1.3rem; line-height:1.1; text-align:justify; color:#fff;}
.con04 h3{
	width:200px; border-radius:20px; -webkit-border-radius:20px; background:#fff; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#2c3e50;
	}
.con04 p{ font-size:1.05rem; line-height:1.6; text-align:justify; color:#333; }



/* == 公職好禮大方送 == */
.con05{ padding:35px; overflow:hidden; }
.con05 h2{ font-size:1.8rem; line-height:1.7; text-align:justify; color:#2c3e50;}
.con05 p{ font-size:1.05rem; line-height:1.6; text-align:justify; color:#333; }
.con05 .left{ float:left; margin:0 30px 0 0; width:200px;}
.con05 .left img{ width:100%;}
.con05 .right{ float:right; width:450px; overflow:hidden;}
  

/* == 最新簡章下載 == */
.download{ padding:35px; background-color:#2e3a4b; overflow:hidden; }
.download h2{ font-size:1.8rem; line-height:1.5; text-align:justify; color:#59d6de;}
.download ul{ margin:10px auto;}
.download li{ width:50%; display:inline-block; float:left; font-size:1.05rem; line-height:1.8; }
.download li a{ color:#FFF;}


/* ==  各項連結 == */
.footer{ clear:both; padding:20px 0; background:#eaf3f2; overflow:hidden; text-align:center;}
.footer li{ margin:0 10px; display:inline-block; font-size:1.05rem; line-height:1.8; font-weight: bold; }
.footer li a{ color:#2e3a4b;transition:.3s; text-decoration:none;}
.footer li a:hover {  color:#00a6b0; }


/* == 活動專區 == */
.ad{ margin:0 auto 20px; max-width:750px; overflow:hidden; text-align:center;}





/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){
	
html,body{ font-size:15px; }
.wrapper{ margin:0 auto; width:100%; background:#fff;}

/* == 按鈕 == */
.btn01{ margin:10px 0 0; }
.btn01 a{
	margin:0 auto; display:block; width:100px; height:40px; border-radius:5px; -webkit-border-radius:5px; background:#e33f43;
	font-size:1.2rem; line-height:40px; text-align:center; color:#FFF; text-decoration:none;
	}
.btn02{ margin:10px 0 0;}
.btn02 a{
	margin:0 auto; display:block; width:100px; height:40px; border-radius:5px; -webkit-border-radius:5px; background:#2c3e50;
	font-size:1.2rem; line-height:40px; text-align:center; color:#FFF; text-decoration:none;
	}

/* == 刊頭 == */
.head{ height:100px; padding:20px 20px; text-align:center;}
.head h1 a{ padding:6% 0 0; float:none; font-size:2rem; line-height: normal; color:#2c3e50; text-decoration:none;}
.head h2{ float:none; font-size:0.9rem; font-weight:normal; line-height:normal; color:#666;}


/* == 夯工作情報站 == */
.con01{ padding:10% 6%; background:#5de4ec; overflow:hidden; text-align:center; }
.con01 h2{ margin:20px 0 10px; font-size:1.6rem; line-height:1.2; text-align:justify; color:#2c3e50;}
.con01 p{ font-size:1.1rem; line-height:1.4; text-align:justify; color:#333; }
.con01 .left{ float:none; margin:0; width:100%;}
.con01 .left img{ width:70%;}
.con01 .right{ float:none; width:100%; overflow:hidden;}


/* == 考取經驗談 == */
.con02{ padding:10% 6%; overflow:hidden; text-align:center;}
.con02 h2{ margin:20px 0 10px; font-size:1.6rem; line-height:1.2; text-align:justify; color:#2c3e50;}
.con02 p{ font-size:1.1rem; line-height:1.4; text-align:justify; color:#333; }
.con02 .left{ float:none; margin:0; width:100%;}
.con02 .left img{ width:70%;}
.con02 .right{ float:none; width:100%; overflow:hidden;}


/* == 高分上榜技巧 == */
.con03{ float:none; width:100%; padding:10% 6%; background:#F90; overflow:hidden; }
.con03 h2{ margin:10px 0; font-size:1.4rem; line-height:1.1; text-align: center; color:#fff;}
.con03 h3{
	margin:0 auto; width:200px; border-radius:20px; -webkit-border-radius:20px; background:#fff; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#2c3e50;
	}
.con03 p{ font-size:1.1rem; line-height:1.4; text-align:justify; color:#333; }



/* == 實務見解文章 == */
.con04{ float:none; width:100%; padding:10% 6%; background:#9C0; overflow:hidden; }
.con04 h2{ margin:10px 0; font-size:1.4rem; line-height:1.1; text-align: center; color:#fff;}
.con04 h3{
	margin:0 auto; width:200px; border-radius:20px; -webkit-border-radius:20px; background:#fff; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#2c3e50;
	}
.con04 p{ font-size:1.1rem; line-height:1.4; text-align:justify; color:#333; }



/* == 公職好禮大方送 == */
.con05{ padding:10% 6%; overflow:hidden; text-align:center; }
.con05 h2{ font-size:1.8rem; line-height:1.5; text-align: center; color:#2c3e50;}
.con05 p{ font-size:1.1rem; line-height:1.5; text-align:justify; color:#333; }
.con05 .left{ float:none; margin:0 30px 0 0; width:100%;}
.con05 .left img{ width:70%;}
.con05 .right{ float:none; width:100%; overflow:hidden;}
  

/* == 最新簡章下載 == */
.download{ padding:10% 6%; background-color:#2e3a4b; overflow:hidden; text-align:center;}
.download h2{ font-size:1.8rem; line-height:1.5; text-align: center; color:#59d6de;}
.download ul{ margin:10px auto;}
.download li{ width:100%; display:inline-block; float:none; font-size:1rem; line-height:1.8; }
.download li a{ color:#FFF;}


/* ==  各項連結 == */
.footer{ padding:4% 1%; background:#eaf3f2; overflow:hidden; text-align:left;}
.footer li{ float:left; margin:0 3%; display: inline-block; width:44%; font-size:1rem; line-height:1.8;}
.footer li a{ color:#2e3a4b;transition:.3s; text-decoration:none;}
.footer li a:hover { color:#00a6b0; }


/* == 活動專區 == */
.ad{ display:none;}
}




/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){

html,body{ font-size:15px; }
.wrapper{ margin:0 auto; width:94%; max-width:750px; background:#fff;}

/* == 按鈕 == */
.btn01{ margin:10px 0 0;}
.btn01 a{
	display:block;	width:100px; height:40px; border-radius:5px; -webkit-border-radius:5px; background:#e33f43;
	font-size:1.2rem; line-height:40px; text-align:center; color:#FFF; text-decoration:none;
	}
.btn02{ margin:10px 0 0;}
.btn02 a{
	display:block;	width:100px; height:40px; border-radius:5px; -webkit-border-radius:5px; background:#2c3e50;
	font-size:1.2rem; line-height:40px; text-align:center; color:#FFF; text-decoration:none;
	}
	

/* == 刊頭 == */
.head{ height:100px; padding:0 20px; }
.head h1 a{ float:left; font-size:2rem; line-height:100px; color:#2c3e50; text-decoration:none;}
.head h2{ float:right; font-size:1rem; font-weight:normal; line-height:100px; color:#666;}



/* == 夯工作情報站 == */
.con01{ padding:35px; background:#5de4ec; overflow:hidden; }
.con01 h2{ font-size:1.6rem; line-height:1.7; text-align:justify; color:#2c3e50;}
.con01 p{ font-size:1.1rem; line-height:1.6; text-align:justify; color:#333; }
.con01 .left{ float:left; margin:0 3% 0 0; width:30%;}
.con01 .left img{ width:100%;}
.con01 .right{ float:right; width:67%; overflow:hidden;}


/* == 考取經驗談 == */
.con02{ padding:35px; overflow:hidden; }
.con02 h2{ font-size:1.6rem; line-height:1.7; text-align:justify; color:#2c3e50;}
.con02 p{ font-size:1.1rem; line-height:1.6; text-align:justify; color:#333; }
.con02 .left{ float:left; margin:0 3% 0 0; width:30%;}
.con02 .left img{ width:100%;}
.con02 .right{ float:right; width:67%; overflow:hidden;}


/* == 高分上榜技巧 == */
.con03{ float:left; width:50%; padding:30px; background:#F90; overflow:hidden; }
.con03 h2{ margin:10px 0; font-size:1.4rem; line-height:1.1; text-align:justify; color:#fff;}
.con03 h3{
	width:200px; border-radius:20px; -webkit-border-radius:20px; background:#fff; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#2c3e50;
	}
.con03 p{ font-size:1.1rem; line-height:1.6; text-align:justify; color:#333; }




/* == 實務見解文章 == */
.con04{ float:right; width:50%; padding:30px; background:#9C0; overflow:hidden; }
.con04 h2{ margin:10px 0; font-size:1.4rem; line-height:1.1; text-align:justify; color:#fff;}
.con04 h3{
	width:200px; border-radius:20px; -webkit-border-radius:20px; background:#fff; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#2c3e50;
	}
.con04 p{ font-size:1.1rem; line-height:1.6; text-align:justify; color:#333; }



/* == 公職好禮大方送 == */
.con05{ padding:35px; overflow:hidden; }
.con05 h2{ font-size:1.8rem; line-height:1.5; text-align:justify; color:#2c3e50;}
.con05 p{ font-size:1.1rem; line-height:1.5; text-align:justify; color:#333; }
.con05 .left{ float:left; margin:0 3% 0 0; width:30%;}
.con05 .left img{ width:100%;}
.con05 .right{ float:right; width:67%; overflow:hidden;}
  

/* == 最新簡章下載 == */
.download{ padding:35px; background-color:#2e3a4b; overflow:hidden; }
.download h2{ font-size:1.8rem; line-height:1.5; text-align:justify; color:#59d6de;}
.download ul{ margin:10px auto;}
.download li{ width:50%; display:inline-block; float:left; font-size:1.1rem; line-height:1.8; }
.download li a{ color:#FFF;}


/* ==  各項連結 == */
.footer{ padding:20px 0; background:#eaf3f2; overflow:hidden; text-align:center;}
.footer li{ margin:0 10px; display:inline-block; font-size:1.1rem; line-height:1.8;}
.footer li a{ color:#2e3a4b;transition:.3s; text-decoration:none;}
.footer li a:hover {  color:#00a6b0; }


/* == 活動專區 == */
.ad{ margin:0 auto 40px; max-width:750px; overflow:hidden; text-align:center;}

}