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

body{
	background-image:url(bg.png);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-color: #fdeae4;}
	
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{
	margin:0 auto;
	width:1003px;
	overflow:hidden;}
	
#content #header{
	width:1003px;
	height:438px;
	overflow:hidden;}
	
#content #nav{
	width:1003px;
	height:100px;
	overflow:hidden;}
	
#content #nav ul{
	list-style:none;}
	
#content #nav li{
	}
	
#content #nav li a{
	width:1003px;
	height:100px;
	float:left;
	text-indent:-9999px;
	background-image:url(nav.png);
	}
	
#content #nav li.b1 a{ background-position:0 0; width:210px;}
#content #nav li.b2 a{ background-position:-210px 0; width:210px;}
#content #nav li.b3 a{ background-position:-420px 0; width:583px;}

#content #box{
	width:1003px;
	background-image:url(content-bg.png);}
	
#content #box #set1{
	width:923px;
	padding:20px 40px 0 40px;
	margin-bottom:20px;
	}
	
#content #box #set1 #movie{
	clear:both;
	width:560px;
	height:315px;
	margin:0 auto;
	margin-top:20px;}
	
#content #box #set2{
	width:923px;
	padding:0 40px 0 40px;
	margin-bottom:20px;
	}
	
#content #box #set3{
	width:1003px;
	}



h1{
	font-family:Verdana, Arial, Helvetica, sans-serif,微軟黑體;
    font-size:16px;
	font-weight:normal;
    line-height:24px;
    color:#51400d;}
	
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:13px;
	font-weight:normal;
    line-height:22px;
    color:#cdc97e;}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:13px;
	font-weight:normal;
    line-height:22px;
    color:#ffffff;}
	
h4{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:13px;
	font-weight:bold;
    line-height:22px;
    color:#ffffff;}
	
h5{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:20px;
	font-weight:bold;
    line-height:22px;
    color:#ffffff;}
	
h6{
	font-family:Verdana, Arial, Helvetica, sans-serif,新細明體;
    font-size:15px;
	font-weight:normal;
    line-height:22px;
    color:#ffffff;}


/*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: #5b3d36;

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

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