@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
	
}

p,h1,h2,h3,h4,h5,h6 {color:#000000;}
p,a  {
	color: #000000;
	font-size: 16px;
	line-height: 24px;
} 
a {}

a:link {text-decoration: none;} 



body {background-color:#001a2f;z-index:-1000;font-family: "微軟正黑體", "儷黑 Pro", Arial, Helvetica, sans-serif;}
.clearfix{clear:both;}
.wrap {margin:0 auto;}
.redtext {
	color: #FF0004;
}

.container {width:94%;margin:0 auto;max-width:770px;padding:3% 3%;}
.header {width:100%;margin:0 auto;max-width:800px;}
.header_text{bottom:0;position:absolute;margin-bottom:20px;}
.header h4{
	text-align: justify;
	width: 100%;
	margin: 0 auto;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
}
.header .topimage{position:relative;height:460px;width:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden;background-position: top center;background-image:url(../images/top.jpg);}
.header .logo {text-align:right;}
.header .logo img{width:315px;margin:0 auto;text-align:center;margin:10px 20px;}
.content_wrap {background-color:#f5f5f5;}
.row {margin:20px auto;padding:10px auto;margin-bottom:40px;border-bottom:solid 1px #cbcbcb;padding-bottom:30px;}
.subtitle {color:#05a4c4;margin:2px auto;}
.highlight {
	font-weight: bold;
	font-size: 17px;
	border: solid 2px #000000;
	padding: 1px 3px;
	color: #000000;
}
.details {padding:3px 3px 3px 16px;}
.details .four_left {float:left;width:21%;}
.details .four_right {float:left;width:79%;}
.details  ol{margin:0;padding:0;}
.details  ol li{ list-style-position: inside; }
.highlight_sp {
	font-size: 15px;
	color: #727272;
	text-decoration: underline;
}
.btn {text-align:center;}

@media (max-width: 639px){
.header .topimage{height:550px;background-position: top center;background-size:150%;}
.header .logo {text-align:center;}
.header .logo img {width:100%;max-width:280px;}
.header h4{padding:15px 0px 15px 0px;margin-bottom:10px;}
.details .four_left {float:left;width:36%;}
.details .four_right {float:left;width:74%;}
}

@media (max-width: 479px){
.header .topimage{height:420px;background-position: top center;background-size:160%;}
.header h4{font-size:15px;padding:10px 0px 10px 0px;margin-bottom:0px;}
.header .logo img {
	width: 100%;
	max-width: 230px;
	font-size: medium;
}
.details .four_left {float:left;width:100%;}
.details .four_right {float:left;width:100%;}
}

@media (max-width: 320px){
.header .topimage{height:400px;background-position: top center;background-size:160%;}
.header h4{
	font-size: 16px;
	padding: 10px 0px 10px 0px;
	margin-bottom: 0px;
}
}