/*  ================================================================================
 * Lineage css style
 * © 2015 Gamania Digital Entertainment Co., Ltd. All Rights Reserved.
================================================================================  */
@charset "utf-8";
/* CSS Document */
.ie6 img {	width:100%;}

*, body, html {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: "微軟正黑體", Arial;
}
html {
	overflow-x: hidden;
}
body{
	overflow-x: hidden;
	display: block;
	width: 100%;
	background-color: #1b1c22;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	margin: 0;
	padding: 0px;
	}
a {
 text-decoration: none;
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
	
a:visited {
	background: none;
	font-weight: normal;
	}	
img{ border:0px; margin:0px; padding:0px;}
/*-------------------------------------------*/

.header{
	display: block;
	clear: both;
	height: 40px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

.wrap {
	width: 1032px;
	clear: both;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
}

.wrap img{
	clear: both;
	overflow: hidden;
	display: block;
}
.box{
	display: block;
	width: 100%;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 710px;
}
.box2{
	display: block;
	width: 100%;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	padding-top: 35px;
}
/* -------------------------------------------------- */
.nav{
	display: block;
	width: 1032px;
	height: 54px;
	clear: both;
	overflow: hidden;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
    position: relative;
	left: 50%;
	top: 656px;
	z-index: 99;
	margin-left: -517px;
}

.nav ul{
	width: 1032px;
	height: 54px;
	list-style: none;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}

.nav li{
	float: left;
	height: 94px;
}

.nav li.S1 a{
	display: block;
	width: 184px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px -54px;
}
.nav li.S1 a:hover,
.nav li.S1 a.active{
	width: 184px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
	
.nav li.S2 a{
	display: block;
	width: 232px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -184px -54px;
}

.nav li.S2 a:hover,
.nav li.S2 a.active{
	width: 232px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -184px 0px;
}

.nav li.S3 a{
	display: block;
	width: 195px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -416px -54px;
}
.nav li.S3 a:hover,
.nav li.S3 a.active{
	width: 195px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -416px 0px;
	}
.nav li.S4 a{
	display: block;
	width: 159px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -611px -54px;
}
.nav li.S4 a:hover,
.nav li.S4 a.active{
	width: 159px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -611px 0px;
	}
.nav li.S5 a{
	display: block;
	width: 262px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -770px -54px;
}
.nav li.S5 a:hover,
.nav li.S5 a.active{
	width: 262px;
	height: 54px;
	background-image: url(../img/btn.jpg);
	background-repeat: no-repeat;
	background-position: -770px 0px;
	}
/*--------------------------------------------*/
#toTop {
	position: fixed;
	bottom: 10px;
	right: 5%;
	cursor: pointer;
	display: none;
	overflow: hidden;
	z-index: 99;
	height: 68px;
	width: 113px;
}

/*----------------------------------------------*/
.footer{
	background-position: 0px 0px;
	display: block;
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	background-color: #000000;
}