@charset "utf-8";
@import url("reset.css");

body {
	font-family: Helvetica, Arial, "LiHei Pro", 新細明體, PMingLiU, sans-serif;
	
	text-align:center;
}

#container{
	position:relative;
	width:100%;
	text-align:center;

	margin:0 auto;
}


#header{
	position:relative;
	width:100%;

	text-align: center;
background: url(../img/bg.png) repeat center top #96d7dc;
}


#header .b,#header .s{
	display:none;}	
#header .box{
	position:relative;
	width:1000px;
	height:600px;
	background:url(../img/header.png) no-repeat center top;
	margin:0 auto;
}
#header .box h1 a{
	position: absolute;
	display: block;
	background: url(../img/logo.png) no-repeat left top;
	width: 250px;
	height: 80px;
	left: 172px;
	top: 82px;
	text-indent: -9999px;
}
#header .box .fb-like{
	position: absolute;
	height: 30px;
	left: 250px;
	top: 50px;
	vertical-align: middle;
}

#map a{
	position: absolute;
	width: 245px;
	height: 25px;
	right: 579px;
	bottom: 60px;
	text-indent: -9999px;
}

#content_01{
	position:relative;
	width:100%;
	text-align:center;
	background-color:#e6e6e6;
}
#content_01 .box{
	width:100%;
	max-width:1000px;
	padding:1em;

	margin:0 auto;
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Verdana, Helvetica, Arial, sans-serif;
	color:#333;
	text-align:left;
}
#content_01 .box ul li{
	line-height:1.6;
	margin-bottom:0.5em;
}
#content_01 .box p{
	line-height:1.6;

}
#content_01 .box p span{
	color:#C00;
	font-weight:bold;}	

#content_02{
	width:100%;
	text-align:center;
	background-color:#D6BAAC;
	padding:30px 0 45px 0;
}
#title{
	width:103px;
	height:22px;
	background:url(../img/title.png) no-repeat left top;
	margin-bottom:10px;
	text-indent:-9999px;
}
#content_02 .box{
	margin:0 auto;
	width:1000px;
	font-size:15px !important;
	line-height:1.5 !important;
}
#content_02 .box p{
	display:block;
	padding:0 10px;
	margin:10px 0;
	color:#323232;
}
#content_02 .box td{
	border-bottom:1px solid #bebebe;
}
#content_02 .line{
	border-left:1px solid #bebebe;
}
.t_w{
	color:#FFF !important;
	font-weight:bold;
}
.t_r{
	color:#eb4137 !important;
	font-weight:bold;
	font-size:16px;
	letter-spacing: 0.1em;
}
strong{
	color:#000;
}

#content_03{
	position:relative;
	width:100%;
	text-align:center;
	background-color:#FFF;
	overflow:hidden;
}
#content_03 .box {
	position:relative;
	width:100%;
}
.pp_l{
	position:absolute;
	width:25px;
	height:500px;
	top:0;
	left:0;
	z-index:888;
	background-color:#FFF;
}
.pp_t{
	position:absolute;
	width:710px;
	height:25px;
	top:0;
	left:25px;
	z-index:888;
	background-color:#FFF;
}
.pp_r{
	position:absolute;
	width:25px;
	height:500px;
	top:0;
	right:16px;
	z-index:888;
	background-color:#FFF;
}
.pp_b{
	position:absolute;
	width:710px;
	height:25px;
	bottom:0;
	right:25px;
	z-index:888;
	background-color:#FFF;
}

#content_04{
	position:relative;
	width:100%;
	text-align:center;
	background-color:#D6BAAC;
	padding:30px 0 45px 0;
}
#content_04 .box{
	position:relative;
	width:1000px;
	margin:0 auto;
	color:#6F6060;
	text-align:left;
	font-size:13px;
	line-height:2;
	padding:0 3em;
	margin-bottom:1em;
}
#content_04 .box table tr{
	width:100%;}
#content_04 .box a{
	color: #FFF;
	text-decoration: none;
}
#content_04 .box a:hover{
	color: #fafafa;
	text-decoration:underline;
}

#content_04 .protection{
	width:1000px;
	margin:0 auto;
	padding:0 3em;
	font-size:12px;
	text-align:left;
	color:#6F6060;}
#content_04 .protection h3{

	font-size:15px;
	margin-bottom:1em;}
#content_04 .protection p{
	line-height:2;}	

#footer{
	position:relative;
	width:100%;
	text-align:center;
	padding:30px 0 45px 0;
}

#footer ul{
	display:block;
	width:1000px;
	margin:0 auto;
	padding:0 2em;
	text-align:left;
	margin-top:17px;
	background-color:#fafafa;	
}
#footer ul li{
	display:block;
	height:60px;
	float:left;
	text-align:left;
}
h2 a{
	display:block;
	background:url(../img/logo_02.png) top left no-repeat;
	width:127px;
	height:35px;
	margin:-17px 20px 0 0;
	text-indent:-9999px;
}
h3 a{
	display:block;
	background:url(../img/logo_03.png) top left no-repeat;
	width:188px;
	height:40px;
	margin:-20px 20px 0 0;
	text-indent:-9999px;
}
#gotop {
	background:url(../img/top.png) no-repeat left top;
	text-indent: -999px;
	display: block;
	overflow: hidden;
	height: 60px;
	width: 60px;
	display: none;
	position: fixed;
	bottom: 60px;
	right: 30px;
	z-index: 999;
}

#end{
	position:absolute;
	width:165px;
	height:165px;
	background:url(../img/end.png) left top no-repeat;
	top:-65px;
	right:-45px;
	text-indent:-9999px;
	z-index:888;
}

.fb-like{
	left:-290px;
	top:15px;
}
/* show more css */
.showmore_content {
	position: relative;
	overflow: hidden;
}
.showmore_trigger {
	width: 80px;
	padding:.5em;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #B39B8F;
	color: #FFF;
	text-align: center;

	cursor: pointer;
}
.showmore_trigger span {
	display: block;
}

.showmore_trigger:hover{
	background-color:#AD9082;}
/* show more css End */
@media screen and (max-width: 1001px) {
#header{
	
	height:auto;}	
#header .box{
	background:none;
	height:0;
}	
#header .b{
	display:block;
	width:100%;
	height:auto;}	
#content_01 .box{
	width:90%;
	font-size:1em;
	text-align:justify;}
#content_02 .box{
	width:96%;}
}
@media screen and (max-width: 560px) {
#footer{
	padding-top:15px;}	
#footer ul{
	width:90%;
	margin-top:0;
	padding:0;}
#footer ul li{
	font-size:12px;
	width:100%;
	height:40px;}	
	
	}
@media screen and (max-width: 480px) {
#header{
	background:none;
	}
#header .b{
	display:none;}		
#header .s{
	display:block;
	width:100%;
	height:auto;}	
#header .box{
	background:none;
	height:0;
}
#header .box h1 a{
	display:none;}
#content_04 .box ,#content_04 .protection{
	width:90%;
	padding:0;}


	
h2 a,h3 a{
	background-size:90%;}	
}