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




body{	background: url(../images/bg.jpg) center top no-repeat #E9E2DC ;
		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_inquiry_area{
	
}

.top_inquiry_area a{
	padding:0 0 0 20px;
	color:#000;
}

.top_inquiry_area a:hover{
	color:#ca1919;
	font-weight:bold;
}


#top {
	width:991px;	
	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;
}

#menu_top_strat a{
	color:#000;
}

#menu_top_strat a:hover{
	color:#ca1919;
	font-weight:bold;
}

#menu_top_order{
	padding: 0 30px 0 0 ;
	text-align:right;
}


#menu_top_order .h1 a{
	color:#474546;
	font-size:11px;
	padding:0 0 0 20px;
}

#menu_top_order .h1 a:hover{
	color:#FF5D00;
}

/* -- top End -- */
#outDiv{
	width:991px;
	margin:auto;
	
}

.div_cart_shadow{
	background:url(../images/cart_shadow.jpg) center  no-repeat;height:12px;
}

#inDiv{
	width:100%;
	margin:auto;
	text-align:left;
	float:left;
	
	background:url(../images/left_bg_top.png) left top no-repeat ;
}


#inDivBk{
	width:100%;
	float:left;
	background:url(../images/main_bg_rpt.png) bottom repeat-y ;
}

#inDivBk2{
	width:100%;
	float:left;
	background:url(../images/bg_playground.jpg) 300px bottom no-repeat ;
	
}

/* left */
#left{
	width:154px;
	display: block;
	float:left;
	padding:10px 0 0 0;
	text-align:left;
	
}


#left ul{	
	
	width:135px; /* 155; */
	margin:0px;
	padding:0px 10px 0 10px;
	
	
	
}

#left li{
	width:100%; 
	padding:0 0px 10px 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 li a img:hover {
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5 ; opacity:0.5 ;
	}

/* left End */




/* left */
#left2{
	width:280px;
	display: block;
	float:left;
	padding:10px 0 0 0;
	text-align:left;
	
}


#left2 ul{	
	
	width:265px; /* 280; */
	margin:0px;
	padding:0px 0px 0 15px;
	
	
	
}

#left2 li{
	width:120px; 
	padding:0px 0px 10px 10px;
	margin:0px 0 0 0px;
	height:40px;
	display : table;
    *position : relative;
	float:left;
	text-align:right;
	
}

#left2 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;
}
#left2 li a span{
  *position : relative;
  *top : -50%;
}

#left2 li a:hover {
	color:#B23B01;
	
}

#left2 li a img:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5 ; opacity:0.5 ;
}


	/* .li_select */
	#left2 li.li_select {
	
	background:url(../images/left_li_bk.png) 0 5px no-repeat ;
	
	}
	
	
	#left2 li.li_select a {
		color:#B23B01;
	}
	
	
	/* .li_select End */


/* left End */


/* main */

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



#main2{
	width:691px;	/* 711 */
	float:left;
	text-align:left;	
	margin:0;
	padding:0 20px 0px 0 ;
}

#mainbk{
}


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

	
}

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



/* main End */

/* mainTitle */
#mainTitle{
	color:#070506;
	font-size:12px;
	margin:10px auto;
	padding:0 0 0 0px;
	
	background:url(../images/mainTitleIcon.jpg) 17px 2px no-repeat ;
	
}

#mainTitle a{
	
	color:#070506;
}

#mainTitle a:hover{
	color:#F4690C;	

}

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

/* mainTitle End */

#sort_menu{
	font-size:10px;
	padding:0 0 0 10px ;
	color:#4D4B4C;
	text-align:right;
}
#sort_menu a{
	font-size:10px;
	padding:0 2px 0 2px ;
	color:#4D4B4C;
}

#sort_menu a:hover{
	color:#F56B00;
}

#sort_menu a.li_select{
	color:#F56B00;
	
}

#query_menu ul{
	margin:0px;
	padding:0px;
}
#query_menu ul li{
	margin:0px;
	padding:0px 5px 0 0 ;
	float:left;
}




/* proIMG */


.proIMG {
	padding:3px;
	vertical-align:top;
	text-align:center;
	
}
.proIMG *{
	text-align:center;
	
}
.proIMG img {
	padding:1px ;
	
	
}
.proIMG a {
	color:#2C2A2B;
	
}
.proIMG a:hover {
	color:#FF6300;
}
.proIMG a:hover img {
	border: solid 1px #F4690C;
	padding:0px;
	
	
}
.proIMG b {
	display:block;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	margin:5px auto;
	word-break: break-all;
	
}

