@import url("reset.css");


.WRAPPER{ width:960px; height:auto; margin:0 auto;clear:both; padding:0 0px;}
h3{ margin-bottom:18px;}





/*----------------------------------------------------------------關於我們--------------------------------------------------------------------------------------*/
.ABOUT{ width:556px; height:auto;}
.ABOUT p{text-indent : 25px; }
.ABOUT ul{}
.ABOUT li{}

.ABOUT_content {width:500px; height:auto; border-left:8px solid #d2d2d2; padding:24px 14px;}
.ABOUT_content p{text-indent :0px;}




/*----------------------------------------------------------------產品總覽--------------------------------------------------------------------------------------*/



.PRODUCT_ROW{ width:960px;  height:395px; }
.PRODUCT{ width:240px; height:345px; float:left;}
.PRODUCT_photo{ width:190px; height:250px; margin:0 auto;}
.PRODUCT_photo_releate{ width:145px; height:190px; margin:0 auto;}
.PRODUCT p{line-height:20px; text-align:center;}
.PRODUCT ul{ margin:0 auto; padding-top:5px;}
.PRODUCT li{ float:left; margin-left:4px;}
.PRODUCT li a{ display: block; padding:0 5px; width: auto; height:20px;  color:#767676;font-size:11px; line-height:20px;text-decoration:none; text-align:center;border:1px solid #d6d6d6;}
.PRODUCT li a:hover{ background-color:#e25c33; color:#FFF; border:1px solid #a53919;}
.PRODUCT li a.stop_prosize{display: block; padding:0 5px;font-size:11px; line-height:20px;text-decoration:none; text-align:center; width: auto; height:20px; background-color:#e25c33; color:#FFF; border:1px solid #a53919;}




/*--尺寸?按鈕--*/
.PRODUCT li.product-note{ float:left; margin-left:0px;width:25px; height:21px; background-image:url(../images/icon_pro-note.jpg); position:relative; cursor:pointer;}

.PRODUCT li.product-note:hover .PRODUCT_note_content{ display:block;}
.PRODUCT li.product-note:hover .PRODUCT_note_content_R { display:block;}


/*------前三  個尺寸說明黑色圖層-----*/
.PRODUCT_note_content{ 
display:none;
 position:absolute; bottom:30px; left:-20px; width: 195px; height:auto; background:#444444; padding:7px 8px;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #666 2px 3px 3px;
-moz-box-shadow: #666 2px 3px 3px;
box-shadow: #666 2px 3px 3px;
behavior: url(css/PIE.htc);*/


}

.PRODUCT_note_content p{text-align:left;line-height:20px;  background:url(../images/icon_pro-note3.jpg) no-repeat left; padding-left:20px;}
.PRODUCT_note_content span{ width:15px; height:7px;  position:absolute;bottom:-7px;left:25px; background-image:url(../images/icon_pro-note2.jpg);}

/*-----最右側  尺寸說明黑色圖層-----*/
.PRODUCT_note_content_R{ 
display:none;
 position:absolute; bottom:30px; right:-15px; width: 195px; height:auto; background-color:#444444; padding:7px 5px;
/*-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #666 2px 3px 3px;
-moz-box-shadow: #666 2px 3px 3px;
box-shadow: #666 2px 3px 3px;
behavior: url(css/PIE.htc);*/


}
.PRODUCT_note_content_R p{text-align:left;  line-height:20px; background:url(../images/icon_pro-note3.jpg) no-repeat left; padding-left:20px;}
.PRODUCT_note_content_R span{ width:15px; height:7px;  position:absolute;bottom:-7px;right:20px; background-image:url(../images/icon_pro-note2.jpg);}





/*----------------------------------------------------------------產品總覽/內頁--------------------------------------------------------------------------------------*/

.DETAIL_CONTENT{ width:960px; height:auto; overflow:auto; margin-bottom:65px;}
.DETAIL_CONTENT_L{ float:left; width:380px; height:500px;}
.DETAIL_CONTENT_R{float: right; width:485px; height:auto; margin-top:70px;}

/*****************產品顏色區*****************/
.DETAIL_CONTENT_R ul.procolor{ width:485px; height:50px; border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4; padding:20px 0; margin:20px 0;}
.DETAIL_CONTENT_R ul.procolor li{ float:left; width:40px; height:40px; margin-right:17px;}
.DETAIL_CONTENT_R ul.procolor li a{ display:block; width:40px;  padding:5px; height:40px;border:1px solid #fff;}
.DETAIL_CONTENT_R ul.procolor li a:hover{ border:1px solid #d9d9d9;}
.DETAIL_CONTENT_R ul.procolor li a.stop_procolor{  display:block; width:40px; height:40px; padding:5px; border:1px solid #d9d9d9;}




/*****************產品尺寸*****************/
.DETAIL_CONTENT_R ul.prosize{ margin:0 auto; padding-top:5px;}
.DETAIL_CONTENT_R ul.prosize li{ float:left; margin-left:4px;}
.DETAIL_CONTENT_R ul.prosize li a{ display: block; padding:0 5px; width: auto; height:20px;  color:#767676; font-size:11px; line-height:20px;text-decoration:none; text-align:center;border:1px solid #d6d6d6;}
.DETAIL_CONTENT_R ul.prosize li a:hover{ background-color:#e25c33; color:#FFF; border:1px solid #a53919;}
.DETAIL_CONTENT_R ul.prosize li a.stop_prosize{display: block; padding:0 5px;font-size:11px; line-height:20px;text-decoration:none; text-align:center; width: auto; height:20px; background-color:#e25c33; color:#FFF; border:1px solid #a53919;}


/*--尺寸?按鈕--*/
.DETAIL_CONTENT_R ul.prosize li.detail-note{ float:left; margin-left:0px; padding-left:25px; width:70px; height:21px; background:url(../images/icon_pro-note.jpg) no-repeat left ; position:relative; cursor:pointer;}
.DETAIL_CONTENT_R ul.prosize li.detail-note:hover  .DETAIL_CONTENT_R_note_content{ display:block;}


/*------尺寸說明黑色圖層-----*/
.DETAIL_CONTENT_R_note_content{ display:none; position:absolute; bottom:30px; left:-20px; width: 195px; height:auto; background:#444444; padding:7px 8px;}

.DETAIL_CONTENT_R_note_content p{text-align:left;  line-height:20px; background:url(../images/icon_pro-note3.jpg) no-repeat left; padding-left:20px;}
.DETAIL_CONTENT_R_note_content span{ width:15px; height:7px;  position:absolute;bottom:-7px;left:25px; background-image:url(../images/icon_pro-note2.jpg);}


/*****************產品數量*****************/

.DETAIL_CONTENT_R_amount{ clear:both; position:relative; padding:30px 0 0 5px;}
.DETAIL_CONTENT_R_amount a{ position:absolute; left:200px; top:26px;}







/*****************產品說明及注意事項區*****************/
.DETAIL_NOTE{ width:960px; height:auto; padding-top:1px; border-top:1px solid #000; margin-bottom:47px; overflow:auto; overflow-x:hidden;}
.DETAIL_NOTE_L{ float:left; width:138px; padding-top:17px; padding-left:15px; text-align:center;}
.DETAIL_NOTE_R{ float:right; width:762px; border-left:1px solid #d9d9d9; padding:20px 5px 5px 10px;}





/*****************相關產品區*****************/
.DETAIL_ROW{ width:960px;  height:345px; margin-top:20PX;}




/*----------------------------------------------------------------購物車--------------------------------------------------------------------------------------*/



.SHOPPING_STEP{width:960px; height:80px;}
.SHOPPING_STEP ul{ }
.SHOPPING_STEP li{ width:308px; height:52px;background-color:#fff;border:1px solid #ececec;line-height:52px; text-align:center; float:left;}
.SHOPPING_STEP li.stop_step{ width:308px; height:52px;background-color:#e25c33; border:1px solid #e25c33; line-height:52px; text-align:center; }

.SHOPPING_STEP span{ width:15px; height:52px; float:left; background:url(../images/shopping_ar.jpg) no-repeat 50% center;}
.SHOPPING_STEP span.gray-arrow{ width:15px; height:52px; float:left; background:url(../images/shopping_ar_gray.jpg) no-repeat 50% center;}

/***************** STEP1 *****************/ 
.SHOPPING_STEP1_BTN{ height:29px; width:200px; margin:0 auto; margin-top:40px;}
.SHOPPING_STEP1_BTN a{ float:left;}


/***************** STEP2 *****************/ 

.SHOPPING_STEP2_DATA1{ width: auto; }
.SHOPPING_STEP2_BTN{ height:29px; width:240px; margin:0 auto; margin-top:40px;}
.SHOPPING_STEP2_BTN a{ float:left;}

/***************** STEP2 *****************/ 

.SHOPPING_STEP3_NOTICE{ width:890px; height:auto; margin:18px 30px;}
.SHOPPING_STEP3_BTN{ height:29px; width:270px; margin:0 auto; margin-top:40px;}
.SHOPPING_STEP3_BTN a{ float:right}





/***************** 表單樣式 *****************/ 
.BORDER_TOP-BOTTOM{border-bottom:1px solid #4a4a4a; border-top:1px solid #4a4a4a; padding:;}
.BORDER_BOTTOM{border-bottom:1px solid #4a4a4a; }
.BORDER_TOP{border-top:1px solid #4a4a4a;  }
.MARGIN_TOP{ margin-top:10px;}

.BORDER_TOP_doted{border-top:1px dotted #d9d9d9; }
.BORDER_BPOTTOM_doted{border-bottom:1px dotted #d9d9d9; }


/*---表格標題---*/
.tr_top{ background-color:#f6f6f6;border-bottom:1px dotted #d9d9d9;border-top:1px solid #FFF;  padding:; line-height:45px; }

/*---結帳購物車表格標題---*/
.tr_top_shop{ background-color:#f6f6f6; border-top: 1px solid #FFF; padding:; line-height:45px; }



/*---購物清單--*/

.tr_list{ border-bottom:1px dotted #d9d9d9; line-height:45px;}
.tr_list_graybg{ border-bottom:1px dotted #d9d9d9; background-color:#f6f6f6;line-height:45px; }
.tr_list_foot{ background-color:#f6f6f6; border-bottom:; padding:15px 0;}
.tr_list_foot_whitebg{ background-color:#fff; border-top:1px solid #d9d9d9; padding:15px 0;  }

/*---選擇付款方式--*/
.td_list_select{background-color:#f6f6f6;  padding:15px 0;}

/*----文字間距---*/
.padding_tdword{ padding: 0 17px; line-height:45px;}
.padding_tdword2{ padding: 0 20px; line-height:45px;}

/*----表格底色---*/
.td_bg_deepgray{ background-color:#e2e2e2;}
.td_bg_yellow{ background-color:#fffbef;}







/*----------------------------------------------------------------網站使用條款--------------------------------------------------------------------------------------*/


	
	.abgne_tab {
		clear: left;
		width:960px;
		margin: 10px 0;
	}
	ul.tabs_2 {
		width: 100%;
		height: 41px;
		border-bottom: 1px solid #000;
		border-left: ;
	}
	ul.tabs_2 li {
		float: left;
		width:190px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-bottom: 1px solid #fff;
		
		background: #fff;
		font-size:12px;
		text-align:center;
	}
	ul.tabs_2 li a {
		display: block;
		padding: 0 20px;
		color: #a5a5a5;
		border-bottom: 1px solid #000;
		text-decoration: none;
	}
	ul.tabs_2 li a:hover {
		color:#e25c33;
		background: ;
		
	}
	ul.tabs_2 li.active  {
		background: #fff;
		color:#e25c33;
		border-bottom: 1px solid #fff;
		border-top: 1px solid #000;
	}
	ul.tabs_2 li.active a:hover {
		background: #fff;
		color:#e25c33;
	}
	div.tab_container_2 {
		clear: left;
		width: 100%;
		border: ;
		border-top: none;
		background: #fff;
		
	}
	div.tab_container_2 .tab_content_2 {
		padding: 20px;
		background-color:#FFF;
	}
	div.tab_container_2 .tab_content_2 h2 {
		margin: 0 0 20px;
	}




/*----------------------------------------------------------------訂單查詢--------------------------------------------------------------------------------------*/


	
	.order_tab {
		clear: left;
		width:960px;
		margin: 10px 0;
	
	}
	ul.tabs {
		width: 100%;
		height: 46px;
		border-bottom: 1px solid #000;
		border-left: ;
	}
	ul.tabs li {
		float: left;
		width:190px;
		height: 45px;
		line-height: 45px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border-bottom: 1px solid #fff;
		
		background: #fff;
		font-size:12px;
		text-align:center;
	}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #a5a5a5;
		border-bottom: 1px solid #000;
		text-decoration: none;
	}
	ul.tabs li a:hover {
		color:#e25c33;
		
		
	}
	
	ul.tabs li a.tab1 {
		display: block;
		padding: 0 20px;
		color: #a5a5a5;
		border-bottom: 1px solid #000;
		text-decoration: none;
	}
	ul.tabs li a.tab1:hover {
		color:#e25c33;
		
		
	}
	ul.tabs li.active  {
		
		color:#e25c33;
		border-bottom: 2px solid #f6f6f6;
		border-top: 1px solid #000;
		background-color:#f6f6f6;
	}
	ul.tabs li.active a:hover {
		background-color:#f6f6f6;
		color:#e25c33;
	}
	div.tab_container {
		clear: left;
		width: 960px;
		border-top: none;
		background: #fff;
		
	}
	div.tab_container .tab_content {
		padding:0px;
		background-color:#FFF;
	}




/*----------------------------------------------------------------會員登入--------------------------------------------------------------------------------------*/
.LOGIN_OUTLINE {text-align: center;}
.LOGIN_C{ display: inline-block; width:465px; height:320px;}
.LOGIN_L{ float:left; width:465px; height:320px; }
.LOGIN_R{ float: right;width:465px; height:320px; position:relative;}

a.LOGIN_R_firstfill{ display:block; width:281px; height:46px; background:url(../images/login_01.gif) no-repeat; text-align:center; text-decoration:none; padding-top:15px; position:absolute; top:90px; left:100px;}
a.LOGIN_R_firstfill:hover{  background:url(../images/login_01_hover.gif) no-repeat;}


.LOGIN_R_MemberService{ position:absolute; width:425px; height:auto;top:50px; left:20px;}