@charset "utf-8";
/* CSS Document */

body{
	font-family:"微軟正黑體";
	font-size:12px;
	letter-spacing:1px;
	overflow:hidden;
	color:#999999;
	line-height: 200%;
	display: inline;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	margin-top: 0;
	padding-top: 10;
	padding-right: 10;
	padding-bottom: 10;
	padding-left: 10;
	background-color:#030303;

}

#container {
	height: 100%;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow:hidden;
	
}



.bg_img{
	width:100%;
	z-index:-5;
	position:absolute;
	top:0px;
	left:0px;
	min-width:1250px;
}


#header {
	height: 150px;
	width: 100%;
	background-image: none;
}


#content_bg {
	height:550px;
	width:100%;
	float:none;
	margin-top:10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image:url(../images/content-bg.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#content_main{
	height:450px;
	width:700px;
	float:none;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}


.content_title{
    float:left;
	font-size:18px;
	font-weight: bold;
	color:#B81E2D;
	width:100%;
	height:auto;
	margin-top: 30px;
}


.content_text{
    float:left;
	font-family:"微軟正黑體";
	font-size:15px;
	color:#4D4D4F;
	width:100%;
	height:400px;
	margin-top:10px;
	padding-right:15px;
	line-height: 200%;
	txet-align:left;
	/*work-break:break-all;
    word-wrap:break-word;*/
	overflow-y:scroll;
}

.dis_pic {
	float: left;
	width: 220px;
	text-align: center;
	height: 195px;
}

.green{
	color:#B81E2D;
	font-size:16px;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

#photos{
   height:500px;
	width:750px;
	float:none;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index:998;
}

#back{
    float:right;
	width:30px;
	height:30px;
	margin-top: 10px;
	margin-right:0px;
	z-index:998;
}

.left_block{
	float:left;
	height:auto;
	width: 120px;
	margin-top: 0px;
	margin-bottom: 10px;
	
}

#right1{
	float:left;
	height: 315px;
	width:500px;
	margin-left: 10px;
}	


/**menubar**/
.menubar{
	padding:0px;
	float: none;
	width: 900px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 150px;
	background-image:url(../images/headbg.png);
}

.menubar_black{
	padding:0px;
	float: none;
	width: 900px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 150px;
	background-image:url(../images/headbg-black.png);
}

.menubar ul{ height:150px;  list-style:none;  margin:0;  padding:0}
.menubar li{ float:left;  padding:0px}
.menubar li a{ margin:0px;  padding:0px}
.menubar li a:hover, .menubar ul li:hover a{ color:#ffffff;  text-decoration:none}
.menubar li ul{ display:none;  height:auto;  padding:0px;  margin:0px;  border:0px;  position:absolute;  width:auto;  z-index:999; list-style:none;}
.menubar li:hover ul{ display:block}
.menubar li li{ background:url(../images/nav_bglink.png) repeat; display:block;  float:none;  margin:0px;  padding:0px;  width:auto;}
.menubar li ul a{ display:block;  height:32px;  font-size:12px;  font-style:normal;  margin:0;  padding:0px 0px 0px 0px; text-align:left; }
.menubar li ul a:hover, .menubar li ul li:hover a{ background:url(../images/nav_bghover.png) repeat;  border:0px;  color:#fff;  text-decoration:none}


.nav01{display:block; width:145px; height:150px; margin:0; background:url(../images/nav_01.png) no-repeat;}
.nav01:hover{ background:url(../images/nav_01.png) no-repeat 0 -150px;}
.nav02{display:block; width:135px; height:150px; margin:0; background:url(../images/nav_02.png) no-repeat;}
.nav02:hover{ background:url(../images/nav_02.png) no-repeat 0 -150px;}
.nav03{display:block; width:145px; height:150px; margin:0; background:url(../images/nav_03.png) no-repeat;}
.nav03:hover{ background:url(../images/nav_03.png) no-repeat 0 -150px;}
.nav04{display:block; width:145px; height:150px; margin:0; background:url(../images/nav_04.png) no-repeat;}
.nav04:hover{ background:url(../images/nav_04.png) no-repeat 0 -150px;}
.nav05{display:block; width:100px; height:150px; margin:0; background:url(../images/nav_05.png) no-repeat;}
.nav05:hover{ background:url(../images/nav_05.png) no-repeat 0 -150px;}
.nav06{display:block; width:100px; height:150px; margin:0; background:url(../images/nav_06.png) no-repeat;}
.nav06:hover{ background:url(../images/nav_06.png) no-repeat 0 -150px;}
.nav07{display:block; width:50px; height:150px; margin:0; background:url(../images/nav_07.png) no-repeat;}
.nav07:hover{ background:url(../images/nav_07.png) no-repeat 0 -150px;}
.nav08{display:block; width:80px; height:150px; margin:0; background:url(../images/nav_08.png) no-repeat;}
.nav08:hover{ background:url(../images/nav_08.png) no-repeat 0 -150px;}

.subnav_a01{display:block; width:130px; height:30px; margin:0; background:url(../images/subnav_01.png) no-repeat;}
.subnav_a01:hover{ background:url(../images/subnav_01.png) no-repeat 0 -30px;}
.subnav_a02{display:block; width:130px; height:30px; margin:0; background:url(../images/subnav_02.png) no-repeat;}
.subnav_a02:hover{ background:url(../images/subnav_02.png) no-repeat 0 -30px;}
.subnav_a03{display:block; width:130px; height:30px; margin:0; background:url(../images/subnav_03.png) no-repeat;}
.subnav_a03:hover{ background:url(../images/subnav_03.png) no-repeat 0 -30px;}
.subnav_a04{display:block; width:130px; height:30px; margin:0; background:url(../images/subnav_04.png) no-repeat;}
.subnav_a04:hover{ background:url(../images/subnav_04.png) no-repeat 0 -30px;}
.subnav_a05{display:block; width:130px; height:30px; margin:0; background:url(../images/subnav_05.png) no-repeat;}
.subnav_a05:hover{ background:url(../images/subnav_05.png) no-repeat 0 -30px;}

#logo{
	position:absolute;
	bottom:0px;
	right:0px;
	width:200px;
	height:30px;
	text-align:left;
	z-index:999;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:20px;
}