/*-----標頭-----*/
.article-title{
	width:100%;
	height:auto;
	padding-bottom:10%;
	overflow:hidden;
	margin:0 auto 5%;
	background-image:url(../images/article-title_bg.png);
	background-size:auto 100%;
	position:relative;
	padding-top:20%;
	}
.article-title h2{
	margin:0;
	margin-top:5%;
	font-size:1em;
	color:#73aec0;
	letter-spacing:2px;
	text-align:center;
	}
.article-title h2 span{
	display:block;
	font-family:Times New Roman;
	font-size:1.5em;
	margin-bottom:5px;
	}
.article-title .article-title-bottom{
	width:100%;
	height:15px;
	background-image:url(../images/article-title_bottom.png);
	background-position:center top;
	
	position:absolute;
	bottom:0;
	}


/*---麵包屑---*/
.breadcrumb{
	width:770px;
	overflow:hidden;
	padding-bottom:22px;
	margin-bottom:20px;
	background-image:url(../images/breadcrumb_bg.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	
	font-size:14px;
	color:#cd8d1f;
	}
.breadcrumb a{
	font-size:14px;
	color:#cd8d1f;
	text-decoration:none;
	}
.breadcrumb a:hover{
	color:#945736;
	}
.breadcrumb a::after{
	content:" - ";
	color:#cd8d1f;
	}

/*------頁籤------*/
.page{
	width:100%;
	height:35px;
	overflow:hidden;
	clear:both;
	position:relative;
	padding-top:6px;
	}
.page li{}
.page a.pre, .page a.next{
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:16px;
	border:2px #73aec0 solid;
	
	font-size:1em;
	font-weight:bold;
	color:#73aec0;
	line-height:30px;
	text-decoration:none;
	}
.page a.pre:hover, .page a.next:hover{
	color:#73aec0;
	border:2px #ffe26e solid;
	background-color:#ffe26e;
	}
.page .pre{
	position:absolute;
	top:0;
	left:0;
	}
.page .next{
	position:absolute;
	top:0;
	right:0;
	}
.page ul{
	width:60%;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-inline-flexbox;/*IE*/
	display:box;
	text-align:center;
	}
.page ul li{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	box-flex:1;
	text-align:center;
	}
.page ul li a{
	display:block;
	width:22px;
	height:22px;
	border-radius:11px;
	margin:0 auto;
	font-size:1em;
	color:#777;
	line-height:22px;
	text-decoration:none;
	}
.page ul li a:hover{
	background-color:#ffe26e;
	color:#73aec0;
	}
.page ul li a.mark{
	background-color:#ffe26e;
	color:#73aec0;
	}
.page a.no{
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:16px;
	border:2px #ccc solid;
	
	font-size:1em;
	font-weight:bold;
	color:#ccc;
	line-height:30px;
	text-decoration:none;
	}
.page a.no:hover{
	width:30px;
	height:30px;
	overflow:hidden;
	border-radius:16px;
	border:2px #ccc solid;
	background:none;
	
	font-size:1em;
	font-weight:bold;
	color:#ccc;
	line-height:30px;
	text-decoration:none;
	}

/*-----html-----*/
.html{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	font-size:1em;
	color:#9f9d9d;
	letter-spacing:1px;
	line-height:1.5em;
	}
.html img{
	width:100%;
	height:auto;
	}

/*-----內頁子選單-----*/
.submenu{
	display:none;
	}

/*-----內頁右邊區域-----*/
.right-box{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	}
/*-----area頁-----*/
.area{
	width:100%;
	overflow:hidden;
	}
.area li{
	width:100%;
	overflow:hidden;
	}
.area .area-list{
	width:100%;
	overflow:hidden;
	margin-bottom:15%;
	}
.area .area-list li{
	width:100%;
	}
.area .area-list li a{
	padding-left:15%;
	background-image:url(../images/area-list-icon.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	font-size:1.3em;
	color:#888;
	letter-spacing:1px;
	line-height:1.5em;
	text-decoration:none;
	}
.area .area-list li a:hover{
	color:#73aec0;
	}
.area .area-list li a.activities{
	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
	background:none;
	background-color:#f6f6f6;
	padding:0;
	
	font-size:1.3em;
	color:#888;
	letter-spacing:1px;
	line-height:1.5em;
	text-decoration:none;
	text-align:center;
	}
.area .area-list li a.activities:hover{
	color:#73aec0;
	}
.area .area-list li.area-pic{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#f6f6f6;
	}
.area .area-list li.area-pic img{
	width:100%;
	height:auto;
	}
.area .area-list li.area-pic a{
	padding:0;
	background:none;
	}

/*-----活動花絮area頁-----*/
.area-activities{
	width:90%;
	margin:0 auto;
	padding:5px;
	overflow:hidden;
	border:4px #ffe26e solid;
	margin-bottom:10%;
	}
.area-activities a{
	text-decoration:none;
	}
.area-activities ul{
	display:block;
	width:98%;
	margin:0 auto;
	border:1px #ffe26e dashed;
	}
.area-activities:hover{
	border:4px #73aec0 solid;
	}
.area-activities ul:hover{
	border:1px #73aec0 dashed;
	}
.area-activities li{}
.area-activities li.area-activities-pic{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	margin-right:5%;
	margin-top:10%;
	}
.area-activities li.area-activities-pic img{
	width:100%;
	height:auto;
	}
.area-activities li.area-activities-title{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	
	font-size:1.3em;
	line-height:1.5em;
	font-weight:bold;
	color:#73aec0;
	letter-spacing:1px;
	text-align:center;
	}
.area-activities li.area-activities-text{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	
	font-size:1em;
	color:#999;
	letter-spacing:1px;
	line-height:1.5em;
	text-align:center;
	margin-bottom:10%;
	}


/*-----list文字頁-----*/
.list-text{
	width:100%;
	overflow:hidden;
	}
.list-text li{
	width:100%;
	overflow:hidden;
	padding-bottom:1%;
	border-bottom:4px #d1e5e9 solid;
	margin-bottom:15%;
	}
.list-text .list-area{
	width:100%;
	overflow:hidden;
	border-bottom:1px #d1e5e9 dashed;
	padding-bottom:5%;
	}
.list-text .list-area li{
	border:none;
	margin:0;
	}
.list-text .list-area li.one{}
.list-text .list-area li.two{}
.list-text .list-area .list-pic{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:2%;
	padding:0;
	}
.list-text .list-area .list-pic img{
	width:100%;
	height:auto;
	}
.list-text .list-area .list-time{
	width:100%;
	overflow:hidden;
	font-size:1em;
	color:#73aec0;
	margin-bottom:2%;
	}
.list-text .list-area .list-title{
	width:100%;
	overflow:hidden;
	margin-bottom:10%;
	}
.list-text .list-area .list-title a{
	font-size:1.3em;
	font-weight:bold;
	color:#888;
	letter-spacing:1px;
	line-height:1.5em;
	text-decoration:none;
	}
.list-text .list-area .list-title a:hover{
	color:#73aec0;
	}
.list-text .list-area .list-word{
	display:none;
	}
.list-text .list-area .more{
	width:50%;
	overflow:hidden;
	padding:3% 0;
	margin:0 auto;
	border-radius:15px;
	background-color:#ffe26e;
	text-align:center;
	}
.list-text .list-area .more img{
	width:80%;
	height:auto;
	margin:0 auto;
	}
.list-text .list-area .more:hover{
	background-color:#FFF;
	}

/*-----list圖片頁-----*/
.list-pic{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	padding-top:10%;
	}
.list-pic li{}
.list-pic .list-area{
	width:100%;
	height:auto;
	/*overflow:hidden;*/
	margin-bottom:10%;
	}
.list-pic .list-area li{}
.list-pic .list-area li.list-pic-pic{
	width:100%;
	height:auto;
/*	overflow:hidden;*/
	padding-bottom:5px;
	border-bottom:4px #d1e5e9 solid;
	
	position:relative;
	}
.list-pic .list-area li.list-pic-pic .list-pic-hover{
	width:100%;
	height:100%;
	background-image:url(../images/list-pic-hover.png);
	background-size:100% auto;
	opacity:0;
	
	position:absolute;
	top:-5%;
	left:0;
	}
.list-pic .list-area li.list-pic-pic .list-pic-hover:hover{
	opacity:1;
	}
.list-pic .list-area li.list-pic-pic img{
	width:100%;
	height:auto;
	}
.list-pic .list-area li.list-title{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-top:3px;
	padding-top:2%;
	border-top:1px #d1e5e9 dashed;
	}
.list-pic .list-area li.list-title a{
	font-size:1.3em;
	font-weight:bold;
	color:#888;
	letter-spacing:1px;
	line-height:1.5em;
	text-decoration:none;
	}
.list-pic .list-area li.list-title a:hover{
	color:#73aec0;
	}


/*-----內頁-----*/
.page-box{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	}
.page-time{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	font-size:1em;
	color:#73aec0;
	letter-spacing:1px;
	margin-bottom:2%;
	}
h3{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	font-size:1.3em;
	font-weight:bold;
	color:#888;
	letter-spacing:1px;
	line-height:1.5em;
	margin-bottom:5%;
	}
.back a{
	display:block;
	width:50%;
	padding-bottom:15%;
	overflow:hidden;
	margin:0 auto;
	margin-top:5%;
	background-image:url(../images/back_icon.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	}
.back a:hover{
	background-image:url(../images/back_icon_hover.png);
	}

/*-----contact-----*/
.contact{
	width:90%;
	overflow:hidden;
	margin:0 auto;
	}
.contact .map{
	width:100%;
	height:200px;
	overflow:hidden;
	margin-bottom:10%;
	}
.contact .map iframe{
	width:100%;
	height:200px;
	}
.contact .detail{
	width:100%;
	overflow:hidden;
	border-bottom:1px #73aec0 dashed;
	padding-bottom:5%;
	}
.contact .detail li{
	width:100%;
	overflow:hidden;
	text-align:center;
	margin-bottom:5%;
	}
.contact .detail li.contact-logo{}
.contact .detail li.contact-logo img{
	width:50%;
	height:auto;
	margin:0 auto;
	}
.contact .detail li.tel{
	background-image:url(../images/contact_icon01.png);
	background-repeat:no-repeat;
	background-size:20% auto;
	background-position:center top;
	padding-top:25%;
	}
.contact .detail li.add{
	background-image:url(../images/contact_icon02.png);
	background-repeat:no-repeat;
	background-size:20% auto;
	background-position:center top;
	padding-top:25%;
	}
.contact .detail span{
	display:block;
	font-size:1em;
	color:#aaa;
	margin-bottom:5%;
	}
.contact .detail span.contact-title{
	font-size:1.3em;
	font-weight:bold;
	color:#73aec0;
	}
.contact .detail span.contact-bold{
	font-size:1.3em;
	font-weight:bold;
	color:#999;
	letter-spacing:1px;
	}
.contact .detail span.contact-bold a{
	color:#999;
	text-decoration:none;
	}

.contact .fill{
	width:100%;
	overflow:hidden;
	margin-top:10%;
	}
.contact .fill li{
	overflow:hidden;
	margin-bottom:5%;
	}
.contact .fill span{
	display:block;
	font-size:1em;
	font-weight:bold;
	color:#999;
	letter-spacing:2px;
	line-height:1.5em;
	text-align:center;
	}
.contact .fill .input{
	width:100%;
	overflow:hidden;
	}
.contact .fill .input input{
	width:96%;
	height:35px;
	overflow:hidden;
	margin:0;
	border:none;
	border-radius:5px;
	background-color:#ccc;
	outline:none;
	}
.contact .fill .textarea{
	width:100%;
	overflow:hidden;
	}
.contact .fill .textarea textarea{
	width:98%;
	max-width:98%;
	height:165px;
	max-height:165px;
	border:none;
	border-radius:5px;
	background-color:#ccc;
	outline:none;
	
	font-family:Arial, Helvetica, sans-serif, Microsoft JhengHei,微軟正黑體, Aparajita;
	}
.contact .fill a.sent{
	display:block;
	width:35%;
	padding-bottom:35%;
	margin:0 auto;
	margin-top:10%;
	background-image:url(../images/contact_btn01.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	}
.contact .fill a.sent:hover{
	background-image:url(../images/contact_btn02.png);
	}