@charset "utf-8";

@import url("reset.css");

@import url("pagescolorv1.css");









body{	

		text-decoration: none;

		font-family: "Arial",Verdana,新細明體;	

		font-size: 75%;

		margin:0;

		width:auto; height:auto;

		max-height:none;

		max-width:none;

		background:url(bk-2.jpg) repeat #eeeeee ;

		display:block;

		overflow-y: scroll;

		overflow-x: hidden;

}

a:link ,a:visited {

	color: #9e6333;

}

/* -- top -- */

#top {



	margin:auto;

	background:url(top_bk.jpg) center top no-repeat ;

}



#top_bg{

	width:100%;

	background:url(top_bk_extend.jpg) repeat-x ;

	

}



#top #topDiv{

	width:990px;

	margin:auto;

}



#top #top_menu{

	height:45px;

	display:block; 

}



#top_menu_home{

	width:234;height:30px;

	text-align:right;	

}





/* -- top End -- */



#outDiv{

	width:990px;

	margin:auto;

	

}



#inDiv{

	width:990px;

	margin:auto;

	text-align:left;

	float:left;

}

#inDiv_bk{

	width:100%;

	background:url(main_bk.png) bottom no-repeat ;

	padding:5px 0 30px 0;

	margin-bottom:10px;

}

#outDiv_bg{

	width:100%;

	background:url(main_bg.jpg) bottom no-repeat ;    

	float:left;

	

}



#outDiv_probk{

	width:100%;

	height:487px;

	background:url(pro_bk.png) bottom no-repeat ;    

	float:left;

	

}



/* left */

#left{



	width:250px;

	display: block;

	float:left;

	text-align:left;

    background:url(left_bg.png) 0 0px no-repeat;

    background:url(left_bg.png) 0 1px no-repeat \9;



	

	padding:0px 0 0 24px;

	

	min-height:400px;

	* height:400px;

	

}





#left ul{	

	

	width:250px;

	margin:0px;

	padding:0px;

}



#left li{

	width:243px;

	padding: 0 0 0px 0;

	height:50px;

	display : table;

    *position : relative;

	text-align:left;



	background:url(left_bg_nor.png) 0 5px  no-repeat ;

	

}



#left li a{

	font-size:12px;

	color:#333;

	padding:0 20px;

	display : table-cell;

	vertical-align : middle;	  

	*display : block;

	*position : absolute;

	*top : 50%;

	*width : 100%;

	

	font-weight: normal;

	

}

#left li a span{

  *position : relative;

  *top : -50%;

}





	/* .li_select */

	#left li.li_select ,  #left li:hover {

	

	background:url(left_bg_over.png) 0 5px no-repeat ;

	

	

	

	}

	

	



#left li a:hover {

	color:#ffee00;

	font-weight:bolder;

	

	

}



	#left li.li_select a {

		color:#FFEE00;

		font-weight:bolder;

	}

	

	

	/* .li_select End */





/* left End */



#banner_area{

  text-align:center;

  

}





/* main */



#main{

	width:716px;

	float:right;



	text-align:left;	

	margin:0;

	padding:0 0 20px 0 ;

}



/* main End */



/* mainTitle */



.mainTable{

	

	width:95%;

	padding:0px 0 0 10px ;

  

	

}







#mainTitle{

	

	text-align:right;

	margin:auto;

	color:#525252;

	font-size:11px;

	padding:5px 45px 5px 0px ;

	font-weight: normal;

	

}



#mainTitle a{

	font-weight: normal;

	color:#525252;

}



#mainTitle a:hover{

	color:#9E6633;	

}





/* mainTitle End */





/* proIMG */





.proIMG {

	padding:15px;

	vertical-align:top;

	text-align:center;

	

}



.proIMG *{

	text-align:center;

	

}

.proIMG img {

	padding:0px;

	

}



.proIMG img:hover{



	background:url(../over.html) ;

	

}



.proIMG a {

	color:#5A5A5A;

	

}

