@charset "utf-8";
@import url("reset.css");
@import url("pagesColorV2.css");




body{	background: url(../images/bk.jpg) center top repeat-x  #FFEEBA ;
		TEXT-DECORATION: none;
		FONT-FAMILY: "Arial Unicode MS",Verdana;	
		font-size: 75%;
		margin:0;
		width:auto; height:auto;
		max-height:none;
		max-width:none;
}

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

/* 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:13px;
	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 li.li2 {
		
		padding:0 20px 2px 10px;
		height:20px;
		font-size:12px;
		
	
	}
	
	#left li.li2 a{
		color:#3F2D21;
		font-weight: normal;
	
	}
	
	
	#left li.li2 a.li_select2{
		color:#B23B01;
		font-weight: bolder;
	
	}
	
	
	#left li.li2 a:hover{
		color:#B23B01;
	}
	
	
	
	#left li.li3 {
		
		padding:0 20px 2px 10px;
		height:20px;
		font-size:12px;
	
	}
	#left li.li3 a{
		color:#b23b01;
		font-size:11px;
		font-weight: bold;
	}
	
	#left li.li3 a.last_li3{
		padding:0 0 15px 0 ;
	}
	
	#left li.li_select3 a{
		color:#6d2502;
		
		
		
	}


/* left End */


/* main */

#main{
	width:822px;	
	float:left;
	text-align:left;	
	margin:0;
	padding:0 0 50px 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:#34231C;
	font-size:13px;
	margin:10px auto;
	padding:0 0 0 20px;
	font-style: italic;
	
	font-weight: bolder;
	background:url(../images/mainTitleIcon.jpg) 17px 2px no-repeat ;
	
}

#mainTitle a{
	font-weight: bolder;
	color:#34231C;
}

#mainTitle a:hover{
	color:#34231C;	
}

#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 ;
	border: solid 1px #DADADA;
	
}
.proIMG a {
	color:#5A5A5A;
	
}
.proIMG a:hover {
	color:#B6952A;
}
.proIMG a:hover img {
	border: solid 2px #B6952A;
	padding:0px;
	
	
}
.proIMG b {
	display:block;
	text-align:center;
	font-size:12px;
	font-weight:bolder;
	margin:5px auto;
	word-break: break-all;
	font-style: italic;
}



/* proIMG -- End*/

/* down */

#down{ 
	display:block; 
	width:100%;
	margin:auto; 
	clear:both;
    position : relative;
   
}


#down .down_menu{
 	top:-35px;
    position : absolute;
}
#down #qr{
	width:227px;
	text-align:center;
}

#down #qr img{
	float:left;
	padding:0 5px 10px 30px;
	text-align:right;
}

#down #qr div{
	float:left;
	text-align:left;
	font-size:12px;
	padding-top:15px;
	line-height:30px;
}

#down #down_info{
	vertical-align:top;
}

#down #infor { 
	
	padding-top:5px;
	vertical-align:top;
	width:100%;
	margin:0px;
}

#down #powerBy{
	
	text-align:center;
}


#dmenu {
	
}
#dmenu a {
	
}
#dmenu a:hover {
	
}


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



/* 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:15px 15px 0px 15px;}
.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; padding:3px ;background:#FFF; color:#333333;

	border: solid 1px #026AE7;
	padding:5px ;
	
	-moz-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
#mainLI a{color:#585858}
#mainLI a:hover{color:#063772}
#mainLI .li_select{
	background:#D2E4FC;
	border: solid 1px #026AE7;
	padding:5px ;
	
	
	-moz-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
#mainLI .li_select a{ color:#063772;

	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;background:#FFF; color:#333333;

	border: solid 1px #026AE7;
	padding:5px ;
	
	-moz-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
#member a{color:#585858}
#member a:hover{color:#063772}
#member .li_select{
	background:#D2E4FC;
	border: solid 1px #026AE7;
	padding:5px ;
	-moz-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
#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 ; }
#faqmainLI a{color:#919191;font-weight:normal;}
#faqmainLI a:hover{color:#FD6F00;}
#faqmainLI .li_select{ color:#FD6F00;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 */ 