/*-----標頭-----*/
.article-title{
	width:100%;
	min-width:1000px;
	height:120px;
	overflow:hidden;
	padding-top:120px;
	margin:0 auto;
	background-image:url(../images/article-title_bg.png);
	position:relative;
	}
.article-title h2{
	font-size:16px;
	color:#73aec0;
	letter-spacing:2px;
	text-align:center;
	}
.article-title h2 span{
	display:block;
	font-family:Times New Roman;
	font-size:34px;
	line-height:44px;
	}
.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;
	}

/*------頁籤------*/
.page{
	width:300px;
	height:35px;
	overflow:hidden;
	margin-left:430px;
	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:16px;
	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:200px;
	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:16px;
	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:16px;
	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:16px;
	font-weight:bold;
	color:#ccc;
	line-height:30px;
	text-decoration:none;
	}

/*-----html-----*/
.html{
	width:800px;
	overflow:hidden;
	margin:0 auto;
	font-size:14px;
	color:#999;
	letter-spacing:1px;
	line-height:25px;
	}
.html img{
	width:100%;
	height:auto;
	}

/*-----內頁子選單-----*/
.submenu{
	width:220px;
	overflow:hidden;
	float:left;
	}
.submenu ul{
	width:190px;
	/*overflow:hidden;*/
	border-radius:15px;
	}
.submenu ul li{
	border-bottom:1px #ccc dashed;
	background-color:#f5f5f5;
	}
.submenu ul li:last-child{
	border-bottom:none;
	}
.submenu ul li a{
	display:block;
	width:160px;
	padding:21.5px 15px;
	font-size:15px;
	font-weight:bold;
	color:#929292;
	letter-spacing:1px;
	text-decoration:none;
	}
.submenu ul li a:hover{
	width:190px;
	background:none;
	background-image:url(../images/submenu_hover.png);
	border-bottom:none;
	background-size:100% 100%;
	color:#67a0b1;
	}
.submenu ul li a.this{
	display:block;
	width:190px;
	padding:21.5px 15px;
	font-size:15px;
	font-weight:bold;
	color:#67a0b1;
	letter-spacing:1px;
	text-decoration:none;
	
	background-image:url(../images/submenu_hover.png);
	border-bottom:none;
	background-size:100% 100%;
	}
.submenu ul li a::before{
	font-size:16px;
	font-weight:bold;
	content:">";
	color:#67a0b1;
	margin-right:10px;
	}
.submenu ul li.submenu-title{
	width:160px;
	padding:21.5px 15px;
	font-size:18px;
	font-weight:bold;
	color:#929292;
	letter-spacing:1px;
	border-bottom:3px #67a0b1 solid;
	}
.submenu ul li.submenu-title img{
	margin-right:10px;
	}

/*-----內頁右邊區域-----*/
.right-box{
	width:730px;
	overflow:hidden;
	float:right;
	}

/*-----area頁-----*/
.area{
	width:730px;
	overflow:hidden;
	}
.area li{
	width:365px;
	overflow:hidden;
	float:left;
	}
.area .area-list{
	width:325px;
	height:230px;
	overflow:hidden;
	margin-bottom:20px;
	}
.area .area-list li{
	width:100%;
	}
.area .area-list li a{
	padding-left:30px;
	background-image:url(../images/area-list-icon.png);
	background-repeat:no-repeat;

	font-size:20px;
	color:#888;
	letter-spacing:1px;
	line-height:40px;
	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:18px;
	color:#888;
	letter-spacing:1px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	}
.area .area-list li a.activities:hover{
	color:#73aec0;
	}

.area .area-list li.area-pic{
	width:325px;
	height:170px;
	overflow:hidden;
	}
.area .area-list li.area-pic img{
	width:325px;
	height:170px;
	}
.area .area-list li.area-pic a{
	padding:0;
	background:none;
	}

/*-----活動花絮area頁-----*/
.area-activities{
	width:315px;
	height:160px;
	padding:5px;
	overflow:hidden;
	border:4px #ffe26e solid;
	margin-bottom:35px;
	}
.area-activities ul{
	display:block;
	width:250px;
	height:75px;
	padding:41.5px 31.5px;
	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:75px;
	height:75px;
	overflow:hidden;
	margin-right:10px;
	}
.area-activities li.area-activities-pic img{
	width:75px;
	height:75px;
	}
.area-activities li.area-activities-title{
	width:165px;
	height:30px;
	overflow:hidden;
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#73aec0;
	letter-spacing:1px;
	margin-bottom:5px;
	}
.area-activities li.area-activities-text{
	width:165px;
	height:40px;
	overflow:hidden;
	font-size:14px;
	color:#999;
	letter-spacing:1px;
	line-height:20px;
	}

/*-----list文字頁-----*/
.list-text{
	width:730px;
	overflow:hidden;
	}
.list-text li{
	width:100%;
	overflow:hidden;
	padding-bottom:3px;
	border-bottom:4px #d1e5e9 solid;
	margin-bottom:60px;
	}
.list-text .list-area{
	width:100%;
	overflow:hidden;
	border-bottom:1px #d1e5e9 dashed;
	padding-bottom:20px;
	}
.list-text .list-area li{
	border:none;
	float:left;
	margin:0;
	}
.list-text .list-area li.one{
	width:230px;
	}
.list-text .list-area li.two{
	width:480px;
	}
.list-text .list-area .list-pic{
	width:195px;
	height:135px;
	overflow:hidden;
	margin-right:35px;
	padding:0;
	}
.list-text .list-area .list-pic img{
	width:195px;
	height:135px;
	}
