body {
background-image:url(.jpg);
background-color:#3399cc;
    margin:0px;
    padding:0px;

color:#333333;
font-size:90%;
font-family:"Microsoft JhengHei", "微軟正黑體", 'PMingLiU' , sans-serif;


line-height:1.6;
overflow-x: hidden;
}


A:link {color:#333333;}
A:visited {color:#333333;}
A:active {color:#333333;}


a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
}


img {
  border-style:none;
}


#upbar {
	width: 100%;
	height: 15px;
	margin: 0 auto;
	background-color: #3399cc;
}

#navi1 {
	width: 100%;
	height: 20px;
	margin: 0 auto;
	background-color: #3399cc;
}


.navi1a {
	width:970px;
    height: 20px;
    margin: 0 auto;
	background-color: #3399cc;
}

.navi1b {
	width:610px;
    height: 20px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #3399cc;
}

.navi1c {
	width:320px;
    height: 20px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #3399cc;
}

ul#navi1 {   
overflow:hidden;   
margin:0px auto;   
width:320px;   
height:20px;   
}   
  
ul#navi1 li {   
float:left;   
height:20px;   
list-style:none;   
overflow:hidden;   
position:relative;   
margin:0;   
}   

ul#navi1 li img {   
position:absolute;   
}   
  
ul#navi1 li.ko {   
width:80px;   
}   
  
ul#navi1 li.ko img {   
left:0;   
top:0;   
}   
  
ul#navi1 li.ko a:hover img {   
left:0;   
top:-20px;   
}   
  
ul#navi1 li.chn {   
width:80px;   
}   
  
ul#navi1 li.chn img {   
left:-80px;   
top:0;   
}   
  
ul#navi1 li.chn a:hover img {   
left:-80px;   
top:-20px;   
}   
  
ul#navi1 li.eng {   
width:80px;   
}   
  
ul#navi1 li.eng img {   
left:-160px;   
top:0;   
}   
  
ul#navi1 li.eng a:hover img {   
left:-160px;   
top:-20px;   
}   


ul#navi1 li.jpn {   
width:80px;   
}   
  
ul#navi1 li.jpn img {   
left:-240px;   
top:0;   
}   
  
ul#navi1 li.jpn a:hover img {   
left:-240px;   
top:-20px;   
}   


#title_bar {
	width: 970px;
	height: 90px;
	margin: 0 auto;
    background-color: #3399cc;
}


.box1 {
	width:325px;
    height: 68px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #3399cc;
}

.box2 {
	width:645px;
    height: 42px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #3399cc;
}

.box2a {
	width:605px;
    height: 42px;
    float:left;
    margin : 0px 0px 0px 40px;
	background-color: #3399cc;
}

.box2b {
	width:645px;
    height: 42px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #3399cc;
}

.box2c {
	width:558px;
    height: 22px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #3399cc;
}


.box2ccc {
	width:558px;
    height: 22px;
    float:left;
    margin : 0px 0px 0px 46px;
	background-color: #3399cc;
}


ul#navi2 {   
overflow:hidden;   
margin:4px auto;   
width:558px;   
height:22px;   
}   
  
ul#navi2 li {   
float:left;   
height:22px;   
list-style:none;   
overflow:hidden;   
position:relative;   
margin:0;   
}   
  
ul#navi2 li img {   
position:absolute;   
}   
  
ul#navi2 li.home {   
width:80px;   
}   
  
ul#navi2 li.home img {   
left:0;   
top:0;   
}   
  
ul#navi2 li.home img {   
left:0;   
top:-22px;   
}   
  
ul#navi2 li.info {   
width:88px;   
}   
  
ul#navi2 li.info img {   
left:-80px;   
top:0;   
}   
  
ul#navi2 li.info a:hover img {   
left:-80px;   
top:-22px;   
}   
  
ul#navi2 li.hashi {   
width:168px;   
}   
  
ul#navi2 li.hashi img {   
left:-168px;   
top:0;   
}   
  
ul#navi2 li.hashi a:hover img {   
left:-168px;   
top:-22px;   
}   
  
ul#navi2 li.access {   
width:121px;   
}   
  
ul#navi2 li.access img {   
left:-336px;   
top:0;   
}   
  
ul#navi2 li.access a:hover img {   
left:-336px;   
top:-22px;   
}   
  
ul#navi2 li.toi {   
width:101px;   
}   
  
ul#navi2 li.toi img {   
left:-457px;   
top:0;   
}   
  
ul#navi2 li.toi a:hover img {   
left:-457px;   
top:-22px;   
}   
  

#fade {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background-color: #3399cc;
}


#cycle {
	width: 970px;
	height:400px;
	margin: 0 auto;
	background-color: #3399cc;
}

#frex {

    width:970px;
    height: 400px;
	float:left;
    background-color: #3399cc;
}


#topa {
position:absolute;
	width: 470;
	height: 150px;
	float:left;

}

#overlap {
position:absolute;
width:470px;
height:150px;
top:355px;
left:15px;
z-index:10
}


#line_1 {
	width: 970px;
	height: 44px;
	margin: 0 auto;
	text-align: left;
    background-color: #;
}


.cubettl{
border-style: dotted;
border-width: 1px;
border-color: #96ece1;
color:#333;
font-size : 14px;
padding: 1px 5px 1px 5px;
background-color: #faf1f1;
}

.cubett2{
border-style: dotted;
border-width: 1px;
border-color: #96ece1;
color:#333;
font-size : 14px;
padding: 1px 5px 1px 5px;
background-color: #fcfbe0;
}

#main {
	width: 970px;
	height: 1450px;
	margin: 0 auto;
	text-align: left;
    background-color: #fff;
}

