@charset "UTF-8";
body{ 
	font-size: 100%; font-family: "微軟正黑體";
	background: #fff;
	margin: 0px;
}

a{ cursor: pointer; text-decoration: none; outline: none; border: none;}
.wrapper img{ width: 100%;}

.wrapper{ 
	position: relative; overflow: hidden; 
	min-width: 1150px; margin: 0px auto;	
}

.header{
	background: url(../images/sec0_pic.jpg) no-repeat;
	background-position: top center;
	width: 100%; height: 935px;   
}

.sec{ 
	position: relative; width: 940px;
	margin: 30px auto; padding: 30px;
	background: url(../images/sec_bg.png) repeat;
}
.secsp{ background: url(../images/sec_2_bg.png) repeat;}
.sec01{ margin-top: -280px; }


.nav{
	position: fixed;
	top: 40px; 
	width: 100%; height: 90px;  padding-top:30px;
	background: url(../images/nav_bg.png) repeat-x;
	overflow: hidden;
}

.navmask{
	position: absolute; width: 100%; height: 110px; 
	background: url(../images/nav_mask.png) repeat;
	display: none; top:0px; left:0px;
}
.nav ul{ width: 1320px;; list-style: none; margin: 0px auto; position: relative;}
.nav li{ 
	display: block; cursor: pointer; 
	width: 159px; height: 63px; float: left;
}
.nav a{ 
	display: block; cursor: pointer; 
	width: 159px; height: 63px; float: left;
}
.nav01btn a{ background: url(../images/nav_1_btn.png) no-repeat;}
.nav02btn a{ background: url(../images/nav_2_btn.png) no-repeat;}
.nav03btn a{ background: url(../images/nav_3_btn.png) no-repeat;}
.nav04btn a{ background: url(../images/nav_4_btn.png) no-repeat;}
.nav05btn a{ background: url(../images/nav_5_btn.png) no-repeat;}
.nav06btn a{ background: url(../images/nav_6_btn.png) no-repeat;}
.nav07btn a{ background: url(../images/nav_7_btn.png) no-repeat;}
.nav08btn a{ background: url(../images/nav_8_btn.png) no-repeat;}

.nav a:hover{ background-position: 0px -63px;}

.footer{ background: #000; width: 100%; text-align:center;}

.topbtn{
	position: fixed; cursor: pointer;
	background: url(../images/top_btn.png) no-repeat;
	width: 50px; height: 50px;
	right: 100px; bottom: -100px;
}

.topbtn:hover{ background-position: 0px -50px;}


.tabbtn{
	position: fixed; top: 50%; margin-top: -90px; right:-10px;
	background: url(../images/tab.png) no-repeat;
	width: 120px; height:189px;
}
.tabbtn:hover{
	background-position: 0px -189px;
}


