@charset "utf-8";
/* CSS Document */

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

#ProShowAll{ float:left; }

#ProShow_A{display:block; width:340px; height:auto; margin:0 10px; }
#ProShow_A img{ display:block; width:330px; height:240px; margin:0 auto;}

#ProShow_B{display:none;}
#ProShow_B img{vertical-align:bottom;} /* 移除 使用 CSS 編排多張圖片時，在圖片的下方有時候會產生縫隙的問題~
*/

#ProShow_C{display:block;}
#ProShow_C{ margin-left:20px;}
#ProShow_C li{ float:left; margin:6px;}
#ProShow_C span{ display:block; width:16px; height:16px; background-color:#F6F6F6; border:#666666 solid 1px; text-align:center;}

#ProItem{ float:left; border:#006699 solid 1px; display:block; width:300px; height:auto; font-size:13px;}
#ProItem ol{width:290px; padding-top:10px;}
#ProItem li{display:block; width:290px; height:auto; padding:2px;}
#ProItem ul li.W01{ display:block; width:100px; line-height:1.2em; text-align:right; float:left; height:auto; color:#9B5413; padding:2px;}
#ProItem ul li.W02{display:block; width:180px; line-height:1.2em; float:left; height:auto; color:#003366; padding:2px;}
/* =============================================================================*/

#Buy{display:block; width:290px; margin:2px 10px;}
#Buy input{ font-size:12px; color:#666666; margin-right:10px;}
#Buy input#Buy_input{ width:6em; border:#999999 solid 1px; text-align:right;}
/* =============================================================================*/

#ProDetail{clear:both; display:block; width:640px; height:auto; margin:0 auto; margin-top:30px; padding:10px;  border:#006699 solid 1px; }
#ProDetail li{display:block; width:600px; margin:0 auto;}

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