@charset "utf-8"; /*top menu css start*/ #top_bar div.inbox{ width:1230px; height:24px; margin:0px auto; } #top_bar div.inbox div.txt{ float:right; color:#333; } #top_bar div.inbox div.txt a{ color:#c00; text-decoration:underline; } #top_bar div.inbox div.txt a:active{ color:#000; } #top_bar div.inbox div.txt a:hover{ color:#000; } #top_bar a.home { display:block; background:url(../images/top_menu/button_home.gif) no-repeat left top; width:59px; height:15px; line-height:300px; overflow:hidden; float:left; } #top_bar a.home:hover{ background:url(../images/top_menu/button_home.gif) no-repeat left -15px; } #top_bar a.cart { display:block; background:url(../images/top_menu/button_cart.gif) no-repeat left top; width:63px; height:15px; line-height:300px; overflow:hidden; float:right; margin-left:20px; } #top_bar a.cart:hover{ background:url(../images/top_menu/button_cart.gif) no-repeat left -15px; } #top_bar a.login { display:block; background:url(../images/top_menu/button_login.gif) no-repeat left top; width:66px; height:15px; line-height:300px; overflow:hidden; float:right; margin-left:20px; } #top_bar a.login:hover{ background:url(../images/top_menu/button_login.gif) no-repeat left -15px; } #top_bar a.join { display:block; background:url(../images/top_menu/button_join.gif) no-repeat left top; width:66px; height:15px; line-height:300px; overflow:hidden; float:right; margin-left:20px; } #top_bar a.join:hover{ background:url(../images/top_menu/button_join.gif) no-repeat left -15px; } #top_bar a.fb { display:block; background:url(../images/top_menu/button_fb.gif) no-repeat left top; width:89px; height:15px; line-height:300px; overflow:hidden; float:left; margin-left:20px; } #top_bar a.fb:hover{ background:url(../images/top_menu/button_fb.gif) no-repeat left -15px; } #top_bar a.member { display:block; background:url(../images/top_menu/button_member.gif) no-repeat left top; width:68px; height:15px; line-height:300px; overflow:hidden; float:right; margin-left:20px; } #top_bar a.member:hover{ background:url(../images/top_menu/button_member.gif) no-repeat left -15px; } #top_bar a.order_search { display:block; background:url(../images/top_menu/button_ordersearch.gif) no-repeat left top; width:66px; height:15px; line-height:300px; overflow:hidden; float:right; margin-left:20px; } #top_bar a.order_search:hover{ background:url(../images/top_menu/button_ordersearch.gif) no-repeat left -15px; } #head_outbox div.logo{ float:left; width:179px; height:90px; } #head_outbox div.menu{ width:736px; height:33px; float:left; margin-left:66px; padding-top:33px; } #head_outbox div.menu ul{ display:block; width:736px; height:33px; background:url(../images/top_menu/menu.gif) no-repeat left top; } #head_outbox div.menu ul li{ display:block; width:184px; height:33px; float:left; } #head_outbox div.menu ul li a.men{ display:block; width:184px; height:33px; line-height:300px; overflow:hidden; background:url(../images/top_menu/menu.gif) no-repeat left top; } #head_outbox div.menu ul li a.men:hover{ background:url(../images/top_menu/menu.gif) no-repeat left -33px; } #head_outbox div.menu ul li a.women{ display:block; width:184px; height:33px; line-height:300px; overflow:hidden; background:url(../images/top_menu/menu.gif) no-repeat -184px top; } #head_outbox div.menu ul li a.women:hover{ background:url(../images/top_menu/menu.gif) no-repeat -184px -33px; } #head_outbox div.menu ul li a.acc{ display:block; width:184px; height:33px; line-height:300px; overflow:hidden; background:url(../images/top_menu/menu.gif) no-repeat -368px top; } #head_outbox div.menu ul li a.acc:hover{ background:url(../images/top_menu/menu.gif) no-repeat -368px -33px; } #head_outbox div.menu ul li a.sales{ display:block; width:184px; height:33px; line-height:300px; overflow:hidden; background:url(../images/top_menu/menu.gif) no-repeat -552px top; } #head_outbox div.menu ul li a.sales:hover{ background:url(../images/top_menu/menu.gif) no-repeat -552px -33px; } #head_outbox div.search_outbox{ width:233px; float:right; height:22px; padding-top:39px; } #head_outbox div.search_outbox div.lable{ width:170px; height:22px; float:left; } #head_outbox div.search_outbox div.button{ height:22px; float:right; width:63px; } /*top menu css end*/ /*main css start*/ #left_menu{ width:180px; float:left; } #left_menu div.title{ width:180px; height:34px; margin-bottom:10px; } #right_outbox{ width:1020px; float:right; } #right_outbox #banner_outbox_main{ width:1020px; margin-bottom:20px; } #right_outbox #content{ width:1020px; } #right_outbox div.main_title{ width:1020px; height:30px; line-height:30px; margin-bottom:20px; border-bottom:1px solid #171c60; } #right_outbox div.main_title div.left{ float:left; color:#fff; font-size:20px; font-family:"微軟正黑體"; background:#171c60; padding:0px 10px; } #right_outbox div.main_title div.right{ float:right; color:#ccc; } div.bread_outbox{ width:1010px; margin-bottom:20px; background:#e1e3e4; padding:5px; } div.newprostitle{ width:1010px; margin-bottom:20px; background:#e1e3e4; padding:5px; font-size:18px; font-weight:bold; font-family:"微軟正黑體"; line-height:24px; } /*main css end*/ /*index css start*/ #newweek_outbox div.news_outbox{ width:410px; float:left; } #newweek_outbox div.news_outbox div.title{ width:410px; height:31px; } #newweek_outbox div.news_outbox div.title div.left{ float:left; width:248px; } #newweek_outbox div.news_outbox div.title div.right{ float:right; width:47px; } #newweek_outbox div.news_outbox div.conbox{ background:url(../images/index/bg_news.jpg) no-repeat left top; width:410px; height:279px; padding-top:9px; } #newweek_outbox div.news_outbox div.conbox ul{ display:block; width:388px; margin:0px auto; } #newweek_outbox div.news_outbox div.conbox ul li{ display:block; line-height:32px; height:32px; border-bottom:1px dotted #858585; } #newweek_outbox div.news_outbox div.conbox ul li:hover{ border-bottom:1px dotted #858585; background:#eee; } #newweek_outbox div.news_outbox div.conbox ul li div.data{ float:left; width:68px; padding-left:15px; color:#a9a9a9; background:url(../images/index/icon_list.gif) no-repeat 3px 14px; } #newweek_outbox div.news_outbox div.conbox ul li div.txt{ float:right; width:305px; } #newweek_outbox div.news_outbox div.conbox ul li div.txt a{ color:#848484; } #newweek_outbox div.news_outbox div.conbox ul li div.txt a:active{ color:#333; text-decoration:none; } #newweek_outbox div.news_outbox div.conbox ul li div.txt a:hover{ color:#333; text-decoration:none; } #newweek_outbox div.week_outbox{ width:782px; float:right; } #newweek_outbox div.week_outbox div.title{ height:31px; width:746px; padding-left:36px; } #recopro_outbox div.title{ width:1230px; height:55px; } #recopro_outbox div.conbox{ width:1230px; } #newpro_outbox div.title{ width:1230px; height:55px; } #newpro_outbox div.conbox{ width:1230px; } /*index css end*/ /*foot css start*/ #foot_outbox div.topbox{ width:1230px; height:86px; margin-bottom:23px; } #foot_outbox div.topbox div.left{ width:291px; float:left; } #foot_outbox div.topbox div.right{ float:right; width:800px; } #foot_outbox div.bottombox{ border-top:1px solid #d9d9d9; width:1230px; height:36px; } #foot_outbox div.bottombox div.logo{ float:left; width:72px; height:36px; } #foot_outbox div.bottombox div.menu{ float:left; line-height:36px; height:36px; width:580px; } #foot_outbox div.bottombox div.menu a{ float:left; display:block; background:url(../images/copyright/img_line.gif) no-repeat right center; padding:0px 20px 0px 19px; text-align:center; color:#4a4a4a; } #foot_outbox div.bottombox div.menu a:active{ color:#c00; text-decoration:none; } #foot_outbox div.bottombox div.menu a:hover{ color:#c00; text-decoration:none; } #foot_outbox div.bottombox div.copyright{ width:565px; float:right; line-height:36px; height:36px; color:#a0a0a0; text-align:right; } #foot_outbox div.bottombox div.copyright a{ color:#bdbdbd; } #foot_outbox div.bottombox div.copyright a:active{ color:#666; text-decoration:none; } #foot_outbox div.bottombox div.copyright a:hover{ color:#666; text-decoration:none; } /*foot css end*/ /*pro puma css start*/ .infiniteCarousel { width: 782px; position: relative; overflow:hidden; height:290px; clear:both; background:url(../images/index/bg_pro_puma.gif) no-repeat left top; } .infiniteCarousel .wrapper { width: 700px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ height: 290px; margin: 0px 0px 0px 42px; position: absolute; top: 0; } .infiniteCarousel .wrapper ul { margin:0; padding:0; position: absolute; top: 0; } .infiniteCarousel ul li { display:block; float:left; height: 290px; width: 230px; padding:0px 5px 0px 0px; } .infiniteCarousel ul li div.imgbox { width:230px; height:290px; } .infiniteCarousel .arrow { display: block; height: 290px; width: 42px; background: url(../images/index/arr_l.gif) no-repeat; text-indent: -999px; position: absolute; top: 0px; cursor: pointer; outline: 0; } .infiniteCarousel .forward { display: block; height: 290px; width: 42px; background: url(../images/index/arr_l.gif) no-repeat; text-indent: -999px; position: absolute; top: 0px; left:0px; cursor: pointer; outline: 0; } .infiniteCarousel .back { display: block; height: 290px; width: 42px; background: url(../images/index/arr_r.gif) no-repeat; text-indent: -999px; position: absolute; top: 0px; right:0px; cursor: pointer; outline: 0; overflow:hidden; } /*pro puma css end*/ /*banner css start*/ #fW_Content { DISPLAY: inline; FLOAT: left; WIDTH: 948px; HEIGHT: 300px; overflow: hidden; position:relative; } #fW_Content IMG { WIDTH: 948px; HEIGHT: 300px; } #fW_Controls { position:absolute; z-index:9; HEIGHT: 13px; bottom:11px; right:6px; } #fW_Controls A { BACKGROUND: url(../images/index/button_select.png) no-repeat; FLOAT: left; WIDTH: 13px; HEIGHT: 13px; display:block; line-height:300px; overflow:hidden; cursor:pointer; margin-right:8px; } #fW_Controls A.activeSlide { BACKGROUND: url(../images/index/button_unselect.png) no-repeat; cursor:pointer; display:block; line-height:300px; overflow:hidden; cursor:pointer; } #fW_Controls A:hover { BACKGROUND: url(../images/index/button_unselect.png) no-repeat; } /*banner css end*/ /*product css start*/ ul.product_list{ width:1020px; display:block; overflow:auto; margin-bottom:30px; } ul.product_list li{ display:block; width:210px; float:left; margin-right:60px; } ul.product_list li div.pro_ourbox{ width:210px; } ul.product_list li div.pro_outbox div.imgbox{ width:210px; height:210px; } ul.product_list li div.pro_outbox div.size{ width:210px; padding:7px 0px 2px 0px; text-align:center; } ul.product_list li div.pro_outbox div.size a{ margin:0px 2px 5px 2px; padding:5px 8px; display:inline-block; width:auto; background:#eee; color:#666; } ul.product_list li div.pro_outbox div.size a:active{ background:#666; color:#fff; text-decoration:none; } ul.product_list li div.pro_outbox div.size a:hover{ background:#666; color:#fff; text-decoration:none; } ul.product_list li div.pro_outbox div.title{ width:210px; padding:7px 0px; text-align:center; } ul.product_list li div.pro_outbox div.title a{ color:#848484; } ul.product_list li div.pro_outbox div.title a:active{ color:#000; text-decoration:none; } ul.product_list li div.pro_outbox div.title a:hover{ color:#000; text-decoration:none; } ul.product_list li div.pro_outbox div.price{ width:210px; text-align:center; } ul.product_list_sales{ width:1020px; display:block; overflow:auto; margin-bottom:30px; } ul.product_list_sales li{ display:block; width:210px; float:left; margin-right:60px; } ul.product_list_sales li div.pro_ourbox{ width:210px; } ul.product_list_sales li div.pro_outbox div.imgbox{ width:210px; height:210px; } ul.product_list_sales li div.pro_outbox div.size{ width:210px; padding:7px 0px; text-align:center; } ul.product_list_sales li div.pro_outbox div.pay{ width:210px; padding:7px 0px; text-align:center; } ul.product_list_sales li div.pro_outbox div.pay a{ margin-right:3px; padding:1px 5px; background:#eee; color:#666; border:1px solid #ccc; margin-left:10px; } ul.product_list_sales li div.pro_outbox div.pay a:active{ background:#666; color:#fff; text-decoration:none; } ul.product_list_sales li div.pro_outbox div.pay a:hover{ background:#666; color:#fff; text-decoration:none; } ul.product_list_sales li div.pro_outbox div.title{ width:210px; padding:7px 0px 0px 0px; text-align:center; } ul.product_list_sales li div.pro_outbox div.title a{ color:#848484; } ul.product_list_sales li div.pro_outbox div.title a:active{ color:#000; text-decoration:none; } ul.product_list_sales li div.pro_outbox div.title a:hover{ color:#000; text-decoration:none; } ul.product_list_sales li div.pro_outbox div.price{ width:210px; text-align:center; } div.notice_outbox{ width:1000px; margin-bottom:20px; padding:0px 10px; } div.proview_topbox{ width:1020px; overflow:auto; margin-bottom:30px; } div.proview_topbox div.left_img{ width:500px; height:500px; float:left; } div.proview_topbox div.right_info{ width:500px; float:right; position:relative; } div.proview_topbox div.right_info div.title{ font-size:18px; font-weight:bold; color:#555; line-height:24px; padding-bottom:7px; border-bottom:1px solid #e1e1e1; margin-bottom:7px; } div.proview_topbox div.right_info div.fb_button{ width:500px; overflow:auto; } div.proview_topbox div.right_info div.info_list{ width:500px; padding:10px 0px; overflow:auto; } div.proview_topbox div.right_info div.info_list div.left{ width:60px; border-right:1px solid #eee; float:left; } div.proview_topbox div.right_info div.info_list div.right{ width:430px; float:right; } div.proview_topbox div.right_info div.info_list div.right span.color_on{ display:inline-block; border:2px solid #999; margin-right:5px; width:10px; height:10px; } div.proview_topbox div.right_info div.info_list div.right span.color_on:hover{ border:2px solid #666; cursor:pointer; } div.proview_topbox div.right_info div.info_list div.right span.color_none{ display:inline-block; border:2px solid #eee; margin-right:5px; width:10px; height:10px; } div.proview_topbox div.right_info div.info_list div.right span.color_none:hover{ border:2px solid #ccc; cursor:pointer; } /*產品詳細頁 選size star*/ div.proview_topbox div.right_info div.info_list div.right span.size_on{ margin-right:5px; background:#666; color:#fff; display:inline-block; width:20px; height:20px; text-align:center; } div.proview_topbox div.right_info div.info_list div.right span.size_on:hover{ background:#333; color:#fff; cursor:pointer; } div.proview_topbox div.right_info div.info_list div.right span.sizeNo_on{/*選中size,庫存0*/ margin-right:5px; background-color:transparent; color:#dadada; display:inline-block; width:20px; height:20px; text-align:center; border:1px dashed #eee; } div.proview_topbox div.right_info div.info_list div.right span.size_none{ margin-right:5px; background:#eee; color:#666; display:inline-block; width:20px; height:20px; text-align:center; } div.proview_topbox div.right_info div.info_list div.right span.size_none:hover{ background:#ccc; color:#333; cursor:pointer; } div.proview_topbox div.right_info div.info_list div.right span.sizeNo_none{/*未選中size,庫存0*/ margin-right:5px; background-color:transparent; color:#dadada; display:inline-block; width:20px; height:20px; text-align:center; border:1px dashed #eee; } /*產品詳細頁 選size end*/ div.proview_topbox div.right_info div.info_list div.right div.txt{ float:left; width:270px; line-height:39px; color:#ccc; } div.proview_topbox div.right_info div.info_list div.right div.txt a.size{ background:url(../images/product/icon_size.gif) no-repeat left top; padding-left:25px; color:#858585; } div.proview_topbox div.right_info div.info_list div.right div.txt a.size:active{ color:#7baac6; text-decoration:none; } div.proview_topbox div.right_info div.info_list div.right div.txt a.size:hover{ color:#7baac6; text-decoration:none; } div.proview_topbox div.right_info div.info_list div.right div.txt a.qa{ background:url(../images/product/icon_qa.gif) no-repeat left top; padding-left:25px; color:#858585; } div.proview_topbox div.right_info div.info_list div.right div.txt a.qa:active{ color:#9c7fc8; text-decoration:none; } div.proview_topbox div.right_info div.info_list div.right div.txt a.qa:hover{ color:#9c7fc8; text-decoration:none; } div.proview_topbox div.right_info div.info_list div.right div.txt a.fav{ background:url(../images/product/icon_fav.gif) no-repeat left top; padding-left:25px; color:#858585; } div.proview_topbox div.right_info div.info_list div.right div.txt a.fav:active{ color:#ffb24f; text-decoration:none; } div.proview_topbox div.right_info div.info_list div.right div.txt a.fav:hover{ color:#ffb24f; text-decoration:none; } div.proview_topbox div.right_info div.info_list div.right div.cart_button{ width:154px; float:right; } div.img_sbox{ width:500px; padding:10px 0px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; margin-top:11px; } div.img_sbox img{ width:90px; height:90px; margin:0px 5px 10px 5px; display:inline; } div.proview_content{ width:1020px; padding-bottom:15px; border-bottom:1px solid #c8c8c8; margin-bottom:20px; } div.proview_content div.title{ border-bottom:1px solid #c8c8c8; height:34px; margin-bottom:10px; } div.proview_content div.conbox{ width:1020px; } div.proview_content div.conbox a{ color:#0f3d58; } div.proview_content div.conbox a:active{ color:#8062af; text-decoration:none; } div.proview_content div.conbox a:hover{ color:#8062af; text-decoration:none; } div.prosales_outbox{ width:1000px; margin-bottom:20px; border:1px solid #ccc; padding:9px 9px 0px 9px; background:url(../images/product/bg_sales.gif) repeat-x left top; } div.prosales_outbox div.title{ width:1000px; overflow:auto; margin-bottom:20px; line-height:30px; font-size:15px; color:#000; } div.prosales_outbox div.title div.left{ width:880px; float:left; } div.prosales_outbox div.title div.right{ width:120px; float:right; } div.prosales_outbox div.conbox{ width:997px; padding:0px 0px 0px 3px; } div.prosales_outbox div.conbox ul{ width:997px; display:block; margin-bottom:15px; overflow:auto; } div.prosales_outbox div.conbox ul li{ float:left; display:block; width:122px; margin:0px 10px; } div.prosales_outbox div.conbox ul li div.prolist_sales_outbox{ width:122px; } div.prosales_outbox div.conbox ul li div.prolist_sales_outbox div.imgbox{ width:120px; height:120px; border:1px solid #ccc; } div.prosales_outbox div.conbox ul li div.prolist_sales_outbox div.colorsize{ text-align:center; padding:6px 0px 3px 0px; } div.prosales_outbox div.conbox ul li div.prolist_sales_outbox div.button{ text-align:center; } div.prosales_outbox_type{ width:1000px; margin-bottom:20px; border:1px solid #ccc; padding:9px 9px 0px 9px; background:url(../images/product/bg_sales.gif) repeat-x left top; } div.prosales_outbox_type div.title{ width:1000px; overflow:auto; margin-bottom:20px; line-height:30px; font-size:15px; color:#000; } div.prosales_outbox_type div.title div.left{ float:left; font-family: "微軟正黑體"; } div.prosales_outbox_type div.title div.right{ float:right; } div.prosales_outbox_type div.conbox{ width:997px; padding:0px 0px 0px 3px; } div.prosales_outbox_type div.conbox ul{ width:997px; display:block; margin-bottom:15px; overflow:auto; } div.prosales_outbox_type div.conbox ul li{ float:left; display:block; width:125px; margin:0px 10px; } div.prosales_outbox_type div.conbox ul li a{ width:125px; display:block; color:#848484; text-decoration:none; } div.prosales_outbox_type div.conbox ul li a:hover{ color:#333; text-decoration:none; } div.prosales_outbox_type div.conbox ul li a span.imgbox{ width:125px; height:120px; } div.prosales_outbox_type div.conbox ul li a span.title{ text-align:center; padding:6px 0px 3px 0px; display:block; } /*product css end*/ /*page css start*/ div.technorati { text-align: right; padding:5px 0px; } div.technorati a { border: 1px solid #999; padding: 2px 6px; font-weight: bold; color: #999; margin-right: 3px; text-decoration: none; } div.technorati a:hover { color: #fff; background: #666; } div.technorati a:active { color: #fff; background: #666; } div.technorati span.current { padding: 2px 6px; font-weight: bold; color: #666; margin-right: 3px; } div.technorati span.disabled { display: none; } /*page css end*/ /*qa css start*/ ul.qa_list{ width:1020px; margin-bottom:20px; } ul.qa_list li{ display:block; border-bottom:1px solid #eee; padding:7px 5px; font-size:13px; font-weight:bold; color:#333; } ul.qa_list li a{ font-weight:normal; color:#333; } ul.qa_list li a:active{ color:#C00; text-decoration:none; } ul.qa_list li a:hover{ color:#C00; text-decoration:none; } div.qa_view_title{ font-size:18px; font-weight:bold; color:#111; margin-bottom:20px; font-family:"微軟正黑體"; padding:10px 0px 10px 5px; border-bottom:3px dotted #111; margin-bottom:20px; width:1015px; } div.qa_view_content{ width:1020px; padding-bottom:15px; border-bottom:3px dotted #111; margin-bottom:20px; } ul.qa_linklist{ width:180px; } ul.qa_linklist li{ display:block; padding:5px 0px; border-bottom:1px solid #eee; } ul.qa_linklist li a{ color:#626262; background:url(../images/qa/icon_qalist.gif) no-repeat left top; padding-left:20px; } ul.qa_linklist li a:active{ color:#3742db; text-decoration:none; } ul.qa_linklist li a:hover{ color:#3742db; text-decoration:none; } div.qa_title{ height:30px; color:#171c60; font-size:20px; font-family:"微軟正黑體"; line-height:30px; background:url(../images/qa/icon_qatitle.gif) no-repeat 5px 6px; padding-left:28px; } /*qa css end*/ /*contact css start*/ div.contact_outbox{ width:1020px; overflow:auto; margin-top:40px; } div.contact_outbox div.left_outbox{ float:left; width:458px; } div.contact_outbox div.left_outbox div.stitle{ width:458px; height:31px; margin-bottom:5px; } div.contact_outbox div.left_outbox div.info_list{ width:458px; overflow:auto; padding:7px 0px; border-bottom:1px solid #eee; } div.contact_outbox div.left_outbox div.info_list div.left{ font-size:13px; font-weight:bold; font-family:"微軟正黑體"; color:#222; border-right:1px solid #eee; float:left; width:55px; padding-right:5px; padding-left:15px; background:url(../images/contact/icon_list.gif) no-repeat 5px center; } div.contact_outbox div.left_outbox div.info_list div.right{ float:right; width:372px; } div.contact_outbox div.left_outbox div.map{ width:458px; height:304px; margin-top:15px; } div.contact_outbox div.right_outbox{ float:right; width:540px; padding-top:40px; padding-bottom:100px; background:url(../images/contact/img_txt.gif) no-repeat right bottom; } div.contact_outbox div.right_outbox div.stitle{ width:540px; height:31px; line-height:31px; font-size:18px; font-weight:bold; font-family:"微軟正黑體"; color:#171c60; } div.contact_outbox div.right_outbox div.txt{ width:540px; margin-bottom:10px; } div.contact_outbox div.right_outbox div.lable_list { width:520px; overflow:auto; padding:12px 10px; background:#eee; border-bottom:1px solid #dddddd; } div.contact_outbox div.right_outbox div.lable_list div.left{ width:80px; float:left; font-weight:bold; font-size:13px; font-family:"微軟正黑體"; color:#222; } div.contact_outbox div.right_outbox div.lable_list div.right{ width:440px; float:right; font-weight:bold; font-size:13px; font-family:"微軟正黑體"; } /*contact css end*/ /*news css start*/ div.news_list{ width:1020px; padding-bottom:20px; padding-top:20px; border-bottom:1px solid #dddddd; overflow:auto; } div.news_list:hover{ background:#f1f1f1; } div.news_list div.left_img{ width:200px; height:125px; border:5px solid #bebebe; float:left; } div.news_list div.right_info{ width:790px; float:right; padding-top:5px; } div.news_list div.right_info div.title{ width:790px; margin-bottom:10px; overflow:auto; } div.news_list div.right_info div.title div.left{ width:80px; float:left; background:#d3d3d3; text-align:center; color:#717171; } div.news_list div.right_info div.title div.right{ width:700px; float:right; font-size:13px; } div.news_list div.right_info div.title div.right a{ color:#0f3d58; font-weight:bold; } div.news_list div.right_info div.title div.right a:active{ color:#8062af; text-decoration:none; } div.news_list div.right_info div.title div.right a:hover{ color:#8062af; text-decoration:none; } div.news_list div.right_info div.txt{ width:790px; line-height:24px; } div.news_list div.right_info div.txt a{ color:#848484; } div.news_list div.right_info div.txt a:active{ color:#8062af; text-decoration:none; } div.news_list div.right_info div.txt a:hover{ color:#8062af; text-decoration:none; } div.news_view_title{ width:1020px; margin-bottom:15px; overflow:auto; padding-bottom:10px; } div.news_view_title div.left{ width:80px; float:left; background:#d3d3d3; text-align:center; color:#717171; } div.news_view_title div.right{ width:930px; float:right; font-size:15px; font-weight:bold; color:#0f3d58; } div.news_view_content{ width:1020px; margin-bottom:10px; } div.news_view_content a{ color:#4084ac; } div.news_view_content a:active{ color:#6f46af; text-decoration:none; } div.news_view_content a:hover{ color:#6f46af; text-decoration:none; } div.rel_outbox{ width:1020px; overflow:auto; margin-bottom:20px; padding:7px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; } div.rel_outbox:hover{ background:#f1f1f1; } div.rel_outbox div.left{ width:60px; float:left; font-weight:bold; color:#999; } div.rel_outbox div.right{ width:450px; float:left; } div.rel_outbox div.right a{ color:#111; } div.rel_outbox div.right a:active{ color:#c00; text-decoration:none; } div.rel_outbox div.right a:hover{ color:#c00; text-decoration:none; } /*news css end*/ /*member css start*/ div.fav_outbox{ width:300px; height:60px; margin:0px auto; text-align:center; padding:20px 0px; } div.fav_outbox div.toptxt{ font-size:18px; color:#b92a0e; font-weight:bold; line-height:30px; } div.fav_outbox div.downtxt{ line-height:30px; } div.proqa_outbox{ width:500px; margin:0px auto; padding:5px 0px; } div.proqa_outbox div.title{ width:500px; height:44px; } div.proqa_outbox div.conbox{ width:500px; background:#e5e5e5; } div.proqa_outbox div.conbox div.border_top{ background:url(../images/product/bg_bot.gif) no-repeat left top; width:500px; height:13px; } div.proqa_outbox div.conbox div.border_down{ background:url(../images/product/bg_dow.gif) no-repeat left top; width:500px; height:13px; } div.proqa_outbox div.conbox div.list_outbox{ width:450px; margin:0px auto; overflow:auto; padding:7px 0px; } div.proqa_outbox div.conbox div.list_outbox div.left{ width:60px; float:left; border-right:1px solid #ccc; font-weight:bold; color:#333; } div.proqa_outbox div.conbox div.list_outbox div.right{ width:380px; float:right; } div.proqa_outbox div.button{ width:180px; overflow:auto; margin:15px auto 0px auto; } div.login_bg{ width:650px; height:255px; } div.login_outbox{ width:630px; background:url(../images/member/bg_login.gif) no-repeat left top; height:165px; padding-top:90px; padding-left:20px; } div.login_outbox div.lable_outbox{ width:360px; float:left; } div.login_outbox div.lable_outbox div.list_outbox01{ width:360px; overflow:auto; padding:7px 0px; } div.login_outbox div.lable_outbox div.list_outbox01 div.lable{ float:left; width:285px; line-height:25px; } div.login_outbox div.lable_outbox div.list_outbox01 div.left{ width:60px; float:left; color:#333; font-weight:bold; height:25px; } div.login_outbox div.lable_outbox div.list_outbox01 div.right{ width:225px; float:left; height:25px; } div.login_outbox div.lable_outbox div.list_outbox01 div.right div.code{ padding:1px 0px; width:103px; float:left; height:23px; } div.login_outbox div.lable_outbox div.list_outbox01 div.right div.lable{ padding:1px 0px; width:95px; float:left; height:23px; } div.login_outbox div.lable_outbox div.list_outbox01 div.right div.reset{ padding:1px 0px; width:88px; float:left; height:23px; } div.login_outbox div.lable_outbox div.list_outbox01 div.login_button{ width:74px; float:right; } div.login_outbox div.lable_outbox div.list_outbox02{ width:300px; padding-left:60px; margin-top:5px; height:20px; } div.login_outbox div.lable_outbox div.list_outbox02 a.join{ background:url(../images/member/icon_join.gif) no-repeat left top; padding-left:15px; color:#5f5f5f; margin-right:10px; } div.login_outbox div.lable_outbox div.list_outbox02 a.join:active{ color:#c00; text-decoration:none; } div.login_outbox div.lable_outbox div.list_outbox02 a.join:hover{ color:#c00; text-decoration:none; } div.login_outbox div.lable_outbox div.list_outbox02 a.forget{ background:url(../images/member/icon_forget.gif) no-repeat left top; padding-left:15px; color:#5f5f5f; } div.login_outbox div.lable_outbox div.list_outbox02 a.forget:active{ color:#c00; text-decoration:none; } div.login_outbox div.lable_outbox div.list_outbox02 a.forget:hover{ color:#c00; text-decoration:none; } div.forget_bg{ width:650px; height:255px; } div.forget_outbox{ width:630px; background:url(../images/member/bg_forget.gif) no-repeat left top; height:135px; padding-top:120px; padding-left:20px; } div.forget_outbox div.lable_outbox{ width:360px; float:left; } div.forget_outbox div.lable_outbox div.list_outbox01{ width:360px; overflow:auto; padding:7px 0px; } div.forget_outbox div.lable_outbox div.list_outbox01 div.lable{ float:left; width:285px; line-height:25px; } div.forget_outbox div.lable_outbox div.list_outbox01 div.left{ width:60px; float:left; color:#333; font-weight:bold; height:25px; } div.forget_outbox div.lable_outbox div.list_outbox01 div.right{ width:225px; float:left; height:25px; } div.forget_outbox div.lable_outbox div.list_outbox01 div.right div.code{ padding:1px 0px; width:103px; float:left; height:23px; } div.forget_outbox div.lable_outbox div.list_outbox01 div.right div.reset{ padding:1px 0px; width:88px; float:left; height:23px; } div.forget_outbox div.lable_outbox div.list_outbox01 div.login_button{ width:74px; float:right; } div.forget_outbox div.lable_outbox div.list_outbox02{ width:360px; margin-top:10px; height:20px; } div.forget_outbox div.lable_outbox div.list_outbox02 a.join{ background:url(../images/member/icon_join.gif) no-repeat left top; padding-left:15px; color:#5f5f5f; } div.forget_outbox div.lable_outbox div.list_outbox02 a.join:active{ color:#c00; text-decoration:none; } div.forget_outbox div.lable_outbox div.list_outbox02 a.join:hover{ color:#c00; text-decoration:none; } div.forget_outbox div.lable_outbox div.list_outbox02 a.forget{ background:url(../images/member/icon_forget.gif) no-repeat left top; padding-left:15px; color:#5f5f5f; } div.forget_outbox div.lable_outbox div.list_outbox02 a.forget:active{ color:#c00; text-decoration:none; } div.forget_outbox div.lable_outbox div.list_outbox02 a.forget:hover{ color:#c00; text-decoration:none; } div.membership_outbox{ width:700px; margin:0px auto 30px auto; } div.membership_outbox div.title{ height:29px; margin-bottom:10px; } div.membership_outbox div.conbox{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 0px; height:400px; overflow-y:auto; overflow-x:hidden; padding-right:20px; width:680px; } div.membership_outbox02{ width:1020px; margin:0px auto 30px auto; } div.membership_outbox02 div.title{ height:29px; margin-bottom:10px; } div.membership_outbox02 div.conbox{ border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:10px 0px; width:1020px; } div.membership_button{ width:180px; overflow:auto; margin:0px auto; padding-left:10px; } div.member_lable_outbox01{ width:700px; margin:0px auto 20px auto; } div.member_lable_outbox01 div.title{ width:700px; height:29px; margin-bottom:20px; } div.member_lable_outbox01 div.list_outbox{ width:680px; margin:0px auto; padding:7px 10px; background:#e1e2ed; border-bottom:2px solid #fff; overflow:auto; } div.member_lable_outbox01 div.list_outbox div.left{ width:80px; float:left; font-weight:bold; color:#333; } div.member_lable_outbox01 div.list_outbox div.right{ width:600px; float:right; line-height:20px; } div.member_lable_outbox01 div.line{ background:url(../images/member/bg_line.gif) repeat-x left top; width:700px; height:2px; margin:10px 0px; } div.member_lable_outbox02{ width:1020px; margin:0px 0px 20px 0px; } div.member_lable_outbox02 div.title_member{ height:30px; margin-bottom:20px; color:#d866e9; font-size:20px; font-family:"微軟正黑體"; line-height:30px; background:url(../images/member/icon_membertitle.gif) no-repeat left 6px; padding-left:23px; } div.member_lable_outbox02 div.title_red{ height:30px; margin-bottom:10px; color:#7dc11a; font-size:20px; font-family:"微軟正黑體"; line-height:30px; background:url(../images/member/icon_redtitle.gif) no-repeat left 6px; padding-left:23px; } div.member_lable_outbox02 div.title_order{ height:30px; margin-bottom:10px; color:#9b8e00; font-size:20px; font-family:"微軟正黑體"; line-height:30px; background:url(../images/member/icon_ordertitle.gif) no-repeat 1px 5px; padding-left:23px; } div.member_lable_outbox02 div.title_fav{ height:30px; margin-bottom:10px; color:#e96666; font-size:20px; font-family:"微軟正黑體"; line-height:30px; background:url(../images/member/icon_favtitle.gif) no-repeat 1px 5px; padding-left:23px; } div.member_lable_outbox02 div.title_balance{ height:30px; margin-bottom:10px; color:#4e75c4; font-size:20px; font-family:"微軟正黑體"; line-height:30px; background:url(../images/member/icon_balancetitle.gif) no-repeat 1px 5px; padding-left:23px; } div.member_lable_outbox02 div.list_outbox{ width:1020px; margin:0px auto; padding:7px 0px; overflow:auto; } div.member_lable_outbox02 div.list_outbox div.left{ width:80px; float:left; font-weight:bold; color:#333; } div.member_lable_outbox02 div.list_outbox div.right{ width:940px; float:right; line-height:20px; } div.member_lable_outbox02 div.list_outbox div.right div.lable{ width:100px; float:left; } div.member_lable_outbox02 div.list_outbox div.right div.code{ width:105px; float:left; } div.member_lable_outbox02 div.list_outbox div.right div.return{ width:88px; float:left; } div.member_lable_outbox02 div.line{ background:url(../images/member/bg_line.gif) repeat-x left top; height:2px; margin:10px 0px; } ul.member_linklist{ width:180px; } ul.member_linklist li{ display:block; padding:5px 0px; border-bottom:1px solid #eee; } ul.member_linklist li a{ color:#626262; } ul.member_linklist li a.member{ background:url(../images/member/icon_memberlist.gif) no-repeat left top; padding-left:20px; } ul.member_linklist li a.member:active{ color:#d866e9; text-decoration:none; } ul.member_linklist li a.member:hover{ color:#d866e9; text-decoration:none; } ul.member_linklist li a.red{ background:url(../images/member/icon_redlist.gif) no-repeat left top; padding-left:20px; } ul.member_linklist li a.red:active{ color:#8bc831; text-decoration:none; } ul.member_linklist li a.red:hover{ color:#8bc831; text-decoration:none; } ul.member_linklist li a.order{ background:url(../images/member/icon_orderlist.gif) no-repeat left top; padding-left:20px; } ul.member_linklist li a.order:active{ color:#d6c617; text-decoration:none; } ul.member_linklist li a.order:hover{ color:#d6c617; text-decoration:none; } ul.member_linklist li a.fav{ background:url(../images/member/icon_favlist.gif) no-repeat left top; padding-left:20px; } ul.member_linklist li a.fav:active{ color:#e96666; text-decoration:none; } ul.member_linklist li a.fav:hover{ color:#e96666; text-decoration:none; } ul.member_linklist li a.balance{ background:url(../images/member/icon_balancelist.gif) no-repeat left top; padding-left:20px; } ul.member_linklist li a.balance:active{ color:#4e75c4; text-decoration:none; } ul.member_linklist li a.balance:hover{ color:#4e75c4; text-decoration:none; } div.red_list{ width:1020px; margin-bottom:20px; } div.member_lable_outbox02 div.notice_outbox_red{ font-size:15px; color:#c00; font-family:"微軟正黑體"; line-height:30px; } div.red_list ul{ width:1020px; display:block; } div.red_list ul li{ display:block; padding:7px 0px; border-bottom:1px solid #eee; text-align:center; overflow:auto; } div.red_list ul li.title{ background:#9c9c9c; border:none; font-weight:bold; font-family:"微軟正黑體"; font-size:15px; color:#fff; } div.red_list ul li.title div.date{ width:145px; float:left; } div.red_list ul li.title div.why{ width:145px; float:left; } div.red_list ul li.title div.number{ width:146px; float:left; } div.red_list ul li.title div.in{ width:146px; float:left; } div.red_list ul li.title div.use{ width:146px; float:left; } div.red_list ul li.title div.balance{ width:146px; float:left; } div.red_list ul li.title div.notice{ width:146px; float:left; } div.red_txt{ margin-bottom:10px; width:1020px; overflow:auto; line-height:30px; } div.red_txt div.left{ width:510px; float:left; font-size:15px; color:#538a04; } div.red_txt div.right{ width:510px; float:right; text-align:right; } div.red_list ul li.list:hover{ background:#f1f1f1; } div.red_list ul li.list div.date{ width:145px; float:left; } div.red_list ul li.list div.why{ width:145px; float:left; } div.red_list ul li.list div.number{ width:146px; float:left; } div.red_list ul li.list div.number a{ color:#f60; } div.red_list ul li.list div.number a:active{ color:#c00; text-decoration:none; } div.red_list ul li.list div.number a:hover{ color:#c00; text-decoration:none; } div.red_list ul li.list div.in{ width:146px; float:left; } div.red_list ul li.list div.use{ width:146px; float:left; } div.red_list ul li.list div.balance{ width:146px; float:left; } div.red_list ul li.list div.notice{ width:146px; float:left; } div.order_list{ margin-bottom:10px; width:1020px; overflow:auto; line-height:30px; } div.order_list div.left{ width:510px; float:left; font-size:15px; color:#538a04; } div.order_list div.right{ width:510px; float:right; text-align:right; } div.order_list ul{ width:1020px; display:block; } div.order_list ul li{ display:block; padding:7px 0px; border-bottom:1px solid #eee; text-align:center; overflow:auto; } div.order_list ul li.title{ background:#9c9c9c; border:none; font-weight:bold; font-family:"微軟正黑體"; font-size:15px; color:#fff; } div.order_list ul li.title div.number{ width:170px; float:left; } div.order_list ul li.title div.date{ width:170px; float:left; } div.order_list ul li.title div.status{ width:170px; float:left; } div.order_list ul li.title div.view{ width:170px; float:left; } div.order_list ul li.title div.return{ width:170px; float:left; } div.order_list ul li.title div.repl{ width:145px; float:left; } div.order_list ul li.title div.qa{ width:170px; float:left; } div.order_list ul li.list:hover{ background:#f1f1f1; } div.order_list ul li.list div.number{ width:170px; float:left; } div.order_list ul li.list div.date{ width:170px; float:left; } div.order_list ul li.list div.status{ width:170px; float:left; } div.order_list ul li.list div.view{ width:170px; float:left; } div.order_list ul li.list div.view a{ padding:1px 3px; background:#4e77cb; color:#fff; } div.order_list ul li.list div.view a:active{ background:#333; text-decoration:none; } div.order_list ul li.list div.view a:hover{ background:#333; text-decoration:none; } div.order_list ul li.list div.return{ width:170px; float:left; } div.order_list ul li.list div.return a{ padding:1px 3px; background:#85c626; color:#fff; } div.order_list ul li.list div.return a:active{ background:#333; text-decoration:none; } div.order_list ul li.list div.return a:hover{ background:#333; text-decoration:none; } div.order_list ul li.list div.repl{ width:145px; float:left; } div.order_list ul li.list div.repl a{ padding:1px 3px; background:#ffa800; color:#fff; } div.order_list ul li.list div.repl a:active{ background:#333; text-decoration:none; } div.order_list ul li.list div.repl a:hover{ background:#333; text-decoration:none; } div.order_list ul li.list div.qa{ width:170px; float:left; } div.order_list ul li.list div.qa a{ padding:1px 3px; background:#e96666; color:#fff; } div.order_list ul li.list div.qa a:active{ background:#333; text-decoration:none; } div.order_list ul li.list div.qa a:hover{ background:#333; text-decoration:none; } div.fav_table{ width:1020px; margin-bottom:20px; } div.fav_table ul.top{ width:1020px; display:block; } div.fav_table ul.top li{ display:block; border-bottom:1px solid #eee; overflow:auto; padding:7px 0px; width:100%; } div.fav_table ul.top li.title{ background:#9c9c9c; font-size:15px; font-weight:bold; font-family:"微軟正黑體"; color:#fff; text-align:center; } div.fav_table ul.top li.title div.name{ width:690px; float:left; text-align:left; padding-left:10px; } div.fav_table ul.top li.title div.photo{ width:100px; float:left; text-align:center; } div.fav_table ul.top li.title div.unit{ width:140px; float:left; } div.fav_table ul.top li.title div.cart{ width:120px; float:left; } div.fav_table ul.top li.title div.del{ width:80px; float:left; } div.fav_table ul.top li.list{ text-align:center; } div.fav_table ul.top li.list:hover{ background:#f1f1f1; } div.fav_table ul.top li.list div.name{ width:690px; float:left; text-align:left; padding-left:10px; display:table; height:60px; *position:relative; } div.fav_table ul li.list div.photo{ width:100px; float:left; text-align:center; } div.fav_table ul li.list div.name a{ color:#7d7d7d; display:table-cell; vertical-align:middle; *display:block; *position:absolute; *top : 50%; *width:100%; } div.fav_table ul li.list div.name span.tt { *position : relative; *top : -50%; } div.fav_table ul li.list div.name a:active{ color:#c00; text-decoration:none; } div.fav_table ul li.list div.name a:hover{ color:#c00; text-decoration:none; } div.fav_table ul li.list div.unit{ width:140px; float:left; line-height:60px; } div.fav_table ul li.list div.cart{ width:120px; float:left; line-height:20px; padding-top:20px; } div.fav_table ul li.list div.cart a{ padding:1px 3px; background:#d866e9; color:#fff; } div.fav_table ul li.list div.cart a:active{ background:#333; text-decoration:none; } div.fav_table ul li.list div.cart a:hover{ background:#333; text-decoration:none; } div.fav_table ul li.list div.del{ width:80px; float:left; font-size:20px; font-weight:bold; line-height:60px; } div.fav_table ul li.list div.del a{ color:#c00; } div.fav_table ul li.list div.del a:active{ color:#7d7d7d; text-decoration:none; } div.fav_table ul li.list div.del a:hover{ color:#7d7d7d; text-decoration:none; } div.balance_table{ width:1020px; margin-bottom:20px; } div.balance_table ul.top{ width:1020px; display:block; } div.balance_table ul.top li{ display:block; border-bottom:1px solid #eee; overflow:auto; padding:7px 0px; width:100%; } div.balance_table ul.top li.title{ background:#9c9c9c; font-size:15px; font-weight:bold; font-family:"微軟正黑體"; color:#fff; text-align:center; } div.balance_table ul.top li.title div.date{ width:146px; float:left; } div.balance_table ul.top li.title div.reason{ width:146px; float:left; } div.balance_table ul.top li.title div.order{ width:146px; float:left; } div.balance_table ul.top li.title div.date{ width:146px; float:left; } div.balance_table ul.top li.title div.deposit{ width:146px; float:left; } div.balance_table ul.top li.title div.expen{ width:145px; float:left; } div.balance_table ul.top li.title div.balance{ width:145px; float:left; } div.balance_table ul.top li.title div.notice{ width:145px; float:left; } div.balance_table ul.top li.list{ text-align:center; } div.balance_table ul.top li.list:hover{ background:#f1f1f1; } div.balance_table ul.top li.list div.date{ width:146px; float:left; color:#4e75c4; } div.balance_table ul.top li.list div.reason{ width:146px; float:left; } div.balance_table ul.top li.list div.order{ width:146px; float:left; } div.balance_table ul.top li.list div.order a{ color:#f60; } div.balance_table ul.top li.list div.order a:active{ color:#7d7d7d; text-decoration:none; } div.balance_table ul.top li.list div.order a:hover{ color:#7d7d7d; text-decoration:none; } div.balance_table ul.top li.list div.date{ width:146px; float:left; } div.balance_table ul.top li.list div.deposit{ width:146px; float:left; } div.balance_table ul.top li.list div.expen{ width:145px; float:left; } div.balance_table ul.top li.list div.balance{ width:145px; float:left; } div.balance_table ul.top li.list div.notice{ width:145px; float:left; } div.balance_table ul.top li.list div.none{ width:1020px; text-align:center; color:#c00; font-size:15px; font-family:"微軟正黑體"; font-weight:bold; padding:10px 0px; } div.selectbox{ width:1020px; margin-bottom:5px; overflow:auto; text-align:right; } div.selectbox a{ padding:2px 3px; margin-right:10px; background:#c00; color:#fff; } div.selectbox a:active{ text-decoration:none; background:#333; } div.selectbox a:hover{ text-decoration:none; background:#333; } div.totalbox{ background:#eee; text-align:center; font-size:13px; font-weight:bold; color:#333; padding:10px 0px; } div.order_searchbox{ width:300px; margin:30px auto; border:1px solid #ccc; padding:5px; } div.order_searchbox div.title{ background:url(../images/bg_button.gif) repeat-x left top; height:30px; overflow:hidden; line-height:30px; padding-left:5px; color:#fff; font-size:13px; font-weight:bold; margin-bottom:10px; } div.order_searchbox div.list{ padding:7px 0px; overflow:auto; } div.order_searchbox div.list div.left{ width:40px; float:left; color:#000; font-weight:bold; font-size:13px; } div.order_searchbox div.list div.right{ width:260px; float:right; } div.order_searchbox div.button{ overflow:auto; padding-bottom:5px; } div.order_searchbox div.button a{ margin:0px auto; float:none; } /*member css end*/ /*cart css start*/ div.step_img{ width:1020px; height:55px; margin-bottom:20px; } div.cart_table01{ width:1020px; margin-bottom:20px; } div.cart_table01 ul.top{ width:1020px; display:block; } div.cart_table01 ul.top li{ display:block; border-bottom:1px solid #eee; overflow:auto; padding:7px 0px; width:100%; } div.cart_table01 ul.top li.title{ background:#9c9c9c; font-size:15px; font-weight:bold; font-family:"微軟正黑體"; color:#fff; text-align:center; } div.cart_table01 ul.top li.title div.name{ width:260px; float:left; text-align:left; padding-left:10px; } div.cart_table01 ul.top li.title div.photo{ width:80px; float:left; text-align:center; } div.cart_table01 ul.top li.title div.size{ width:100px; float:left; } div.cart_table01 ul.top li.title div.color{ width:100px; float:left; } div.cart_table01 ul.top li.title div.qua{ width:100px; float:left; } div.cart_table01 ul.top li.title div.unit{ width:100px; float:left; } div.cart_table01 ul.top li.title div.rate{ width:100px; float:left; } div.cart_table01 ul.top li.title div.subtotal{ width:120px; float:left; } div.cart_table01 ul.top li.title div.del{ width:50px; float:left; } div.cart_table01 ul.top li.list{ text-align:center; } div.cart_table01 ul.top li.list:hover{ background:#f1f1f1; } div.cart_table01 ul.top li.list div.name{ width:260px; float:left; text-align:left; padding-left:10px; display:table; height:60px; *position:relative; } div.cart_table01 ul li.list div.photo{ width:80px; float:left; text-align:center; } div.cart_table01 ul li.list div.name a{ color:#7d7d7d; display:table-cell; vertical-align:middle; *display:block; *position:absolute; *top : 50%; *width:100%; } div.cart_table01 ul li.list div.name span.tt { *position : relative; *top : -50%; } div.cart_table01 ul li.list div.name a:active{ color:#c00; text-decoration:none; } div.cart_table01 ul li.list div.name a:hover{ color:#c00; text-decoration:none; } div.cart_table01 ul li.list div.size{ width:100px; float:left; line-height:60px; } div.cart_table01 ul li.list div.color{ width:100px; float:left; line-height:60px; } div.cart_table01 ul li.list div.qua{ width:100px; float:left; padding-top:19px; } div.cart_table01 ul li.list div.unit{ width:100px; float:left; line-height:60px; } div.cart_table01 ul li.list div.rate{ width:100px; float:left; line-height:60px; } div.cart_table01 ul li.list div.subtotal{ width:120px; float:left; line-height:60px; } div.cart_table01 ul li.list div.del{ width:50px; float:left; font-size:20px; font-weight:bold; line-height:60px; } div.cart_table01 ul li.list div.del a{ color:#c00; } div.cart_table01 ul li.list div.del a:active{ color:#7d7d7d; text-decoration:none; } div.cart_table01 ul li.list div.del a:hover{ color:#7d7d7d; text-decoration:none; } div.cart_table01 ul.top li.share{ background:#c7e2f2; } div.cart_table01 ul.top li.gift{ background:#f6d4fb; } div.cart_table01 ul.bottom{ width:1020px; display:block; background:#eee; border-top:2px solid #999; } div.cart_table01 ul.bottom li{ display:block; padding:7px 0px; overflow:auto; } div.cart_table01 ul.bottom li div.left{ float:left; width:840px; text-align:right; } div.cart_table01 ul.bottom li div.right{ float:right; width:170px; text-align:right; padding-right:10px; } div.cart_table02{ width:1020px; margin-bottom:20px; } div.cart_table02 ul.top{ width:1020px; display:block; } div.cart_table02 ul.top li{ display:block; border-bottom:1px solid #eee; overflow:auto; padding:7px 0px; width:100%; } div.cart_table02 ul.top li.title{ background:#9c9c9c; font-size:15px; font-weight:bold; font-family:"微軟正黑體"; color:#fff; text-align:center; } div.cart_table02 ul.top li.title div.name{ width:310px; float:left; text-align:left; padding-left:10px; } div.cart_table02 ul.top li.title div.photo{ width:80px; float:left; text-align:center; } div.cart_table02 ul.top li.title div.size{ width:100px; float:left; } div.cart_table02 ul.top li.title div.color{ width:100px; float:left; } div.cart_table02 ul.top li.title div.qua{ width:100px; float:left; } div.cart_table02 ul.top li.title div.unit{ width:100px; float:left; } div.cart_table02 ul.top li.title div.rate{ width:100px; float:left; } div.cart_table02 ul.top li.title div.subtotal{ width:120px; float:left; } div.cart_table02 ul.top li.list{ text-align:center; } div.cart_table02 ul.top li.list:hover{ background:#f1f1f1; } div.cart_table02 ul.top li.list div.name{ width:310px; float:left; text-align:left; padding-left:10px; display:table; height:60px; *position:relative; } div.cart_table02 ul li.list div.photo{ width:80px; float:left; text-align:center; } div.cart_table02 ul li.list div.name a{ color:#7d7d7d; display:table-cell; vertical-align:middle; *display:block; *position:absolute; *top : 50%; *width:100%; } div.cart_table02 ul li.list div.name span.tt { *position : relative; *top : -50%; } div.cart_table02 ul li.list div.name a:active{ color:#c00; text-decoration:none; } div.cart_table02 ul li.list div.name a:hover{ color:#c00; text-decoration:none; } div.cart_table02 ul li.list div.size{ width:100px; float:left; line-height:60px; } div.cart_table02 ul li.list div.color{ width:100px; float:left; line-height:60px; } div.cart_table02 ul li.list div.qua{ width:100px; float:left; line-height: 60px; } div.cart_table02 ul li.list div.unit{ width:100px; float:left; line-height:60px; } div.cart_table02 ul li.list div.rate{ width:100px; float:left; line-height:60px; } div.cart_table02 ul li.list div.subtotal{ width:120px; float:left; line-height:60px; } div.cart_table02 ul.top li.share{ background:#c7e2f2; } div.cart_table02 ul.top li.gift{ background:#f6d4fb; } div.cart_table02 ul.bottom{ width:1020px; display:block; background:#eee; border-top:2px solid #999; } div.cart_table02 ul.bottom li{ display:block; padding:7px 0px; overflow:auto; } div.cart_table02 ul.bottom li div.left{ float:left; width:840px; text-align:right; } div.cart_table02 ul.bottom li div.right{ float:right; width:170px; text-align:right; padding-right:10px; } div.cart_table03{ width:1020px; margin-bottom:20px; } div.cart_table03 ul.top{ width:1020px; display:block; } div.cart_table03 ul.top li{ display:block; border-bottom:1px solid #eee; overflow:auto; padding:7px 0px; width:100%; } div.cart_table03 ul.top li.title{ background:#9c9c9c; font-size:15px; font-weight:bold; font-family:"微軟正黑體"; color:#fff; text-align:center; } div.cart_table03 ul.top li.title div.name{ width:260px; float:left; text-align:left; padding-left:10px; } div.cart_table03 ul.top li.title div.photo{ width:80px; float:left; text-align:center; } div.cart_table03 ul.top li.title div.size{ width:100px; float:left; } div.cart_table03 ul.top li.title div.color{ width:100px; float:left; } div.cart_table03 ul.top li.title div.qua{ width:100px; float:left; } div.cart_table03 ul.top li.title div.unit{ width:100px; float:left; } div.cart_table03 ul.top li.title div.rate{ width:100px; float:left; } div.cart_table03 ul.top li.title div.subtotal{ width:120px; float:left; } div.cart_table03 ul.top li.title div.select{ width:50px; float:left; } div.cart_table03 ul.top li.list{ text-align:center; } div.cart_table03 ul.top li.list:hover{ background:#f1f1f1; } div.cart_table03 ul.top li.list div.name{ width:260px; float:left; text-align:left; padding-left:10px; display:table; height:60px; *position:relative; } div.cart_table03 ul li.list div.photo{ width:80px; float:left; text-align:center; } div.cart_table03 ul li.list div.name a{ color:#7d7d7d; display:table-cell; vertical-align:middle; *display:block; *position:absolute; *top : 50%; *width:100%; } div.cart_table03 ul li.list div.name span.tt { *position : relative; *top : -50%; } div.cart_table03 ul li.list div.name a:active{ color:#c00; text-decoration:none; } div.cart_table03 ul li.list div.name a:hover{ color:#c00; text-decoration:none; } div.cart_table03 ul li.list div.size{ width:100px; float:left; line-height:60px; } div.cart_table03 ul li.list div.color{ width:100px; float:left; line-height:60px; } div.cart_table03 ul li.list div.qua{ width:100px; float:left; line-height:60px; } div.cart_table03 ul li.list div.unit{ width:100px; float:left; line-height:60px; } div.cart_table03 ul li.list div.rate{ width:100px; float:left; line-height:60px; } div.cart_table03 ul li.list div.subtotal{ width:120px; float:left; line-height:60px; } div.cart_table03 ul li.list div.select{ width:50px; float:left; padding-top: 23px; } div.cart_table03 ul.top li.share{ background:#c7e2f2; } div.cart_table03 ul.top li.gift{ background:#f6d4fb; } div.cart_table03 ul.bottom{ width:1020px; display:block; background:#eee; border-top:2px solid #999; } div.cart_table03 ul.bottom li{ display:block; padding:7px 0px; overflow:auto; } div.cart_table03 ul.bottom li div.left{ float:left; width:840px; text-align:right; } div.cart_table03 ul.bottom li div.right{ float:right; width:170px; text-align:right; padding-right:10px; } div.lncrease_pro_outbox{ width:1020px; margin-bottom:20px; } div.lncrease_pro_outbox div.title{ height:30px; margin-bottom:20px; padding-left:7px; color:#0f3e5a; } div.lncrease_pro_outbox ul{ width:1020px; display:block; margin-bottom:20px; overflow:auto; } div.lncrease_pro_outbox ul li{ display:block; float:left; margin:0px 7px; width:190px; } div.lncrease_pro_outbox ul li div.prolist_outbox{ width:190px; position:relative; } div.lncrease_pro_outbox ul li div.prolist_outbox div.imgbox{ width:188px; height:188px; border:1px solid #b9daed; margin-bottom:3px; } div.lncrease_pro_outbox ul li div.prolist_outbox div.imgbox div.topimg{ position:absolute; right:0; top:0; } div.lncrease_pro_outbox ul li div.prolist_outbox div.select{ color:#0a6195; padding:2px 5px; text-align:center; } div.lncrease_pro_outbox ul li div.prolist_outbox div.pro_title{ padding:2px 5px; text-align:center; } div.lncrease_pro_outbox ul li div.prolist_outbox div.pro_title a{ color:#7d7d7d; } div.lncrease_pro_outbox ul li div.prolist_outbox div.pro_title a:active{ color:#0a6195; text-decoration:none; } div.lncrease_pro_outbox ul li div.prolist_outbox div.pro_title a:hover{ color:#0a6195; text-decoration:none; } div.lncrease_pro_outbox ul li div.prolist_outbox div.price{ padding:2px 5px; text-align:center; } div.gift_pro_outbox{ width:1020px; margin-bottom:30px; } div.gift_pro_outbox div.title{ height:30px; margin-bottom:20px; padding-left:7px; color:#7046af; } div.gift_pro_outbox ul{ width:1020px; display:block; margin-bottom:20px; overflow:auto; } div.gift_pro_outbox ul li{ display:block; float:left; margin:0px 7px; width:190px; } div.gift_pro_outbox ul li div.prolist_outbox{ width:190px; position:relative; } div.gift_pro_outbox ul li div.prolist_outbox div.imgbox{ width:188px; height:188px; border:1px solid #ebb2f3; margin-bottom:3px; } div.gift_pro_outbox ul li div.prolist_outbox div.imgbox div.topimg{ position:absolute; right:0; top:0; } div.gift_pro_outbox ul li div.prolist_outbox div.select{ color:#bf4ad1; padding:2px 5px; text-align:center; } div.gift_pro_outbox ul li div.prolist_outbox div.pro_title{ padding:2px 5px; text-align:center; } div.gift_pro_outbox ul li div.prolist_outbox div.pro_title a{ color:#7d7d7d; } div.gift_pro_outbox ul li div.prolist_outbox div.pro_title a:active{ color:#0a6195; text-decoration:none; } div.gift_pro_outbox ul li div.prolist_outbox div.pro_title a:hover{ color:#0a6195; text-decoration:none; } div.gift_pro_outbox ul li div.prolist_outbox div.price{ padding:2px 5px; text-align:center; } div.cart_button{ width:1020px; height:55px; } div.cart_button div.center{ width:117px; margin:0px auto; } div.cart_button div.left{ float:left; width:117px; } div.cart_button div.right{ float:right; width:117px; } div.cart_lable_outbox01{ width:950px; margin:0px auto 30px auto; } div.cart_lable_outbox01 div.title{ color:#4b53b0; font-size:18px; font-family:"微軟正黑體"; margin-bottom:10px; background:url(../images/member/icon_stitle.gif) no-repeat left 8px; padding-left:25px; line-height:40px; } div.cart_lable_outbox01 div.conbox{ padding:7px; border:1px solid #ddd; } div.cart_lable_outbox01 div.list_outbox{ width:950px; overflow:auto; padding:7px 0px; border-bottom:1px solid #eee; } div.cart_lable_outbox01 div.list_outbox div.left{ width:130px; float:left; color:#2a3af3; padding-left: 25px; } div.cart_lable_outbox01 div.list_outbox div.right{ width:795px; float:right; } div.cart_lable_outbox01 div.list_outbox div.right a{ color:#5a8f0d; } div.cart_lable_outbox01 div.list_outbox div.right a:active{ color:#c00; } div.cart_lable_outbox01 div.list_outbox div.right a:hover{ color:#c00; } /*#content div.login_bg{ width:650px; height:255px; margin:40px auto; } #content div.login_outbox{ width:630px; background:url(../images/member/bg_login_cart.gif) no-repeat left top; height:165px; padding-top:90px; padding-left:20px; } #content div.login_outbox div.lable_outbox{ width:360px; float:left; } #content div.login_outbox div.lable_outbox div.list_outbox01{ width:360px; overflow:auto; padding:7px 0px; } #content div.login_outbox div.lable_outbox div.list_outbox01 div.lable{ float:left; width:285px; line-height:25px; } #content div.login_outbox div.lable_outbox div.list_outbox01 div.left{ width:60px; float:left; color:#333; font-weight:bold; height:25px; } #content div.login_outbox div.lable_outbox div.list_outbox01 div.right{ width:225px; float:left; height:25px; } #content div.login_outbox div.lable_outbox div.list_outbox01 div.right div.code{ padding:1px 0px; width:103px; float:left; height:23px; } #content div.login_outbox div.lable_outbox div.list_outbox01 div.right div.lable{ padding:1px 0px; width:95px; float:left; height:23px; } #content div.login_outbox div.lable_outbox div.list_outbox01 div.right div.reset{ padding:1px 0px; width:88px; float:left; height:23px; } #content div.login_outbox div.lable_outbox div.list_outbox01 div.login_button{ width:74px; float:right; } #content div.login_outbox div.lable_outbox div.list_outbox02{ width:300px; padding-left:60px; margin-top:5px; height:20px; } #content div.login_outbox div.lable_outbox div.list_outbox02 a.join{ background:url(../images/member/icon_join.gif) no-repeat left top; padding-left:15px; color:#5f5f5f; } #content div.login_outbox div.lable_outbox div.list_outbox02 a.join:active{ color:#c00; text-decoration:none; } #content div.login_outbox div.lable_outbox div.list_outbox02 a.join:hover{ color:#c00; text-decoration:none; } #content div.login_outbox div.lable_outbox div.list_outbox02 a.forget{ background:url(../images/member/icon_forget.gif) no-repeat left top; padding-left:15px; color:#5f5f5f; } #content div.login_outbox div.lable_outbox div.list_outbox02 a.forget:active{ color:#c00; text-decoration:none; } #content div.login_outbox div.lable_outbox div.list_outbox02 a.forget:hover{ color:#c00; text-decoration:none; } #content div.login_outbox div.right_button{ float:right; margin-right:20px; margin-top:30px; }*/ div.order_number{ padding:10px; background:#d4d6ee; margin-bottom:20px; color:#171c60; } /*cart css end*/ /*right cart start*/ .www_zzjs_net { z-index:3; width:286px; top:173px;/*跟JS設定要多6px*/ position:absolute; right: -28px; } .www_zzjs_net .press { border:none; cursor:pointer; width:20px; color:#fff; padding:1px; position:absolute; right: 0px; line-height:15px; border:1px solid #555; text-align:center; } .www_zzjs_net .press span.button{ background:#555; display:block; padding:5px 3px; } .www_zzjs_net .Qlist { left:0; width:286px; border:1px solid #999; background:#fff; } .www_zzjs_net .Qlist .infobox { width: 286px; } .www_zzjs_net .Qlist .top { font-family:"微軟正黑體"; color:#000; font-size:15px; font-weight:bold; padding:10px 5px 5px 5px; } .www_zzjs_net .Qlist .con { padding:5px; } .www_zzjs_net .Qlist .con ul{ width:276px; display:block; } .www_zzjs_net .Qlist .con ul li{ width:100%; display:block; border-bottom:1px solid #eee; padding:5px 0px; overflow:auto; } .www_zzjs_net .Qlist .con ul li.title{ font-weight:bold; text-align:center; border-bottom:1px solid #222; border-top:2px solid #222; color:#222; padding:3px 0px; } .www_zzjs_net .Qlist .con ul li.title div.item{ width:126px; float:left; text-align:left; padding-left:5px; } .www_zzjs_net .Qlist .con ul li.title div.color{ width:50px; float:left; } .www_zzjs_net .Qlist .con ul li.title div.size{ width:50px; float:left; } .www_zzjs_net .Qlist .con ul li.title div.qua{ width:40px; float:left; } .www_zzjs_net .Qlist .con ul li.list{ text-align:center; color:#777; } .www_zzjs_net .Qlist .con ul li.list div.item{ width:126px; float:left; text-align:left; padding-left:5px; } .www_zzjs_net .Qlist .con ul li.list div.item a{ color:#777; } .www_zzjs_net .Qlist .con ul li.list div.item a:active{ color:#c00; text-decoration:none; } .www_zzjs_net .Qlist .con ul li.list div.item a:hover{ color:#c00; text-decoration:none; } .www_zzjs_net .Qlist .con ul li.list div.color{ width:50px; float:left; } .www_zzjs_net .Qlist .con ul li.list div.size{ width:50px; float:left; } .www_zzjs_net .Qlist .con ul li.list div.qua{ width:40px; float:left; } .www_zzjs_net .Qlist .con .button{ padding:10px 0px; } .www_zzjs_net .Qlist .con .button a{ display:block; margin:0px auto 0px auto; background:#222; padding:1px 3px; width:60px; color:#fff; text-align:center; } .www_zzjs_net .Qlist .con .button a:active{ background:#4084ac; text-decoration:none; } .www_zzjs_net .Qlist .con .button a:hover{ background:#4084ac; text-decoration:none; } /*right cart end*/