.proIMG span{
	/*color:#FF0000;*/
}


/* proIMG -- End*/

/* down */

#down{ 
	display:block; 
	width:100%;
	margin:auto; 
	clear:both;
   
   background:url(../images/down_bg.png) bottom no-repeat ;
   
   
}


#down #down_info{
	
	vertical-align:top;
    padding:0 10px 20px 20px;
}

#down .down_menu{
	padding: 0 0 0 10px;
	color:#575755;
	font-size:12px;
}
#down .down_menu a{
	color:#575755;
	padding:0 2px 0 4px;
	
}
#down .down_menu a:hover{
	color:#C40000;
}

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

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




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



/* detail */

.top_area_L{
	vertical-align:top;
	
	
}

.top_area_R{
	text-align:left;
	vertical-align:top;
	width:345px;
	
	background:url(../images/detail_bk.jpg) no-repeat ;
	padding:0 0 0 10px;
	
}

.top_area_R .show_serial , .top_area_R .show_color {
	font-size:12px;
	line-height:28px;
	color:#565656;
	font-weight:normal;
	padding:0 0 7px 0;
	clear:both;
	
	
}

.top_area_R .show_price{
	font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-style: italic;
	color:#474747;
	padding:0 0 15px 0;
	
}


.top_area_R .show_price_1{
	font-size:16px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-style: italic;
	color:#FF0000;
	padding:0 0 15px 0;
	
}
.shop_price{
	color:#FF0000;
}

.show_iprice{
	color:#474747;
}



.top_area_R .show_title{
	font-size:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	font-weight:bold;
	font-style: italic;
	padding:0 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:1px 8px 1px 8px ;}
.detailOver a { border:none; }
.detailOver a:hover { border:none; }
.detailOver a img{padding:1px;
}
.detailOver a:hover img  {  

	border: solid 1px #CCCCCC;
	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:#FF5301;
	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;
	float:left;
	display:block;

}
#faqmainLI a{color:#585858;font-weight:normal;}
#faqmainLI a:hover{color:#FE5301;}
#faqmainLI li.li_select{ 
	background:#F5F3F4;

}
#faqmainLI li.li_select a{
	color:#FE5301;
	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 #F60 solid;
	padding:5px;
	color:#333333;
	font-size:12px;
	height:25px;
	
}
.tableLine a{
	width:100%;
	
}
.tableUnderLine{
	font-size:12px;
	border-bottom: dotted 1px #cccccc;
	padding:10px;
	
}
.tableUnderLine a,.tableUnderLine a:visited,.tableUnderLine a:link{
	font-size:12px;
	color:#333333;
	
}
.tableUnderLine a:hover {
	 color:#0287BF;
}
.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{
	color: #686868;
	border-bottom:1px solid #C0C0C0;
	/*background:url(../images/td_BK.jpg) bottom repeat-x ;*/
	
}
.td_R{
	color: #686868;
	border-bottom:1px solid #C0C0C0;
	/*background:url(../images/td_BK.jpg) bottom repeat-x ;*/
	
}



/* 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:#F5F5F5;
	border: solid 1px #CBCBCB;
	color:#656565;
	font-size:12px;
	padding:7px 15px 5px 15px;
	margin:10px auto;
	
	letter-spacing: 1px;
	-moz-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.inpbott a:hover{
	background:#FBFAF9;
	color:#fb9500;
	
}


.red_ps{
	width:10px;
	display: inline-block;
	color:#CC3300;
}
        	
.inqut_frame{background:#FFF ; border:1px solid BCBABB;width:180px;height:18px;}

.tableS{ padding:7px 6px 2px 32px;background:none;  border:none;  text-align:left;line-height:20px; width:70px; vertical-align:top; }
       		.broderTb{padding:0 0 0 10px; width:300px;margin:2px;}


			.inqut_framezip{
				border:none;
				background:#FBFAF9;
				letter-spacing: 2px;　
				width:30px;
				text-align:center;
			}
			
			
       		.inputNeedErr{border:#FBB0B0 1px solid ; background:#FCF0F0;}

/* bott */