@charset "utf-8";

body { font-family: Verdana; font-size: 9pt; line-height: 18px; color: #666666; text-decoration: none; background-image: url(../images/body_bg.gif); background-repeat: repeat;}

input{ font-family: Arial; font-size: 11px; line-height: 18px; color: #CC3300; text-decoration: none; }

img a { border:0px; cursor: pointer; }

.clear { clear: both; }

/*主體區塊*/
#Container { width: 900px; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; margin: 0px auto; padding: 0px 2px; background-color: #FFFFFF; position: relative; }

#header { width: 900px; height: 70px; margin: 0px; background-repeat: no-repeat; background-position: left top; float: left;}

#containerTop{ width: 900px; height: 200px; margin: 0px 0px 5px 0px; padding:0px; clear: both; }

#leftbar{ width: 130px; float: left; margin: 0px; }

#mainContent{ width: 770px; float:right; margin: 0px; padding-bottom: 30px; }

#footer{ width: 900px; float: none; margin: 0px; position:relative; font-family: Verdana; font-size: 8pt; line-height: 15px; color: #666666; text-decoration: none; clear: both;}


/*隱藏文字*/
#containerTop span{ display: none; }


/*header第一排選單*/
#box_Topbg { background-color: #FFFFFF; background-image: url(../images/bg_top.gif); background-repeat: no-repeat; background-position: left; height: 71px; }

#topnav01{ width: 270px; clear: both; display: block; margin: 0px; padding: 20px 0px 3px 0px; float: right;}

#topnav01 ul{ float: none; }

#topnav01 li{ float: left; font: Verdana; font-size: 9pt; line-height: 9pt; font-weight: bold; color: #FFF; text-decoration: none; list-style: none; padding: 5px; }

#topnav01 li a { font: Verdana; font-size: 9pt; line-height: 9pt; font-weight: bold; color: #FFF; text-decoration: none; }

#topnav01 li a:hover{ font: Verdana; font-size: 9pt; line-height: 9pt; font-weight: bold; color: #996600; text-decoration: underline; }

.contact { background-repeat: no-repeat; background-position: left center; background-image: url(../images/icon_mail.gif); padding: 0px 0px 0px 15px; }


/*header第二排選單*/
#topnav02{ width: 570px; margin: 0px; clear: both; }

#topnav02 ul{ float: none; z-index: 1; }

#topnav02 li{ float: left; font: Verdana; font-size: 9pt; line-height: 9pt; color: #FFF; text-decoration: none; list-style: none; padding: 1px 5px 1px 5px; }

#topnav02 li a {  font: Verdana; font-size: 9pt; line-height: 9pt;color: #FFF; text-decoration: none; }

#topnav02 li a:hover{ font: Verdana; font-size: 9pt; line-height: 9pt; color: #996600; text-decoration: underline; }

/*leftbar瀏覽過的商品區*/
#surf{ width: 127px; border: 1px solid #666666; float: left; padding-top: 3px; margin: 0px 0px 5px 0px; padding: 0px; text-align: center; }

#surf h4{ width: 100%; height: 18px; vertical-align: middle; text-align: center; margin:0px; border-bottom: 3px double #999900; font-family: Verdana; font-size: 13px; line-height: 18px; color: #FFFFFF; text-decoration: none; background-color: #000000; padding: 3px 0px 0px 0px; }


/*leftbar商品搜尋*/
#search{ width: 127px; height: 100px; border: 1px solid #666666; float: left; padding-top: 3px; margin: 5px 0px 5px 0px; padding: 0px;}

#search h3{ width: 100%; height: 24px; vertical-align: middle; background: url(../images/search.gif) #a9a9a9 no-repeat center center; border-bottom: 3px double #868622; text-align: center; margin:0px; padding: 0px; }

#search span{ display: none; }

#search ul{ width: 100%; margin: 0px; padding: 0px; float: none; }

#search li{ width: 100%; font-family: Verdana; font-size: 10px; line-height: 15px; color: #666666; text-decoration: none; text-align: center; float:left; list-style: none; margin: 3px 0px 3px 0px; }


/*leftbar會員登出入區*/
#member{ width: 127px; border: 1px solid #666666; float: left; padding-top: 3px; margin: 0px 0px 5px 0px; padding: 0px; font-family: Verdana; font-size: 9pt; line-height: 15px; color: #666666; text-decoration: none; }

#member h3{ width: 100%; height: 24px; margin:0px; padding: 0px; vertical-align: middle; background: url(../images/login.gif) #f8c301 no-repeat center center; border-bottom: 3px double #868622; }

#member span{ display: none; }

#member ul{ width: 100%; margin: 0px; padding: 0px; float: none; }

#member li{ float:left; list-style-position: inside; list-style-image: none; list-style-type: none; margin: 3px 2px 3px 2px; text-align: center; }

.memberleft{ width: 60px;  height: 18px; float:left; margin: 0px; padding: 0px; }

.memberleft a{ font-family: Verdana; font-size: 8pt; line-height: 15px; color: #666666; text-decoration: none; } 

.memberleft a:hover{ font-family: Verdana; font-size: 8pt; line-height: 15px; color: #993300; text-decoration: none; }

.memberright{ width: 50px; height: 18px; float:left; margin: 0px; padding: 0px;}

.memberright a{ font-family: Verdana; font-size: 8pt; line-height: 15px; color: #666666; text-decoration: none; } 

.memberright a:hover{ font-family: Verdana; font-size: 8pt; line-height: 15px; color: #993300; text-decoration: none; }

#logout{ width: 127px; border: 1px solid #666666; float: left; padding-top: 3px; margin: 0px 0px 5px 0px; padding: 0px; font-family: Verdana; font-size: 9pt; line-height: 15px; color: #666666; text-decoration: none; }

/*mainContent商品大圖瀏覽區*/
#topGoods{ width: 100%; height:420px; clear: both; margin: 0px; }

#topGoods ul{ width: 100%; padding: 0px; margin: 0px 0px 5px 0px; }

#topGoods li{ float: left; width: 377px; height:405px; border: 1px solid #666666; list-style: none; padding: 0px; margin: 0px 0px 0px 4px; }

#topGoods li p{ height: 75px; font-family: Verdana; font-size: 11px; line-height: 18px; color: #336666; text-decoration: none; font-weight: normal; margin: 2px 0px 0px 0px; padding: 2px 0px 2px 5px; }

#topGoods li img{ margin: 0px; padding: 0px; vertical-align: text-bottom; }


/*mainContent商品小圖瀏覽區*/
#goods{ width: 100%; clear: both; margin: 0px; }

#goods ul{ width: 100%; padding: 0px; margin: 0px 0px 5px 0px; }

#goods li{ float: left; width: 185px; height:260px; border: 1px solid #666666; list-style: none; margin: 0px 0px 5px 4px; vertical-align: text-bottom; }

#goods li p{ font-family: Verdana; font-size: 11px; line-height: 18px; color: #996600; text-decoration: none; font-weight: normal; height: 60px; margin: 0px; padding: 2px 0px 2px 5px; }

#goods li img{ margin: 0px; padding: 0px; vertical-align: text-bottom; float: none; }

#goods .notePic { width: 375px; border-style: none; margin-top: 3px; margin-left: 6px; }