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

body{
	background-color:#4c6574;}
	
img{ border:none;}

table.mytable{
	display:block;
	border-spacing:5px;
	margin:10px 0 10px 0;
}
table.mytable tr {
padding:5px;
}
table.mytable td {
	padding:5px;
}
	
#content{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	overflow: visible;
	background-image:url(../bg.gif);
}
	
#content #left-box{
	width:627px;
	float:left;
	overflow:hidden;}
	
#content #left-box #header{
	width:627px;
	height:491px;
	overflow:hidden;}
	
#content #left-box #nav{
	width:627px;
	height:51px;}
	
#content #left-box #nav ul{
	list-style:none;
	display:block;}
	
#content #left-box #nav li{
	float:left;}
	
#content #left-box #nav li a{
	display:block;
	height:51px;
	background-image:url(../nav.jpg);
	text-indent:-9999px;}
	
#content #left-box #nav li.b1 a{ background-position:0px 0px; width:190px;}
#content #left-box #nav li.b2 a{ background-position:-190px 0px; width:130px;}
#content #left-box #nav li.b3 a{ background-position:-320px 0px; width:110px;}
#content #left-box #nav li.b4 a{ background-position:-430px 0px; width:197px;}

#content #left-box #t1{
	width:587px;
	margin:20px 0 0 20px;
	overflow:hidden;}
	
#content #left-box #tt1{
	width:557px;
	margin:0 0 15px 50px;
	overflow:hidden;}
	
#content .t{
	clear:both;
	width:980px;
	margin:0 0 0 20px;
	overflow:hidden;}
	
#content .tt{
	clear:both;
	width:910px;
	margin:0 40px 10px 50px;
	overflow:hidden;}
	
#content .tt .inbox{
	width:910px;
	overflow:hidden;}


	
#content #right-box{
	width:353px;
	float:right;
	background-image:url(../header3.jpg);
	background-repeat:no-repeat;
	padding:170px 0 0 20px;
	overflow:hidden;}
	
	

	
#content .box .inbox{
	width:830px;
	margin:20px 70px 0 100px;
	overflow:hidden;}	


	
#content #footer{
	clear:both;
	width:1000px;
	margin:0 auto;
	padding:0 0 10px 0;
	background-color: #000;
	overflow:hidden;
	}




	
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:20px;
	font-weight:normal;
    line-height:24px;
    color:#000000;}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:10px;
	font-weight:normal;
    line-height:24px;
    color:#000000;}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:15px;
	font-weight:normal;
    line-height:24px;
    color:#36261b;}


h4{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:15px;
	font-weight:normal;
    line-height:24px;
	text-indent:35px;
    color:#36261b;}
	
h5{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:15px;
	font-weight:normal;
    line-height:24px;
	text-indent:35px;
    color:#22870b;}
	
h6{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:13px;
	font-weight:normal;
    line-height:22px;
    color:#fff;
	text-decoration:none;}
	
	
.font01{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟正黑體;
    font-size:15px;
	font-weight:bold;
    line-height:22px;
    color:#009;}
	
.style1 {
	font-size: 13px;
	color: #FFFFFF;
	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: #c39b81;

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

/* arrow icon (span tag) */
#back-top span {
	width:60px;
	height:60px;
	display: block;
	margin-bottom: 7px;
	background: #c39b81 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: #f1a574;
}