@import url("combo.css");

/***基本設定****/

body,td,p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	line-height: 20px;}
		
img{border:none;}

form{display:inline}

input.txt{
	margin: 0 0 0 3px;
	padding: 2px 0 0 3px;
	height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777;
	background-color: #FFF;
	border: 1px solid #CDCDCD;}
	
select{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	height: 19px;
	color: #555;
	background-color: #FFF;
	border: 1px solid #CDCDCD;}
	
/***文字設定***/	

p{margin: 0 0 20px 0;}

h1{
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 15px;
	color: #957763;
	font-weight: bold;}	
	
.colorHighlight{color: #FF3366}

.colorHighlight2{color: #885637}

.textNote{color: #555}

.boldHighlight{ font-weight: bold}

a:link, a:visited {color: #993366;text-decoration: none;}
a:hover {color: #FF3366;text-decoration: underline;}

/***layout設定***/	

#wrap{
	margin: 15px auto;
	padding: 0;
	width: 980px;
	text-align: left;
	position: relative;
	background-color: #E8E8E8;}/*內容區的底色*/
	
#header{
	margin: 0;
	padding: 10px 30px 10px 30px;
	width: auto;
	background-color: #FFF;}/*header的底色*/
	#header img{vertical-align: bottom;}
	
#headerPIC{
    margin: 0;
	padding: 0;}
	
#main{
	margin:  0 0 15px 0;
	padding: 0;}	
	
#content1{
    margin:  15px 30px 0 30px;
	padding: 0;}
	
#content2{
    margin:  15px 30px 0 0;/*for FF*/
	_margin:  15px 0 0 0;/*for IE6*/
	#margin:  15px 0 0 0;/*for IE7*/
	padding: 0 0 0 0;/*for FF*/
	_padding: 0 30px 0 0;/*for IE6*/
	#padding: 0 30px 0 0;/*for IE7*/
	width: 720px;
	float: right}
	
#index{
	margin: 0;
	padding: 0;
	text-align: center;}	
	
#footer{
	margin: 15px 0 10px 0;
	padding: 5px 30px 5px 30px;
	height:auto;
	font-size: 11px;
	color: #777;
	vertical-align: top;
	clear: both;
	background-image: url(images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #E8E8E8;}/*footer的底色*/
	#footer img{
	padding: 5px;}
	#footer ul {
    margin: 0;
	padding: 0;
	list-style: none;}
    #footer li{
	padding: 0 10px 0 10px;
	display: inline;
	background-image: url(images/dot.gif);
	background-repeat: repeat-y;
	background-position: left;}
	#footer li a:link,#footer li a:visited {
	font-size: 11px;
	color: #777;
	text-decoration: none;}/*footer文字連結的顏色*/
    #footer li a:hover {
	font-size: 11px;
	color: #FF3366;
	text-decoration: none;}
	
#footerPIC,#copyright,#footerLink{margin: 5px 0 0 0;
	padding: 0;
	clear: both;}
	
/***內容設定***/
	
