@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/background-harbour.jpg);
	background-position:center 20px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-color: #000000;
}
body.member{
	background-image:url(../images/background-member.jpg);
}
body.download{
	background-image:url(../images/background-download.jpg);
}
body.tool{
	background-image:url(../images/background-tool.jpg);
}
body.setting{
	background-image:url(../images/background-setting.jpg);
}
body.rule{
	background-image:url(../images/background-rule.jpg);
}
body.exp-c-1{
	background-image:url(../images/background-exp-c1.jpg);
}
body.exp-b-2{
	background-image:url(../images/background-exp-b2.jpg);
}
body,td,th {
	font-family: 新細明體, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1,h2,h3,h4{
	cursor:default;
}
p{
	line-height:1.3em;
}
a img{
	border:0px;
}
a{
	color:#900;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#wrapper{
	width:990px;
	margin-left:auto;
	margin-right:auto;
}
div#button_bar{
	background-color:#700;
	margin-bottom:350px;
	text-align:center;
}
div#button_bar a{
	display:inline-block;
	width:135px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	height:20px;
	line-height:20px;
	border-top:#700 solid 2px;
	border-bottom:#700 solid 2px;
	
}

div#button_bar a:hover{
	border-top:#FFF solid 2px;
	border-bottom:#FFF solid 2px;
}


div#footer{
	height:60px;
	text-align:center;
	margin-top:30px;
}
div#footer a{
	display:inline-block;
	padding-top:5px;
	padding-bottom:3px;
	width:70px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
}
div#footer a:hover{
	text-decoration:underline;
}
div#copyright{
	font-size:0.9em;
	color:#FFF;
	padding-top:5px;
}
div#content{
}
div.left_box{
	width:320px;
	float:left;
	background-color:#200;
}
div.mid_box{
	width:320px;
	float:left;
	margin-left:15px;
	background-color:#200;
}
div.right_box{
	width:655px;
	float:left;
	margin-left:15px;
	padding-top:10px;
	background-color:#200;
}
div.whole_box{
	width:990px;
	padding-top:10px;
	background-color:#200;
}
div.left_box div.content_box{
	margin:10px;
	cursor:default;
	color:#FFF;
}
div.right_box div.content_box, div.whole_box div.content_box{
	margin:10px;
	margin-top:0px;
	padding:25px;
	background-color:#FFF;
	cursor:default;
	line-height:1.3em;
}
div.right_box div.content_box h1, div.whole_box div.content_box h1{
	margin-top:0px;
	color:#200;
	border-bottom:1px solid #200;
	font-size:24px;
	line-height:28px;
}
div.right_box div.content_box h1 a, div.whole_box div.content_box h1 a{
	color:#200;
	text-decoration:none;
}
div.right_box div.content_box h1 a:hover, div.whole_box div.content_box h1 a:hover{
	text-decoration:underline;
}
div.right_box div.content_box h2, div.whole_box div.content_box h2{
	color:#900;
	font-size:18px;
	margin-top:2em;
}

img.images_right{
	float:right;
	margin-left:15px;
	margin-bottom:20px;
}
img.images_left{
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}


/*------------------------------------------------------------------------------------------------------*/
div.index-content{
	margin:10px;
	color:#FFF;
	line-height:1.3em;
	height:280px;
}

div.index-content img{
	margin-bottom:5px;
}

div.index-content h2{
	font-size:18px;
}
div.index-content h2 a{
	display:block;
	color:#FFF;
}
div.index-content h2 a:hover{
	display:block;
	text-decoration:none;
}

/*------------------------------------------------------------------------------------------------------*/
ul#exp_list{
	margin:0px;
	padding:0px;
}
ul#exp_list li{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#exp_list li.title{
	height:22px;
	line-height:22px;
	padding-bottom:5px;
	padding-top:15px;
	font-size:16px;
	font-weight:bold;
}
ul#exp_list li a{
	display:block;
	background-color:#200;
	color:#FFF;
	line-height:18px;
	height:18px;
	text-decoration:none;
	border-top:1px dashed #300;
}
ul#exp_list li a:hover{
	background-color:#300;
}
/*------------------------------------------------------------------------------------------------------*/
ul.book_list{
	margin:0px;
	padding:0px;
}
ul.book_list li{
	margin:9px;
	padding:0px;
	float:left;
	display:block;
	width:210px;
	text-align:center;
	list-style:none;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:290px;
	border:1px dashed #666;
}
ul.book_list li img{
	margin-top:5px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:7px;
}
/*------------------------------------------------------------------------------------------------------*/
ul.download_list{
	padding-top:50px;
}
ul.download_list li{
	line-height:25px;
}