@charset "utf-8";
@import url("initial.css");
/*
-------------------------------
editor:Sophie
date:2013-12-23

--------------------------------*/


body{	font-size:15px;
	margin:0 auto; 
	padding:0px;
	background:url(images/bg.jpg) top center repeat-x;

	}
	
	

	
#container{
	float:none;
	margin:0 auto;
	overflow:hidden;
	background:none;
	position:relative;	
	z-index:1;
	

}


.site_logo{
	position:absolute;
	left:1x;
	top:8px;
	z-index:10;
	
	}
#header{
	position:relative;	
	width:1012px;
	margin:0 auto;
	height:434px;
	background:none;
	z-index:4;
	
	}


/*top單級選單樣式*/
.solidblockmenu{
	position:absolute;
	top:35px;
	z-index:9999;
	right:0px;
	margin:0;
	padding:0;
	text-align:right;	font-size:15px;
	width:580px;
	border:;
	border-width:;
	background-color:; 

	}
.solidblockmenu ul{
	margin:0px;
	padding:0px;
	text-align:right;
	}
.solidblockmenu li{
	display:inline;
	text-align:right;
	padding:0px 5px;
	margin:0px;
	background:url(images/top_menu_line.jpg) right center no-repeat;
	
	}
.solidblockmenu li a{
	text-align:right;
	padding:0px;
	margin:0px;
	text-decoration:none;
	}
.solidblockmenu li a:visited{
	color:#000; 
	}
.solidblockmenu li a:hover{	font-size:15px;
	color:#960;
	}

	
	
	
/*top單級選單樣式end*/


.site_top_info{	
	width:1012px;
	margin:0;
	padding:0;
	font-weight:bold;	font-size:15px;
	overflow:hidden;
	border:;
	display:none;
	background:url() no-repeat ; 
	
	}
	
.site_banner{
	margin:0px;
	position:absolute;
	left:0px;
	top:153px;
}
	
	

#mainContent {
   	margin:0 auto;
 	overflow: hidden;
	background:url() left top repeat-x ; 	
	width:1012px;
	padding-top:0px;
	margin-top:15px;
	padding-bottom:20px;
	
	}

#left_sidebar{
	float:left;
	background:none;
	

	

	}
	
#content{
	float:left;
	background:none;

	}
	
#right_sidebar{
	float:left;
   background:none;


	}
	
	
#footer{
	clear: both;
	margin:0px auto;
	text-align:center;  
	color:#000;
	width:100%;
	position:relative;
	z-index:2;
	padding:0px;
	line-height:36px;
	height:36px;
	background:#eaeaea url(images/footer.jpg) left top repeat-x; 
	}
	
#accessibility{
	position:absolute;
	width:88px;
	height:31px;
	right:10px;
	top:40px;
	z-index:20;
	margin:0px;
	padding:0px;
	}
	

a:link{
	color:#757575;
	text-decoration:none;
	}
a:hover{
	color:#00a6d2;
	text-decoration:none;
	}
a:visited{
	color:#757575;
	text-decoration:none;
	}
#site_navigat ul{
	padding:0;
	margin:0 auto;
	text-align:left;
	margin-left:20px;
	line-height:27px;
	}
#site_navigat li{
	padding:0;
	margin:0 auto;
	float:left;
	list-style-type:none;	font-size:15px;
	font-weight:bold;
	width:100px;
	height:27px;
	text-align:center;
	}

.self_form_table{
	background: #FFF 0px 0px repeat scroll;
	border: 1px solid rgb(214, 214, 212);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-radius: 10px;
	padding: 20px 22px;
	margin: 0px auto 10px;
	margin-top:45px;
	width:80%;
	
	}

.mamber_login {
	background: #FFFFFF 0px 0px repeat scroll;
	border: 1px solid rgb(214, 214, 212);
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	border-radius: 10px;
	padding: 20px 22px;
	margin: 0px auto 10px;
	margin-top:0px;
	width:50%;
}
/*左邊第一個區塊標題樣式開始*/

.left_layout{ 
    text-align: left;
	margin-bottom:10px;
	}
	

.left_layout_title{  /*top*/
	text-align:left;
	background:url() left bottom no-repeat ;
	
	}

.left_layout_title .mt_03{
   
	}

.left_layout_title .mt_02{
   }

.left_layout_title .mt_01{
	width:100%;
   
	}

.left_layout_title .mt_01 .h3{
    width: 60%;
	text-align:left;
	font-size:15px;
	color:#000;
	font-family:Microsoft YaHei;
	padding:0px;
	font-weight:bold;
	}
	
