@charset "utf-8";

@import url("reset.css");

@import url("pagesColorV2.css");









body{	

		TEXT-DECORATION: none;

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

		font-size: 75%;

		margin:0;

		width:auto; height:auto;

		max-height:none;

		max-width:none;
		background:url(../images/bk.jpg) top center #FFFFFF no-repeat !important;

}



/* -- top -- */

#top {

	width:1000px;	

	margin:auto;

}



#top #top_menu{

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

	height:55px;

}



#top #top_menu table{

	margin-top:10px;

	margin-left:146px;

}



#top_banner_area{

	padding:13px;

}





#top_menu_home{

	width:551px;height:20px;background:url(../images/menu_2.jpg);

	text-align:right;	

}

#top_menu_home a{

	color:#181818;

	padding:0 5px 0 5px;

}



#top_menu_home a:hover{

	color:#815935;

}





/* -- top End -- */

#outDiv{

	width:1000px;

	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 ;

}





      

#right{

	width:278px;

	display: block;

	float:left;

	text-align:left;

	

}



#right #right_area{

  width:252px;

}



#right ul{        

  

         

	background:url(../images/right_bg.jpg) repeat-y ;

}







#right li{



  width:202px;

	padding:0 15px 0px 15px;

  margin:0 0 0 10px;

	

	height:40px;

	display : table;

  *position : relative;

	text-align:left;

  

       

	border-bottom:1px solid #E2E2E2;



}





#right li a{

	font-size:12px;

	color:#333333;

	

	display : table-cell;

	vertical-align : middle;	  

	*display : block;

	*position : absolute;

	*top : 50%;

	*width : 100%;

	font-weight: normal;

}

#right li a span{

  *position : relative;

  *top : -50%;

}







#right li a:hover{

  color:#0172C0;



}







/* left */

#left{

	width:178px;

	display: block;

	float:left;

	background:url(../images/left_bk.jpg) #FFFFFF left top no-repeat ;

	text-align:left;

	

	min-height:353px;

	* height:353px;

	

}





#left ul{	

	

	width:173px; /* 178; */

	margin:0px;

	padding:20px 0 0 5px;

	

	

	

}



#left li{

	width:153px;

	padding:0 20px 5px 0;

	height:40px;

	display : table;

    *position : relative;

	

	text-align:right;

	

}



#left li a{

	font-size:12px;

	color:#3C2B23;

	

	display : table-cell;

	vertical-align : middle;	  

	*display : block;

	*position : absolute;

	*top : 50%;

	*width : 100%;

	

		font-weight: bold;

	

	font-style: italic;

}

#left li a span{

  *position : relative;

  *top : -50%;

}



#left li a:hover {

	color:#B23B01;

	

}





	/* .li_select */

	#left li.li_select {

	

	background:url(../images/left_li_bk.png) 0 5px no-repeat ;

	

	}

	

	

	#left li.li_select a {

		color:#B23B01;

	}

	

	

	/* .li_select End */





/* left End */





/* main */



#main{

	width:712px;	

	float:left;

	text-align:left;	

	margin:0;

	padding:0 0 0px 0 ;

}





.mainTable{

	margin:0 0 0 30px;width:90%;



	

}



#main .imgTitle{

	width:100%;

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

	height:47px;

}







/* main End */



/* mainTitle */

#mainTitle{

	color:#666666;

	font-size:13px;

	margin:10px auto;

	padding:0 0 0 20px;

	

	font-weight: normal;

	/*background:url(../images/mainTitleIcon.jpg) 17px 2px no-repeat ;*/

	

}



#mainTitle a{

	font-weight: normal;

	color:#666666;

}



#mainTitle a:hover{

	color:#0271C2;	

}



#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:2px;

	

}

.proIMG a {

	color:#333333;

	

}

.proIMG a:hover {

	color:#0172C0;

}

.proIMG a:hover img {

	border: solid 2px #C3DEF1;

	padding:0px;

	

	

}

.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:100%;

	margin:auto; 

	clear:both;

  position : relative;

                         

	background:url() top center no-repeat ;

  

   

}







#down #infor { 

	

	padding:15px 10px 0 10px;

	vertical-align:top;

	width:970px;

	margin:0px;

}



#down #powerBy{

	

	text-align:center;

}





#down #FooterInfo{

	padding:10px 0 0 0;

	font-size:11px;

	color:#FFFFFF;

	text-align:center;

	

}



#down #FooterInfo a{

	color:#FFFFFF;

	

}





#down #FooterInfo a:hover{

	color:#E70012;

}



#dmenu {

	

}

#dmenu a {

	

}

#dmenu a:hover {

	

}





/* down End */



#search_area div{

  padding:0 20px 0 0;



}



#prosearch {

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

	width:188px;

}



#prosearch input {

	background:transparent;

	border:none;

	width:170px;

	padding:0 0 0 5px;

	color:#5A5F62;

}







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

}



.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: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 #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{

	border-right: .3em #4A511B solid;

	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{

	border-right: .3em #4A511B solid;

	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:#974000;

	

}

.tableUnderLine a:hover {

	 color:#2c2c2c;

}

.inqut_frame{

	width:90%;

	border: solid 1px #e2e2e2;

	

}

.sTXT{

	 font-size:12px;	

	 

}







/*--------------------- 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:#006699;

	font-size:12px;

	margin:10px auto;

	

}

.inpbott a:hover{

	background:#f9f9f9;

	color:#fb9500;

	

}



/* bott */