@charset "utf-8";

/*Reset*/
body,div,ul,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,th,td{ margin:0; padding:0;}
img{border:0;}
ul {list-style:none;}
/*Font*/
body,td,th,select,input,textarea{ color: #220010; font-size: 11px;
  font-family: Verdana, Tahoma, Arial, sans-serif,新細明體, 細明體;
  line-height: 20px;
}
a { color: #220010; text-decoration:none;}
a:hover {text-decoration:underline;}
input{font-size: 11px; line-height: 13px; padding:2px;}
/*===== #bg =============================================================================*/
body {background-color: #e4e3d8;}
#bg { background-color: #FFFFFF; width:1040px; border:solid 1px #C8C7C7; margin:0px auto; position:relative; }


#container { width:1000px; background-color:#FFFFFF; margin:20px; }

/*===== #head =============================================================================*/
#header { position:relative; margin-bottom:20px; }

/*===== #menu =============================================================================*/
#menu { width:100%; height:47px; }

#attack_bt_left{ position:relative; top:0px; left:2px;}
#attack_bt_left a{ color:#777; font-family:Tahoma; font-weight:bold; text-decoration:none; display:inline; }
#attack_bt_left span{ color:#aaa; font-family:Tahoma; font-weight:bold; text-decoration:none; display:inline; margin-right:80px;}
#attack_bt_right{float:right; right:10px;  position:relative; top:0px; width:270px;  
height: 24px; border-right:solid 1px #220010; border-left:solid 1px #220010;}

#buy_area_bt{ position:absolute; top:1px; left:0px; color:#777; font-family:Tahoma; font-weight:bold; text-decoration:none; cursor:pointer; padding-left:13px;}
#account_area_bt{ position:absolute; top:1px; left:75px; color:#777; font-family:Tahoma; font-weight:bold; text-decoration:none; cursor:pointer; padding-left:13px;}
#sign_in_area_bt{ position:absolute; top:1px; left:210px; color:#777; font-family:Tahoma; font-weight:bold; text-decoration:none; cursor:pointer; padding-left:13px;}
#logout_bt{ position:absolute; top:1px; left:208px; color:#777; font-family:Tahoma; font-weight:bold; text-decoration:none; cursor:pointer; }

/*============================================================================================*/
#main_content {}
.open_area{position:absolute;top:129px; left:738px; width:270px; background:#FBFAF4; border-bottom:solid 1px #D1D3D4; border-right:solid 1px #D1D3D4; border-left:solid 1px #D1D3D4; z-index:50;  display:none; overflow:hidden;}

/*===== #webpath =============================================================================*/
#webpath{ margin:10px 0 20px 0; text-align:left; }
/*===== #main_content ========================================================================*/

.brands_content_l a img{margin:0 0 0 0;  border:1px solid #FFF; cursor:pointer }
.brands_content_l a:hover img{margin:0 0 0 0;  border:1px solid #DBDBDB; }



#content_l {float:left; left:20px; width:700px; position:relative;}
#content_r {float:right; margin:0 0 0 0; width:290px; position:relative;}
#content_b {clear:both;	 height: 20px;}


/*shop_index*/
#shophome_content_l {float:left; width:710px; position:relative; background-color:#FFFFFF;}
#brandhome_content_r {float:right; right:4px; width:258px; margin:10px 0 0 10; position:relative; background-color:#ffFFFF}
#sizeing_bt{ margin:3px 10px 6px 10px; color:#555555; font-size:10px; cursor:pointer;  padding:0 0 0 14px; 
background:url(../tuan_img/arrow_right_b.gif) no-repeat 0px 5px;}
#tellafriend_bt{ margin:3px 10px 6px 10px; color:#555555; font-size:10px; cursor:pointer;  padding:0 0 0 14px; 
background:url(../tuan_img/arrow_right_b.gif) no-repeat 0px 5px;}

.brand_index div{float:left; position:relative; width:165px; height:90px; background:#fff; margin:0 10px 20px 0;}
.brand_index a img{margin:0 0 0 0;  border:1px solid #DBDBDB; cursor:pointer }
.brand_index a:hover img{margin:0 0 0 0;  border:1px solid #000; }

.sale_index div{float:left; position:relative; width:330px; height:90px; background:#fff; margin:0 10px 20px 0;}
.sale_index a img{margin:0 0 0 0;  border:1px solid #DBDBDB; cursor:pointer }
.sale_index a:hover img{margin:0 0 0 0;  border:1px solid #000; }

.brandhome_index div{float:left; position:relative; width:165px; height:140px; background:#fff; margin:0 17px 20px 0;}
.brandhome_index a img{margin:0 0 0 0;  border:1px solid #DBDBDB; cursor:pointer }
.brandhome_index a:hover img{margin:0 0 0 0;  border:1px solid #000; }
.brandhome_index p{margin:2px 0px 0px 0px;font-size:11px; line-height:14px; text-align:center;}

.products_index {clear:both;}
.products_index div{float:left; position:relative; width:165px; height:140px; background:#fff; margin:0 10px 20px 0;}
.products_index a img{margin:0 0 0 0;  border:1px solid #DBDBDB; cursor:pointer }
.products_index a:hover img{margin:0 0 0 0;  border:1px solid #000; }
.products_index p{margin:2px 0px 0px 0px;font-size:11px; line-height:14px; text-align:center;}

.order_content_l {float:left; width:395px; margin:0 0 0 0; position:relative; background-color:#ffffff}
.order_content_r {float:right; width:280px; margin:0 15px 0 0; position:absolute; background-color:#FFFFFF}

.order_menu {float:left; width:278px; margin:0 0 0 0; background-color:#ffffff}
.order_sphoto{width:410px;}
.order_sphoto div{float:left; position:relative; width:80px; height:80px; background:#fff; margin:20px 14px 20px 6px;}
.other_img{margin:0 0 0 0;  border:1px solid #DBDBDB; cursor:pointer; }
.this_img{margin:0 0 0 0;  border:1px solid #000; cursor:pointer;}

.order_button div{ position:relative; width:278px; }
.order_button a img{margin:0 0 0 0;  border:1px solid #DBDBDB; cursor:pointer }
.order_button a:hover img{margin:0 0 0 0;  border:1px solid #000; }

.youmayalsolike div{float:left; position:relative; width:165px; height:90px; background:#fff; margin:0 20px 20px 0px;}
.youmayalsolike a img{margin:0 0 0 0;  border:1px solid #DBDBDB; cursor:pointer }
.youmayalsolike a:hover img{margin:0 0 0 0;  border:1px solid #000; }
.youmayalsolike p{margin:2px 0px 0px 0px;font-size:11px; line-height:14px; text-align:center;}



#content_r_blog {float:right; margin:0 20px 0 0; width:250px; position:relative;}


#content_r a{text-decoration: none;}
#content_r a:hover {text-decoration:underline;}
/*----------------------------------------------*/
#content_l ul {
    margin: 0; padding:0; list-style-type: none; width: 100%;
}
#content_l ul li {
    font-size: 11px;
    display:inline;
    float: left; width: 160px; height:240px; text-align:left;
	margin: 5px 25px 5px 25px;
	
}
#content_l ul li img {display: block; border:1px solid #666666;}
#content_l a{color: #555555;text-decoration: none;}
#content_l a:hover {text-decoration:underline;}

#content_l .product_l{ float:left; width:310; margin:5px 0 0 0; }
#content_l .product_l img {display: block; border:1px solid #666666;}
#content_l .product_r{ float:right; width:325; margin:5px 0 0 0; }
/*----------------------------------------------*/

#content_l_7 ul {
 margin: 0; padding:0; list-style-type: none; width: 640px;
}
#content_l_7 ul li {
    font-size: 11px;
    display:inline; 
    float: left; width: 160px; height:240px; text-align:left;
	margin: 5px 30px 5px 20px;
}
#content_l_7 ul li img {display: block; border:1px solid #666666;}
#content_l_7 a{color: #555555;text-decoration: none;}
#content_l_7 a:hover {text-decoration:underline;}

#content_l_7 .product_l{ float:left; width:310; margin:5px 0 0 0; }
#content_l_7 .product_l img {display: block; border:1px solid #666666;}
#content_l_7 .product_r{ float:right; width:325; margin:5px 0 0 0; }

/*===== #footer =============================================================================*/
#footer {
  margin:35px 0 0 0; padding:0; border-top:3px solid #555555;
  width:894px; height: 50px; text-align:center;
}
#footer p {margin: 10px 0 0 0; padding:0; font-size: 11px;}


/*======= class ==================================================================================*/

.ctxt{width:658px;margin:0 0 10px 0; clear:both;}
/*----------------------------------------------*/
.img_l{float:left ; margin:0 10px 10px 0;}
.img_r{float:right ; margin:0 0 10px 10px;}
.img_m{margin:0 0 10px 0;}
.img_t{margin:0;}

/*----------------------------------------------*/
.txt_img_r{float:left ; }
.txt_img_l{float:right ; }
.txt_img_m{}

/*----------------------------------------------*/

/*============================================================================================*/
.b1{margin:0 3px 3px 0; font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif; border: 1px solid #333333; font-size: 11px; color: #333333;}
.b2{margin:0 3px 3px 0; font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif; border: 1px solid #333333; font-size: 11px; color: #FFFFFF; background-color: #333333; 	padding: 3px 5px 0px 5px;}
.b3{margin:0 3px 3px 0; font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif; border: 1px solid #333333; font-size: 11px; color: #333333; background-color: #FFFFFF;  padding: 3px 5px 0px 5px;}
/*============================================================================================*/
.red { color: #CC0000;}

.sbh {
	font-weight: bold;
	font-size: 12px;
    line-height: 20px;
}
.mbh {
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;

}
.lbh {
	font-weight: bold;
	font-size: 20px;
	line-height: 28px;
}
.item_name {
	font-weight: bold;
	font-size: 18px;
	line-height: 26px;
	font-family:"Helvetica, Verdana, Tahoma, Arial, sans-serif;"
}
.item_no {
	 color:#8D8D8D; 
	 font-size:10px; 
}
.item_text {
	font-size: 12px;
	line-height: 20px;
	font-family:"Helvetica, Verdana, Tahoma, Arial, sans-serif;"
}
/*----------------------------------------------*/
.logo{
margin: 0 auto 3px auto; padding:0;
}
/*----------------------------------------------*/

#content_r ul {list-style-type: none; margin: 10px 0px 0px 0px;  padding: 0;}		
#content_r li { margin: 5px 0px 20px 5px; padding: 0 0 0 10px; line-height: 15px;}

/*----------------------------------------------*/
#content_r_blog ul { margin: 10px 0px 20px 10px; padding: 0;}		
#content_r_blog li { margin: 5px 0px 5px 0px; padding: 0 0 0 0px; line-height: 15px;}
/*----------------------------------------------*/

.red { color: #CC0000;}

h4 { font-size:16px; padding: 0; margin:5px 0 10px 0;}
h4 a{text-decoration: none;}
h4 a:hover {text-decoration:underline;}
h3 {font-size:16px; padding: 0; margin:0 0 8px 0; }
h5 {font-size:16px; padding: 0; margin:0 0 5px 0; }


.bar_ a{text-decoration: none;}
.bar_ a:hover {text-decoration:underline;}

.gt {
font-family: Verdana, Tahoma, Arial, sans-serif,新細明體, 細明體;
	font-weight: bold;
	font-size: 12px;
}


/*============================================================================================*/
.form2 {
font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	border: 1px solid;
	border-bottom-color: #333333;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
}
.form3 {
font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	border: 1px solid;
	color: #FFFFFF;
	border-bottom-color: #333333;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
	background: #CC0000;
}
/*============================================================================================*/
.form4 {
font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: center;
	padding:0 2px 2px 2px ;
}
.form5 {
font-family: Helvetica, Verdana, Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	background: #CC0000;
	padding:0 2px 2px 2px ;
}

/*============================================================================================*/





		 
		 
		 #checkout_sign_in_area .i_bt{display:inline; cursor:pointer; padding-left:15px; background:url(../tuan_img/store_p.gif) no-repeat 0px 2px;}
		 .bb_i .i_bt{display:inline; cursor:pointer; padding-left:15px; background:url(../tuan_img/i3_r.gif) no-repeat 0px 2px;}