@charset "utf-8"; /* CSS Document */ body { margin:0px; padding:0px; border:0px; font-family:Verdana, 新細明體, Geneva, sans-serif; font-size:11px; color:#666666; line-height:120%; background-color:#afa56d; } img { border:0px; } a img { border:0px; } a { text-decoration:none; color:#666666; } .gray_border{ border:1px solid #dadada; } #background{ width:100%; margin:0 auto; background-image:url(images/border.jpg); background-position:center; background-repeat:repeat-y; background-color:white; } #fb{ width:20px; height:20px; margin-left:360px; margin-top:-90px; } #break{ width:960px; height:16px; margin:0 auto; background-image:url(images/break.png); } #header{ width:960px; height:125px; margin:0 auto; background:url(images/header_bg.png) top center no-repeat; } #footer{ padding:5px 0px 5px 0px; width:100%; color:white; } #footer a{ color:white; } /*index*/ #main_background{ width:960px; margin:0 auto; background-color:white; padding-bottom:20px; } #mainbody{ width:960px; margin:0 auto; background:url(images/index_content_bg_top.png) no-repeat top; height:auto; } #main_footer{ height:145px; width:960px; margin:0 auto; background:url(images/index_content_bg_bottom.png) no-repeat bottom; } #main_pos{ position:relative; top:105px; } .product_photo{ border:1px solid #dadada; width:180px; height:180px; } .prdouct_desc{ margin-top:5px; font-size:13px; } .index_left{ width:675px; float:left; } .pad_new_arrival{ width:675px; } .pad_new_arrival_top{ width:661px; height:38px; position:relative; background:url(images/bg_new_arrival_top.jpg) top center no-repeat; padding-left:7px; padding-right:7px; } .pad_new_arrival_middle{ width:661px; background:url(images/bg_new_arrival_middle.jpg) top center repeat-y; padding-left:7px; padding-right:7px; } .pad_new_arrival_bottom{ width:661px; height:17px; background:url(images/bg_new_arrival_bottom.jpg) top center no-repeat; padding-left:7px; padding-right:7px; } #btn_new_arrival{ position:absolute; top:8px; right:9px; } .wrapper_new_arrival_img{ width:119px; border:1px solid #a4a4a4; } .font_new_arrival{ color:#606060; font-family: "微軟正黑體"; font-size:12px; line-height:16px; padding-top:5px; padding-bottom:15px; } .padding_new_arrival{ padding-right:13px; } .index_right{ width:242px; float:right; } .pad_popular{ width:242px; } .pad_popular_top{ width:222px; height:38px; background:url(images/bg_popular_top.jpg) top center no-repeat; padding-left:11px; padding-right:9px; } .pad_popular_middle{ width:222px; background:url(images/bg_popular_middle.jpg) top center repeat-y; padding-left:11px; padding-right:9px; } .pad_popular_bottom{ width:222px; height:24px; background:url(images/bg_popular_bottom.jpg) top center no-repeat; padding-left:11px; padding-right:9px; } .pad_news{ width:385px; position:relative; height:342px; background:url(images/bg_news.jpg) top center no-repeat; padding-top:27px; padding-left:22px; padding-right:26px; } .popular_item{ width:220px; border-bottom:1px dashed #55a42d; padding-bottom:10px; padding-top:7px; } .popular_item_last{ width:220px; padding-bottom:10px; padding-top:7px; } .text_popular_item{ width:120px; font-family: "微軟正黑體"; font-size:12px; line-height:14px; color:#606060; } .text_popular_item_2{ font-family: "微軟正黑體"; font-size:12px; line-height:17px; color:#606060; } .img_popular_item{ width:98px; border:1px solid #a4a4a4; } .news_item{ width:167px; height:127px; border:1px solid #838383; background-color: #ffeea9; margin-top:17px; padding:7px; line-height:18px; font-family: "微軟正黑體"; font-size:14px; color:#606060; position:relative; float:left; } .news_item_right{ width:167px; height:127px; border:1px solid #838383; background-color: #ffeea9; margin-top:17px; padding:7px; line-height:18px; font-family: "微軟正黑體"; font-size:14px; color:#606060; position:relative; float:left; margin-left:18px; } .news_date{ border-bottom:1px solid #948e77; padding-bottom:3px; margin-bottom:3px; } .news_btn{ position:absolute; bottom:6px; left:46px; } .news_text{ width:167px; height:75px; } .pad_search{ margin-right:6px; width:211px; height:30px; background:url(images/bg_search.png) top center no-repeat; position:relative; } .searchbox{ position:absolute; border:none; left:9px; top:5px; width:165px; } .btn_search{ position:absolute; right:9px; top:6px; } /*howto*/ #howto{ font-size:13px; width:820px; margin:0 auto; line-height:200%; } .howto_title{ width:184px; padding:22px 0px 0px 0px; float:left; } .howto_content{ text-align:justify; width:510px; margin-left:310px; } .howto_content table,.howto_content td{ border:1px solid white; } .howto_content span{ margin-left:10px; } .howto_content td{ padding:0 10px 0px 10px; } .howto_content a{ color:#b85c5c; } .shift{ padding-left:10px; } /*contactus*/ #contactus{ font-size:13px; width:820px; margin:0 auto; line-height:200%; } #form{ font-size:14px; background-color:#ebebeb; padding:30px 20px 30px 20px; } #form input{ width:250px; } /*shoppingbag*/ #shoppingbag{ font-size:13px; width:820px; margin:0 auto; line-height:200%; } #bag img{ border:1px solid #dadada; } #bag td{ border-bottom:2px solid white; } /*products*/ #products{ font-size:13px; width:820px; margin:0 auto; line-height:120%; font-family:"微軟正黑體"; } .dot{ display:inline; font-weight:bold; margin:0px 15px 0px 15px; } #productpos{ width:600px; float:left; line-height:150%; font-size:16px; } .page{ padding:0px 8px 0px 8px; color:#666666; } .categories{ display:inline; font-size:15px; padding-left:10px; padding-right:10px; } .size{ float:left; margin-bottom:8px; margin-right:8px; padding:8px 15px 8px 15px; border:1px solid #dadada; } .size:hover{ border:1px solid brown; } #product_details{ padding-top:20px; } #product_details td{ padding:6px 0px 6px 0px; } #product_desciption{ padding-top:15px; width:820px; } #product_desciption p{ text-align:justify; line-height:180%; padding-bottom:15px; } .product_left{ width:200px; float:left; font-size:15px; } .product_left ul{ padding:0; margin:10px 0 0 0; list-style:none; } .product_left ul li{ padding:5px 0; margin:0; } .product_left ul li.active_link a{ color: #ff0000; } .product_left ul li a { text-decoration: underline; } #productpos_detail{ width:100px%; line-height:150%; font-size:16px; } #productpos_detail a{ color:#999999; text-decoration:underline; }