@charset "utf-8";

/* CSS Document */



/*-標題 &　麵包屑-*/

.right h3{ display:block; height:29px; background:url(../images/left_title_icon.png) left no-repeat; font-size:1em; font-weight:normal; color:#d03c36; line-height:30px; padding:0 15px; border-bottom:#ff5051 solid 1px; margin-right:8px; margin-bottom:5px; font-family:Arial;}

.right div.crumbs{height:25px; font-size:12px; line-height:25px; font-family:Arial; color:#ccc; text-align:right; margin-right:8px;}

.right div.crumbs a{ color:#999; text-decoration:none;}

.right div.crumbs a:hover{color:#d03c36;}



/*-頁碼-*/

.pageNumber{display:table; float:left; width:100%; margin:30px auto; text-align:center;}

.pageNumber a{ font-size:12px; font-family:Arial; text-decoration:none; color:#666; display:inline-table; width:18px; height:18px;  text-align:center; line-height:18px; border:#fff solid 1px; margin-right:1px;}

.pageNumber a.prevPage, .pageNumber a.nextPage{ width:36px; background:url(../images/pageArrow.png) no-repeat; border:none; line-height:20px; height:20px;}

.pageNumber a.prevPage{ background-position:left 0; padding-left:20px;}

.pageNumber a.prevPage:hover{ background-position: left -20px;border:none;}

.pageNumber a.nextPage{ background-position:right -40px; padding-right:20px;}

.pageNumber a.nextPage:hover{ background-position:right -60px;border:none;}

.pageNumber a:hover, .pageNumber a.active{color:#116aae; border:#dcdcdc solid 1px;}



/*-產品列表-*/

.productList{ overflow:auto;}

.productList dl{ float:left; width:200px; font-size:0.8125em; color:#898989; border:#e9e9e9 1px solid; text-align:center; margin:0 19px 15px 0;}

.productList dl a{ display:block; border:#ddd solid 1px; padding:4px; text-decoration:none; font-size:15px; font-family:Arial; text-align:center; color:#000;}

.productList dl a:hover{border:#dcdcdc solid 1px; color:#116aae;}

.productList a dt{float:left;width:195px; height:195px; margin:2px;}

.productList a dt img{width:195px; height:195px;}

.productList a dd{ display:block; width:225px; height:24px; padding:10px 0; overflow:hidden; line-height:17px;}
.productList .list{float:left; width:225px; font-size:0.8125em; color:#898989; border:#e9e9e9 1px solid; text-align:center; margin:5px 20px 15px 0;}
.productList.list .pic{float:left;width:220px; height:165px; margin:2px;}
.productList .list .pic img{width:220px; padding-top:2px;} /*height:165px; */
.productList .list .name{float:left;width:96%; height:32px; margin:10px 2%; text-align:center; font-weight:bold;overflow:hidden; color:#000;}
.productList .list .buy{float:left;width:96%; height:35px; margin:2px 2%; text-align:center;}
.productList .list .buy a{display:block;width:115px; height:30px;background:url(../images/btn_buynow.png) no-repeat left -30px;  text-indent:-9999px; border: none; margin:0 auto;}
.productList .list .buy a:hover{background:url(../images/btn_buynow.png) no-repeat left top; }
.productList .list .detail{float:left;width:96%; height:45px; margin:2px 2%;}
.productList .list .detail a{color:#898989; text-decoration:none;}
.productList .list .detail a:hover{ color:#000;}



/*-產品內頁-*/

.productInfo{ position:relative; min-height:700px; font-family:"微軟正黑體";}
.productInfo .product_content{float:left; width:99%; color:#898989;}
.productInfo .product_content .pic{float:left; width:57%; margin-right:15px;}
.productInfo .product_content .pic .pic_big{width:100%; padding:3px 3px 1px 3px; border:#eaeaea 1px solid;}
.productInfo .product_content .pic .pic_big img{width:100%;}
.productInfo .product_content .pic a img{float:left; width:60px; border:#eaeaea 1px solid; margin:10px 8px 5px 0;}
.productInfo .product_content .pic a:hover img{border:#333 1px solid;}
.productInfo .product_content .pro_data{float:right; width:40%;}
.productInfo .product_content .name{float:left; width:98%; color:#333333; font-size:1.4em; margin-bottom:15px; padding:0.5em 1% 0.5em 1%;}
.productInfo .product_content .pro_data .descriptions{float:left; width:97%;line-height:25px; font-size:0.95em;}
.productInfo .product_content .pro_data .descriptions p{margin:7px 0;}
.productInfo .product_content .pro_data .descriptions span,
.productInfo .product_content .pro_data .price span{ font-weight:bold; color:#000; font-size:1.1em;}
.productInfo .product_content .pro_data .price{float:left; width:97%;color:#898989;margin:7px 0; font-size:0.95em;}
.productInfo .product_content .pro_data .btn_add{float:right; width:100%;margin:7px 0;}
.productInfo .product_content .pro_data .btn_add a{display:block;float:right; width:115px; height:30px; background:url(../images/btn_buynow.png) no-repeat left -30px; text-indent:-9999px; border:none;}
.productInfo .product_content .pro_data .btn_add a:hover{background:url(../images/btn_buynow.png) no-repeat left top;}
.productInfo .product_content .pro_detail{float:left; width:100%; margin:50px 0; font-size:0.9em; line-height:23px;}
.productInfo .product_content .pro_detail .pro_detail_tit{float:left; width:100%; font-size:1.1em; font-weight:bold; color:#000; margin-bottom:15px;}
.productInfo .product_content .pro_detail ol, .productInfo .product_content .pro_detail ul{float:left; width:100%; margin:5px 0; color:inherit;}
.productInfo .product_content .pro_detail ol li, .productInfo .product_content .pro_detail ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.productInfo .product_content .pro_detail ol li{ list-style: decimal none outside;}
.productInfo .product_content .pro_detail ul li{ list-style: disc none outside;}

.productInfo .product_content .pro_data .btn_add .btn_addcar{float:right;width:115px; height:30px; background:url(../images/btn_buynow.png) no-repeat left -30px; text-indent:-9999px; border:none;}
.productInfo .product_content .pro_data .btn_add .btn_addcar:hover{background:url(../images/btn_buynow.png) no-repeat left top;}








.productInfo dl.photo{ display:block; height:473px; overflow:hidden; border:#ddd solid 1px; padding:4px; margin-right:8px; background:#fff; position:relative;}

.productInfo dl.photo dt{ display:block; width:710px; height:473px; overflow:hidden; text-align:center;}

.productInfo dl.photo dt img{ max-width:710px;}

.productInfo dl.photo dd{ display:block; height:40px; width:710px; overflow:hidden; position:absolute; left:5px; bottom:5px; background:url(../images/white5x5.png);}

.productInfo dl.photo dd a{ display:block; width:60px; height:40px; overflow:hidden; float:left; background:#000; margin-right:1px;}

.productInfo dl.photo dd a img{ display:block; width:60px; opacity:0.5;}

.productInfo dl.photo dd a.active img{ opacity:1;}



.productInfo div.preface{ width:560px; margin:8px; font-size:13px; font-family:Arial; line-height:23px; color:#888;}

.productInfo dl.explain{ display:block; width:560px; margin:8px; font-size:13px; font-family:Arial; line-height:23px; color:#888; overflow:auto;}

.productInfo dl.explain dt{ display:block; float:left; width:50px; color:#116aae;}

.productInfo dl.explain dd{ display:block; float:left; width:510px;}



.productInfo dl.addCart{ display:block; width:145px; position:absolute; left:577px; top:490px; overflow:hidden;}

.productInfo dl.addCart dt p{ display:block; background:#116aae; margin-bottom:1px; text-align:center; font-size:13px; font-family:Arial; color:#fff; line-height:25px;}

.productInfo dl.addCart dt p b{ line-height:40px; color:#ffe400; font-size:16px;}

.productInfo dl.addCart dt p b.none{ text-decoration:line-through;}

.productInfo dl.addCart dt.sale_price p{ background:#f3cd5b; color:#473602;}

.productInfo dl.addCart dt.sale_price p b{ color:#f22800;}



.productInfo dl.addCart dd p{ display:block; background:#8d9ead; font-size:12px; font-family:Arial; color:#fff; height:30px; line-height:30px;}

.productInfo dl.addCart dd p span{ display:block; padding:0 12px; line-height:30px; border-right:#fff solid 1px; float:left;}

.productInfo dl.addCart dd p input{ width:80px; border:#fff solid 1px; background:#bdb9a4; margin:5px 0 0 6px; height:18px; text-align:center;}

.productInfo dl.addCart dd a{ display:block; background: url(../images/cart_btn.jpg); margin-top:1px; text-align:center; line-height:40px; color:#fff; text-decoration:none; font-size:13px; text-shadow: #8d876b -1px -1px;}

.productInfo dl.addCart dd a:hover{ background-position:left bottom; text-shadow:#fff 0px 0px 15px;}

.productInfo dl.addCart a.shareBtn{ display:block; height:18px; border:#8d9ead solid 1px; margin-top:1px; font-size:12px; line-height:18px; text-align:center; text-decoration:none; color:#918b6f; background: url(../images/icon_share.png) no-repeat left center; padding-left:30px;}



.productInfo dl.addCart dd div{background:#8d9ead; height:50px; text-align:center; line-height:50px; color:#fff; font-size:13px; text-shadow: #8d876b -1px -1px;}



#share{ display:none;}

#share h2{ display:block; height:30px; line-height:30px; font-size:13px; font-family:Arial; color:#918b6f; font-weight:normal; background:url(../images/left_title_icon.png) no-repeat left; padding:0 20px; border-bottom:#8d9ead solid 1px; margin-bottom:10px;}

#share p{ display:block; margin:10px 0; overflow:auto;}

#share p span{ display:block; width:70px; float:left; font-size:12px; font-family:Arial; color:#888; line-height:25px;}

#share p input, #share p textarea{ float:left; border:#bdb9a4 solid 1px; width:200px; height:15px; padding:3px; color:#666;}

#share p textarea{ height:80px;}

#share a.send, #share input.send{ clear:both; display:block; width:80px !important; height:30px !important; margin:5px auto; background:url(../images/cart_btn.jpg); font-size:12px; color:#fff; text-decoration:none; font-size:13px; text-shadow: #8d876b -1px -1px; text-align:center; line-height:22px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding:0 !important;}

#share a.send:hover, #share input.send:hover{background-position:left bottom; text-shadow:#fff 0px 0px 15px;}









/*-加入會員-*/

.member{ padding:60px 0 10px 0; overflow:auto;}

.login, .join{ width:350px; height:270px; float:left; -moz-border-radius:40px; -webkit-border-radius: 40px; border-radius: 40px; background:url(../images/white5x5.png); -moz-box-shadow: 0px 1px 2px #cdcfbf; -webkit-box-shadow: 0px 1px 2px #cdcfbf; box-shadow: 0px 1px 2px #cdcfbf; position:relative;}
.join{ float:right; margin-right:8px;}
.login h2, .join h2{ display:block; margin:10px 30px; font-size:1em; font-family:Arial; line-height:30px; font-weight:normal;}
.login h2{ color:#d03c36; border-bottom:#dcdcdc solid 1px;}
.join h2{  color:#d03c36; /*color:#8d9ead;*/ border-bottom:#dcdcdc solid 1px;}
.login h2 b{ display:block; width:30px; height:30px; float:left; background:url(../images/icon.png) no-repeat -90px 0;}
.join h2 b{display:block; width:30px; height:30px; float:left; background:url(../images/icon.png) no-repeat -120px 0;}




.join p{ margin:0 30px;}

.login dl{ display:block; font-size:0.9em; font-family:Arial; overflow:auto; padding:5px 0; margin:0 30px;}

.login dt, .login dd{ display:block; float:left;}

.login dt{ width:60px; color:#666; line-height:25px;}

.login dd{ width:230px;}

.login dd img{ display:block; margin-top:3px;}

.login span, .login p{ display:block; clear:both; text-align:right; color:#999;}
.login p{ margin:0 30px;}

.login p a{ font-size:12px; color:#666; text-decoration:none; padding-right:5px;}

.login p a:hover{ color:#000; text-decoration:underline;}

.login input{ border:#ccc solid 1px; padding:3px; font-size:0.85em; font-family:Arial; color:#000; width:200px;outline: none;}

.send{ display:block; width:80px !important; height:30px; float:left; margin:5px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;font-size:12px; font-family:Arial; text-align:center; line-height:30px !important; color:#fff !important; text-decoration:none; position:absolute; bottom:10px; left:135px;background:#ff4949; border:none !important; padding:0 !important; cursor:pointer;}

.send:hover{ background:#666;}

.join p{ font-size:0.9em; font-family:Arial; color:#666; text-align:center; margin-top:30px; line-height:30px;}

.join a.send, .join input.send{ width:150px !important; left:100px; top:150px;}



/*-忘記密碼-*/

.forget{ width:600px; margin:0 auto; -moz-border-radius:40px; -webkit-border-radius: 40px; border-radius: 40px; background:url(../images/white5x5.png); -moz-box-shadow: 0px 1px 2px #cdcfbf; -webkit-box-shadow: 0px 1px 2px #cdcfbf; box-shadow: 0px 1px 2px #cdcfbf; padding:20px 0; margin-top:60px; padding-bottom:50px; position:relative;}

.forget h2{display:block; margin:10px 30px; font-size:13px; font-family:Arial; line-height:30px; font-weight:normal;color:#333; border-bottom:#dcdcdc solid 1px;}

.forget h2 b{display:block; width:30px; height:30px; float:left; background:url(../images/icon.png) no-repeat -90px 0;}

.forget form{ margin:0 30px;}

.forget dl{ display:block; overflow:auto;}

.forget dt, .forget dd{ display:block; float:left; font-size:12px; font-family:Arial;}

.forget dt{ width:40px; color:#666; line-height:25px;} 

.forget dd{ width:500px;}

.forget input{ border:#ccc solid 1px; padding:3px; font-size:12px; font-family:Arial; color:#000; width:350px;outline: none;}

.forget input.send{ left:65px; bottom:10px;}



/*-申請會員條款-*/

.applyTerms{ font-size:13px; font-family:Arial; color:#666; line-height:23px;}

.applyTerms nav{ display:block; -moz-border-radius:10px; -webkit-border-radius: 10px; border-radius: 10px; padding:10px 30px; margin-bottom:10px;}

.applyTerms nav h5{ font-size:1.1em; color:#269B5B; font-weight:normal;}



/*-填寫個人資料-*//*-購物車付款人收件人-*/

.applyProfile, .memberModify{-moz-border-radius:40px; -webkit-border-radius: 40px; border-radius: 40px; background:url(../images/white5x5.png); -moz-box-shadow: 0px 1px 2px #cdcfbf; -webkit-box-shadow: 0px 1px 2px #cdcfbf; box-shadow: 0px 1px 2px #cdcfbf; margin-bottom:10px; padding-top:30px; padding-bottom:10px;}

.applyProfile dl, .memberModify dl{ display:block; padding:0 0 0 70px; overflow:auto;}

.applyProfile dt, .applyProfile dd, .applyProfile span, .payer dt, .payer dd, .payer span, .addressee dt, .addressee dd, .addressee span, .memberModify dt, .memberModify dd, .memberModify span,

.details dt, .details dd{ display:block; float:left; font-size:0.85em; font-family:Arial;  padding:5px 0 5px 5px;}

.applyProfile dt, .payer dt, .addressee dt, .memberModify dt, .details dt{ width:110px; color:#888; line-height:27px;}

.applyProfile dd, .payer dd, .addressee dd, .memberModify dd, .details dd{ width:270px; color:#333; line-height:27px;}

.applyProfile dd input, .payer dd input, .addressee dd input, .memberModify dd input, .details dd input{ border:#ccc solid 1px; padding:3px; font-size:12px; font-family:Arial; color:#000;}

.applyProfile dd select.select1, .payer dd select.select1, .addressee dd select.select1, .memberModify dd select.select1{ width:78px; margin-right:8px; padding:2px; border:#ccc solid 1px;font-size:12px; font-family:Arial; color:#000;}

.applyProfile dd select.select2, .payer dd select.select2, .addressee dd select.select2, .memberModify dd select.select2{ width:256px; margin-right:8px; padding:2px; border:#ccc solid 1px;font-size:12px; font-family:Arial; color:#000;}

.applyProfile dd input.text1, .payer dd input.text1, .addressee dd input.text1, .memberModify dd input.text1{ width:250px;}

.applyProfile dd input.text2, .payer dd input.text2, .addressee dd input.text2, .memberModify dd input.text2{ width:71px;}

.applyProfile span, .payer span, .addressee span, .memberModify span{ width:220px; color:#ec9f9f; line-height:27px;}

.payer p, .addressee p, .memberModify p{ display:block; font-size:12px; font-family:Arial; color:#f3ac00; line-height:30px;}

.addressee p a{color:#f3ac00;}

.addressee p a:hover{color:#999;}

.addressee dd textarea{ width:250px; height:80px; padding:2px; border:#ccc solid 1px;font-size:12px; font-family:Arial; color:#000;}

.memberModify p{}





.button, .carBtn{ width:180px; margin:0 auto; overflow:auto;}

.button a, .carBtn a, .carBtn input, .button input{ display:block; width:80px; height:30px; float:left; margin:5px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px;font-size:12px; font-family:Arial; text-align:center; line-height:30px; color:#fff; text-decoration:none;background:#999;}

.carBtn input, .button input{ border:none; cursor:pointer;}

.button a:hover, .carBtn a:hover, .carBtn input:hover, .button input:hover{ background:#ff4949;}

.carBtn{ width:auto; float:right; margin:0;}

.carBtn a{ float: left; margin-right:0;}

.btn{float:left; width:100%;}
.btn .b_send{float:right;width:90px; height:39px; background:url(../images/btn_send.jpg) no-repeat left top; text-indent:-9999px; border:none; margin:0 3px;}
.btn .b_clear{float:right;width:90px; height:39px; background:url(../images/btn_clear.jpg) no-repeat left top; text-indent:-9999px; border:none; margin:0 3px;}


/*-申請會員成功-*/

.applyDone{ -moz-border-radius:40px; -webkit-border-radius: 40px; border-radius: 40px; background:url(../images/white5x5.png); -moz-box-shadow: 0px 1px 2px #cdcfbf; -webkit-box-shadow: 0px 1px 2px #cdcfbf; box-shadow: 0px 1px 2px #cdcfbf; padding:20px 40px; margin-top:10px; font-size:13px; line-height:25px; color:#777; font-family:Arial;}

.applyDone b{ color:#a55c20;}



/*-最新消息列表-*/
.newsList{float:left; width:100%; margin-bottom:5px;}
.newsList dl{ display:block; overflow:auto; border-bottom:#acacac dotted 1px;/*-moz-border-radius:40px; -webkit-border-radius: 40px; border-radius: 40px;*/}
.newsList dl:hover{background:#e9e9e9;}
.newsList dl.title{ background:#fff; /*-moz-box-shadow: 0px 1px 2px #cdcfbf; -webkit-box-shadow: 0px 1px 2px #cdcfbf; box-shadow: 0px 1px 2px #cdcfbf;*/ color:#727171; border:none; margin-bottom:1px;}
.newsList dl.title dt{color:#8d9ead;}
.newsList dl.title dd{ padding:8px 5px;}
.newsList dt, .newsList dd{ display:block; float:right; font-size:13px; font-family:Arial; }
.newsList dt{ width:17%; text-align:center; color:#727171; margin:15px 20px; }
.newsList dd{ width:77%;}
.newsList dd a{ display:block; color:#727171; text-decoration:none; margin:15px 20px;}
.newsList dd a:hover{ color:#000;}


/*-最新消息內頁-*/
.newsInfo{float:left; width:100%; position:relative; overflow:hidden;}
.newsInfo h6{ display:block; font-size:1em; color:#a55c20; padding:10px 0; font-family:Arial "微軟正黑體"; font-weight:normal;}
.newsInfo h6 span{float:right;color:#b8b8b8; font-size:12px;}
.newsInfo h5{ display:block; width:100%; font-size:12px; color:#b8b8b8; font-family:Arial; line-height:20px; font-weight:normal; margin:10px 0;}
.newsInfo p{font-size:13px; font-family:Arial; line-height:28px; color:#727171; margin:20px 8px;}
.newsInfo img{max-width:100%;}
.newsInfo a.back{position: absolute;display: block;width:60px;height: 20px;top: 0; right:10px; font-size:12px; padding-left:20px; line-height:20px; color:#b8b8b8; text-decoration:none;}
.newsInfo a.back:hover{ background-position:0 0; color:#a55c20;}
.newsInfo ol, .newsInfo ul{float:left; width:100%; margin:5px 0; color:inherit;}
.newsInfo ol li, .newsInfo ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.newsInfo ol li{ list-style: decimal none outside;}
.newsInfo ul li{ list-style: disc none outside;}



/*-達人列表-*/
.eventList{float:left; width:100%; margin-bottom:5px;}
.eventList .list{float:left; width:100%; margin:5px 0 15px 0; padding-bottom:15px; border-bottom:#acacac dotted 1px;}

.eventList .pic{float:left; width:230px; margin-right:10px;}
.eventList .pic img{width:224px; border:#dcdcdc 1px solid; padding:2px;}

.eventList dl{float:left; width:62%; padding-right:30px;}
.eventList dt, .eventList dd{ float:left; width:100%; font-size:13px; font-family:Arial; }
.eventList dt{text-align:left; color:#666; margin:5px 20px;}
.eventList dd{float:left; width:100%; font-weight:bold;}
.eventList dd a{ display:block; color:#a55c20; text-decoration:none; margin:5px 20px;}
.eventList dt span{ display:block;float:left; width:50%;}
.eventList dl p{float:left; width:100%; color:#333; font-size:0.8125em; margin:5px 20px; line-height:20px;}
.eventList dd a:hover{ color:#a55c20;}



/*-達人內頁-*/
.eventInfo{float:left; width:100%; position:relative;}
.eventInfo h6{ display:block; font-size:1em; color:#a55c20; padding:10px 0; font-family:Arial "微軟正黑體"; font-weight:normal;}
.eventInfo h5{ display:block; width:100%; font-size:12px; color:#b8b8b8; font-family:Arial; line-height:20px; font-weight:normal; border-bottom:#dcdcdc 1px solid; margin:10px 0;}
.eventInfo p{font-size:13px; font-family:Arial; line-height:28px; color:#333; margin:20px 8px;}
.eventInfo a.back{position: absolute;display: block;width:60px;height: 20px;top: 8px; right:10px; font-size:12px; padding-left:20px; line-height:20px; color:#b8b8b8; text-decoration:none;}
.eventInfo a.back:hover{ background-position:0 0; color:#a55c20;}
.eventInfo ol, .eventInfo ul{float:left; width:100%; margin:5px 0; color:inherit;}
.eventInfo ol li, .eventInfo ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.eventInfo ol li{ list-style: decimal none outside;}
.eventInfo ul li{ list-style: disc none outside;}



/*-faq列表-*/

.faqList{float:left; width:100%; margin-bottom:5px;}
.faqList dl{ display:block; overflow:auto; border-bottom:#acacac dotted 1px;}
.faqList dl.title{ background:#fff;color:#727171; border:none; margin-bottom:1px;}
.faqList dl.title dt{color:#8d9ead;}
.faqList dl.title dd{ padding:8px 5px;}
.faqList dt, .faqList dd{ display:block; float:left; font-size:13px; font-family:Arial; }
.faqList dt{ width:17%; text-align:center; color:#727171; margin:15px 20px; border-right:#d7d7d7 1px solid;}
.faqList dd{background:url(../images/arrow_q.png) no-repeat left center; width:100%;}
.faqList dd:hover{background-color:#e9e9e9;}
.faqList dd a{ display:block; color:#727171; text-decoration:none; margin:15px 20px;}
.faqList dd a:hover{ color:#000;}


/*-faq內頁-*/
.faqInfo{float:left; width:100%; position:relative;}
.faqInfo h6{float:left; width:100%;font-size:0.9em; background:url(../images/arrow_q.png) no-repeat left center; color:#a55c20; padding:10px 0 10px 20px; font-family:Arial "微軟正黑體"; font-weight:normal;}
.faqInfo h5{ display:block; width:100%; font-size:0.8125em; color:#b8b8b8; font-family:Arial; line-height:20px; font-weight:normal; border-bottom:#dcdcdc 1px solid; margin:10px 0; padding-bottom:10px;}
.faqInfo .faq_a{float:left; width:95%; background:url(../images/arrow_a.jpg) no-repeat left 5px; padding-left:3%;font-size:0.875em; font-family:Arial; line-height:25px; color:#727171; }
.faqInfo p{line-height:25px; color:#333; margin:0 0 15px 0px;}
.faqInfo a.back{position: absolute;display: block;width:60px;height: 20px;top: -8px; right:10px; font-size:0.8125em; padding-left:20px; line-height:20px; color:#b8b8b8; text-decoration:none;}
.faqInfo a.back:hover{ background-position:0 0; color:#333333;}
.faqInfo ol, .faqInfo ul{float:left; width:100%; margin:5px 0; color:inherit;}
.faqInfo ol li, .faqInfo ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.faqInfo ol li{ list-style: decimal none outside;}
.faqInfo ul li{ list-style: disc none outside;}


/*-影音列表-*/

.videoList{float:left; width:100%; margin-bottom:0px;}
.videoList dl{float:left; width:210px; height:200px; margin:0px 15px 20px 15px; overflow:hidden;}
.videoList dl.title{ background:#fff;color:#727171; border:none; margin-bottom:0px;}
.videoList dl.title dt{color:#a55c20;}
.videoList dl.title dd{ padding:8px 5px;}
.videoList dt, .videoList dd{float:left; font-size:0.875em; font-family:Arial; }
.videoList dt{ width:100%; text-align:center; color:#666; margin:5px 0px;}
.videoList dt img{ width:202px; text-align:center; padding:2px; border:#dcdcdc 1px solid;}

.videoList dd{ width:100%;}
.videoList dd a{color:#727171; text-decoration:none;}


/*-影音內頁-*/
.videoInfo{float:left; width:100%; position:relative;}
.videoInfo h6{ display:block; font-size:1em; color:#a55c20; padding:10px 0; font-family:Arial "微軟正黑體"; font-weight:normal;}
.videoInfo h5{ display:block; width:100%; font-size:0.8125em; color:#b8b8b8; font-family:Arial; line-height:20px; font-weight:normal; border-bottom:#dcdcdc 1px solid; margin:10px 0;}
.videoInfo p{font-size:0.875em; font-family:Arial; line-height:28px; color:#666; margin:20px 8px;}
.videoInfo a.back{position: absolute;display: block;width:60px;height: 20px;top: 8px; right:10px; font-size:0.8125em; padding-left:20px; line-height:20px; color:#b8b8b8; text-decoration:none;}
.videoInfo a.back:hover{ background-position:0 0; color:#a55c20;}
.videoInfo ol, .videoInfo ul{float:left; width:100%; margin:5px 0; color:inherit;}
.videoInfo ol li, .videoInfo ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.videoInfo ol li{ list-style: decimal none outside;}
.videoInfo ul li{ list-style: disc none outside;}


/*-購物車-*/

.price, .carBtn, .pay_type, .payer, .addressee, .thanks{ clear:both; margin-right:8px;}

.step{ display:block; width:720px; height:100px; position:relative; overflow:hidden; padding-bottom:1em;}

.step li{ float:left; display:block; width:180px; height:100px; position:absolute; top:0; background:url(../images/cart_step.png); font-size:0.8125em; font-family:Arial; line-height:40px; color:#666; text-indent:-9999px;}

.step li.step1{ background-position:left -100px; left:0; z-index:3;}
.step li.step2{ background-position:-180px -100px; left:180px;z-index:2;}
.step li.step3{ background-position:-360px -100px; left:360px;z-index:1;}
.step li.step4{ background-position:-540px -100px; left:540px;z-index:0;}

.step li.step1_now{ background-position:left top; left:0; z-index:3;}
.step li.step2_now{ background-position:-180px top; left:180px;z-index:2;}
.step li.step3_now{ background-position:-360px top; left:360px;z-index:1;}
.step li.step4_now{ background-position:-540px top; left:540px;z-index:0;}

.carStep h4{float:left; width:100%; text-align:center; margin:1em 0; color:#139620;}



.carList, .memberOrders, .memberDetails{ width:720px; margin-bottom:10px; overflow:auto;}

.carList dl, .memberOrders dl, .memberDetails dl{ display:block; overflow:auto; border-bottom:#ddd solid 1px; margin-top:1px;}

.carList dl.title, .memberOrders dl.title, .memberDetails dl.title{background:#e66b6b; -moz-box-shadow: 0px 1px 2px #cdcfbf; -webkit-box-shadow: 0px 1px 2px #cdcfbf; box-shadow: 0px 1px 2px #cdcfbf; border:0; }

.carList dl.title dt, .carList dl.title dd, .memberOrders dl.title dt, .memberOrders dl.title dd, .memberDetails dl.title dt, .memberDetails dl.title dd{ color:#fff;}

.carList dt, .carList dd, .memberOrders dt, .memberOrders dd, .memberDetails dt, .memberDetails dd{ display:block; float:left; padding:8px 5px; font-size:0.8125em; font-family:Arial; color:#333;}

.carList dt, .memberOrders dt, .memberDetails dt{ width:300px; padding-left:10px;}

.memberOrders dt{ width:130px;}

.carList dd, .memberOrders dd, .memberDetails dd{ width:80px; text-align:center;}
.carList dd select{border:#999; color:#333; font-size:1em; padding:0  auto; margin:0;}
.memberOrders dd.date{ width:190px;}

.carList dd input, .memberOrders dd input, .memberDetails dd input{ width:50px; font-size:0.8125em; border:#ddd solid 1px; font-family:Arial; text-align:center; color:#666;}

.carList dd a, .memberOrders dd a, .memberDetails dd a{color:#d03c36; text-decoration:none;}

.carList dd a:hover, .memberOrders dd a:hover, .memberDetails dd a:hover{ color:#333;}

.price p{ display:block; text-align:right; font-size:0.875em; font-family:Arial; line-height:30px; color:#333;}

.price b{ color:#cb1d1d;}

.price span{ color:#999;}



.pay_type{ clear:both; font-size:0.8125em; font-family:Arial; color:#666; /* border-bottom:#ddd solid 1px;*/}

.pay_type h2, .payer h2, .addressee h2, .memberModify h2, .details h2{ display:block; background:url(../images/icon.png) no-repeat -120px 0; font-size:13px; font-family:Arial; line-height:30px; padding-left:30px; color:#a55c20;}

.pay_type p{ display:block; margin:15px 0; padding:0 10px;}

.pay_type input{ margin-right:8px;}



.ps{ text-align:center; font-size:0.875em; font-family:Arial; line-height:25px; color:#999; margin:20px 0;}

.not p{ margin:10px 30px; font-size:0.875em; font-family:Arial; line-height:23px; color:#666; text-align:center;}

.not a{ display:block; width:150px; left:100px; top:120px;}



.payer dl, .addressee dl, .details dl{ display:block; overflow:auto; padding-left:25px;}

.payer p, .addressee p{ padding-left:28px;}



.thanks, .payer, .addressee, .pay_type, .details{ border-top:#ddd solid 1px; padding:10px; margin-bottom:10px; background:url(../images/white5x5.png);}

.thanks p{ font-size:0.875em; text-align:center; line-height:25px; font-family:Arial; color:#333; }

.thanks b{ color:#a55c20;}



.details dd{ line-height:27px;}



/*關於銘軒*/

.about, .story{line-height:25px; font-family:Arial; color:#727171;}
.about h1, .story h1{font-size:0.875em; background:url(../images/icon.png) no-repeat -128px -3px; padding-left:25px; margin:5px 0px;}
.about p, .story p{font-size:0.8125em;margin:3px 0px;}
.about ol, .about ul{float:left; width:100%; margin:5px 0; color:inherit;}
.about ol li, .about ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.about ol li{ list-style: decimal none outside;}
.about ul li{ list-style: disc none outside;}
.story ol, .story ul{float:left; width:100%; margin:5px 0; color:inherit;}
.story ol li, .story ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.story ol li{ list-style: decimal none outside;}
.story ul li{ list-style: disc none outside;}



/* 會員*/

.memberCenter{ margin-right:8px;}

.memberCenter li a{ display:block; margin:10px 0; padding:10px; text-align:center; font-family:Arial; color:#888; font-size:0.8125em; text-decoration:none; border:#ddd solid 1px; -moz-border-radius:40px; -webkit-border-radius: 40px; border-radius: 40px; background:url(../images/white5x5.png);}

.memberCenter li a:hover{ -moz-box-shadow: 0px 0px 0px #cdcfbf; -webkit-box-shadow: 0px 0px 0px #cdcfbf; box-shadow: 0px 0px 0px #cdcfbf; border:#dcdcdc solid 1px; color:#e2746d;}



.memberOrders dt a{ color:#a55c20; text-decoration:none;}

.memberOrders dt a:hover{ color:#379e78;}



/*其它*/

.other{float:left; margin-right:8px; }

.other p{font-size:0.875em; font-family:Arial; color:#666; line-height:23px;}

.other dl.qa{ display:block; padding:10px 20px; border:#ddd solid 1px; background:url(../images/white5x5.png); margin-bottom:10px;}

.other dl.qa h2, .other .contact dt h2{ display:block; height:30px; line-height:30px; font-size:0.875em; font-family:Arial; background:url(../images/icon.png) no-repeat -130px 0; padding-left:20px; color:#a19b80;}

.other dl.qa dt, .other dl.qa dd{ display:block; font-size:0.875em; line-height:25px; font-family:Arial; color:#333;}

.other dl.qa dt a, .other dl.qa dd a{ color:#e2746d;}

.other dl.qa dt b, .other dl.qa dd b{ margin-right:5px;}

.other dl.qa dd{ color:#666; margin-bottom:10px;}



.other .contact{float:left; width:95%; padding:0 2%;}
.other .contact p{float:left; width:100%; min-height:30px; font-size:0.95em; font-family:Arial; color:#888; line-height:25px; margin:5px 0;}
.other .contact p.s{float:left; width:49%; font-size:0.875em; font-family:Arial; color:#888; line-height:25px;}
.other .contact p a, .other .contact a{color:#e2746d; text-decoration:none;}
.other .contact span{ display:block; float:left; width:80px;}
.other .contact p em{color:#cc0000; margin-right:5px;}
.other .contact input.text1, .other .contact textarea, .other .contact select{ float:left; width:250px; border:#ccc solid 1px; padding:3px; font-size:0.875em; font-family:Arial; color:#000; }
.other .contact input.text2{ width:600px; border:#ccc solid 1px; padding:3px;}
.other .contact textarea{ width:600px; height:150px;}
.other .contact h6{font-size:0.875em; font-family:Arial; color:#e2746d;}
.other .contact ol, .other .contact ul{float:left; width:100%; margin:5px 0; color:inherit;}
.other .contact ol li, .other .contact ul li{float:left; width:97%; font-size:0.8125em; margin-left:22px;}
.other .contact ol li{ list-style: decimal none outside;}
.other .contact ul li{ list-style: disc none outside;}




.btn_top{ position:fixed; width:50px; height:50px; bottom:10%; right:7%;}
.btn_top a{display:block; width:100%; height:50px; background-color:#bbbbbb; border-radius:1em; color:#ffffff; text-align:center; text-decoration:none; line-height:50px;}
.btn_top a:hover{background-color:#cccccc; color:#e2746d;}


.table_pay_data{width:auto; margin:0.5em auto; text-align:center; font-size:0.95em; background-color:#ebd9bf; border-radius:0.5em; margin-bottom:1em;}
.table_pay_data th{ padding:1em; text-align:center;}
.table_pay_data td{text-align:left; padding:0.5em 1em;}