@import url("reset.css");
/* CSS Document */

body{
	background-color:#396352;}
	
img{ border:none;}
	
#content{
	margin:0 auto;
	width:1003px;
	background-color:#ae957c;
	overflow:hidden;}
	
#content #header{
	height:393px;}
	
#content #nav{
	width:1003px;
	height:148px;
	margin-bottom:20px;
	background-image:url(../nav_bg.jpg);
	overflow:hidden;}
	
#content #nav ul{
	list-style:none;
	display:block;}
		
#content #nav li{
	float:left;}
	
#content #nav li a{
	display:block;
	height:148px;
	background-image:url(../nav.png);
	text-indent:-9999px;}
	
#content #nav li.b1 a{ background-position:0 0; width:310px;}
#content #nav li.b2 a{ background-position:-310px 0; width:140px;}
#content #nav li.b3 a{ background-position:-450px 0; width:130px;}
#content #nav li.b4 a{ background-position:-580px 0; width:130px;}
#content #nav li.b5 a{ background-position:-710px 0; width:140px;}
#content #nav li.b6 a{ background-position:-850px 0; width:153px;}

#content #nav li.b1 a:hover{ background-position:0 -148px; width:310px; }
#content #nav li.b2 a:hover{ background-position:-310px -148px; width:140px;}
#content #nav li.b3 a:hover{ background-position:-450px -148px; width:130px;}
#content #nav li.b4 a:hover{ background-position:-580px -148px; width:130px;}
#content #nav li.b5 a:hover{ background-position:-710px -148px; width:140px;}
#content #nav li.b6 a:hover{ background-position:-850px -148px; width:153px;}

#content .box{
	width:890px;
	margin:20px 0 20px 70px;
	padding-right:15px;}



h1{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:bold;
    line-height:24px;
    color:#ffffff;}
	
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:24px;
    color:#ffffff;}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:bold;
    line-height:22px;
    color:#ffff00;}
	
h4{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:22px;
    color:#ffff00;}
	
h5{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:22px;
    color:#e7bb41;}
	
h6{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:22px;
    color:#ffffff;}
	
.font1{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:22px;
    color:#ff9c00;
	text-decoration:none;
}
	
.font2{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:bold;
    line-height:22px;
    color:#ffffff;}
	
.font3{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:bold;
    line-height:22px;
    color:#ffff00;}
	
	
.font4{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:bold;
    line-height:22px;
    color:#01fbf5;}
	
.font5{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:bold;
    line-height:22px;
    color:#d9111c;}
	
.font6{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:22px;
    color:#ffff00;
	text-decoration:none;
}
		

	

	
	
	
	
/*TOP*/
#back-top {
	width:60px;
	height:60px;
	position: fixed;
	bottom: 30px;
	margin:0 5px 10px 0;}



#back-top a {
	width:60px;
	display: block;
	text-align: center;
	font: 10px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #04c5c3;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #08b9f3;
}

/* arrow icon (span tag) */
#back-top span {
	width:60px;
	height:60px;
	display: block;
	margin-bottom: 7px;
	background: #04c5c3 url(../up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #08b9f3;
}