/* ================================ CSS STYLES FOR THE COMMERCE STARTER KIT v1.0, 10/2002 ================================ */ /* All */ p {margin:0;padding:0} img {border:0} body {padding:0;margin:0;font-family:Arial,Verdana,"新細明體";font-size:13px} #head {width:980px;margin-right:auto;margin-left:auto} #content {width:950px;margin-left:auto;margin-right:auto;color:#4a4a4a;line-height:30px;background:url(images/mainbg.gif)} #lnav {background:url(images/left_bg.jpg) no-repeat top;width:213px;float:left;padding-left:11px} #lnav .info{margin-top:20px} #nav {margin-top:80px;width:202px;height:319px;margin-bottom:30px} #lpic{background:url(images/lpic_bg.jpg);width:182px} #main{float:right;padding-right:37px;width:659px;background:url(images/right_bg.gif) no-repeat right top} #main .txt{padding:20px 10px 0 10px;text-align:justify;text-justify:inter-ideograph} #main .centertxt {padding:20px;text-align:center} #footer{width:705px;margin-right:auto;margin-left:auto;color:#2e5d73;line-height:24px;padding-top:15px;background:url(images/slogo.gif) no-repeat left top;padding-left:245px} #top{clear:both;background:url(images/top_bg.gif);padding-left:52px;padding-top:40px;height:46px} .title{padding-bottom:28px} /*首頁*/ #hcontent {width:950px;margin-left:auto;margin-right:auto} #hleft{float:left;padding-bottom:93px;background:url(images/home_lbg.gif) no-repeat bottom} #hflash{float:right} /*nav*/ #nav ul{list-style:none;margin:0;padding-left:9px} #nav li {margin:0} #nav img{float:left;padding-bottom:6px} /*lpic*/ #lpic ul{list-style:none;margin:0;padding-left:20px} #lpic li {margin:0;float:left} #lpic .pic3{padding-bottom:13px} #lpic img{margin:0;padding:0;display:block;padding-bottom:7px} .clear {zoom:1; clear:both;} .clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;} /*footer*/ #footer .snav{color:#307b0b;line-height:32px} #footer .snav a{color:#307b0b;text-decoration:underline} #footer .snav a:hover{color:#1b5200;text-decoration:none} #footer .cr{font-size:12px;color:#8e8e8e;} #footer .cr a{color:#8e8e8e;text-decoration:underline} #footer .cr a:hover{text-decoration:none} /*產品介紹*/ .pro_pic1{float:right;padding:10px} .pro_pic2{float:left;padding:10px} .protitle{font-size:15px;font-weight:bold;padding:15px 10px 30px 10px;color:#558700} .protxt{font-size:15px;padding:0 10px 30px 10px} .proredtxt{color:#9a4848;padding:0 10px 10px 10px} /*生產過程*/ #step{list-style:none;margin:0;padding:0} #step li{margin-bottom:5px;} /*線上訂購總覽頁*/ #order {list-style-type:none;width:671px;margin:0;padding:0} #order a{font-size:13px;color:#416900;text-decoration:none} #order a:hover{text-decoration:underline} #order li{width:180px;float:left;margin-left:11px;margin-right:11px;margin-bottom:15px;padding:8px;line-height:24px;text-align:center;background-color:#e8e8e8;border:1px solid #d0d0d0} #order .redp{color:#d70000} #order img{display:block;padding-bottom:8px} /*線上訂購產品介紹內頁*/ .orderpro {display:block;float:left;border:1px solid #b9d382} #orderinfo {float:right;width:305px;font-size:15px;color:#606060} #orderinfo ul{list-style:none;margin:0;padding-left:20px} #orderinfo li{margin:0;padding:0;background:url(images/prolist_dotline.gif) no-repeat bottom;padding:3px 0 3ox 5px;line-height:36px} #orderinfo .title{background:url(images/pro_titlebg.gif) no-repeat right;font-size:15px;font-weight:bold;padding-left:10px;color:#fff} #orderinfo .green{color:#337719} #orderinfo .red{color:#DA0B0B;} .buyb{text-align:right;padding-top:15px} .prolist{padding-top:25px;padding-bottom:10px} .prodotline{padding:15px 0} /*購物車*/ #main .step{text-align:center;padding-bottom:20px} #carttb {margin-top:20px;margin-bottom:40px;border-top:3px solid #9fc351;width:100%;margin-right:auto;margin-left:auto} #carttb th{padding:5px 3px;color:#467508;border-bottom:1px solid #9fc351;font-weight:normal} #carttb .th2{padding:5px 3px;background:url(images/cart_separator.gif) no-repeat right center;color:#467508;border-bottom:1px solid #9fc351;font-weight:normal} #carttb td{padding:3px 2px;text-align:center} #carttb a{color:#e66100;text-decoration:underline;} #carttb a:hover{color:#66a500;text-decoration:none;} #carttb .amount{background:url(images/cart_tbtxtbg.gif) repeat-x top;line-height:44px;text-align:center;padding-bottom:10px} #carttb .red {color:#C70000;font-weight:bold} #carttb .amount2{text-align:right;color:#C14948;} #carttb .add{text-align:right;color:#C70000;font-weight:bold;} /*購物車2*/ #carttb .paytd {text-align:left;color:#ea5300;line-height:24px;padding-left:15px} #carttb .sendtd {padding:5px;width:92px;color:#467508;text-align:left;background:url(images/cart_separator.gif) no-repeat right center} #carttb .sendtd2{text-align:left;padding-left:15px;width:548px} /*購物&運費說明*/ #notebox1 {width:677px;margin-left:auto;margin-right:auto;line-height:23px;color:#447829;margin-bottom:30px} #notebox1 ul{list-style-image:url(images/dot1.gif);margin:0;padding-top:10px;padding-left:25px} #notebox1 li{margin:0;padding:0;} #notebox2 {width:677px;margin-left:auto;margin-right:auto;line-height:23px;color:#ca6b21;margin-bottom:30px} #notebox2 ul{list-style-image:url(images/dot2.gif);margin:0;padding-top:10px;padding-left:25px} #notebox2 li{margin:0;padding:0;} /*會員登入*/ #loginbox {width:470px;margin-top:30px;background:url(images/loginboxbg.jpg) bottom;margin-left:auto;margin-right:auto} #logintb {width:425px;margin-left:auto;margin-right:auto;padding:5px;margin-top:20px;} #logintb a{color:#1272a6;text-decoration:underline} #logintb a:hover{color:#1272a6;text-decoration:none} #login td{padding:3px} #loginbox .forgetb {text-align:center;padding:25px} .notetxt{text-align:center;color:#b52200;padding-top:25px} /*register*/ .redstar {font-size:13px;color:#BB2828} #carttb .registerth {text-align:left;border-bottom:1px solid #9fc351;padding:5px 5px;color:#467508;font-weight:bold} #carttb .registerlist {text-align:right;padding:0 3px;width:80px;color:#566c53} #carttb .registerbox {color:#6F6F6F;padding:3px;text-align:left;} /*order*/ #carttb .orderlist {color:#467508;text-align:right;padding-right:10px;width:60px;background:url(images/cart_separator.gif) no-repeat right center;} /*會員中心*/ #membermain {margin-left:auto;margin-right:auto;background:url(images/member_titlebg.gif) no-repeat right top;margin-top:30px;width:605px;height:350px} #membermain .pic{float:left} #membermain ul{list-style:none;margin:0;padding-left:395px;padding-top:103px;} #membermain li a{width:185px;height:38px;display: block;text-indent: -9999px;float: left;margin:0;font-size: 1px;margin-bottom:10px} #membermain li.b1 a{background: url(images/member_b1.gif);} #membermain li.b1 a:hover{background: url(images/member_b1over.gif)} #membermain li.b2 a{background: url(images/member_b2.gif)} #membermain li.b2 a:hover{background: url(images/member_b2over.gif)} #membermain li.b3 a{background: url(images/member_b3.gif)} #membermain li.b3 a:hover{background: url(images/member_b3over.gif)} #membermain li.b4 a{background: url(images/member_b4.gif)} #membermain li.b4 a:hover{background: url(images/member_b4over.gif)} /*最新消息*/ #newsbox1 {margin-top:20px;margin-bottom:20px;background:url(images/news_tbbg.gif) repeat-y;width:659px} #newsbox1 th{padding-left:85px;color:#2c4400;font-size:15px;font-weight:normal;text-align:left} #newsbox1 .td2{padding:10px 25px;line-height:30px} #newsbox1 p{padding-bottom:15px;text-align:justify;text-justify:inter-ideograph} #newsbox1 .date{background:url(images/news_tbend.gif) no-repeat;height:35px;text-align:right;color:#a14e00;font-size:12px;padding-right:15px;padding-top:15px} .othernews {padding-top:30px} .onewstd1 {text-align:center;color:#5e5e5e} .onewstd2 a{color:#5e5e5e;text-decoration:none;padding-left:5px} .onewstd2 a:hover{color:#6ca900;text-decoration:none} /*留言版*/ #guesttb {width:659px;margin-bottom:15px;margin-top:20px;background:url(images/guest_tbbg.gif)} #guesttb .title{color:#0062e3;line-height:20px;padding-left:15px;height:26px;background:url(images/guest_tbtitlebg.gif);} #guesttb .ortxt{color:#ff6c00;font-weight:bold;text-align:center;} #guesttb .td1{color:#444444;line-height:30px;padding:15px 10px} #guesttb .date{color:#0062e3;height:33px;padding-left:15px;background:url(images/guest_tbdatebg.gif);font-size:12px} #guestretb {width:543px;margin-bottom:30px;background:url(images/guest_rebg.gif)} #guestretb .td1{padding:10px 30px 10px 70px;background:url(images/guest_retitle.gif) no-repeat top left;color:#696653;line-height:30px} .pagejump {clear:both;text-align:center;color:#444444} .pagejump a{color:#444444;text-decoration:underline} .pagejump a:hover{color:#6ca900;text-decoration:none} .pagejump2 {color:#ff6600;font-weight:bold}