@charset "utf-8";

@import url("reset.css");

@import url("pagesColorV1.css");    

                                  

@import url("from_html5.css");   









body{	background: url(../images/bk_pro.jpg) center top no-repeat  #FFFFFF ;

		TEXT-DECORATION: none;

		FONT-FAMILY: 新細明體,Arial,"Verdana";	

		font-size: 75%;

		margin:0;

		width:auto; height:auto;

		max-height:none;

		max-width:none;

}



/* -- top -- */

#top {

	width:990px;	

	margin:auto;

            

	background:url(../images/top.gif) top right no-repeat ;

  padding: 0 0 37px 0;

  

  

}

#top #top_menu{

  padding:90px 0 0 0;

}





/* -- top End -- */

#outDiv{

	width:990px;

	margin:auto;

	

}







#inDiv{

	width:100%;

	margin:auto;

	text-align:left;

	float:left;

	min-height:330px;

	* height:330px;

}





#inDivBk{

	float:left;

	padding:0 0 20px 0 ;

	background:url(../images/floor_bar.jpg) #FFFFFF bottom no-repeat ;

}



/* left */

#nav{

	width:230px;

	display: block;

	float:right;

	

	text-align:left;

	padding:34px 0 0 0;

	

}





#nav ul{	

	

	width:200px; /* 178; */

	margin:0px;

	padding:0 0px 0px 30px;

	

	

	

}



#nav li{

	width:190px;

	padding:0 0px 0px 5px;

	height:40px;

	display : table;

    *position : relative;

	

	text-align:left;

	

}



#nav li a{

	font-size:15px;

	color:#000000;

	

	display : table-cell;

	vertical-align : middle;	  

	*display : block;

	*position : absolute;

	*top : 50%;

	*width : 100%;

	

	font-weight: normal;

	

}

#nav li a span{

  *position : relative;

  *top : -50%;

}



#nav li a:hover {

	color:#C72815;

	

}





	/* .li_select */

	#nav li.li_select , #nav li.first_li {

	

	 background:url(../images/list_icon.png) -6px 6px no-repeat ;

   

	 

	

	}

  

	

	#nav li.li_select a ,  #nav li.first_li a {

		color:#C72815;

    padding:0 0px 0px 30px;

    

	}

	

	

	/* .li_select End */





/* left End */





/* main */





#bannerArea{

  padding:10px 0 0 30px;

  



  

}



#bannerArea img{

                  

    -moz-border-top-left-radius: 30px 30px;

    -moz-border-top-right-radius: 30px 30px;

		

		-webkit-border-top-left-radius: 30px 30px;

		-webkit-border-top-right-radius: 30px 30px;

		

		border-top-left-radius:30px 30px;

		border-top-right-radius: 30px 30px;

		

		-moz-box-shadow:0px 0px 5px 1px #B3B3B3;

	  -webkit-box-shadow:0px 0px 5px 1px #B3B3B3;

	  box-shadow:0px 0px 5px 1px #B3B3B3;

}





#main{

	width:700px;	

	float:left;

	text-align:left;	

	margin:0;

	padding:0 0 0px 0 ;

}





.mainTable{

	margin:0 0 0 35px;width:100%;



	

}



#main .imgTitle{

	width:100%;

	background:url(../images/title/right_title_bg.jpg) repeat ;

	height:47px;

}







/* main End */



/* mainTitle */

#mainTitle{

	color:#8B868C;

	font-size:12px;

	margin:15px auto 20px auto;

	padding:0 0 0 30px;

	font-weight: normal;

	

}



#mainTitle a{

	font-weight: normal;

	color:#8B868C;

  padding:0 8px;

}



#mainTitle a:hover{

	color:#CB2414;	

  

}



#mainContent{

	padding:0 0 0 20px;

}



/* mainTitle End */





/* proIMG */





.proIMG {

	padding:3px;

	vertical-align:top;

	text-align:center;

	

}

.proIMG *{

	text-align:center;

	

}

.proIMG img {

	padding:1px ;

	

}

.proIMG a {

	color:#010002;

	

}

.proIMG a:hover {

	color:#C52817;

}

.proIMG a:hover img {

	

	padding:1px;

	

	

}

