*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.fc04 {
    color: #00B0F0;
}


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;}
.fc02{ color: #C60;}
.fc03{ color: #00a6b0;}
.fs01{ font-family: Arial, Helvetica,sans-serif; text-size-adjust:none;}
.alink a{ color:#e33f43;}
.alink a:hover{ text-decoration:none;}
.blink a{ color:#333;}
.blink a:hover{ text-decoration:none;}
/*紅色按鈕*/
.clink a{
	display:block; margin:20px auto 0; padding:0 10px 0; width:220px; height:40px; line-height:40px; border-radius:5px; -webkit-border-radius:5px; background:#e33f43;
	font-size:1.1rem; font-weight:bold; text-decoration:none; color:#fff; transition:.5s; text-align:center;}/*紅底按鈕*/
.clink a:hover{ background:#bd181c;}
.dlink a{ color:#00a6b0;}
.dlink a:hover{ text-decoration:none;}

.bgcolor01{ background:#FEE481;}
.bgcolor02{ background:#FFF8C6;}
.bgcolor03{ background:#CFC;}
.bgcolor04{ background:#D0FAFF;}
.bgcolor05{ background:#EEE;}



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

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

.ellipsis{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}/*文字過多隱藏*/


/*框線樣式*/
.box_sty01{ margin:10px 0 20px; padding:25px; border:2px solid #FC3; background:#FFFEE3;}
.box_sty01 h6{ margin:0 0 15px; font-size:1.4rem; line-height:1.2; color:#e33f43; }
.box_sty02{ margin:20px 0; padding:25px; border:1px dashed #00a6b0; }
.box_sty02 h6{ font-size:1.2rem; line-height:1.2; color:#00a6b0; }
.box_sty03{
    border: 1px solid #000;
    padding: 10px;
    font-size: 1rem;
}
.box_sty03 a{ color:#000;}
.box_sty03 a:hover{ text-decoration:none;}


/*表格樣式*/
.tb-sty01 { margin:0; width:100%; border-collapse: collapse;}
.tb-sty01 td{border:1px solid #aaa;border-collapse: collapse; padding:5px; line-height:1.4;}
.tb-sty02 { margin:0 auto; width:100%; border-collapse: collapse;}
.tb-sty02 td{ border:1px solid #aaa; border-collapse: collapse; padding:5px; font-size:1.05rem; line-height:1.3;}
.tb-sty02 td a{ color: #00a6b0; text-decoration:none; transition:.3s; }
.tb-sty02 td a:hover{ color:#e33f43;}
.tb-sty03 { margin:0; width:100%; border-collapse: collapse;}/*字多適用*/
.tb-sty03 td{border:1px solid #aaa;border-collapse: collapse; padding:5px; font-size:1rem; line-height:1.3;}


/*圖片隱藏*/
.hidden_a{ display:block;}
.hidden_b{ display:none;}


/*標題樣式*/
.tit_sty01 { overflow:hidden;}
.tit_sty01 .left{ float:left; width:60px; height:36px; background:#00a6b0; font-size:1.1rem; line-height:36px; color:#FFF; text-align:center;}
.tit_sty01 .right{ float:left; padding:0 10px; height:36px; border:1px solid #00a6b0; font-size:1.1rem; line-height:36px; color:#00a6b0; font-weight:bold; overflow: visible;}
.tit_sty01 p{ clear:both; padding:15px 0; }


/*考情便利貼*/
.note{ margin:10px 0; }
.note .title { width:70%; overflow:hidden;}
.note .title .left{ float:left; width:30%; border:1px solid #2c3e50; background:#2c3e50; line-height:30px; font-size:1.2rem; font-weight:bold; text-align:center; color:#FFF;}
.note .title .right{ float:right; width:70%; border:1px solid #2c3e50; line-height:30px; font-size:1.2rem; font-weight:bold; text-indent:10px; color:#2c3e50;}
.note p{ clear:both;margin:20px 0; }


/*勝*/
.win{ display: inline-block; width:24px; height:24px; border-radius:50%; background: #F00; font-weight:bold; color:#FF0; line-height:24px; transform:rotate(-20deg);}

/*按鈕樣式*/
.bt01 a{
	margin:5px 0; width:250px; display:block; border-radius:5px; height:44px; background:#e33f43; 
    font-size:1.3rem; font-weight:bold; line-height:44px; text-align:center; color:#FFF; text-decoration:none;
	transition:.5s;}
.bt01 a:hover{ background:#C33; }


/* == 刊頭 == */
.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:20px 35px 0; background:#5de4ec; overflow:hidden; }
.con01 h2{ font-size:1.05rem; line-height:1.8; font-weight:normal; text-align:justify; color:#2c3e50;}
.con01 h2 a{ color:#2c3e50; }
.con01 h2 a:hover{ text-decoration:none;}
.con01 p{ font-size:1.1rem; line-height:1.6; text-align:justify; color:#333; }
.con01 .left{ float:left; margin:0; width:200px;}
.con01 .left img{ width:100%;}
.con01 .right{ float:right; padding:10px 0 0; width:460px; }


/* == 內容 == */
.con02{
	padding:40px 35px; overflow:hidden; 
    font-size:1.05rem; line-height:1.6; text-align:justify; color:#333;
	}
.con02 h2{ margin:20px 0 ; font-size:1.6rem; line-height:1.2; color:#2c3e50;}
.con02 h3{
	width:200px; border-radius:20px; -webkit-border-radius:20px; background:#2c3e50; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#fff;
	}
.con02 h4{ clear:both; margin-bottom:5px; font-size:1.4rem; line-height:1.2; color: #00a6b0;}/*#b65a00*/
.con02 h5{ font-size:1.2rem; line-height:1.5; color: #2c3e50;}
.con02 h5 a{ color: #C60;}
.con02 h5 a:hover{ text-decoration:none;}
.con02 img{ margin:0 0 20px; width:100%; height:auto; }

.cr{ margin:20px 0 0; padding:5px 15px; background:#eee; font-size:1rem; color: #000;}

/*榜單*/
.board{ margin:40px auto; padding:15px 25px 20px; width:100%; border-radius:10px; -webkit-border-radius:10px; background:#e33f43; color:#FFF;}
.board ul{ list-style:none; margin:0; padding:0; overflow:hidden;}
.board li { float:left; margin:0; width:50%; font-size:1rem;}
.board h7{ margin:0 0 20px; padding:0 0 5px; display:block; width:100%; border-bottom:1px dashed #FFFFFF; font-size:2.4rem; font-weight:bold; text-align:center; color:#FF3;}
.board h8{ margin: 20px 0 0; padding: 10px 0 0;	display: block;	width: 100%; border-top: 1px dashed #FFFFFF; text-align: center; font-weight: bold;}

/*經驗談*/
.exp{ clear:both; margin:20px 0 0; overflow:hidden; border:1px solid #00a6b0; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; }
.exp dt{ padding:4px 10px; font-size:1.4rem; font-weight: bold; background-color:#00a6b0; color:#FFF; text-align:center;}
.exp dd{ float:left; padding:15px 20px; width:49%; }
.exp h5{ font-size:1.3rem; line-height:1.2; }
.exp p{ font-size:1rem;}

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


/* == Go Top 按鈕 == */
.goTop {
position: fixed;
bottom: 20px; /* 與下方的距離, 也可改為百分比, 即為距離螢幕下方的百分比 */
right: 10px; /* 與右方的距離 */
width: 50px; /* 按鈕原始寬度 */
height: 50px; /* 按鈕原始高度 */
opacity: 0.6; /* 按鈕原始透明度 */
z-index: 10;
cursor: pointer;
transition: all .5s; /* 動畫效果 持續期間 */
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.goTop:hover { /* 滑鼠經過按鈕時 */
opacity: 1; /* 透明度 */
width: 50px; /* 按鈕寬度 */
height: 50px; /* 按鈕高度 */
}

.work dl{ float:left; display:block; width:100%;}
.work dt {
	display:block; border-radius:10px 10px 0 0 ; -webkit-border-radius:10px 10px 0 0; background:#00a6b0;
	font-size:1.5rem; font-weight:bold; text-align:center; color:#FFF;}
.work dd { padding:15px;  border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border:1px solid #00a6b0; font-size:1rem; line-height:1.3;}

/*聯絡我們*/
.contact{ clear:both; }
.contact ul{ list-style:none; margin: 0; padding: 0; text-align:center;}
.contact li{ display:inline-block; margin:0 5px;}
.contact li a{ display:block; width:200px; height:40px; border-radius:5px; -webkit-border-radius:5px; color:#FFF; font-size:1.2rem; font-weight:bold; line-height:40px; text-decoration:none; }
.contact li.a a{ background-color:#06C;}
.contact li.b a{ background-color:#3C0;}
.tdd  {
    background: #0070c0;
    color: #fff;
}
.ttd {
    background: #fde9d9;
}











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

/*紅色按鈕*/
.clink a{
	display:block; margin:10px auto 0; padding:0 10px 0; width:80%; height:40px; line-height:40px; border-radius:5px; -webkit-border-radius:5px; background:#e33f43;
	font-size:1.2rem; font-weight:bold; text-decoration:none; color:#fff; transition:.5s; text-align:center;}
.clink a:hover{ background:#00a6b0;}
.dlink a{ color:#00a6b0;}

/*框線樣式*/
.box_sty01{ margin:20px 0; padding:20px; border:2px solid #FC3; background:#FFFEE3;}
.box_sty01 h6{ margin:0 0 15px; font-size:1.3rem; line-height:1.2; color:#2c3e50; }
.box_sty02{ margin:20px 0; padding:20px; border:1px dashed #00a6b0; }
.box_sty02 h6{ font-size:1.2rem; line-height:1.2; color:#00a6b0; }

/*表格樣式*/
.tb-sty01 { margin:0 auto; width:100%; border-collapse: collapse; font-size:1rem; line-height:1.3;}
.tb-sty01 td{border:1px solid #aaa; border-collapse: collapse; padding:2px 5px;}
.tb-sty02 { margin:0 auto; width:100%; border-collapse: collapse;}
.tb-sty02 td{ border:1px solid #aaa; border-collapse: collapse; padding:5px; font-size:1rem; line-height:1.3;}
.tb-sty02 td a{ color: #00a6b0; text-decoration:none; transition:.3s; }
.tb-sty02 td a:hover{ color:#e33f43;}
.tb-sty03 { margin:0; width:100%; border-collapse: collapse;}/*字多適用*/
.tb-sty03 td{border:1px solid #aaa;border-collapse: collapse; padding:3px; font-size:0.9rem; line-height:1.3;}


/*圖片隱藏*/
.hidden_a{ display:block;}
.hidden_b{ display: block;}


/*標題樣式*/
.tit_sty01 { overflow:hidden;}
.tit_sty01 .left{ float:left; margin-right:5px; width:60px; height:36px; background:#00a6b0; font-size:1.1rem; line-height:36px; color:#FFF; text-align:center;}
.tit_sty01 .right{ float:none; padding:0 0 0 15px; height:36px; border: none; font-size:1.1rem; line-height:1.2; color:#00a6b0; font-weight:bold; }
.tit_sty01 p{ clear:both; padding:15px 0; }

/*考情便利貼*/
.note{ margin:10px 0; }
.note .title { width:100%; overflow:hidden;}
.note .title .left{ float:left; width:22%; border:1px solid #2c3e50; background:#2c3e50; line-height:30px; font-size:0.95rem; font-weight:bold; text-align:center; color:#FFF;}
.note .title .right{ float:right; width:78%; border:1px solid #2c3e50; line-height:30px; font-size:0.95rem; font-weight:bold; text-indent:5px; color:#2c3e50;}
.note p{ clear:both;margin:15px 0; }


/* == 刊頭 == */
.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:5%; background:#5de4ec; overflow:hidden; }
.con01 h2{ font-size:1.05rem; line-height:1.8; font-weight:normal; text-align:justify; color:#2c3e50;}
.con01 h2 a{ color:#2c3e50;}
.con01 h2 a:hover{ text-decoration:none;}
.con01 p{ font-size:1.1rem; line-height:1.6; text-align:justify; color:#333; }
.con01 .left{ display:none;}
.con01 .left img{ width:100%;}
.con01 .right{ padding:0; float:none; width:100%; overflow:hidden;}


/* == 內容 == */
.con02{
	padding:8% 5%; overflow:hidden; 
    font-size:1.05rem; line-height:1.6; text-align:justify; color:#333;
	}
.con02 h2{ margin:15px 0; font-size:1.5rem; line-height:1.2; color:#2c3e50;}
.con02 h3{
	width:200px; border-radius:20px; -webkit-border-radius:20px; background:#2c3e50; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#fff;
	}
.con02 h4{ font-size:1.4rem; line-height:1.2; color: #00a6b0;}/*#b65a00*/
.con02 h5{ font-size:1.2rem; line-height:1.5; color: #2c3e50;}
.con02 img{ margin:5px 0; width:100%; height:auto; }

/*考取經驗談*/
.exp{ clear:both; margin:20px 0 0; overflow:hidden; border:1px solid #00a6b0; border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0; }
.exp dt{ padding:4px 10px; font-size:1.4rem; font-weight: bold; background-color:#00a6b0; color:#FFF; text-align:center;}
.exp dd{ float:left; padding:15px 20px; width:100%; }
.exp h5{ font-size:1.3rem; line-height:1.2; }
.exp p{ font-size:1rem;}


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


/* == Go Top 按鈕 == */
.goTop { display:none;}

}

.work dl{ float:left; display:block; margin:1%; width:100%;}
.work dt {
	display:block; border-radius:10px 10px 0 0 ; -webkit-border-radius:10px 10px 0 0; background:#00a6b0;
	font-size:1.5rem; font-weight:bold; text-align:center; color:#FFF;}
.work dd { padding:15px;  border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border:1px solid #00a6b0; font-size:1rem; line-height:1.3;}

/*聯絡我們*/
.contact{ clear:both; }
.contact li a{ display:block; margin:5px auto; width:280px; height:40px; border-radius:5px; -webkit-border-radius:5px; color:#FFF; font-size:1.2rem; font-weight:bold; line-height:40px; text-decoration:none; }
.contact li.a a{ background-color:#06C;}
.contact li.b a{ background-color:#3C0;}



/* == 平版版型區 ============================================================================= */
@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;}

/*框線樣式*/
.box_sty01{ margin:20px 0; padding:30px; border:2px solid #FC3; background:#FFFEE3;}
.box_sty01 h6{ margin:0 0 15px; font-size:1.4rem; line-height:1.2; color:#2c3e50; }
	

/* == 刊頭 == */
.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:3% 4% 0; background:#5de4ec; overflow:hidden; }
.con01 h2{ font-size:1.05rem; line-height:1.8; font-weight:normal; text-align:justify; color:#2c3e50;}
.con01 h2 a{ color:#2c3e50;}
.con01 h2 a:hover{ text-decoration:none;}
.con01 p{ font-size:1.1rem; line-height:1.6; text-align:justify; color:#333; }
.con01 .left{ float:left; margin:0; width:26%;}
.con01 .left img{ width:100%;}
.con01 .right{  float:right; padding:0; width:70%; overflow:hidden;}


/* == 內容 == */
.con02{
	padding:4% 4%; overflow:hidden; 
    font-size:1.05rem; line-height:1.6; text-align:justify; color:#333;
	}
.con02 h2{ margin:20px 0; font-size:1.6rem; line-height:1.2; color:#2c3e50;}
.con02 h3{
	width:200px; border-radius:20px; -webkit-border-radius:20px; background:#2c3e50; 
	font-size:1.3rem; line-height:1.5; text-align: center; color:#fff;
	}
.con02 h4{ font-size:1.4rem; line-height:1.5; color: #00a6b0;}/*#b65a00*/
.con02 h5{ font-size:1.2rem; line-height:1.5; color: #2c3e50;}
.con02 img{ margin:0; width:100%; height:auto; }



/* ==  各項連結 == */
.footer{ padding:20px 0 30px; 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;}
.footer li a:hover {  color:#00a6b0; text-decoration:none;}


/* == Go Top 按鈕 == */
.goTop { display:none;}


}

.box_sty04 {
	padding: 25px;
	margin: 10px 0 10px 0;
	border: 1px dashed #A87A06;
}