/*Google網路中文字型應用02 – cwTeXYen (Chinese Traditional) 圓體字型*/
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

*{margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ width:100%; height:100%; font-family:Arial, Helvetica,"微軟正黑體",sans-serif; text-size-adjust:none;
      font-size:15px;}
ul{ margin:0; padding:0; list-style:none;}
p{ margin:0; padding:0;}


/* == 桌機版優先 ============================================================================= */
/* ==刊頭== */
.head{
	width: 100%;
	height:1019px;
	background-image:
	url(../images/head_bg.jpg);
	position:relative;
	}
.head_bg{
	width:auto;
	height:1019px;
	background-position:center;
	background-image:
	url(../images/head_01.png);
	background-repeat:no-repeat;
	margin:0px auto;
	}
/* ==刊頭== */
/* == 區塊01 == */
.con01{
	width:100%;
	background-color:
	#FFF;
	position:relative;
}

.con01-btn{ 
    margin:10px auto 10px;
    padding:10px 0;
    width:40%;
    height:auto;
    background-color:#070203;
    border-radius:20px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con01-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }


/* == 區塊01 == */
/* == 區塊02 == */
.con02{
	width:100%;
	background-color:
	#FFF;
	position:relative;
}
.con02-btn{ 
    margin:30px auto 30px;
    padding:10px 0;
    width:40%;
    height:auto;
    background-color:#070203;
    border-radius:20px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con02-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }


/* == 區塊03 == */
.con03{
	width:100%;
	background-color:
	#FFF;
	position:relative;
}
.con03-btn{ 
    margin:30px auto 30px;
    padding:10px 0;
    width:40%;
    height:auto;
    background-color:#070203;
    border-radius:20px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }
.con03_1-btn{ 
    margin:30px auto 30px;
    padding:10px 0;
    width:40%;
    height:auto;
    background-color:#070203;
    border-radius:20px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_1-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }
.con03_2-btn{ 
    margin:30px auto 30px;
    padding:10px 0;
    width:40%;
    height:auto;
    background-color:#070203;
    border-radius:20px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_2-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }
.con03_3-btn{ 
    margin:30px auto 30px;
    padding:10px 0;
    width:40%;
    height:auto;
    background-color:#070203;
    border-radius:20px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_3-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }
.con03_4-btn{ 
    margin:30px auto 50px;
    padding:10px 0;
    width:40%;
    height:auto;
    background-color:#070203;
    border-radius:20px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_4-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }



/* == 區塊03 == */
/* == 區塊04== */
.con04{
	width:100%;
	height:68px;
	background-color:
	#28241B;
	position:relative;
}
.con04 .image04{
	width:auto;
	height:68px;
	background-position:center;
	background-image:
	url(../images/con04.png);
	background-repeat:no-repeat;
	margin:0px auto;
	}
/* == 區塊04== */




/* == 班系連結 == */
.footer{
	padding:15px 0;
	overflow:hidden;
	background-color:#28241B;
	}
.footer-main{
	margin:0 auto;
	padding:0 100px;
	width:1200px;
	}