.mainTitle{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	background-image: url(images/icon/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;}/*單元大標題*/
				
.searchTable{
	margin: 0;
	padding: 0;
	width: 100%;}
	.searchTable td{
	padding: 0;
	vertical-align: middle;}
	.searchTable td img{
	vertical-align: bottom;}
	.searchTable td.back{
	padding-left: 20px;
	width: 60px;
	color: #777;
	text-align: right;}
	.searchTable td.search{
	text-align: right;}
	.searchTable td.btn{
	width: 50px;
	text-align: center;}
	.searchTable td a:link,.searchTable td a:visited {color: #777; text-decoration: none;}
    .searchTable td a:hover {
	color: #FF5500;
	text-decoration: none;}

.contentBTN{
    margin: 10px 0 0 0;
	padding: ０;
	text-align: center;}
	.contentBTN img{
    margin: 0 3px 0 3px;
	vertical-align: bottom;}
	
.pages{
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	color: #666;
	text-align: center;}
	.pages a:link,.pages a:visited {color: #666; text-decoration: none;}
    .pages a:hover {color: #FFF;text-decoration: none;background-color: #999;}
	
.dottedLineOnTOP{
    background-image: url(images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: top;}
	
.dottedLineOnBottom{
    background-image: url(images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: bottom;}
	
.dashedBorder{border: 1px dashed #777;}

.solidBorderNoTop{
    border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;}
	
.solidBorder{border:1px solid #DDD;}
	
.alignLeft {text-align: left;}

.alignRight {text-align: right;}

.alignCenter {text-align: center;}

.floatLeft {float: left;}

.floatRight {float: right;}

.clearAll{clear:both;}
	
/***news設定***/

#hotNews {
	margin: 10px 0 0 0;
	padding: 10px 15px 10px 15px;
	height: 130px;
	background-image: url(images/topics_bg.jpg);/*焦點新聞的底圖*/
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;}
    #hotNews h1{margin: 0 0 8px 0;
	padding: 0;}

.hotNewsTable {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;}
    .hotNewsTable td {
	vertical-align: top;
	color: #333;
	padding: 5px;}
    .hotNewsTable td.pic {
	width: 120px;
	border-right:1px solid #CCC}
	.hotNewsTable td.pic img {
	width: 100px;
	height:90px;
	border:1px solid #DDD}
    .hotNewsTable td.content {
	padding: 5px 0 5px 15px;}

.hotNewsTitle {
	padding: 0 0 10px 0;
	color: #643465;
	font-size: 13px;
	font-weight: bold;}
	.hotNewsTitle a:link, .hotNewsTitle a:visited {
	color: #643465;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;}
   .hotNewsTitle a:hover {
	color: #FF3366;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;}

.newsListTable {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
	background-color: #FFF;}
.newsListTable th {
	padding: 4px 5px 0 5px;
	height:25px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #643465;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background-color: #F8EDF8;}
	.newsListTable th.leftline {
	border-left: 1px solid #F8EDF8;}
	.newsListTable th.rightline {
	border-right: 1px solid #F8EDF8;}
    .newsListTable td {
	padding: 6px 3px 4px 3px;
	color: #555;
	text-align: center;
	background-image: url(images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	vertical-align: top;}
    .newsListTable td.subject {
	padding: 6px 3px 4px 15px;
	text-align: left;}
	.newsListTable td.category {
	width: 80px;
	color: #777;}
    .newsListTable td.date {
	width: 100px;
	font-size: 11px;
	color: #CC3399;}
    .newsListTable td a:link, .newsListTable td a:visited {
	color: #555;
	text-decoration: none;}
    .newsListTable td a:hover {
	color: #FF3366;
	text-decoration: none;}
	
.newsContentBG {
	background-image: url(images/main_bg_news.jpg);
	background-repeat: no-repeat;
	background-position: right 73px;}
	
#newsContent {
	background-color: #FFF;}
	
#newsContentPages{
	margin: 0;
	padding: 10px 0 10px 0;
	color: #666666;
	text-align: center;}
	#newsContentPages a:link, #newsContentPages a:visited {
	color: #666666;
	text-decoration: none;
	padding: 3px;}
    #newsContentPages a:hover {
	color: #CC3366;
	text-decoration: none;}

#subjectTitle {
	margin: 10px 0 8px 0;
	padding: 10px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #555;}
	
#date {
	padding: 8px 30px 0 0;
	color: #777;
	text-align: right;}
	
a.newsSubject {
	position:relative;
	z-index:2;
	text-decoration:none}
a.newsSubject:hover {z-index:3;background:none;}
a.newsSubject span {display: none}
a.newsSubject:hover span {
	padding: 3px 8px 3px 8px;
	display:block;
	position:absolute;
	top:15px;
	left:23px;
	width:500px;
	background-color:#EEE;
	color:#643465;
	border: 1px solid #CCC;}
	
/***會員設定***/

#memberLogin {
	margin: 0;
	padding: 20px 15px 15px 15px;
	height: 130px;
	text-align:center;
	background-image: url(images/login_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFF;}
	
.loginTable{
	margin: 0 auto;
	width: 50%;}
	.loginTable td{
	padding: 6px 2px 0 0;
	color: #555;
	vertical-align: top;
	text-align: left;}
	.loginTable td.item{
	padding: 6px 2px 0 10px;
	color: #555555;
	width: 90px;}
	.loginTable td a:link, .loginTable td a:visited{
	text-decoration: underline;}
	
#memberJoin {
	margin: 0;
	padding: 20px;
	text-align: center;
	background-color: #F3F3F3;}
	
.joinTable{
	margin: 0 auto;
	width: 100%;}
	.joinTable td{
	padding: 6px 2px 0 10px;
	color: #555;
	vertical-align: top;
	text-align: left;}
	.joinTable td img{
	margin: 0 0 0 5px;
	vertical-align: bottom;}
	.joinTable td.item{
	width: 75px;
	color: #000;}
	.joinTable td.star{
	width: 75px;
	color: #333;
	background-image: url(images/icon/bullet-red-star.gif);
	background-repeat: no-repeat;
	background-position: left 8px;	}
	.joinTable td.item2{
	width: 130px;
	color: #000;}
	.joinTable td.star2{
	width: 130px;
	background-image: url(images/icon/bullet-red-star.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	color: #333;}
	
/***活動報名***/

.listTable {
	margin:  0 0 10px 0;
	padding: 0;
	width: 100%;
	background-color: #FFF;
	border-collapse: collapse;
	border-top: 1px solid #DDD;}
    .listTable td {
	padding: 4px 3px 2px 15px;
	color: #555;
	vertical-align: top;
	background-image: url(images/dotted_line_h.gif);
	background-repeat: repeat-x;
	background-position: bottom;}
	.listTable td img {
	margin: 0 0 0 5px;
	vertical-align: bottom;}
    .listTable td.item {
	width: 80px;
	color: #643465;
	background-color: #F8EDF8;}
    .listTable td.title {
	color: #643465;
	font-size: 13px;
	font-weight: bold;}
    .listTable td.title a:link, .listTable td.title a:visited {
	color: #643465;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;}
    .listTable td.title a:hover {
	color: #885637;
	text-decoration: none;}