.left_layout_title .mt_01 .module_more{
   text-align:right;
	font-size:12px;}

.left_layout_title .mt_01 .module_more a{
    clear:both;
    font-size:12px;
    color:#000;}
	
.left_layout_title .mt_01 .module_more a:hover{
    clear:both;
    font-size:12px;
    color:#FFF;}


.left_layout_content{/*content*/
	padding: 0px;
    list-style-type: none;
    overflow: hidden;
	line-height:22px;
	background:url() left top repeat-y ;


}

.left_layout_content .mc_03{
	

	 }
.left_layout_content .mc_02{
	
}
.left_layout_content .mc_01{
	color:#000;
	line-height:39px;	font-size:15px;
	padding:0px;
	
	}
	
 

.left_layout_bottom {/*bottom*/
	background:url() left top no-repeat;
   }
	
.left_layout_bottom .mb_03{}
.left_layout_bottom .mb_02{}

.left_layout_bottom .mb_01{}




.mudule_21{
	background: url(images/mail.png) 0% 50% no-repeat;
width: 191px;
height: 131px;
text-align: left;}


.web_paging{ padding-top:20px; padding-bottom:15px;}


 /*左邊第一個區塊標題樣式結束*/ 
/*************************************************/


/*===============中間模===============組*/
.center_layout{
    text-align:left;
	margin-right:10px;
	
	}
	

.center_layout_title{/*top*/
	width:100%;
	
	}
.center_layout_title .mt_03{
	background:url() no-repeat left ;
   }	
	
.center_layout_title .mt_02{
	background:url() no-repeat right ;
    
	}	
	
.center_layout_title .mt_01{
	background:url() no-repeat right ;
    
}

	
.center_layout_title .mt_01 .h3{
    width:65%;
	text-align:left;
	font-size:15px;
	padding-left:0px;
	color:#000;
	font-weight:bold;
	font-family:Microsoft YaHei;
	
	}
.center_layout_title span{
    float: right;
    font-size: 11px;
	line-height:24px;
	}
.center_layout_title span a{
    clear: both;
    color: #06F;
    font-size: 11px;
	}	
.mudule_20{  width:1012px; 	background:url(images/center_bg.jpg) left top repeat-x ; height:52px; 	}
.mudule_20 .center_layout_title{
	background:url(images/p_title.jpg) left top no-repeat;
	width:127px;
	height:31px;
	float:left;
}	
.mudule_20 .center_layout_title .mt_01 .h3{ 
	float:left;
    width:127px;
	text-align:left;
	font-size:15px;
	padding-left:0px;
	color:#000;
	font-weight:bold;}
	
.center_layout_content{ /*conter*/
	padding: 0px;
	margin:0px;
    list-style-type: none;
    overflow: hidden;
	
	}
	
.center_layout_content .mc_03{
   background:url() repeat-y left ;
}

.center_layout_content .mc_02{
	background:url() repeat-y right ;

   
}

.center_layout_content .mc_01{
	background:none;
	margin:0px;
	padding:0px;
	list-style-type: none;
   
}	
.mudule_20 .center_layout_content{ width:867px; float:left; color:#ffffff; }
.mudule_20 .center_layout_content .mc_01{
	background:none;
	margin:0px;
	padding:5px;
	list-style-type: none;
	line-height:24px;
   
}	

.center_layout_bottom{/*====bottom=======*/
    }
.mudule_20 .center_layout_bottom{ width:18px; float:left; background:url(images/p_bottom.jpg) left top no-repeat; height:31px;}	
.center_layout_bottom .mb_03{
  }
.center_layout_bottom .mb_02{
   }
.center_layout_bottom .mb_01{
   }

.more_modules{ width:100%;}
.left_more_modules{ float:left; background:url(images/right_line.jpg) right 25px no-repeat;}
.left_more_modules .more_module_left_layout{ padding-right:30px;}
.left_more_modules .more_module_left_layout .more_module_left_layout_title{}
.left_more_modules .more_module_left_layout .more_module_left_layout_title .mt_03{}
.left_more_modules .more_module_left_layout .more_module_left_layout_title .mt_02{}
.left_more_modules .more_module_left_layout .more_module_left_layout_title .mt_01{}
.left_more_modules .more_module_left_layout .more_module_left_layout_title .mt_01 .h3{}

.left_more_modules .more_module_left_layout .more_module_left_layout_content{}
.left_more_modules .more_module_left_layout .more_module_left_layout_content .mc_03{}
.left_more_modules .more_module_left_layout .more_module_left_layout_content .mc_02{}
.left_more_modules .more_module_left_layout .more_module_left_layout_content .mc_01{
	padding:5px 0px;
}

.left_more_modules .more_module_left_layout .more_module_left_layout_bottom{}
.left_more_modules .more_module_left_layout .more_module_left_layout_bottom .mb_03{}
.left_more_modules .more_module_left_layout .more_module_left_layout_bottom .mb_02{}
.left_more_modules .more_module_left_layout .more_module_left_layout_bottom .mb_01{}

.center_more_modules{ float:left;}
.center_more_modules .more_module_center_layout{padding-left:15px;}
.center_more_modules .more_module_center_layout .more_module_left_layout_title{}
.center_more_modules .more_module_center_layout .more_module_left_layout_title .mt_03{}
.center_more_modules .more_module_center_layout .more_module_left_layout_title .mt_02{}
.center_more_modules .more_module_center_layout .more_module_left_layout_title .mt_01{}
.center_more_modules .more_module_center_layout .more_module_left_layout_title .mt_01 .h3{}

.center_more_modules .more_module_center_layout .more_module_left_layout_content{}
.center_more_modules .more_module_center_layout .more_module_left_layout_content .mc_03{}
.center_more_modules .more_module_center_layout .more_module_left_layout_content .mc_02{}
.center_more_modules .more_module_center_layout .more_module_left_layout_content .mc_01{}

.center_more_modules .more_module_center_layout .more_module_left_layout_bottom{}
.center_more_modules .more_module_center_layout .more_module_left_layout_bottom .mb_03{}
.center_more_modules .more_module_center_layout .more_module_left_layout_bottom .mb_02{}
.center_more_modules .more_module_center_layout .more_module_left_layout_bottom .mb_01{}


.center_layout_content ul{
	list-style-type:none;
	margin:0 auto;
	padding:0px;
}
.center_layout_content p{
	margin-bottom:0px;
	margin-top:0px;
}



 .news_list {
	margin:0px;
	padding:0px;
	overflow:hidden;

}



.news_list li {
	padding:0px;
	margin:0px;
	line-height:16px;
	padding:5px 0px;
	border-bottom: none;
	width:100%;	font-size:15px;
	padding-left:0px;
	color:#666666;
	background:url(images/icon.png) left 10px no-repeat;
	border-bottom:1px #e4e4e4 solid;
	font-weight:bold;
}






.news_list li  span{ float:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#808080; font-weight:normal;}


.news_list li a:link, .news_list li a:visited {
	color: #666666;
	display: block;
	text-decoration:none;
	padding-left:10px;
}
.news_list li a:hover {
	color:#930;
	text-decoration:none;
	padding-left:10px;
}

.img_list {
	overflow:hidden;
	text-align:left;
	margin:0px;
	padding:0px;
	width:100%;
}
.img_list li {
	display:inline;
	overflow:hidden;
	float:left;
	margin:0px;
	padding:0px;
	width:165px;
	margin-right:10px;
	margin-bottom:10px;
	
}

.img_list li p {	font-size:15px;
	color:#df2b2b;
	text-align:center;
	font-family:Arial,Microsoft YaHei; 
	
}

.img_list img {
	text-align:left;
	display:block;
	clear:both;
	border:1px #CCC solid;
}

.search_layout{ width:220px; text-align:left; }

.search_layout .right_layout_title,.search_layout .left_layout_title{ display:none;}


/*===============右邊模組===============*/

.right_layout{
    margin: 0px;
    text-align: left;
	margin-bottom:5px;
}

	
.right_layout_title{/*top*/
	width:100%;
	
	}
.right_layout_title .mt_03{
	
  
	}

.right_layout_title .mt_02{
	
   }

.right_layout_title .mt_01{
	}

.right_layout_title .mt_01 .h3{
    width: 65%;
	text-align:left;
	font-size:15px;
	padding-left:0px;
	color:#000;
	padding-left:10px;
	font-weight:bold;
	line-height:35px;
	font-family:Microsoft YaHei;
	
	}
.right_layout_title span{
   float:right;
	font-size:11px;}
	
.right_layout_title span a{
    clear:both;
    font-size:11px;
    color:#06F;}
	



.right_layout_content{/*content*/
	padding: 0px;
	margin:0px;
    list-style-type: none;
    overflow: hidden;
	line-height:20px;
	border:none;

}
.search_layout .right_layout_content{/*content*/
	padding: 0px;
	margin:0px;
    list-style-type: none;
    overflow: hidden;
	line-height:20px;
	border:0px #FFF solid;

}
.right_layout_content .mc_03{
 }
.right_layout_content .mc_02{
	
}
.right_layout_content .mc_01{
    background:none;
	padding:10px;
	
	}

.right_layout_bottom {/*bottom*/ }
.right_layout_bottom .mb_03{}
.right_layout_bottom .mb_02{}
.right_layout_bottom .mb_01{}




.flash_module_div{
	width:100%; 
	margin:0 auto;
	margin-top:5px;
	}
	


	

/*infor_detail.php頁面資訊內容樣式*/
.information { 
	text-align:left;
	background:url() left 0px no-repeat ;


}

.infor_nav{ /*top*/
    height:35px;
	position:relative;
	z-index:3;
	margin-bottom:0px;
	background:url() 0px 20px repeat-x;
	border-bottom:1px #999 solid;
	
	}
.infor_nav hr{display:none;}
	
.infor_nav .mt_03{}	
	
.infor_nav .mt_02{}	
	
.infor_nav .mt_01{
	background:url() left repeat-x ;
	padding:0px 0px 0px 0px ;
	
	
    
}	

.infor_title{
    left:0px;
	text-align:left;
	top:0px;
	height:30px;
	color:#666666;
	line-height:24px;
	font-size:18px;
	font-family:Microsoft YaHei;
	position:absolute;
	z-index:55;
	padding-left:0px;
	background:none;
	
	}	
	
.nav_title{
    right:5px;
    text-align:right;
	height:25px;
	font-size:12px;
	top:0px;
	width:100%;
	position:absolute;
	z-index:66;
	color:#666666;
}	

	
.infor_contain{/*center*/
    padding:0px;
	margin:0px;
	width:100%;
	overflow:hidden;
	list-style-type:none;	font-size:15px;
	line-height:24px;
	color:#000;
	min-height:400px;
	



}

.infor_contain .mc_03 {

}
.infor_contain .mc_02 {
}
.infor_contain .mc_01 {
	padding:10px 10px;
}
.infor_bottom {/*bottom*/
}
.information .mb_03 {
}
.information .mb_02 {

}
.information .mb_01 {
}

p{ margin:0px; padding:0px;}




/*infor_detail.php頁面資訊內容樣式End*/




/*more_infor.php頁面資訊內容樣式*/
.infor_list {
	width:100%;
	margin:0px;
	padding:0px;
}
.infor_list ul {
	list-style:none;
	padding:0;
	list-style-type:none;
	margin:0px;
}

.infor_content_css{
	width:100%;
	margin:0px;
	padding:0px;
}


.highslide-image {
		border: 1px solid black;
	}
	.highslide-controls {
		width: 90px !important;
	}
	.highslide-controls .highslide-close {
		display: none;
	}
	.highslide-caption {
		padding: .5em 0;
		
	}
	
	.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 1px solid silver;
	margin-right:15px;
	
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}

.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
	font-size: .9em;
}
.highslide-caption {
	display: none;
	font-size: 1em;
	padding: 5px;
	/*background: white;*/
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration:none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}

.highslide-viewport {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: none;
	left: 0;
	top: 0;
}
.highslide-overlay {
	display: none;
}
.hidden-container {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position:relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Thumbnail boxes for the galleries.                                        */
/* Remove these if you are not using a gallery.                              */
/*****************************************************************************/
.highslide-gallery ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.highslide-gallery ul li {
	display: block;
	position: relative;
	float: left;
	width: 106px;
	height: 106px;
	border: 1px solid silver;
	background: #ededed;
	margin: 2px;
	line-height: 0;
	overflow: hidden;
}
.highslide-gallery ul a {
	position: absolute;
	top: 50%;
	left: 50%;
}
.highslide-gallery ul img {
 	position: relative;
	top: -50%;
	left: -50%;
}
html>/**/body .highslide-gallery ul li {
	display: table;
	text-align: center;
}
html>/**/body .highslide-gallery ul li {
	text-align: center;
}
html>/**/body .highslide-gallery ul a {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
html>/**/body .highslide-gallery ul img {
	position: static;
}

/*****************************************************************************/
/* Controls for the galleries.											     */
/* Remove these if you are not using a gallery							     */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;

}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
	list-style: none;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a.disabled span {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
	cursor: pointer;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;