@charset "utf-8";

@import url("reset.css");

@import url("pagesColorV2.css");    

                                  

@import url("from_html5.css");   









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

		TEXT-DECORATION: none;

		FONT-FAMILY: "微軟正黑體", 新細明體, "Arial Unicode MS",Verdana;	
		
		-webkit-text-size-adjust: none;

		font-size: 75%;

		margin:0;

		width:auto; height:auto;

		max-height:none;

		max-width:none;

}



.clear{

  clear:both;

  line-height:0;

}



/* -- top -- */

#top {

	width:100%;	

	margin:auto;

                    

	background:url(../images/top_bg.png) center top repeat-x ;

}



#top #topArea {

  width:990px;

  margin:auto;

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

  

}




#top #topMenu{

  padding:53px 0 0 27px;

}

#top #topLang{
  line-height:30px;
  text-align:right;
  padding:0 20px 0 0;
  
  color:#FFFFFF;
}
#top #topLang a{
  color:#FFFFFF;
}
#top  #topLang a:hover{
  color:#FF000A;
} 





#top #topLogo{

  position : relative;

  width:238px; 

  padding:0 0 0 12px    

  

}

#top #topLogo img{

     position : absolute;

     top:0;

     z-index:10;

}



/* -- top End -- */

#outDivBk{

	width:990px;

	margin:auto;

  

  background:#FFF;  

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

	

}

#outDiv{

 	width:974px;

	margin:auto;



}





#inDiv{

	width:100%;

	margin:auto;

	text-align:left;

	float:left;

                          

	background:url(../images/main_right_bg/main_bg_btm2.jpg) left bottom no-repeat #FFF ;

  

                     





  }



#inDivBk{    

	width:100%;

	float:left;  

	margin:auto;

	background:url(../images/main_right_bg/right_bg.png) 750px 0 repeat-y ;

  

  -webkit-box-shadow:inset 0px 6px 3px -3px #555 ,inset 0px -6px 3px -3px #555 ;

  box-shadow:inset 0px 6px 3px -3px #555 ,inset 0px -6px 3px -3px #555 ;

  

}





    #divMark{       

          background:url(../images/main_right_bg/right_shdw.png) 666px top no-repeat ;

          float:left;

    }





/* left */

#nav{

	width:224px;

	display: block;

	float:left;

	text-align:left;

	

}





#nav ul{	

	

	width:224px; /* 178; */

	margin:0px;

	padding:10px 0 20px 0px;

	

	

	

}



#nav li{

	width:210px;

	padding:6px 0px 0px 12px;

	height:30px;

	display : table;

  *position : relative;

	text-align:left;

	

}



#nav li a{

	font-size:13px;

	color:#2F2F31;

	

	display : table-cell;

	vertical-align : middle;	  

	*display : block;

	*position : absolute;

	*top : 50%;

	*width : 100%;

	

	font-weight: bold;
	-moz-text-shadow:1px 1px #ffffff;
    -webkit-text-shadow:1px 1px #ffffff;
    text-shadow:1px 1px #ffffff;
	

	

}

#nav li a span{

  *position : relative;

  *top : -50%;

}



#nav li a:hover {

	color:#DD0F19;

	

}





	/* .li_select */

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

	     background:url(../images/main_right_bg/right_o.png) left bottom no-repeat ;

	}

  

	

	

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

		color:#DD0F19;

	}

	

	

	/* .li_select End */





/* left End */





/* main */



#main{

	width:750px;
	
	min-height:350px;

	float:left;

	text-align:left;	

	margin:0;

	padding:10px 0 50px 0 ;

  -webkit-box-shadow:inset 0px 6px 3px -3px #555 ,0px 6px 3px -3px #555 ;

  box-shadow:inset 0px 6px 3px -3px #555 ;

}





.mainTable{

	margin:0 0 0 23px;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:11px;

	margin:10px auto 20px auto;

	padding:0 30px 0 0px;

	

	font-weight: normal;

  text-align:right;

	

}



#mainTitle a{

	font-weight: normal;

	color:#000000;

}



#mainTitle a:hover{

	color:#D1020C;	

}



#mainContent{

	padding:0 0 0 20px;

}



/* mainTitle End */





/* proIMG */





.proIMG {

	padding:3px 5px ;

	vertical-align:top;

	text-align:center;

	

}

.proIMG *{

	text-align:center;

	

}

.proIMG img {

	

}

.proIMG a {

	color:#414141;

	

}

.proIMG a:hover {

	color:#DA0109;

  

}

.proIMG a:hover img {

	

	

	

}

.proIMG b {

	display:block;

	text-align:center;

	font-size:12px;

	font-weight:bolder;

	margin:5px auto;

	word-break: break-all;

	

}







/* proIMG -- End*/



/* down */



#down{ 

	display:block; 

	width:100%;

	margin:auto; 

	clear:both;       

	background:url(../images/footer_bg.png) 0 -5px repeat-x ;

               

    position : relative;

    top:-1px;

   

}

#down #downArea{

    width:990px;

    margin:auto;

    

    background: url(../images/footer.jpg) 0 19px no-repeat ; 

            

  

}





#infor { 

	

	padding:0px 15px 0px 0;

	vertical-align:top;

	margin:0px ;

}





#down #FooterInfo{

	padding:5px 15px 5px 0;

	font-size:12px;

	

	text-align:right;

}



#down #FooterInfo a{

	color:#7F7E7C;  

	font-weight:bolder;

	

}





#down #FooterInfo a:hover{

	color:#FFF;

}





#down #ftpArea{

  padding: 10px;

}





/* down End */



      

#searchArea{

  padding:17px 0 0 10px;

}





#prosearch {

	background:url(../images/search_01.png) no-repeat ;

	width:172px;

}



#prosearch input {

	background:transparent;

	border:none;

	width:160px;

	padding:0 0 0 10px;

	color:#FFFFFF;

}







/* detail */



.top_area_L{

	vertical-align:top;

	

	

}



.top_area_R{

	text-align:left;

	vertical-align:top;

	width:335px;

  

  padding:0 0 0 10px;

	

}



div.show_serial{

	font-size:13px;

	color:#515151;

	padding:0 0px 0 0px;

    

	

}



#pro_tt_shdw{

  padding:20px 0 20px 0;

  

  

  

  background:url(../images/pro_tt_shdw.png) 3px center no-repeat ;

}



div.show_serial b{

  padding:0px 8px ;            

	background:url(../images/pro_no_dot.jpg) 3px 2px no-repeat ;

  

}



div.show_title{

	font-size:17px;

	color:#000000;

	padding:3px 0 5px 0px;

  

  

}



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

	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;	

	 

}



.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;

	

}

.td_R{

	border-bottom: #CBCBCB .2em solid;

	border-top:#FFFFFF 0.05e solid;

	color: #000;

	

}







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