.list-text .list-area .list-time{
	width:480px;
	overflow:hidden;
	font-size:14px;
	color:#73aec0;
	margin-bottom:10px;
	}
.list-text .list-area .list-title{
	width:480px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
	margin-bottom:20px;
	}
.list-text .list-area .list-title a{
	font-size:18px;
	font-weight:bold;
	color:#888;
	letter-spacing:1px;
	text-decoration:none;
	}
.list-text .list-area .list-title a:hover{
	color:#73aec0;
	}
.list-text .list-area .list-word{
	width:480px;
	height:75px;
	overflow:hidden;
	font-size:14px;
	color:#999;
	letter-spacing:1px;
	line-height:25px;
	margin-bottom:15px;
	}
.list-text .list-area .more{
	width:85px;
	height:20px;
	overflow:hidden;
	border-radius:10px;
	background-color:#ffe26e;
	text-align:center;
	margin-left:395px;
	}
.list-text .list-area .more img{
	width:80%;
	height:auto;
	margin:0 auto;
	margin-top:4px;
	}
.list-text .list-area .more:hover{
	background-color:#FFF;
	}

/*-----list圖片頁-----*/
.list-pic{
	width:1000px;
	overflow:hidden;
	padding-top:30px;
	}
.list-pic li{
	float:left;
	margin-right:50px;
	}
.list-pic li:nth-child(3n){
	margin-right:0;
	}
.list-pic .list-area{
	width:300px;
	height:214px;
	/*overflow:hidden;*/
	margin-bottom:70px;
	}
.list-pic .list-area li{
	float:none;
	margin:0;
	}
.list-pic .list-area li.list-pic-pic{
	width:300px;
	height:170px;
/*	overflow:hidden;*/
	padding-bottom:5px;
	border-bottom:4px #d1e5e9 solid;
	
	position:relative;
	}
.list-pic .list-area li.list-pic-pic .list-pic-hover{
	width:300px;
	height:180px;
	background-image:url(../images/list-pic-hover.png);
	opacity:0;
	
	position:absolute;
	top:-10px;
	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:300px;
	height:170px;
	}
.list-pic .list-area li.list-title{
	width:300px;
	overflow:hidden;
	text-align:center;
	margin-top:3px;
	padding-top:6px;
	border-top:1px #d1e5e9 dashed;
	}
.list-pic .list-area li.list-title a{
	font-size:18px;
	font-weight:bold;
	color:#888;
	letter-spacing:1px;
	line-height:25px;
	text-decoration:none;
	}
.list-pic .list-area li.list-title a:hover{
	color:#73aec0;
	}


/*-----內頁-----*/
.page-box{
	width:800px;
	overflow:hidden;
	margin:0 auto;
	}
.page-time{
	width:100%;
	overflow:hidden;
	font-size:15px;
	color:#73aec0;
	letter-spacing:1px;
	margin-bottom:10px;
	}
h3{
	width:100%;
	overflow:hidden;
	font-size:20px;
	font-weight:bold;
	color:#888;
	letter-spacing:1px;
	line-height:25px;
	margin-bottom:20px;
	}
.back a{
	display:block;
	width:120px;
	height:35px;
	overflow:hidden;
	margin-top:30px;
	background-image:url(../images/back_icon.png);
	background-size:100% auto;
	}
.back a:hover{
	background-image:url(../images/back_icon_hover.png);
	}

/*-----contact-----*/
.contact{
	width:950px;
	overflow:hidden;
	margin:0 auto;
	}
.contact .map{
	width:950px;
	height:380px;
	overflow:hidden;
	margin-bottom:25px;
	}
.contact .detail{
	width:100%;
	overflow:hidden;
	border-bottom:1px #73aec0 dashed;
	padding-bottom:30px;
	}
.contact .detail li{
	overflow:hidden;
	text-align:center;
	float:left;
	}
.contact .detail li.contact-logo{
	width:270px;
	overflow:hidden;
	}
.contact .detail li.contact-logo img{
	width:180px;
	height:65px;
	margin:0 auto;
	}
.contact .detail li.tel{
	width:260px;
	background-image:url(../images/contact_icon01.png);
	background-repeat:no-repeat;
	padding-left:60px
	}
.contact .detail li.add{
	width:300px;
	background-image:url(../images/contact_icon02.png);
	background-repeat:no-repeat;
	padding-left:60px
	}
.contact .detail span{
	display:block;
	font-size:14px;
	color:#aaa;
	text-align:left;
	margin-bottom:5px;
	}
.contact .detail span.contact-title{
	font-size:18px;
	font-weight:bold;
	color:#73aec0;
	}
.contact .detail span.contact-bold{
	font-size:19px;
	font-weight:bold;
	color:#999;
	letter-spacing:1px;
	}

.contact .fill{
	width:100%;
	overflow:hidden;
	margin-top:40px;
	}
.contact .fill li{
	float:left;
	}
.contact .fill span{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#999;
	letter-spacing:2px;
	line-height:40px;
	}
.contact .fill .input{
	width:320px;
	overflow:hidden;
	margin-right:20px;
	}
.contact .fill .input input{
	width:300px;
	height:35px;
	overflow:hidden;
	padding:0 10px;
	border:none;
	border-radius:5px;
	background-color:#ccc;
	outline:none;
	}
.contact .fill .textarea{
	width:475px;
	overflow:hidden;
	margin-right:20px;
	}
.contact .fill .textarea textarea{
	width:450px;
	max-width:450px;
	height:165px;
	max-height:165px;
	padding:10px;
	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:103px;
	height:101px;
	margin-top:80px;
	background-image:url(../images/contact_btn01.png);
	}
.contact .fill a.sent:hover{
	background-image:url(../images/contact_btn02.png);
	}