.footer-main dl{ float:left; margin:0; padding:0 20px;	width:250px; border-right:1px solid #0879b8;}
.footer-main dl:nth-child(4){ border-right:0px solid #FFF;}
.footer-main dt,dd{ display:block;}
.footer-main dt{
	float:left;
	margin:0 0 5px 0;
	width:120px;
	height:32px;
	line-height:32px;
	border-radius:5px;
	background-color:#FFF;
	text-align:center;
	font-size:1.3em;
	color:#0060a9;
	}
.footer-main dt a{ display:block; text-decoration:none; color:#0060a9;}
.footer-main dd a{ display:block; text-decoration:none; color:#FFF;}
.footer-main dd{
	float:right;
	margin:0 0 5px 0;
	width:85px;
	height:32px;
	line-height:32px;
	border-radius:5px;
	background-color:#7edf00;
	text-align:center;
	font-size:1.2em;
	color:#FFF;
	}

/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px) {
.wrap{
	margin:0 auto;
	width:100%;}
/* ==刊頭== */
.head{
	width:100%;
	height:auto;
	position:relative;
	}
.head_bg {
	width: 100%;
	height: 0;
	background-image:
	url(../images/hm_01.jpg);
	padding-bottom: 101.9%;
	background-size: cover;
	position: relative;
	overflow: hidden;
    /*抓目前的寬度，計算出所需高度，計算方式為圖片高度除以寬度*/
    }	
/* ==刊頭== */	

/* == 區塊01 == */
.con01{
	width:100%;
	height:auto;
	position:relative;
	background-color:#FFF;
	}
.con01-btn{ 
    margin:10px auto 10px;
    padding:5px 0;
    width:70%;
    height:auto;
    background-color:#070203;
    border-radius:10px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con01-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }

/* == 區塊01 == */
/* == 區塊02 == */
.con02{
	width:100%;
	height:auto;
	position:relative;
	background-color:#FFF;
	}

.con02-btn{ 
    margin:20px auto 20px;
    padding:5px 0;
    width:70%;
    height:auto;
    background-color:#070203;
    border-radius:10px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con02-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }	

/* == 區塊02 == */
/* == 區塊03 == */
.con03{
	width:100%;
	height:auto;
	position:relative;
	}
.con03-btn{ 
    margin:20px auto 20px;
    padding:5px 0;
    width:70%;
    height:auto;
    background-color:#070203;
    border-radius:10px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }	
.con03_1-btn{ 
    margin:20px auto 20px;
    padding:5px 0;
    width:70%;
    height:auto;
    background-color:#070203;
    border-radius:10px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_1-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }		
.con03_2-btn{ 
    margin:20px auto 20px;
    padding:5px 0;
    width:70%;
    height:auto;
    background-color:#070203;
    border-radius:10px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_2-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }	
.con03_3-btn{ 
    margin:20px auto 20px;
    padding:5px 0;
    width:70%;
    height:auto;
    background-color:#070203;
    border-radius:10px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_3-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }	
.con03_4-btn{ 
    margin:20px auto 40px;
    padding:5px 0;
    width:70%;
    height:auto;
    background-color:#070203;
    border-radius:10px;
    font-size:3em;
    color:#23ea3e;
    text-align:center;
    }
.con03_4-btn a{ 
    display:block;
    text-decoration:none;
    color: #FFF;
    }		
	
/* == 區塊03 == */
/* == 區塊04 == */
.con04{
	width:100%;
	height:auto;
	position:relative;
	background-color:#28241B;
	}
.con04 .image04{
	width: 100%;
	height:0;
	background-image:
	url(../images/con04.png);
	padding-bottom: 6.8%;
	background-size: cover;
	position: relative;
	overflow: hidden;
    /*抓目前的寬度，計算出所需高度，計算方式為圖片高度除以寬度*/
    }	
/* == 區塊04== */

/* == 班系連結 == */
.footer{
	padding:10px 0 25px 0;
	overflow:hidden;
	background-color:#28241B;
	}
.footer-main{
	margin:0 auto;
	padding:0;
	width:100%;
	}
.footer-main dl{ float:left; margin:0; padding:0 2%; width:50%; border-right:0px solid #0879b8;}
.footer-main dl:nth-child(4){ border-right:0px solid #FFF;}
.footer-main dt,dd{ display:block;}
.footer-main dt{
	float:left;
	margin:0 0 5px 0;
	width:55%;
	height:30px;
	line-height:30px;
	border-radius:5px;
	background-color:#FFF;
	text-align:center;
	font-size:0.9em;
	color:#0060a9;
	}
.footer-main dt a{ display:block; text-decoration:none; color:#0060a9;}
.footer-main dd a{ display:block; text-decoration:none; color:#FFF;}
.footer-main dd{
	float:right;
	margin:0 0 5px 0;
	width:40%;
	height:30px;
	line-height:30px;
	border-radius:5px;
	background-color:#7edf00;
	text-align:center;
	font-size:0.9em;
	color:#FFF;
	}