@charset "big5";
@import url("jquery.mCustomScrollbar.min.css");
body {
    text-align:left;
	font-family: 'arial', '·L³n¥¿¶ÂÅé';
	line-height: 1.6em;
	color: #FFF;
}
.wrapper {
  text-align: left;
  clear: both;*/
}
#topMenu:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
* html #topMenu,*:first-child+html #topMenu { zoom: 1;}

.clearFix:after {content: " ";display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
* html .clearFix,*:first-child+html .clearFix { zoom: 1;}
#googleCode {
  position: absolute;
}


/* ==========================================================================
   common
============================================================================= */
.section p {
  margin: 1em 0;
  line-height: 1.6em;
}

.section li {
  margin: 0.5em 0;
  line-height: 1.6em;
}
.section ol {
  margin-left: 2em;
}
.section ol li {
  list-style-type: decimal;
  
}

.textCenter {
  text-align: center;
}
.section {
  height: 920px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.container {
  width: 830px;
  margin: 0 auto;
  padding-top: 100px;
}

.title {
  margin-bottom: 30px;
  position: relative;
  z-index: 21;
}
.characters {
  position: absolute;
  z-index: 11;
}

.sub {
  color: #00ffde;
}

.point {
  color: #f8ff86;
}
.point_2{
	color: #ff803a;
	}

.btn {
  background: #078e27;
  color: #fff;
  width: 200px;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  font-size: 24px;
  display: block;
  text-decoration: none;
}
.btn:hover {
  background: #00c02d;
}
.img {
  text-align: center;
}
.img img {
  border: 5px solid #fff;
}
/* ==========================================================================
   intro
============================================================================= */
#intro {
  height: 900px;
  background: url('../images/bg_intro.jpg') center top no-repeat;
}
#intro .container {
  width: 900px;
}
.logo {
  background: url('../images/logo.png') 0 0 no-repeat;
  width: 300px;
  height: 198px;
  position: absolute;
  top: 5px;
  left:460px;
}
/* ==========================================================================
   page_1
============================================================================= */
#page1 {
  height: 900px;
  	background-image:url(../images/bg.jpg);
}
#page1 .title {
  background: url('../images/title_1.jpg') 0 0 no-repeat;
    height: 868px;
  width: 450px;
  height: 106px;
}
/* ==========================================================================
   page_2
============================================================================= */
#page2 .title {
  background: url('../images/title_2.jpg') 0 0 no-repeat;
  width: 868px;
  height: 106px;

}
#page2 {
  height: 1200px;  	background-image:url(../images/bg2.jpg);
}

/* ==========================================================================
   page_3
============================================================================= */

#page3 .title {
  background: url('../images/title_3.jpg') 0 0 no-repeat;
  width: 868px;
  height: 106px;

}
#page3 {
  height: 1200px;  	background-image:url(../images/bg.jpg);
}

/* ==========================================================================
   page_4
============================================================================= */


#page4 .title {
  background: url('../images/title_4.jpg') 0 0 no-repeat;
  width: 868px;
  height: 106px;
}
#page4 {
  height: 2200px;background-image:url(../images/bg2.jpg);
}


/* ==========================================================================
   nav
============================================================================= */

.nav {
  position: absolute;
  top: 710px;
  width: 100%;
  height: 100px;
  z-index: 21;
}
.nav.fixed {
  position: fixed;
  top: 0px;
}
.nav ul {
  width: 1000px;
  margin: 0px auto;
}

.nav li {
  float: left;
  margin: 0 0px 0 0;
}

.nav a {
  white-space: nowrap;text-indent: 100%;overflow: hidden;display: block;
  height: 100px;
  background: url('../images/nav.png') 0 0 no-repeat;
}
.nav .nav_1 {
  margin-left: 0px;
}
.nav_1 a {
  width: 250px;
}
.nav_1 a:hover,
.nav_1 a.focus {
  background-position: 0 -100px
}
.nav_2 a {
  width: 250px;
  background-position: -250px 0;
}
.nav_2 a:hover,
.nav_2 a.focus {
  background-position: -250px -100px
}

.nav_3 a {
  width: 200px;
  background-position: -500px 0;
}
.nav_3 a:hover,
.nav_3 a.focus {
  background-position: -500px -100px
}

.nav_4 a {
  width: 300px;
  background-position: -700px 0;
}
.nav_4 a:hover,
.nav_4 a.focus {
  background-position: -700px -100px
}



/* ==========================================================================
   Bug ¦^³ø
============================================================================= */

.top {
  position: fixed;
  right: 20px;
  bottom: 10%;
  z-index: 31;
}
.top a {
  background: url('../images/top.png') 0 0 no-repeat;
  width: 68px;
  height: 68px;
}
.top a:hover {
  background-position: 0px -68px;
}

.tbstyle_1 { border: 2px solid #e9e9e9; padding:1px; margin: 0px 0px 5px; line-height: 24px; text-align: center; }
.tbstyle_1 table { border: 1px solid #ccc; border-width:1px 1px 0px 0px; }
.tbstyle_1 th, .tbstyle_1 td { padding: 5px; border:1px solid #B7B7B7; border-width: 0px 0px 1px 1px; }
.tbstyle_1 th { background: #7f5e3b; color: #fff;  font-weight: bold; }
.tbstyle_1 td {background: #FFF; color: #000;}
.tbstyle_1 .odd td { background: #efefef; }
.tbstyle_1 td.text_left { text-align: left;}
div.Mb { margin-bottom: 27px; }
.tbstyle_1 td.tdbg_1 {background: #eee;color:#b8284d;}