*{ 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;}
.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;}

.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:20px 0; 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; }


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

/*標題樣式*/
.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; }


/*按鈕樣式*/
.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{ margin-bottom:5px; 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:20px 50px; width:80%; 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;}


/* ==  各項連結 == */
.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; /* 按鈕高度 */
}



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

/*框線樣式*/
.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; }

/*表格樣式*/
.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;}


/*標題樣式*/
.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; }


/* == 刊頭 == */
.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.5; color: #00a6b0;}/*#b65a00*/
.con02 h5{ font-size:1.2rem; line-height:1.5; color: #2c3e50;}
.con02 img{ margin:10px 0; width:100%; height:auto; }

/*榜單*/
.board{ margin:40px auto; padding:15px 15px 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:none; margin:0; width:100%; font-size:0.9rem;}
.board h7{ margin:0 0 10px; padding:0 0 5px; display:block; width:100%; border-bottom:1px dashed #FFFFFF; font-size:1.7rem; font-weight:bold; text-align:center; color:#FF3;}
.board h8{ margin: 10px 0 0; padding: 10px 0 0;	display: block;	width: 100%; border-top: 1px dashed #FFFFFF; text-align: center; font-weight: bold;}


/* ==  各項連結 == */
.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;}

}




/* == 平版版型區 ============================================================================= */
@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:20px 50px; width:80%; 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;}


}