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




body{	background: url(../images/bk.jpg) repeat ;
		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: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;
	
}

#outDiv_bk{

	margin:auto;
	background:url(../images/bk_top.jpg) repeat-x ;
}

#inDiv{
	width:100%;
	margin:auto;
	text-align:left;
	float:left;
	background:#FFF;
}


#inDivBk{
	float:left;
	padding:0 0 20px 0 ;
	background:url(../images/floor_bar.jpg) #FFFFFF bottom no-repeat ;
}

/* left */
#left{
	width:338px;
	display: block;
	float:left;
	text-align:left;
	
	
}


#left_top_title{
	position:absolute;
}
#left_top_title #l_top_t{
	position:relative;
	top:-39px;
	
}

#left_bk_top{
	background:url(../images/left_title_top.jpg) 0 0px no-repeat ;
	
	
	min-height:330px;
	* height:330px;
	
}

#left_bk{

	background:url(../images/left_bg.jpg) repeat-y ;
	
	
	
}
#left_bk_down{
	background:url(../images/left_bg_down.jpg) bottom no-repeat;
	
	margin:0 0 10px 0;
	
}


#left ul{	
	
	width:338px; /* 178; */
	margin:0px;
	padding:25px 0 0 0px;
	
	
	
}

#left li{
	width:338px;
	padding:0 0px 0px 0;
	height:40px;
	display : table;
    *position : relative;
	
	text-align:left;
	
}

#left li a{
	font-size:12px;
	color:#FFF;
	
	display : table-cell;
	vertical-align : middle;	  
	*display : block;
	*position : absolute;
	*top : 50%;
	*width : 100%;
	
	font-weight: normal;
	
	background:url(../images/left_icon_nor.png) 0 14px no-repeat ;
	
	padding:0 0 0 17px;
}
#left li a span{
  *position : relative;
  *top : -50%;
  
  
}

#left li a:hover , #left li a.li_select {
	color:#FFF903;
	padding:0 0 0 20px;
	background:url(../images/left_icon_over.png) 3px 13px no-repeat ;
	
	
}


	/* .li_select */
	
	
	
	/* .li_select End */


/* left End */


/* main */
#main_top_title{
	background:#0074A7;
}


#main{
	width:662px;	
	float:left;
	text-align:left;	
	margin:0;
	padding:0 0 10px 0 ;
}


.mainTable{
	margin:0 0 0 15px;width:96%;

	
}

#main .imgTitle{
	width:100%;
	background:url(../images/title/right_title_bg.jpg) repeat ;
	height:47px;
}



/* main End */

/* mainTitle */
#mainTitle{
	color:#000;
	font-size:13px;
	margin:7px 5px auto;
	padding:0 10px 0 0;
	text-align:left;
	font-weight: normal;
	
	
}

#mainTitle a{
	font-weight: normal;
	color:#000;
}



#mainTitle a.se_title{
	font-weight: normal;
	color:#13A4E3;
}

#mainTitle a:hover{
	color:#13A4E3;	
}

#mainContent{
	padding:0 0 0 20px;
}

/* mainTitle End */


/* proIMG */


.proIMG {
	padding:4px 3px 4px 3px;
	vertical-align:top;
	text-align:center;
	
}
.proIMG *{
	text-align:center;
	
}
.proIMG img {
	
	padding:2px;
	
	-moz-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	
}
.proIMG a {
	color:#000;
	
}
.proIMG a:hover {
	color:#000;
}
.proIMG a:hover img {
	padding:0px;
	border: solid 2px #13A3E0;
	
	
}
.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;
	padding:8px 0 0 0 ;
    
   
}


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

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

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

#down #powerBy{
	
	color:#A8A795;
	font-size:12px;
}


#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{
	text-align:right;
	padding:0 20px 0 0;
}



#prosearch {
	background:url(../images/search_bg.jpg) no-repeat ;
	width:165px;
}

#prosearch input {
	background:transparent;
	border:none;
	width:150px;
	padding:0 5px 0 10px;
	color:#ccc;
	font-size:10px;

}



/* detail */

.top_area_L{
	vertical-align:top;
	
	
}

.top_area_R{
	text-align:left;
	vertical-align:top;
	padding:0 0 0 5px;
	
}

.show_serial{
	font-size:18px;
	color:#333333;
	font-weight:bolder;
}

.show_title{
	font-size:20px;
	color:#0474A4;
	font-weight:bolder;
}

#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:4px;}
.detailOver a { border:none; }
.detailOver a:hover { border:none; }
.detailOver a img{
	padding:2px;
}
.detailOver a:hover img  {  

	border: solid 2px #13A3E0;
	padding:0px;
	
	
	-moz-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	
}

/* 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{
	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:#000;
	
}
.tableUnderLine a:hover {
	 color:#ff0000;
}
.inqut_frame{
	color:#333;
	width:100%;
	border: solid 1px #e2e2e2;
	background: url(../images/contacu_bg.jpg) ;
	height:20px;
}
.inqut_table{
	color:#333;
	width:100%;
	border: solid 1px #e2e2e2;
	background: url(../images/contacu_bg.jpg) ;
}
.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;
	border: solid 1px #cccccc;
	color:#000;
	font-size:12px;
	
}
.inpbott a:hover{
	background:#f9f9f9;
	color:#006699;
	
}

/* bott */