@charset "utf-8";
/* CSS Document */

/* 網站基本設定
---------------------------------------------*/
html,body {
	color: #333;
	text-align:justify; /*文章齊頭齊尾*/
	text-justify:inter-ideograph;
	background: #f8f8f8 url(../images/body_bg.jpg) repeat-x left top;
	font-family: "微軟正黑體", Arial;
	font-size: 75%;
}
a {
	color: #5f5f5f;
	text-decoration: none;
	}
a:hover {
	color: #000000;
	text-decoration: underline;
	}
img {	
    display: block;
}
.clean-float {
	clear: both;
}

/* 首頁網站結構設定
---------------------------------------------*/
#wrapper {width: 980px; margin:0 auto; padding:0 10px;}
#header{
	width:980px;
	height:340px;
	position:relative;
	background: url(../images/header_bg.jpg) no-repeat;
}
#logo{
	position:absolute;
	right: 18px;
	top: 40px;
}
#catch01{
	position:absolute;
	left: 18px;
	top: 40px;
}
#catch02{
	position:absolute;
	left: 18px;
	top: 117px;
}

#wording{
	position:absolute;
	left: 314px;
	top: 57px;
}
#content{ padding:36px 18px 0 18px;} 
#content .left{ width:676px; float:left;}
#content .right{ width:240px; float:right;}
#content .right dt{ float:left; margin-bottom:8px;}
#content h1{
	padding-bottom:8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #64361E;
}
#content h1.new{
	padding-bottom:8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #64361E;
	margin-bottom:14px;
}
#paper{ padding:14px 0 0 0;}
#paperLeft{ width:324px; float:left;}
#paperRight{ width:340px; float:right;}
#paper h2{
	font-size: 18px;
	color: #DB7E89;
	margin-bottom:4px;
}
#paper h2 a{
	display:block;
	height:100%;
	color: #DB7E89;
	text-decoration: none;
}
#paper h2 a:hover{
	color: #F30;
	text-decoration: none;
}
#paper h3 a{
	display:block;
	height:100%;
	color: #DB7E89;
	text-decoration: none;
}
#paper h3 a:hover{
	color: #F30;
	text-decoration: none;
}
#paper h4 a{
	display:block;
	height:100%;
	color: #333;
	text-decoration: none;
}
#paper h4 a:hover{
	color: #F30;
	text-decoration: none;
}
#paper h3{
	font-size: 14px;
	color: #DB7E89;
}
#paper h4{
	font-size: 14px;
	color: #333;
	line-height: 18px;
	font-weight: normal;
}

.paperBox01{
	float:left;
	width:300px;
	border: 2px solid #63361F;
	-webkit-border-radius: 6px; /*導圓角*/
	-moz-border-radius:6px; /*導圓角*/
	border-radius:8px; /*導圓角*/
	margin-bottom:14px;
	padding:14px 10px;
	*padding:14px 10px 14px 10px;
	background-color: #FFF;
	clear:both;
}
.paperBox02{
	float:left;
	width:140px;
	border: 2px solid #63361F;
	-webkit-border-radius: 6px; /*導圓角*/
	-moz-border-radius:6px; /*導圓角*/
	border-radius:8px; /*導圓角*/
	margin-bottom:6px;
	padding:14px 10px;
	background-color: #FFF;
}
.paperBox03{
	float:right;
	width:140px;
	border: 2px solid #63361F;
	-webkit-border-radius: 6px; /*導圓角*/
	-moz-border-radius:6px; /*導圓角*/
	border-radius:8px; /*導圓角*/
	margin-bottom:6px;
	padding:14px 10px;
	background-color: #FFF;
}
.paperBox04{
	float:left;
	width:316px;
	border: 2px solid #63361F;
	-webkit-border-radius: 6px; /*導圓角*/
	-moz-border-radius:6px; /*導圓角*/
	border-radius:8px; /*導圓角*/
	margin-bottom:7px;
	padding:14px 10px;
	background-color: #FFF;
}
.paperVisual{
	padding-bottom:14px;
	margin-bottom:8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.paperVisual02{
	float:left;
	padding-right:8px;
	margin-right:8px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}
.paperText{
	margin-top:22px;
	float:right;
	width:140px;
	}
.paperText02{
	margin-top:30px;
	float:right;
	width:156px;
	}

/* Banner Set
---------------------------------------------*/
#banner{ padding:18px; margin-bottom:30px;}
#banner h1{
	padding-bottom:8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #64361E;
	}
#banner .content{
	padding:14px 0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #64361E;
	color: #FFF;
	height:75px;
	}
#banner .content dt{
	float:left;
	padding:0 18px;
	}

/* Footer Set
---------------------------------------------*/
#footer{
	clear:both;
	width:100%;
	font-size: 12px;
	color: #919191;
	text-align:left; /*文章齊頭齊尾*/
	text-justify:inter-ideograph;/*文章齊頭齊尾*/
	display:table; /*再ipad上延伸底圖*/
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
}
#footerContent{ width:980px; margin:0 auto; padding:10px 0 0 0;}
#Copyright h2{ margin-bottom:10px;}
#Copyright h3{ font-weight: normal; margin-bottom:6px; color: #fff;}
#Copyright h4{
	font-weight: normal;
	color: #fff;
	line-height: 21px;
}
