﻿@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding:0;
	margin:0;
	list-style-type:none;
	}	
a,img{
	outline: none; /* for Firefox */
    hlbr:expression(this.onFocus=this.blur()); /* for IE */	
	}
img, div{
	border:0px;
	}	
input,textarea{outline:none} /*消除chrome黃色框*/
textarea{resize:none} /*不要縮放*/

/**/
#ba {
	width:100%;
	min-width:1000px;
	min-height: 900px;
	background-attachment: scroll;
	background-image: url(../images/index.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	/*overflow:hidden;*/
	}
#content{
	position: relative;
	margin: 0px auto;
	width: 1000px;
	}

#fbox {
	width:100%;
	min-height:738px;
	}
/*LOGO*/

#logobox {
	width: 486px;
	height: 122px;
	position: absolute;
	right:0px;
	top:0px;
	}
.logo {
	float: left;
	width: 256px;
	height: 122px;
	display: block;
	cursor: hand;
	background-attachment: scroll;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	}	
.ac {
	float:left;
	width:115px;
	height:32px;
	display: block;
	background-image: url(../images/ac.png);
	background-position: 0px 0px;
	cursor:hand;
	margin-top:41px;
	}
.ac:hover{
	background-image:url(../images/ac.png);
	background-position: 0px 32px;
	}
.dw {
	float:left;
	width:115px;
	height:32px;
	display: block;
	background-image: url(../images/dw.png);
	background-position: 0px 0px;
	cursor:hand;
	margin-top:41px;
	}
.dw:hover{
	background-image:url(../images/dw.png);
	background-position: 0px 32px;
	}

/*mu*/

#mubox {
	width: 464px;
	height: 167px;
	position: absolute;
	right:20px;
	top:429px;
	z-index: 1;
	}
.mu1 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_01.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu1 span.hover{
	width:58px;
	height:167px;
	display:block;
	background-image:url(../images/mu_01.png);
	background-position: 0px 167px;
	}
.mu2 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_02.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu2 span.hover{
	width:58px;
	height:167px;
	display:block;
	background-image:url(../images/mu_02.png);
	background-position: 0px 167px;
	}
.mu3 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_03.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu3 span.hover{
	width:58px;
	height:167px;
	display:block;
	background-image:url(../images/mu_03.png);
	background-position: 0px 167px;
	}
.mu4 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_04.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu4 span.hover{
	width:58px;
	height:167px;
	display:block;
	background-image:url(../images/mu_04.png);
	background-position: 0px 167px;
	}
.mu5 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_05.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu5 span.hover{
	width:58px;
	height:167px;
	display:block;
	background-image:url(../images/mu_05.png);
	background-position: 0px 167px;
	}
.mu6 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_06.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu6 span.hover{
	width:58px;
	height:167px;
	display:block;
	background-image:url(../images/mu_06.png);
	background-position: 0px 167px;
	}
.mu7 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_07.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu7 span.hover{
	width:58px;
	height:167px;
	display:block;
	background-image:url(../images/mu_07.png);
	background-position: 0px 167px;
	}	
.mu8 {
	float:left;
	width:58px;
	height:167px;
	display: block;
	background-image: url(../images/mu_08.png);
	background-position: 0px 0px;
	cursor: hand;
	}
.mu8 span.hover{
	width:58px;
	height:164px;
	display:block;
	background-image:url(../images/mu_08.png);
	background-position: 0px 167px;
	}	
.hom {
	width:27px;
	height:65px;
	display: block;
	background-image: url(../images/hom.png);
	cursor: hand;
	position: absolute;
	left: 470px;
	top: 72px;
	display:none;
	}
	
/*版宣*/


#cy {
	width:100%;
	height:119px;
	min-width:1080px;
	background-image: url(../images/cy.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	position: fixed;
	bottom:0;
	/*z-index: 1;*/
	}
.cybb{
	position: relative;
	margin: 0px auto;
	width:1000px;
	height:119px;
	}
.gd {
	position: absolute;
	left: 833px;
	top: 28px;
	width: 39px;
	height: 78px;
	display: block;
	cursor: hand;
	}
.bh {
	position: absolute;
	left: 788px;
	top: 25px;
	width: 38px;
	height: 85px;
	display: block;
	cursor: hand;
	}
.fb2 {
	position: absolute;
	left: 879px;
	top: 26px;
	width: 37px;
	height: 82px;
	display: block;
	cursor: hand;
	}
.inbg1 {
	position: absolute;
	/*top:576px;*/
	top:900px;
	left:0px;
	width:100%;
	height:0px;
	/*height:300px;*/
	background-image: url(../images/in_01.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	overflow:hidden;
	}
.inbg1a{
	position: relative;
	margin: 0px auto;
	width: 1000px;
	height:250px;
	}
.inbg2 {
	background-image: url(../images/in_02.png);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: 50% 0%;
	}
.inbg3 {
	background-image: url(../images/in_03.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	min-height:300px;
	}
	
/* 內頁*/
.incobox{
	position: relative;
	margin: 0px auto;
	width: 860px;
	padding-left:70px;
	padding-right:70px;
	padding-bottom:50px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	color: #473d34;
	}
.intit{
	position: relative;
	width: 1000px;
	height:176px;
	background-attachment: scroll;
	background-image: url(../images/tit.png);
	background-repeat: no-repeat;
	}
.ph{
	position: relative;
	margin: 0px auto;
	width:860px;
	margin-top:10px;
	margin-bottom:10px;
	}
.ph2{
	float:right;
	margin-left:10px;
	margin-right:5px;
	/*margin-top:10px;*/
	margin-bottom:10px;
	}
.font1{
	font-size: 18px;
	line-height: 30px;
	color: #1f1d1b;
	font-weight: bold;
	}
.fbox01{
	padding:5px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfd9;
	margin-top:20px;
	margin-bottom:15px;
	}
.font2{
	font-size: 17px;
	line-height: 30px;
	color: #420000;
	font-weight: bold;
	margin-top:5px;
	margin-bottom:5px;
	}

.fbox02{
	padding: 5px;
	text-align: center;
	background-image: url(../images/gba2.png);
	margin-top: 20px;
	margin-bottom: 15px;
	border: 1px solid #e1dfd3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	}





	

.topp{
	position:fixed;
	width:117px;
	height:114px;
	top:550px;
	right:30px;
	background-image: url(images/top.png);
	display: block;
	cursor: hand;
	display:none;
}
#loo{
	position: absolute;
	width: 32px;
	height: 32px;
	left: 50%;
	top: 50%;
	margin-left: -16px;
	margin-top: -16px;
	background-image: url(../images/loading.gif);
	/*z-index: 5;*/
}
#bacc{
	width:100%;
	height:100%;
	position: fixed;
	z-index:2;
	background-image:url(../images/ba.png);
	}	