.proIMG b {

	display:block;

	text-align:center;

	font-size:12px;

	font-weight:normal;

	margin:5px auto;

	word-break: break-all;

	

}







/* proIMG -- End*/



/* down */



#down{ 

	display:block; 

	width:990px;

	margin:auto; 

	clear:both;

  position : relative;

   

}





#down #infor { 

	

	padding-left:8px;

}



#down #ftpArea{

  text-align:right;

  padding: 0 20px 0 0;

}



#down #down_menu{   

  color:#7F7F7F;

  

}

#down #down_menu a { 

  font-size:12px;

  padding:0 8px 8px 8px;

  color:#7F7F7F;

  

}

#down #down_menu a:hover {

  color:#C72612;

}







#down #FooterInfo{

	padding:10px 0 0 0;

	font-size:11px;

	color:#000;

	text-align:center;

}



#down #FooterInfo a{

	color:#000;

	

}





#down #FooterInfo a:hover{

	color:#E70012;

}







/* down End */







#prosearch {

	background:url(../images/search_bk.jpg) no-repeat ;

	width:151px;

}



#prosearch input {

	background:transparent;

	border:none;

	width:140px;

	padding:0 0 0 5px;

	color:#815935;

}







/* detail */



.top_area_L{

	vertical-align:top;

	

	

}



.top_area_R{

	text-align:left;

	vertical-align:top;

	width:345px;

	height:300px;

	background:url(../images/detail_bk.jpg) no-repeat ;

	

}



.top_area_R span.show_serial{

	font-size:16px;

	color:#402C21;

	font-weight:bolder;

	font-style: italic;

	padding:0 5px 0 0px;

}



.show_title{
	
	padding: 10px 0 0 0;
	
	font-family:微軟正黑體;

	font-size:28px;

  line-height:35px;

	color:#888888;

	font-weight:bolder;

	text-align:center;

	

}

.show_more{
	
  font-family:Verdana;

  text-align:right;

  border-bottom:1px #666 dotted;

  font-size:13px;

  padding:0 2px 3px 0;

}

.show_more a{

  color:#7F02FC;

  

}

.show_more a:hover{

  color:#040404;

  

}
.show_content{
	
	padding:15px 40px 30px 30px;
	
	line-height:180%;
	
	
}




#detail_menu {

	padding:0 25px 0 0;

}



#detail_menu li{

	float:right;

	padding:0 5px 0 5px;

}



#detail_menu li a{

	font-size:12px;

	color:#000;

}





#detail_menu li a:hover{

	color:#FF7712;

}







/* detail End*/





/* detailOver */



.detailOver td { padding:5px 7px 4px 7px;}

.detailOver a { border:none; }

.detailOver a:hover { border:none; }

.detailOver a img{padding:1px;

	border: solid 1px #DADADA;

}

.detailOver a:hover img  {  



	border: solid 2px #BA982C;

	padding:0px;

	

}



/* detailOver End */





/* mainLI */



#mainLI{ font-size:12px;  margin:5px 5px 5px 15px; padding:0px;}

#mainLI li{display: inline;list-style-type: circle; margin:3px; background:#FFF; color:#333333;



	border: solid 1px #E0E0E0;

	padding:5px ;

	

	-moz-border-radius:5px;

	-moz-border-radius: 5px;

	border-radius: 5px;



}

#mainLI a{color:#585858}

#mainLI a:hover{color:#00B9D8}

#mainLI li.li_select{

	background:#F5F3F4;

	border: solid 1px #E0E0E0;

	padding:5px ;

	margin:3px; 

	

	

	-moz-border-radius:5px;

	-moz-border-radius: 5px;

	border-radius: 5px;



}

#mainLI .li_select a{ 

	color:#004377;

	font-weight:bolder;

}



/* mainLI  End */











/* member   */

#member ul{ font-size:12px;  margin:5px; padding:0 0 10px 0;}

#member li{display: inline;list-style-type: circle; margin:3px; 

	border: solid 1px #F1F1F1;

	padding:5px ;

	-moz-border-radius:5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

  background:#FFFFFF;  

  

}

#member a{color:#000000;

  

line-height: 30px;

  padding:6px 10px;

  

        

	

}

#member a:hover{color:#7F7F7F}