#con {
    width:970px;
    height: 1350px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #fff;
}

#left {
    width:650px;
    height: 1350px;
    float:left;
    margin : 0px 0px 0px 35px;
	background-color: #fff;
}


#left2 {
    width:650px;
    height: 18px;
    float:left;
    margin : 20px 0px 0px 0px;
	background-color: #fff;
}

#left3 {
    width:650px;
    height: 160px;
    float:left;
	text-align: justify;
    text-justify: inter-ideograph;
    margin : 10px 0px 0px 0px;
	background-color: #fff;
}


#left33 {
    width:650px;
    height: 180px;
    float:left;
    margin : 5px 0px 0px 10px;
	background-color: #fff;
}


#left333 {
    width:600px;
    height: 8px;
    float:left;
    margin : 5px 0px 0px 0px;
	background-color: #fff;
}


#left4 {
    width:650px;
    height: 160px;
    float:left;
	line-height:12pt;
	color:#555;
	font-size:13px;
	text-align: justify;
    text-justify: inter-ideograph;
    margin : 10px 0px 0px 0px;
	background-color: #fff;
}


.left4a {
    width:312px;
    height: 146px;
    float:left;
	border: 1px #3399cc solid;
    margin : 5px 0px 0px 0px;
	background-color: #fff;
}

.left4aa {
    width:150px;
    height: 136px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #fff;
}

.left4aa3 {
    width:143px;
    height: 130px;
    float:left;
    margin : 0px 0px 0px 4px;
	background-color: #;
}


.left4ab {
    width:139px;
    height: 136px;
    float:left;
    margin : 5px 0px 0px 10px;
	background-color: #fff;
}


.left4b {
    width:312px;
    height: 146px;
    float:left;
	border: 1px #3399cc solid;
    margin : 5px 0px 0px 18px;
	background-color: #fff;
}

.left4ba {
    width:150px;
    height: 136px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #fff;
}

.left4bb {
    width:139px;
    height: 136px;
    float:left;
    margin : 5px 0px 0px 10px;
	background-color: #fff;
}

.left4ab3 {
    width:143px;
    height: 130px;
    float:left;
    margin : 0px 0px 0px 4px;
	background-color: #;
}


#center {
    width:23px;
    height: 1300px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #fff;
}


#right {
    width:207px;
    height: 670px;
    float:left;
    margin : 0px 0px 0px 20px;
	background-color: #fff;
}

#right1 {
    width:207px;
    height: 183px;
    float:left;
    margin : 8px 0px 0px 0px;
	background-color: #;
}

#right2 {
    width:205px;
    height: 261px;
	border: 1px #3399cc solid;
    float:left;
    margin : 10px 0px 0px 0px;
	background-color: #b0dbf4;
}

.right2a {
    width:205px;
    height: 49px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #;
}

.right2b {
    width:205px;
    height: 51px;
    float:left;
    margin : 7px 0px 0px 5px;
	background-color: #;
}

.right2c {
    width:205px;
    height: 51px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #;
}

.right2d {
    width:205px;
    height: 26px;
    float:left;
    margin : 7px 0px 0px 0px;
	background-color: #;
}

.right2e {
    width:205px;
    height: 51px;
    float:left;
    margin : 7px 0px 0px 5px;
	background-color: #;
}


#right3 {
    width:205px;
    height: 177px;
	border: 1px #3399cc solid;
    float:left;
    margin : 10px 0px 0px 0px;
	background-color: #d1f9c3;
}

.right3a {
    width:205px;
    height: 51px;
    float:left;
    margin : 7px 0px 0px 5px;
	background-color: #;
}

.right3b {
    width:205px;
    height: 51px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #;
}

.right3c {
    width:205px;
    height: 51px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #;
}


#right5 {
    width:205px;
    height: 233px;
	border: 1px #3399cc solid;
    float:left;
    margin : 10px 0px 0px 20px;
	background-color: #fff;
}

.right5a {
    width:205px;
    height: 51px;
    float:left;
    margin : 7px 0px 0px 5px;
	background-color: #;
}

.right5b {
    width:205px;
    height: 51px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #;
}

.right5c {
    width:205px;
    height: 51px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #;
}

.right5d {
    width:205px;
    height: 51px;
    float:left;
    margin : 5px 0px 0px 5px;
	background-color: #;
}


#con2 {
    width:970px;
    height: 70px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #fff;
}


.ten {
    width:970px;
    height: 5px;
    float:left;
    margin : 0px 0px 0px 0px;
	border-top: 1px dashed #3399cc;
	background-color: #fff;
}

.link {
    width:970px;
    height:25px;
	text-align: center;
    margin : 0px 0px 0px 0px;
	background-color: #fff;
}

.kanri {
    width:970px;
    height:18px;
    float:left;
	text-align: center;
    margin : 25px 0px 0px 0px;
	background-color: #fff;
}


#sab {
	width: 970px;
	height: 55px;
	margin: 0 auto;
	text-align: left;
    background-color: #;
}

.sab2 {
    width:970px;
    height: 55px;
    float:left;
    margin : 0px 0px 0px 0px;
	background-color: #;
}


#copybox {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	text-align: left;
    background-color: #;
}  

.copy {
    width:970px;
    height: 35px;
    margin: 0 auto;
    background-color: #;

} 
  
.copy1 {
    width:61px;
    height: 30px;
	float:left;
    background-color: #;
    margin : 0px 0px 5px 280px;
} 
  
.copy2 {
    width:600px;
    height: 15px;
    font-size: 9pt;
	color:#fff;
    float:left;
    background-color: #;
    margin : 10px 0px 0px 10px;
} 


body {overflow:scroll;}