.proIMG a:hover {

	color:#9e6333;

}

.proIMG a:hover img {

	border: solid 0px #FFCF0D;

	padding:0px;

	

	

}

.proIMG b {

	display:block;

	text-align:center;

	font-size:12px;

	font-weight:bolder;

	margin:10px auto;



	

	

}







/* proIMG -- End*/



/* footer */





#footer{ 

	display:block; 

	width:990px;

	margin:auto; 

	clear:both;

    position : relative;

	

   

}



#footer .footer_menu{

 	top:-35px;

    position : absolute;

}

#footer #qr{

	width:227px;

	text-align:center;

}



#footer #qr img{

	float:left;

	padding:0 5px 10px 30px;

	text-align:right;

}



#footer #qr div{

	float:left;

	text-align:left;

	font-size:12px;

	padding-top:15px;

	line-height:30px;

}



#footer #down_info{

	vertical-align:top;

}



#footer #infor { 

	

	padding-top:5px;

	vertical-align:top;

	width:100%;

	margin:0px;



}



#down #powerBy{

	

	text-align:center;

}





#footer #FooterInfo{

	padding:10px 0 0 0;

	font-size:11px;

	color:#FFFFFF;

	text-align:center;

	

}



#footer #FooterInfo a{

	color:#FFFFFF;

	

}





#footer #FooterInfo a:hover{

	color:#E70012;

}



#dmenu {

	

}

#dmenu a {

	

}

#dmenu a:hover {

	

}





/* footer End */







#prosearch {

	background: url(search_bg_1.jpg);

	width:164px;

  line-height:25px;

  

  

  

  

}



.search_bg_1 img{

   

}



#prosearch input {

	background:transparent;

	border:none;

	width:140px;

	padding:0 0 0 18px;

	color:#fff;

}







/* detail */



.top_area_L{

	vertical-align:top;

	

	

}



.top_area_R{

	text-align:left;

	vertical-align:top;

	width:345px;

	height:300px;

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

	

}



.top_area_R span.show_serial{

	font-size:16px;

	color:#402C21;

	font-weight:bolder;

	font-style: italic;

	padding:0 5px 0 0px;

}



.top_area_R span.show_title{

	font-size:12px;

	color:#6A6869;

	font-weight:bolder;

	font-style: italic;

	padding:0 0 0 5px;

}



#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:15px 5px 5px 0px; 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 #E0E0E0;

	padding:5px ;

	-moz-border-radius:5px;

	-moz-border-radius: 5px;

	border-radius: 5px;



}

#member a{color:#585858}

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

#member li.li_select{

	background:#F5F3F4;

	

}

#member .li_select a{ 

	color:#063772;

	font-weight:bolder;

}



/* 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;

  

  margin:5px;

	

}

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

	font-size:12px;

	color:#01487b;

	

}

.tableUnderLine a:hover {

	 color:#2c2c2c;

}

.inqut_frame{

	width:100%;

	border: solid 1px #F2F2F2;

	box-sizing: border-box;

	height:24px;

	*height:30px;

}

.inqut_tab{

	width:100%;

	border: solid 1px #F2F2F2;

}

.sTXT{

	 font-size:11px;	

	 

}







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

.nor {

	color:#333333;

	border-bottom: #CBCBCB .2em solid;

	border-top:#FFFFFF 0.05e solid;

	background:url(detailbk.jpg) #ECECEC;

	

}

.over{

	color:#00aeef;

	border-bottom: #CBCBCB .2em solid;

	border-top:#FFFFFF 0.05e solid;

	background:url(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(detailbk.jpg) #ECECEC;

	

}

.td_R{

	border-bottom: #CBCBCB .2em solid;

	border-top:#FFFFFF 0.05e solid;

	color: #000;

	background:url(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:#03294e;

	font-size:12px;

	margin:10px auto;

	

}

.inpbott a:hover{

	background:#f9f9f9;

	color:#F00;

	

}



/* bott */