#member li.li_select{

	background:#F5F3F4;

	

}

#member .li_select a{ 

	color:#000000;

  

  font-weight: bold;

	text-shadow:0 2px 2px #E9E9E9;

}



/* member  End */











#faqmainLI{ font-size:13px;padding:5px 0 5px 40px;margin:0px;padding:3px 3px 10px 0px;}

#faqmainLI li{list-style-type: none; margin:3px; padding:3px ; 



	-moz-border-radius:5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border: solid 1px #E0E0E0;



}

#faqmainLI a{color:#585858;font-weight:normal;}

#faqmainLI a:hover{color:#00B9D8;}

#faqmainLI li.li_select{ 

	background:#F5F3F4;



}

#faqmainLI li.li_select a{

	color:#004377;

	font-weight:bolder;

}









/*--------------------- 其他內頁排版 不需要更改 ----------------------*/



.borderdashed{

	border: dashed 1px #e2e2e2;

	

}

.tableS{

	padding:5px;

	border:solid 1px #d5d5d5;

	background:#E2E2E2;

	font-size:12px;

	margin:0px;

	

}

.tableB{


	padding:0 10px 0 0;

	color:#FFFFFF;

	

}

.TBcolor{

	background:#333333;

	color: #000000;

	font-weight:500;

	font:13px;

	

}

.TBmessage{

	background:#E2E2E2;

	color: #333333;

	font-size:12px;

	

}

.tableLine{


	padding:5px;

	color:#333333;

	font-size:12px;

	height:25px;

	

}

.tableLine a{

	width:100%;

	

}

.tableUnderLine{

	font-size:12px;

	border-bottom: dotted 1px #cccccc;

	padding:5px;

	

}

.tableUnderLine a,.tableUnderLine a:visited,.tableUnderLine a:link{

	font-size:12px;

	color:#000000;

}



.tableUnderLine a span{

  color:#FF0000;

}



.tableUnderLine a:hover {

	 color:#C72815;

}

.inqut_frame{

	width:90%;

	border: solid 1px #e2e2e2;
	
	height:24px;
	
	filter:alpha(opacity=70); /* IE */ 

	-moz-opacity:0.7; /* Moz + FF */ 

	opacity: 0.7; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 

	

}

.sTXT{

	 font-size:12px;	

	 

}



.centerStr ,td.centerStr{ text-align:center; }







/*--------------------- table ----------------------*/

.nor {

	color:#333333;

	border-bottom: #CBCBCB .2em solid;

	border-top:#FFFFFF 0.05e solid;

	background:url(../images/speacial/detailBK.jpg) #ECECEC;

	

}

.over{

	color:#00aeef;

	border-bottom: #CBCBCB .2em solid;

	border-top:#FFFFFF 0.05e solid;

	background:url(../images/speacial/detailBK.jpg) #ECECEC;

	

}

.td_L,.td_R,.over{

	height:30px;

	text-transform: capitalize;

	padding:5px;

	font-weight:bold;

	font-size:12px;

	text-align:left;

	

}

.submenu { text-align:left;padding-top:10px;}



.td_L{

	border-bottom: #CBCBCB .2em solid;

	border-right: #CBCBCB .05em solid;

	border-top:#FFFFFF 0.05e solid;

	color: #000;

	background:url(../images/speacial/detailBK.jpg) #ECECEC;

	

}

.td_R{

	border-bottom: #CBCBCB .2em solid;

	border-top:#FFFFFF 0.05e solid;

	color: #000;

	background:url(../images/speacial/detailBK.jpg) #ECECEC;

	

}







/* bott排版-各項小bott設計----------------------------------------------------*/

.inpbott {

	text-align:center;

	margin:5px;

	 

}

.inpbott div { 

	margin:5px; 

	padding:5px 3px;

}



.inpbott a{

	padding:5px;

	width: auto;

	margin:5px;

	

}

.inpbott a ,.inpbott a:visited,.inpbott a:link{

	text-align:center;

	background:#f2f2f2;

	border: solid 1px #cccccc;

	color:#000;

	font-size:12px;

	margin:10px auto;

	

}

.inpbott a:hover{

	background:#f9f9f9;

	color:#7e00ff;

	

}



/* bott */