@charset "utf-8"; /* CSS Document */ body{ font: 14px / 1.3 "Helvetica Neue", Helvetica, Arial, sans-serif; color:#383838; margin:0px; padding:0px; letter-spacing: 0; } /*input, select, button, textarea{font-family: "微軟正黑體", "Microsoft JhengHei", arial, helvetica, sans-serif;}*/ img{border:0;} .placeholder{color: #aaa;} .clearfix:before {content: "";display: table;}.clearfix:after {content: "";display: table;clear: both;} .h_10px{height:10px;}.h_20px{height:20px;}.h_30px{height:30px;}.h_40px{height:40px;}.h_50px{height:50px;} .pt_10px{padding-top:10px;}.pt_20px{padding-top:20px;}.pt_30px{padding-top:30px;}.pt_40px{padding-top:40px;}.pt_50px{padding-top:50px;} .mt_10px{margin-top:10px;}.mt_15px{margin-top:15px;}.mt_20px{margin-top:20px;}.mt_30px{margin-top:30px;}.mt_40px{margin-top:40px;}.mt_50px{margin-top:50px;} .s5{margin-top:5px;}.s10{margin-top:10px;}.s15{margin-top:15px;}.s20{margin-top:20px;}.s25{margin-top:25px;}.s30{margin-top:30px;}.s40{margin-top:40px;}.s50{margin-top:50px;}.s60{margin-top:60px;}.s70{margin-top:70px;}.s80{margin-top:80px;}.s90{margin-top:90px;}.s100{margin-top:100px;} .rotate90 { /* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* IE */ -ms-transform: rotate(90deg); /* Opera */ -o-transform: rotate(90deg); transform: rotate(90deg); } .rotate180 { /* Safari */ -webkit-transform: rotate(180deg); /* Firefox */ -moz-transform: rotate(180deg); /* IE */ -ms-transform: rotate(180deg); /* Opera */ -o-transform: rotate(180deg); transform: rotate(180deg); } .rotate270 { /* Safari */ -webkit-transform: rotate(270deg); /* Firefox */ -moz-transform: rotate(270deg); /* IE */ -ms-transform: rotate(270deg); /* Opera */ -o-transform: rotate(270deg); transform: rotate(270deg); } .v_middle { display: inline-block; vertical-align: middle; height: 100%; line-height: 100%; } /*-- 全網mouse over 說明訊息 --*/ .paperShadowBasesetting,.paperShadow.shadow-bottom:before,.paperShadow.shadow-bottom:after,.paperShadow.shadow-left:before,.paperShadow.shadow-right:after,.paperShadow.shadow-vertical:before,.paperShadow.shadow-vertical:after,.paperShadow.shadow-horizontal:before,.paperShadow.shadow-horizontal:after{position:absolute;z-index:-1;content:"";width:50%;background:rgba(0,0,0,0.2)}.paperShadow{display:block;position:relative;background:#fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.05);-moz-box-shadow:0 2px 3px rgba(0,0,0,0.05);box-shadow:0 2px 3px rgba(0,0,0,0.05)}.paperShadow.shadow-bottom:before,.paperShadow.shadow-bottom:after,.paperShadow.shadow-left:before,.paperShadow.shadow-right:after{-webkit-box-shadow:0 15px 15px rgba(0,0,0,0.2);-moz-box-shadow:0 15px 15px rgba(0,0,0,0.2);box-shadow:0 15px 15px rgba(0,0,0,0.2);top:95%;bottom:15px;max-width:300px}.paperShadow.shadow-bottom:before,.paperShadow.shadow-left:before{left:10px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}.paperShadow.shadow-bottom:after,.paperShadow.shadow-right:after{right:10px;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}.paperShadow.shadow-vertical:before,.paperShadow.shadow-vertical:after{top:10%;max-width:20px;height:80%;-webkit-border-radius:40%;-moz-border-radius:40%;-ms-border-radius:40%;-o-border-radius:40%;border-radius:40%;-webkit-box-shadow:0 0 40px rgba(0,0,0,0.5);-moz-box-shadow:0 0 40px rgba(0,0,0,0.5);box-shadow:0 0 40px rgba(0,0,0,0.5)}.paperShadow.shadow-vertical:before{left:5px}.paperShadow.shadow-vertical:after{right:5px}.paperShadow.shadow-horizontal:before,.paperShadow.shadow-horizontal:after{left:10%;width:80%;height:20px;-webkit-border-radius:40%;-moz-border-radius:40%;-ms-border-radius:40%;-o-border-radius:40%;border-radius:40%;-webkit-box-shadow:0 0 40px rgba(0,0,0,0.5);-moz-box-shadow:0 0 40px rgba(0,0,0,0.5);box-shadow:0 0 40px rgba(0,0,0,0.5)}.paperShadow.shadow-horizontal:before{top:5px}.paperShadow.shadow-horizontal:after{bottom:5px}.loading{position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px}.loading:before,.loading:after{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-webkit-transform-origin:50% 50% 50%;-moz-transform-origin:50% 50% 50%;-ms-transform-origin:50% 50% 50%;-o-transform-origin:50% 50% 50%;transform-origin:50% 50% 50%;display:block;position:absolute;content:"";border-width:1px;border-style:solid}.loading:after{-moz-animation:loading-circle-effect2 1s linear 0s infinite normal;-webkit-animation:loading-circle-effect2 1s linear 0s infinite normal;-ms-animation:loading-circle-effect2 1s linear 0s infinite normal;-o-animation:loading-circle-effect2 1s linear 0s infinite normal;animation:loading-circle-effect2 1s linear 0s infinite normal;width:58px;height:58px;border-color:#fff transparent}.loading:before{-moz-animation:loading-circle-effect 1.25s linear 0s infinite normal;-webkit-animation:loading-circle-effect 1.25s linear 0s infinite normal;-ms-animation:loading-circle-effect 1.25s linear 0s infinite normal;-o-animation:loading-circle-effect 1.25s linear 0s infinite normal;animation:loading-circle-effect 1.25s linear 0s infinite normal;top:-5px;left:-5px;width:68px;height:68px;border-color:transparent rgba(255,255,255,0.5)}.loading:hover:before{border-color:transparent #098df3}.loading:hover:after{border-color:#f2198e transparent}.loading:hover .loading-text{color:#098df3}.loading .loading-text{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;-moz-animation:loading-text-effect 1s linear 0s infinite normal;-webkit-animation:loading-text-effect 1s linear 0s infinite normal;-ms-animation:loading-text-effect 1s linear 0s infinite normal;-o-animation:loading-text-effect 1s linear 0s infinite normal;animation:loading-text-effect 1s linear 0s infinite normal;display:block;position:absolute;top:0;width:60px;line-height:24px;padding:18px 0;color:#fff;text-align:center;cursor:default;font-size:10px;font-weight:bold;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity:0.2}@-webkit-keyframes loading-circle-effect{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-circle-effect{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes loading-circle-effect{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-circle-effect{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-circle-effect{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-circle-effect2{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-moz-keyframes loading-circle-effect2{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-ms-keyframes loading-circle-effect2{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-o-keyframes loading-circle-effect2{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes loading-circle-effect2{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes loading-text-effect{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}50%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}}@-moz-keyframes loading-text-effect{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}50%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}}@-ms-keyframes loading-text-effect{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}50%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}}@-o-keyframes loading-text-effect{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}50%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}}@keyframes loading-text-effect{0%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}50%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}100%{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5}}.hint{display:inline-block;position:relative;cursor:help}.hint:before,.hint:after{-webkit-pointer-events:none;-moz-pointer-events:none;-ms-pointer-events:none;-o-pointer-events:none;pointer-events:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-o-transition:0.3s ease;transition:0.3s ease;position:absolute;z-index:65535}.hint:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);opacity:0.95}.hint:hover:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.hint:before{position:absolute;z-index:65536;content:"";background:transparent;border:6px solid transparent}.hint:after{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-shadow:-1px -1px 0 rgba(0,0,0,0.35);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);box-shadow:1px 1px 3px rgba(0,0,0,0.2);content:attr(data-hint);max-width:600px;line-height:13.04px;padding:6px 8px;background:rgba(59,59,59,0.95);color:#fff;font-size:11.04px;white-space:nowrap}.hint-top:before,.hint-top:after{bottom:100%;left:10%}.hint-top:before{border-top-color:rgba(59,59,59,0.95);margin-bottom:-12px}.hint-top:after{margin-left:-6px}.hint-top:hover:before,.hint-top:hover:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}.hint-bottom:before,.hint-bottom:after{top:100%;left:10%}.hint-bottom:before{border-bottom-color:rgba(59,59,59,0.95);margin-top:-12px}.hint-bottom:after{border-width:6px 0 0 0;margin-left:-6px}.hint-bottom:hover:before,.hint-bottom:hover:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}.hint-left:before,.hint-left:after{top:50%;right:100%}.hint-left:before{border-left-color:rgba(59,59,59,0.95);margin-top:-6px;margin-right:-12px}.hint-left:after{margin-top:-12px}.hint-left:hover:before,.hint-left:hover:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);-ms-transform:translateX(-8px);-o-transform:translateX(-8px);transform:translateX(-8px)}.hint-right:before,.hint-right:after{top:50%;left:100%}.hint-right:before{border-right-color:rgba(59,59,59,0.95);margin-top:-6px;margin-left:-12px}.hint-right:after{margin-top:-12px}.hint-right:hover:before,.hint-right:hover:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);-ms-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px)}.hint-show:before{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);opacity:0.95}.hint-show:after{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.hint-show.hint-top:before,.hint-show.hint-top:after{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}.hint-show.hint-bottom:before,.hint-show.hint-bottom:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}.hint-show.hint-left:before,.hint-show.hint-left:after{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);-ms-transform:translateX(-8px);-o-transform:translateX(-8px);transform:translateX(-8px)}.hint-show.hint-right:before,.hint-show.hint-right:after{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);-ms-transform:translateX(8px);-o-transform:translateX(8px);transform:translateX(8px)}.hint-primary.hint-top:before{border-top-color:#0761c2}.hint-primary.hint-top:after{background:rgba(7,97,194,0.95)}.hint-primary.hint-right:before{border-right-color:#0761c2}.hint-primary.hint-right:after{background:rgba(7,97,194,0.95)}.hint-primary.hint-bottom:before{border-bottom-color:#0761c2}.hint-primary.hint-bottom:after{background:rgba(7,97,194,0.95)}.hint-primary.hint-left:before{border-left-color:#0761c2}.hint-primary.hint-left:after{background:rgba(7,97,194,0.95)}.hint-secondary.hint-top:before{border-top-color:#b40a4a}.hint-secondary.hint-top:after{background:rgba(180,10,74,0.95)}.hint-secondary.hint-right:before{border-right-color:#b40a4a}.hint-secondary.hint-right:after{background:rgba(180,10,74,0.95)}.hint-secondary.hint-bottom:before{border-bottom-color:#b40a4a}.hint-secondary.hint-bottom:after{background:rgba(180,10,74,0.95)}.hint-secondary.hint-left:before{border-left-color:#b40a4a}.hint-secondary.hint-left:after{background:rgba(180,10,74,0.95)}.hint-focus.hint-top:before{border-top-color:#fc4400}.hint-focus.hint-top:after{background:rgba(252,68,0,0.95)}.hint-focus.hint-right:before{border-right-color:#fc4400}.hint-focus.hint-right:after{background:rgba(252,68,0,0.95)}.hint-focus.hint-bottom:before{border-bottom-color:#fc4400}.hint-focus.hint-bottom:after{background:rgba(252,68,0,0.95)}.hint-focus.hint-left:before{border-left-color:#fc4400}.hint-focus.hint-left:after{background:rgba(252,68,0,0.95)}.hint-success.hint-top:before{border-top-color:#318931}.hint-success.hint-top:after{background:rgba(49,137,49,0.95)}.hint-success.hint-right:before{border-right-color:#318931}.hint-success.hint-right:after{background:rgba(49,137,49,0.95)}.hint-success.hint-bottom:before{border-bottom-color:#318931}.hint-success.hint-bottom:after{background:rgba(49,137,49,0.95)}.hint-success.hint-left:before{border-left-color:#318931}.hint-success.hint-left:after{background:rgba(49,137,49,0.95)}.hint-alert.hint-top:before{border-top-color:#eca900}.hint-alert.hint-top:after{background:rgba(236,169,0,0.95)}.hint-alert.hint-right:before{border-right-color:#eca900}.hint-alert.hint-right:after{background:rgba(236,169,0,0.95)}.hint-alert.hint-bottom:before{border-bottom-color:#eca900}.hint-alert.hint-bottom:after{background:rgba(236,169,0,0.95)}.hint-alert.hint-left:before{border-left-color:#eca900}.hint-alert.hint-left:after{background:rgba(236,169,0,0.95)}.hint-error.hint-top:before{border-top-color:#b90f00}.hint-error.hint-top:after{background:rgba(185,15,0,0.95)}.hint-error.hint-right:before{border-right-color:#b90f00}.hint-error.hint-right:after{background:rgba(185,15,0,0.95)}.hint-error.hint-bottom:before{border-bottom-color:#b90f00}.hint-error.hint-bottom:after{background:rgba(185,15,0,0.95)}.hint-error.hint-left:before{border-left-color:#b90f00}.hint-error.hint-left:after{background:rgba(185,15,0,0.95)}.hint-info.hint-top:before{border-top-color:#1e8282}.hint-info.hint-top:after{background:rgba(30,130,130,0.95)}.hint-info.hint-right:before{border-right-color:#1e8282}.hint-info.hint-right:after{background:rgba(30,130,130,0.95)}.hint-info.hint-bottom:before{border-bottom-color:#1e8282}.hint-info.hint-bottom:after{background:rgba(30,130,130,0.95)}.hint-info.hint-left:before{border-left-color:#1e8282}.hint-info.hint-left:after{background:rgba(30,130,130,0.95)}.hint-muted.hint-top:before{border-top-color:#888}.hint-muted.hint-top:after{background:rgba(136,136,136,0.95)}.hint-muted.hint-right:before{border-right-color:#888}.hint-muted.hint-right:after{background:rgba(136,136,136,0.95)}.hint-muted.hint-bottom:before{border-bottom-color:#888}.hint-muted.hint-bottom:after{background:rgba(136,136,136,0.95)}.hint-muted.hint-left:before{border-left-color:#888}.hint-muted.hint-left:after{background:rgba(136,136,136,0.95)}span.hint{border-bottom:1px dotted #dfdfdf}span.hint-show{border-bottom:none}.btn-share{position:relative;display:inline-block;margin-bottom:20px}.btn-share+.btn-share{margin-left:10px}.btn-share .btn{text-shadow:-1px -1px 0 rgba(0,0,0,0.35);min-width:46px;margin-bottom:0;text-align:center;color:#fff}.btn-share .btn:hover{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.15);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.15);box-shadow:0 2px 4px rgba(0,0,0,0.15)}.btn-share .btn:active,.btn-share .btn.active{-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.6);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.6);box-shadow:0 1px 1px rgba(255,255,255,0.6)}.btn-share .btn:hover,.btn-share .btn:active,.btn-share .btn.active{text-shadow:0 0 5px rgba(255,255,255,0.6)}.btn-share .btn.disabled,.btn-share .btn.disabled:hover{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:-1px -1px 0 rgba(0,0,0,0.2);background-image:none;color:#f1f1f1}.btn-share-facebook .btn{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3b5998), color-stop(100%, #2d4373));background-image:-webkit-linear-gradient(top, #3b5998 0%,#2d4373 100%);background-image:-moz-linear-gradient(top, #3b5998 0%,#2d4373 100%);background-image:-o-linear-gradient(top, #3b5998 0%,#2d4373 100%);background-image:linear-gradient(top, #3b5998 0%,#2d4373 100%);background-image:-ms-linear-gradient(top, #3b5998 0%, #2d4373 100%);background-color:#3b5998;border-color:#263961}.btn-share-facebook .btn:hover,.btn-share-facebook .btn:active,.btn-share-facebook .btn.active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2d4373), color-stop(100%, #3b5998));background-image:-webkit-linear-gradient(top, #2d4373 0%,#3b5998 100%);background-image:-moz-linear-gradient(top, #2d4373 0%,#3b5998 100%);background-image:-o-linear-gradient(top, #2d4373 0%,#3b5998 100%);background-image:linear-gradient(top, #2d4373 0%,#3b5998 100%);background-image:-ms-linear-gradient(top, #2d4373 0%, #3b5998 100%);background-color:#2d4373;border-color:#263961}.btn-share-facebook .btn.disabled,.btn-share-facebook .btn.disabled:hover{border-color:#4c70ba;background-color:#718dc8}.btn-share-googleplus .btn{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dd4b39), color-stop(100%, #c23321));background-image:-webkit-linear-gradient(top, #dd4b39 0%,#c23321 100%);background-image:-moz-linear-gradient(top, #dd4b39 0%,#c23321 100%);background-image:-o-linear-gradient(top, #dd4b39 0%,#c23321 100%);background-image:linear-gradient(top, #dd4b39 0%,#c23321 100%);background-image:-ms-linear-gradient(top, #dd4b39 0%, #c23321 100%);background-color:#dd4b39;border-color:#ac2d1e}.btn-share-googleplus .btn:hover,.btn-share-googleplus .btn:active,.btn-share-googleplus .btn.active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c23321), color-stop(100%, #dd4b39));background-image:-webkit-linear-gradient(top, #c23321 0%,#dd4b39 100%);background-image:-moz-linear-gradient(top, #c23321 0%,#dd4b39 100%);background-image:-o-linear-gradient(top, #c23321 0%,#dd4b39 100%);background-image:linear-gradient(top, #c23321 0%,#dd4b39 100%);background-image:-ms-linear-gradient(top, #c23321 0%, #dd4b39 100%);background-color:#c23321;border-color:#ac2d1e}.btn-share-googleplus .btn.disabled,.btn-share-googleplus .btn.disabled:hover{border-color:#e47365;background-color:#ec9a90}.btn-share-twitter .btn{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00aced), color-stop(100%, #0087ba));background-image:-webkit-linear-gradient(top, #00aced 0%,#0087ba 100%);background-image:-moz-linear-gradient(top, #00aced 0%,#0087ba 100%);background-image:-o-linear-gradient(top, #00aced 0%,#0087ba 100%);background-image:linear-gradient(top, #00aced 0%,#0087ba 100%);background-image:-ms-linear-gradient(top, #00aced 0%, #0087ba 100%);background-color:#00aced;border-color:#0074a1}.btn-share-twitter .btn:hover,.btn-share-twitter .btn:active,.btn-share-twitter .btn.active{background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0087ba), color-stop(100%, #00aced));background-image:-webkit-linear-gradient(top, #0087ba 0%,#00aced 100%);background-image:-moz-linear-gradient(top, #0087ba 0%,#00aced 100%);background-image:-o-linear-gradient(top, #0087ba 0%,#00aced 100%);background-image:linear-gradient(top, #0087ba 0%,#00aced 100%);background-image:-ms-linear-gradient(top, #0087ba 0%, #00aced 100%);background-color:#0087ba;border-color:#0074a1}.btn-share-twitter .btn.disabled,.btn-share-twitter .btn.disabled:hover{border-color:#21c2ff;background-color:#54d0ff}.btn-share-counter span{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.15);box-shadow:0 1px 3px rgba(0,0,0,0.15);display:block;position:relative;z-index:1;line-height:24px;padding:10px 0;border:1px solid #d9d9d9;margin-bottom:10px;text-align:center;background-color:#fff;cursor:default;font-weight:bold;font-size:16px}.btn-share-counter span:before,.btn-share-counter span:after{content:"";display:block;position:absolute;left:50%;margin-left:-7px;z-index:2;border:7px solid transparent}.btn-share-counter span:before{bottom:-14px;border-color:#d9d9d9 transparent transparent transparent}.btn-share-counter span:after{bottom:-13px;border-color:#fff transparent transparent transparent}.btn-share-counter .btn+span{margin-top:10px;margin-bottom:0}.btn-share-counter .btn+span:before,.btn-share-counter .btn+span:after{bottom:auto}.btn-share-counter .btn+span:before{top:-14px;border-color:transparent transparent #d9d9d9 transparent}.btn-share-counter .btn+span:after{top:-13px;border-color:transparent transparent #fff transparent}.btn-share-counter span.inline{display:inline-block;min-width:auto;padding:3px 10px;margin-right:4px;font-size:12px}.btn-share-counter span.inline:before,.btn-share-counter span.inline:after{top:50%;bottom:auto;left:auto;margin-top:-7px;margin-left:0}.btn-share-counter span.inline:before{right:-14px;border-color:transparent transparent transparent #d9d9d9}.btn-share-counter span.inline:after{right:-13px;border-color:transparent transparent transparent #fff}.btn-share-counter .btn+span.inline{margin-top:0;margin-right:0;margin-left:11px}.btn-share-counter .btn+span.inline:before,.btn-share-counter .btn+span.inline:after{right:auto}.btn-share-counter .btn+span.inline:before{left:-14px;border-color:transparent #d9d9d9 transparent transparent}.btn-share-counter .btn+span.inline:after{left:-13px;border-color:transparent #fff transparent transparent}.btn-share-counter span+.btn.mini{margin-top:6px}.btn-share-counter span+.btn.small{margin-top:3px}.btn-share-counter span+.btn.large{margin-top:-3px}.btn-share-counter span+.btn.xlarge{margin-top:-6px}.btn-share-counter .btn.mini+span.inline{margin-top:-6px;vertical-align:middle}.btn-share-counter .btn.small+span.inline{margin-top:-3px;vertical-align:middle}.btn-share-counter .btn.large+span.inline{margin-top:3px;vertical-align:middle}.btn-share-counter .btn.xlarge+span.inline{margin-top:6px;vertical-align:middle}.btn-share-merged .btn-share{margin-left:0}.btn-share-merged .btn-share .btn,.btn-share-merged .btn-share span{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}.btn-share-merged .btn-share:first-child .btn,.btn-share-merged .btn-share:first-child span{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-ms-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.btn-share-merged .btn-share:last-child .btn,.btn-share-merged .btn-share:last-child span{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-ms-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.btn-share-merged .btn-share+.btn-share{margin-left:-4px} .index-left-icon-ul a:hover{color:#e8b50b;background-color:color:#e8b50b; } .index-left-table0{position:absolute;background:#FFFFFF; width:200px;border:3px solid #ffcb36;padding:0px; z-index:1; display:none;margin-top:-65px !important;margin-top:0px;box-shadow: 3px 3px 5px #B2B2B2;} .index-left-table0 div{margin-left:5px;} .index-left-table0 a{padding-left:14px;color:#1544a6;line-height:26px;font-size:13px;font-weight:350; text-decoration:none;} /*-- 全網訊息 --*/ .notice{ min-height: 20px; padding: 4px 32px 4px 15px; /*border-width: 1px; border-style: solid; border-color: #fff; */ color: #595959; background: #f2f2f2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.05),inset 0 0 10px rgba(255,255,255,0.4); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.05),inset 0 0 10px rgba(255,255,255,0.4); box-shadow: 0 3px 6px rgba(0,0,0,0.05),inset 0 0 10px rgba(255,255,255,0.4); /*text-shadow: 1px 1px 0 rgba(255,255,255,0.6);*/ } .notice h6 { margin: 5px 0; font-size: 14.4px; } .click { -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; font: 0/0 a; color: transparent; background-color: transparent; border: none; text-shadow: none; display: inline-block; width: 20px; height: 20px; overflow: hidden; padding: 0; border: none; vertical-align: top; background-color: transparent; background-repeat: no-repeat; /*background-image: url(img/sprites/clicks.png);*/ background-image: url(//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/clicks.png); cursor: pointer; } .Iconss { -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; font: 0/0 a; color: transparent; background-color: transparent; border: none; text-shadow: none; display: inline-block; overflow: hidden; padding: 0; border: none; vertical-align: top; background-color: transparent; background-repeat: no-repeat; /*background-image: url(img/sprites/clicks.png);*/ background-image: url(/jpshopping/img/clicks-2.png); } .Iconss-location { position: absolute; z-index:20px; margin-top:-80px; margin-left:90px; display:none;} .Iconss-icon01 {background-position:-87px 0px;width:86px; height:83px;} .Iconss-location2 { position: absolute; z-index:20px;margin-top:-80px; display:none;} .Iconss-icon02 {background-position:0px 0px;width:86px; height:83px;} .path-icon { -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; font: 0/0 a; color: transparent; background-color: transparent; border: none; text-shadow: none; display: inline-block; width: 20px; height: 20px; overflow: hidden; padding: 0; border: none; vertical-align: top; background-color: transparent; background-repeat: no-repeat; /*background-image: url(img/sprites/clicks.png);*/ background-image: url(//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/clicks.png); } .leato-td-bg {background-color: #f5f4ec;} .pull-right { float: right; } /*.click-close { background-position: -60px 0px; }*/ .click-close { background-position: -60px -100px; } /*.click-close:hover { background-position: -60px -20px; }*/ .click-close:hover { background-position: -60px -120px; } .notice .click { position: relative; top: 5px; right: -26px; } .notice.notice-inline h6 { display: inline-block; margin-bottom: 0; } .click-close:active,.click-close.active{background-position:-60px -40px}; .click-close.disabled,.click-close[disabled]{background-position:-60px -60px}; .notice.notice-inline h6 { display: inline-block; margin-bottom: 0; } .notice.notice-primary { /*border-color: #b2dcfc;*/ color: #000; background: #ffcb36; text-align: center; margin:10px 0px 0px 0px; font-size:15px; text-shadow: 1px 1px 1px #fff; } .notice.notice-primary a { text-decoration: none; font-weight:bold; color:#666;} .notice.notice-primary a:hover { text-decoration:none; color:#000;} .notice.notice-inline { line-height: 30px; /*padding-bottom: 9px;*/ } .notice.notice-inline p { display: inline; } .notice.notice-error { border-color: #ffbfba; color: #a0000d; background: #ffbfba; font-size:13px; } .notice.notice-success { border-color: #a6dfa6; color: #1e822b; background: #a6dfa6; font-size:13px; } /* fb iframe*/ .index_fb_iframe{border:none; overflow:hidden;background-color: #fff;}/*430*/ /*-- top header-menuall --*/ #header-menuall { top: 0px; left:0px; width: 100%; height: 30px; z-index:10; /*border-bottom-width: 1px;*/ /*border-bottom-style: solid;*/ /*border-bottom-color: #CCCCCC;*/ /*-webkit-box-shadow: 0 3px 10px 0 rgba(10, 10, 10, 0.1);*/ /*-moz-box-shadow: 0 3px 10px 0 rgba(10, 10, 10, 0.1);*/ /*box-shadow: 0 3px 10px 0 rgba(10, 10, 10, 0.1);*/ position: fixed; /*border-top: 2px #ffcb41 solid;*/ /*background-color:#FFF;*/ border-top: 2px #ffcb41 solid; background-color:#FFF; display:none; } .header-menuall-info { max-width: 1350px; min-width: 1140px; margin: 0 auto; background-color:#EEE; height: 31px; } .header-menuall-info-left { width:auto; float:left; height:25px; line-height:25px; margin:2px 8px; font-size:13px;} .header-menuall-info-left a{ text-decoration:none; color:#0654ba;} .header-menuall-info-left a:hover{ text-decoration: underline; color:#e8b50b;} .header-menuall-info-right { width:auto; float:right;height:25px; line-height:25px; margin:2px 0px; font-size:13px; color:#CCC;} .header-menuall-info-right a { color:#666; text-decoration:none;} .header-menuall-info-right a:hover { color:#e8b50b; text-decoration:none;} .header-gotolink a{ font-size:13px; color:#000; font-weight:bold; text-decoration:none;} .header-gotolink a:hover{ font-size:13px; color:#e8b50b; font-weight:bold; text-decoration:none;} .icon06 {background-position: -60px -140px; margin-top:6px;} .icon07 {background-position: -60px -140px; margin-top:-2px;margin-right: -5px;margin-left: -5px;} .icon08 {background-position: -80px -140px; margin-top:-2px;margin-left: -5px;} .icon09 {background-position: -60px -160px; margin-top:2px; margin-right:3px;} .icon10 {background-position: -80px -160px; margin-top:2px;margin-right:3px;} .icon11 {background-position: -100px -140px; margin-top:5px;margin-right:3px;} .icon11-1 {background-position: -100px -140px; margin-top:0px;margin-right:-5px;} .icon12 {background-position: -120px -140px; margin-top:5px;margin-right:3px;} .icon12-1 {background-position: -120px -140px; margin-top:0px;margin-right:-5px;} .icon13 {background-position: -25px -105px; margin-top:3px;margin-right:2px; width:12px; height:12px;} .icon14 {background-position: -103px -164px; margin-top:2px;margin-right:4px; width:14px; height:14px;} .icon15 {background-position: 0px -110px; margin-top:2px;margin-right:4px; width:55px; height:55px;} .icon16 {background-position: -55px -110px; margin-top:2px;margin-right:4px; width:55px; height:55px;} .icon17 {background-position: -110px -110px; margin-top:2px;margin-right:4px; width:55px; height:55px;} .icon18 {background-position: -165px -110px; margin-top:2px;margin-right:4px; width:55px; height:55px;} .icon19 {background-position: -80px -140px; margin-top:-2px;margin-right: -5px;margin-left: -5px;} .icon20 {background-position: -80px -140px; margin-top:-2px;margin-right: -5px;margin-left: -5px;} #header-logo-search-box { height:90px; max-width: 1350px; min-width: 1140px; margin-left: 35px; } #header-logo-search-box .logo { float:left; height:60px; width:365px;margin-top:30px;*margin-top:30px;} #header-logo-search-box .searchbox { text-align:left;float:left; margin-left:20px;} #header-logo-search-box .searchbox .c-category-select, #header-logo-search-box .searchbox .c-search-text, #header-logo-search-box .searchbox .c-search-btn{ float:left; padding-top: 10px; padding-left: 4px; } #header-logo-search-box .searchbox .c-category-select select{padding:10px 10px 9px 8px;} #header-logo-search-box .searchbox .c-search-text{width:300px;} #header-logo-search-box .searchbox .c-search-text input{width:95%;} #header-logo-search-box .searchbox .box01 {font-size: 15px;color: #777;border: 1px solid #ddd;margin: 0;padding: 10px 0 9px 8px;width: 80%;outline: 0;box-shadow: none; margin-top:10px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .box01 { font-size: 15px; color: #777; border: 1px solid #ddd; margin: 0; padding: 10px 5px 9px 8px; /*width: 96%;*/ outline: 0; box-shadow: none; /*margin-top:10px;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .box01-w { font-size: 15px; color: #777; border: 1px solid #ddd; margin: 0; padding: 10px 0 9px 8px; width:835px; outline: 0; box-shadow: none; /*margin-top:10px;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#FFFCE7; box-shadow: 2px 3px 2px #ece8cb inset; } .box-search-btn { float:right; margin-top:0px;} .sub-searchbox-li{font-size:15px;} .box02 { font-size: 15px; color: #777; border: 1px solid #ccc; margin: 0; padding:3px; width: 50px; outline: 0; box-shadow: none; /*margin-top:10px;*/ } .margin-left50 { margin-left:50px;} .btn {padding: .5em 1.2em; border: 1px solid transparent; border-radius: 3px; box-shadow: 0 3px 0 rgba(0,0,0,0.04); vertical-align: baseline; text-align: center; text-decoration: none; white-space: nowrap; font-weight: 500; font-size: 16px; cursor: pointer; zoom: 1; display: inline-block; margin-top:0px;} .btn:hover { background-color: #eee; background-position: 0 -15px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 rgba(0,0,0,.2); box-shadow: 0 0 0 rgba(0,0,0,.2); text-decoration: none; -moz-transition: background-position .1s linear 0s; } .btn2 {padding:5px 10px; border: 1px solid transparent; border-radius: 3px; box-shadow: 0 3px 0 rgba(0,0,0,0.04); vertical-align: baseline; text-align: center; text-decoration: none; white-space: nowrap; font-weight: 500; font-size: 13px; cursor: pointer; zoom: 1; display: inline-block;} .btn2:hover { background-color: #eee; background-position: 0 -15px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,.2); -moz-box-shadow: 0 0 0 rgba(0,0,0,.2); box-shadow: 0 0 0 rgba(0,0,0,.2); text-decoration: none; -moz-transition: background-position .1s linear 0s; } .btn-prim, a.btn-prim, a.btn-prim:visited, .btn-split, a.btn-split, a.btn-split:visited, .btn.btn-prim.btn-d:hover, a.btn.btn-prim.btn-d:hover, .btn.btn-prim.btn-d:focus, a.btn.btn-prim.btn-d:focus, .btn.btn-prim.btn-d:active, a.btn.btn-prim.btn-d:active { background: #FF9688; background: -webkit-gradient(linear,left top,left bottom,from(#FF9688),to(#FF9688)); background: -moz-linear-gradient(top,#FF9688,#FF9688); text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eebd1a',endColorstr='#d7a643'); color: #fff; } .btn-prim:hover, a.btn-prim:hover, .btn-prim:focus, a.btn-prim:focus, .btn-prim:active, a.btn-prim:active { background: #f66e5c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f66e5c',endColorstr='#f66e5c'); } #Page { text-align: left; word-wrap: break-word; word-break: break-all; max-width: 1350px; min-width: 1140px; margin: 0 auto; position: relative; } #Left { position: relative; float: left; width: 16%; padding-left: 0 !important; padding-left: 1%; z-index: 2; padding-bottom: 32px; } #Middle{ float: right; width: 82.5%; } /* center info*/ #center-info { position: relative; max-width: 1350px; min-width: 1140px; margin-left: auto; margin-right: auto; } /* right info */ #letao-right-info #right-info { width:270px; float:right; height:auto; margin-top:10px; } /*-- left 選單180px --*/ #letao-left-menuall { position: relative; float: left; width: 17%; padding-bottom: 40px; } #letao-left-menuall.indexLeft{margin-top:-36px;} #letao-left-menuall .left-menu-box {margin-bottom:7px;font-size:13px;border: 1px solid #ddd;} #letao-left-menuall .left-menu-box .title{ color: #000; font-size: 14px; font-weight: 700; width: 95%; margin: 0 auto; background: #fff; text-align: center; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd; } #letao-left-menuall .left-menu-box .list{background:#fff;padding: 4px 0;} #letao-left-menuall .left-menu-box .list a { display:block; height: 25px; line-height: 25px; color:#454545; text-decoration:none; padding-left:12px; } #letao-left-menuall .left-menu-box .list a:hover { color:#fff; background-color:#f23a0c;text-decoration: none;} #letao-left-menuall .wrapper{background:#fff;padding: 0 5px 5px 12px;} #letao-left-menuall .wrapper .search_conditions .headname{ font-size:15px; font-weight:bold; height: 30px; line-height: 30px; } .search_conditions .point_seller input{width:130px;} .mouseover01{color:#FFF;background-color:#fec319; display:block;padding-left:10px;} #letao-left-menuall .left-menu-box .commodity-info2 ul {list-style-type:none; margin:0px; padding:0px; margin-bottom:10px;float:left;} #letao-left-menuall .left-menu-box .commodity-info2 ul li { width:auto; height:auto; float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:3px;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .pic-info { width:158px; height:145px; text-align:center; border:1px #dfdfdf solid; margin:0px 0px 10px 0px; background-color:#FFF; overflow:hidden;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .text-info-link { width:145px; height:auto; color:#333; line-height:15px; font-size:12px; margin:auto; margin-bottom:10px;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .text-info-link a{ width:126px; height:60px; color:#333; line-height:150%; font-size:13px; text-decoration:none;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .text-info-link a:hover{ width:126px; height:60px; color:#333; line-height:150%; font-size:13px; color:#e8b50b; text-decoration:underline;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .text-info-money { width:126px; height:auto; color:#333; line-height:15px; font-size:15px; margin:auto; color:#f30; font-weight:bold; } #letao-left-menuall .left-menu-box .commodity-info2 ul li .text-info-money .text-info-number {color:#999; font-size:12px; font-weight:normal;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .btn0001 {margin: 30px 20px 20px 25px;;font-size:13px;color:#333; text-align:center; float:left; display:none;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .btn0001 a{text-decoration:none;font-size:13px;color:#333;padding:5px 30px;border:1px #ccc dashed;} #letao-left-menuall .left-menu-box .commodity-info2 ul li .btn0001 a:hover { text-decoration:none; font-size:13px; color:#000; background: -moz-linear-gradient(center top , #ffffff, #ffcb36 ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ffcb36)); border:1px #666 solid; text-shadow: 1px 1px 1px #fff; border-top: 1px #eee dashed; } /*-↓center 700px info--*/ #letao-right-info{ position: relative; float: right; width: 82.25%; } #letao-right-big-banner { width:610px;height:270px;overflow:hidden;float: left;} #letao-right-big-banner img{ max-width:610px;height:270px;} #letao-right-info .center-700info-box3 { width:690px; padding:5px;height:auto; margin-top:10px;float:left;} #letao-right-info .center-pagenumber{ width:100%;padding:5px 0; height:30px;float:left; font-size:13px; line-height:150%; height:auto;} /* .boxshadow {webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 15px 15px rgba(0,0,0,0.2); box-shadow: 0 15px 15px rgba(0,0,0,0.2); } .paperShadow { display: block; position: relative; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05); box-shadow: 0 1px 3px rgba(0,0,0,0.05); } .shadow-right:after,.paperShadow.shadow-vertical:before,.paperShadow.shadow-vertical:after,.paperShadow.shadow-horizontal:before,.paperShadow.shadow-horizontal:after{position:absolute;z-index:-1;content:"";width:50%;background:rgba(0,0,0,0.2)} */ #letao-right-info .center-700info-box h1{ font-size:18px; color:#000; margin-top:5px; margin-left:5px; float:left;} #letao-right-info .center-700info-box .commodity-info { width:100%;float:left;} #letao-right-info .center-700info-box .commodity-info ul {list-style-type:none; margin:0px; padding:0px; margin-bottom:10px;float:left;} #letao-right-info .center-700info-box .commodity-info ul li { width:160px; height:200px; float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px;} #letao-right-info .center-700info-box .commodity-info ul li .pic-info { width:145px; height:125px; border:1px #dfdfdf solid;margin:0px 0px 10px 5px; background-color:#FFF; overflow:hidden;max-width:145px; text-align:center;} #letao-right-info .center-700info-box .commodity-info ul li .text-info-link { width:126px; height:30px; color:#333; line-height:15px; font-size:12px; margin:auto; margin-bottom:10px;} #letao-right-info .center-700info-box .commodity-info ul li .text-info-link a{ width:126px; height:60px; color:#333; line-height:15px; font-size:12px; text-decoration:none;} #letao-right-info .center-700info-box .commodity-info ul li .text-info-link a:hover{ width:126px; height:60px; color:#333; line-height:15px; font-size:12px; color:#e8b50b; text-decoration:underline;} #letao-right-info .center-700info-box .commodity-info ul li .text-info-money { width:126px; height:auto; color:#333; line-height:15px; font-size:15px; margin:auto; color:#f30; font-weight:bold; } #letao-right-info .center-700info-box .commodity-info ul li .text-info-money .text-info-number {color:#999; font-size:12px; font-weight:normal;} #letao-right-info .center-700info-box .commodity-info5 { width:100%; background: #fff;} #letao-right-info .center-700info-box .commodity-info5 ul {list-style-type:none; margin:0px; padding:0px;width:100%;} #letao-right-info .center-700info-box .commodity-info5 ul li:nth-child(1){ padding-top: 10px; border-top: 1px solid #eee; } #letao-right-info .center-700info-box .commodity-info5 ul li { position: relative; width: 100%; padding: 15px 0; border-bottom: 1px solid #eee; line-height:1.4; } #letao-right-info .center-700info-box .commodity-info5 ul li .bottom-btn{ position: absolute; right: 15px; bottom: 40px; } #letao-right-info .center-700info-box .commodity-info5 ul li .pic-info{width:180px;float:left;text-align: center;} #letao-right-info .center-700info-box .commodity-info5 ul li .pic-info img{max-width:145px; max-height:130px;} #letao-right-info .center-700info-box .commodity-info5 ul li .title-info{width: 40%;float: left;margin-top: 10px;} #letao-right-info .center-700info-box .commodity-info5 ul li .title-info .title{text-align: justify;} #letao-right-info .center-700info-box .commodity-info5 ul li .title-info .title a{color:#3d3d3d;} #letao-right-info .center-700info-box .commodity-info5 ul li .title-info .title a:hover{color:#f40;} #letao-right-info .center-700info-box .commodity-info5 ul li .title-info .seller{color:#bbb;margin-top:5px;} #letao-right-info .center-700info-box .commodity-info5 ul li .title-info .seller a{color:#bbb;text-decoration:underline;} #letao-right-info .center-700info-box .commodity-info5 ul li .title-info .seller a:hover{color:#f40;} #letao-right-info .center-700info-box .commodity-info5 ul li .price-info{width:160px;float: left;margin-top: 10px;text-align:right;} #letao-right-info .center-700info-box .commodity-info5 ul li .price-info .m{color: #F40;font-weight: 700;font-size: 18px;} #letao-right-info .center-700info-box .commodity-info5 ul li .price-info .a{color: #adadad;margin-left: 5px;} #letao-right-info .center-700info-box .commodity-info5 ul li .g-trans-ctrl{margin-top:5px;} #letao-right-info .center-700info-box .commodity-info5 ul li .g-trans-ctrl a span{font-weight:normal;color:#bbb;} #letao-right-info .center-700info-box .commodity-info2 { width:100%; padding:0px 5px;} #letao-right-info .center-700info-box2 { width:510px; height:auto; margin-top:10px;float:left;} .commodity-info3 { width:100%;float:left;} .commodity-info3 ul {list-style-type:none; margin:0px; padding:0px; margin-bottom:10px;float:left;} .commodity-info3 ul li { width:95px; height:200px; float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:3px;} .commodity-info3 ul li .pic-info { width:90px; height:90px; border:1px #dfdfdf solid;margin:0px 0px 10px 0px; background-color:#FFF; overflow:hidden; text-align:center;} .commodity-info3 ul li .text-info-link { width:90px; height:30px; color:#333; line-height:15px; font-size:12px; margin:auto; margin-bottom:10px; overflow:hidden;} .commodity-info3 ul li .text-info-link a{ width:126px; height:60px; color:#333; line-height:15px; font-size:12px; text-decoration:none;} .commodity-info3 ul li .text-info-link a:hover{ width:126px; height:60px; color:#333; line-height:15px; font-size:12px; color:#e8b50b; text-decoration:underline;} .commodity-info3 ul li .text-info-money { width:126px; height:auto; color:#333; line-height:15px; font-size:15px; margin:auto; color:#f30; font-weight:bold; } .commodity-info3 ul li .text-info-money .text-info-number {color:#999; font-size:12px; font-weight:normal;} .commodity-info3 ul li .pic-info img{width:100px;} #letao-right-info .center-700info-box .commodity-info4 {width:100%;background: #fff;} #letao-right-info .center-700info-box .commodity-info4 ul {list-style-type:none; margin:0px; padding:0px;} #letao-right-info .center-700info-box .commodity-info4 ul li {width:215px; height:290px;/*margin-right: 4px;*/ float:left;} #letao-right-info .center-700info-box .commodity-info4 ul li .text-info-link { width: 90%; margin: 15px auto; height: 40px; line-height: 20px; font-size: 13px; overflow: hidden; } #letao-right-info .center-700info-box .commodity-info4 ul li .text-info-link a{text-decoration:none;color: #3d3d3d;} #letao-right-info .center-700info-box .commodity-info4 ul li .text-info-link a:hover{color:#f40;} #letao-right-info .center-700info-box .commodity-info4 ul li .text-info-money { font-size: 16px; margin: auto; color: #f40; font-weight: bold; text-align: left; width: 90%; } #letao-right-info .center-700info-box .commodity-info4.commodity-info4-kk ul li .text-info-money {text-align:left;margin-bottom: 7px;} #letao-right-info .center-700info-box .commodity-info4 ul li .text-info-money .text-info-number {color:#bbb; font-size:13px; margin-left: 5px;font-weight: normal;} #letao-right-info .center-700info-box .commodity-info4 ul li .text-info-mallshopicon { width:220px; height:auto; color:#888; font-size:12px; margin:auto; text-align:left; display: inline-block; overflow: hidden; white-space: nowrap; } #letao-right-info .center-700info-box .commodity-info2 ul {list-style-type:none; margin:0px; padding:0px; margin-bottom:10px;float:left;} #letao-right-info .center-700info-box .commodity-info2 ul li { width:130px; height:auto; float:left;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:3px;} #letao-right-info .center-700info-box .commodity-info2 ul li .pic-info { width:128px; height:105px; border:1px #dfdfdf solid;margin:0px 0px 10px 0px; background-color:#FFF; overflow:hidden;} #letao-right-info .center-700info-box .commodity-info2 ul li .text-info-link { width:126px; height:45px; overflow:hidden; color:#333; line-height:15px; font-size:12px; margin:auto; margin-bottom:10px;} #letao-right-info .center-700info-box .commodity-info2 ul li .text-info-link a{ width:126px; height:60px; color:#333; line-height:15px; font-size:12px; text-decoration:none;} #letao-right-info .center-700info-box .commodity-info2 ul li .text-info-link a:hover{ width:126px; height:60px; color:#333; line-height:15px; font-size:12px; color:#e8b50b; text-decoration:underline;} #letao-right-info .center-700info-box .commodity-info2 ul li .text-info-money { width:126px; height:auto; color:#333; line-height:15px; font-size:15px; margin:auto; color:#f30; font-weight:bold; } #letao-right-info .center-700info-box .commodity-info2 ul li .text-info-money .text-info-number {color:#999; font-size:12px; font-weight:normal;} #letao-right-info .center-700info-box .more-info { margin-top:5px;color:#666; font-size:15px; float:right; height:15px; line-height:15px; margin-right:10px; border-right:1px #ccc solid; padding-right:10px;} #letao-right-info .center-700info-box .more-info a{ color:#666; text-decoration: none; font-size:13px;} #letao-right-info .center-700info-box .more-info a:hover{ color:#e8b50b; text-decoration: none;} .test-box { /*background-color:#f5f4ec;*/} .test-box2{ background-color: #fff; border: 1px solid #ddd; border-radius: 3px 3px 3px 3px; box-shadow: 4px 4px 1px #eee; } /*-- ↓right info 300px --*/ #letao-right-info #right-info .account-allx3 { width:275px; margin:auto; height:auto; font-size:13px; margin-bottom:10p;} /* #letao-right-info #right-info .account-allx3 .account01 { width:90px; float:left; height:35px;border:1px #f1f0e8 solid; line-height:35px; text-align:center; margin-right:1px;cursor: pointer; z-index:10px;} #letao-right-info #right-info .account-allx3 .account01s { width:90px; float:left; height:35px; border-top:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; line-height:35px; text-align:center; margin-right:1px;cursor: pointer; background-color:;} #letao-right-info #right-info .account-allx3 .account02 { width:90px; float:left; height:35px;border:1px #ccc solid; line-height:35px; text-align:center; margin-right:1px;} #letao-right-info #right-info .account-allx3 .account03 { width:90px; float:left; height:35px;border:1px #ccc solid; line-height:35px; text-align:center; margin-right:1px;} #letao-right-info #right-info .account-allx3 .account01 a{ color:#666; text-decoration:none;} #letao-right-info #right-info .account-allx3 .account01 a:hover{ text-decoration:none;} #letao-right-info #right-info .slideDown-info01 { width:280px; height:auto; background-color:; border-bottom:; padding:10px;float:right; font-size:13px; display:none; margin-top:-1px; z-index:1px;} */ .bgIcon {background-repeat: no-repeat;background-image: url(//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/clicks.png);vertical-align: middle;border: none; border:0;} .bgIcon.icon01 {background-position:-80px -120px; width:20px; height:20px;} .mt {margin-top: -7px;} .bgIcon.icon01-s {background-position:-80px -180px; width:20px; height:20px; margin-bottom:5px;} .bgIcon.icon02 {background-position:-100px -120px; width:20px; height:20px;} .bgIcon.icon03 {background-position:-120px -120px; width:20px; height:20px;} .bgIcon.icon04 {background-position:-140px -102px; width:20px; height:20px;margin-right: 5px;} .bgIcon.icon05 {background-position:-140px -123px; width:20px; height:20px;margin-right: 5px;} .bgIcon.icon05-9 {background-position:-161px -123px; width:20px; height:20px;margin-right: 5px;} .bgIcon.icon06-1 {background-position:-40px -161px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon07-1 {background-position:0px -141px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon08-1 {background-position:-20px -181px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon09-1 {background-position:0px -181px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon10-1 {background-position:0px -101px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon11-1 {background-position:-40px -121px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon12-1 {background-position:-40px -101px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon13-1 {background-position:0px -121px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon14-1 {background-position:-21px -121px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon15-1 {background-position:-21px -141px;width:20px; height:20px;margin-right: 5px;} .bgIcon.icon16-1 {background-position:0px -160px;width:20px; height:20px;margin-right: 5px;} /*--index right tab--*/ ul, li { margin: 0; padding: 0; list-style: none; } .abgne_tab { clear: left; width: 400px; margin: 10px 0; } ul.tabs { width: 100%; height: 32px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } ul.tabs li { float: left; height: 31px; line-height: 31px; overflow: hidden; position: relative; margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */ border: 1px solid #ccc; border-left: none; /*background: #e1e1e1;*/ background: -moz-linear-gradient(center top , #ffffff, #e3e2da ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e3e2da)); } ul.tabs li a { display: block; padding: 0 10px; color: #000; border: 1px solid #fff; text-decoration: none; } ul.tabs li a:hover { background: #ccc; } ul.tabs li.active { background: #fff; border-bottom: 1px solid #fff; border-top:2px solid #FF9688; } ul.tabs li.active a:hover { background: #fff; } div.tab_container { float:left; clear: left; width: 100%; border: 1px solid #ccc; border-top: none; background: #fff; margin-bottom: 10px; } div.tab_container .tab_content { float:left; padding: 10px 10px; } div.tab_container .tab_content h2 { margin: 10 0 10px; font-size:13px; color:#F30; } div.tab_container .tab_content h3 { margin: 20px 20px 10px; font-size:13px; color:#333; text-align:center; } div.tab_container .tab_content h3 a{ text-decoration:none; font-size:13px; color:#333; padding:5px 90px; border:1px #ccc dashed; } div.tab_container .tab_content h3 a:hover{ text-decoration:none; font-size:13px; color:#000; background: -moz-linear-gradient(center top , #ffffff, #ffcb36 ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ffcb36)); border:1px #666 solid; padding:5px 90px; text-shadow: 1px 1px 1px #fff; } .tab-link01 a{ color:#666; text-decoration:none; font-weight:normal;} .tab-link01 a:hover{ color:#e8b50b; text-decoration: none;} /*---------------tab 2----------------------*/ .abgne_tab { clear: left; width: 400px; margin: 10px 0; } ul.tabs2 { width: 100%; height: 32px; border-bottom: 1px solid #ccc; } ul.tabs2 li { font-size:13px; /*font-weight:bold;*/ float: left; height: 31px; line-height: 31px; overflow: hidden; position: relative; margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */ border: 1px solid #ccc; background: #F1F1F1; /*background: -moz-linear-gradient(center top , #ffffff, #e3e2da ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e3e2da));*/ } ul.tabs2 li a { display: block; padding: 0 6px; color: #000; /*border: 1px solid #fff;*/ text-decoration: none; } ul.tabs2 li a:hover { background: #ccc; background: -moz-linear-gradient(center top , #e3e2da, #ffffff ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e3e2da),color-stop(1, #ffffff)); } ul.tabs2 li.active2 { background: #fff; border-bottom: 1px solid #fff; border-top:2px solid #FFA083; } ul.tabs2 li.active2 a:hover { background: #fff; } div.tab_container2 { float:left; clear: left; width: 100%; border: 1px solid #ccc; border-top: none; background: #fff; margin-bottom: 10px; } div.tab_container2 .tab_content2 { padding: 20px 10px; min-height: 195px; } div.tab_container2 .tab_content2 h2 { margin: 10 0 5px; font-size:17px; color:#555; padding:0px 0px; } div.tab_container2 .tab_content2 h3 { margin: 20px 20px 0px; font-size:13px; color:#333; text-align:center; } div.tab_container2 .tab_content2 h3 a{ text-decoration:none; font-size:13px; color:#333; padding:5px 100px; border:1px #ccc solid; } div.tab_container2 .tab_content2 h3 a:hover{ text-decoration:none; font-size:13px; color:#e8b50b; background: -moz-linear-gradient(center top , #ffffff, #e3e2da ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e3e2da)); border:1px #ccc solid; padding:5px 100px; } .tab2-link01 a{ color:#666; text-decoration:none; font-weight:normal;} .tab2-link01 a:hover{ color:#e8b50b; text-decoration: none;} /*---------------tab 3----------------------*/ ul.tabs3 { width: 100%; height: 32px; border-bottom: 1px solid #ccc; } ul.tabs3 li { font-size:13px; font-weight:normal; float: left; height: 31px; line-height: 31px; overflow: hidden; position: relative; margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */ border: 1px solid #ccc; /*background: #e1e1e1;*/ background: -moz-linear-gradient(center top , #ffffff, #e3e2da ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e3e2da)); } ul.tabs3 li a { display: block; padding: 0 14px; color: #000; border: 1px solid #fff; text-decoration: none; } ul.tabs3 li a:hover { background: #ccc; background: -moz-linear-gradient(center top , #e3e2da, #ffffff ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e3e2da),color-stop(1, #ffffff)); } ul.tabs3 li.active3 { background: #fff; border-bottom: 1px solid #fff; border-top:2px solid #e8b50b; } ul.tabs3 li.active3 a:hover { background: #fff; } div.tab_container3 { float:left; clear: left; width: 100%; border: 1px solid #ccc; border-top: none; background: #fff; padding:10px 5px; } div.tab_container3 .tab_content3 { float:left; margin-left:5px; } div.tab_container3 .tab_content3 h2 { margin: 10 0 5px; font-size:17px; color:#555; padding:0px 0px; } div.tab_container3 .tab_content3 h3 { margin: 20px 20px 0px; font-size:13px; color:#333; text-align:center; } div.tab_container3 .tab_content3 h3 a{ text-decoration:none; font-size:13px; color:#333; padding:5px 100px; border:1px #ccc solid; } div.tab_container3 .tab_content3 h3 a:hover{ text-decoration:none; font-size:13px; color:#e8b50b; background: -moz-linear-gradient(center top , #ffffff, #e3e2da ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e3e2da)); border:1px #ccc solid; padding:5px 100px; } .tab3-link01 a{ color:#666; text-decoration:none; font-weight:normal;} .tab3-link01 a:hover{ color:#e8b50b; text-decoration: none;} /*--------index right tab end---------*/ ul.tabs-info01 { width:100%; } ul.tabs-info01 li {width:100%; /*height:20px;*/ color:#555;font-size:15px; padding:3px 0px; line-height:24px;} ul.tabs-info01 li a{ color:#666; text-decoration:none;} ul.tabs-info01 li a:hover{ color:#e8b50b; text-decoration: underline;} ul.tabs-info01 li .red { color: #f30; font-weight:bold; padding:0px 3px 0px 3px;} .tabs-info-line { width:100%; height:1px; margin:5px 0px; background-color:#e6e6e6;} .tab-over-bg { background-color:#f1f0e8;} ul.tabs-info02 { width:100%; } ul.tabs-info02 li {width:40%; height:20px; color:#666;font-size:12px; float:left;padding:3px 10px 0px 0px;} ul.tabs-info02 li a{ color:#666; text-decoration:none;} ul.tabs-info02 li a:hover{ color:#e8b50b; text-decoration: underline;} ul.tabs-info02 li .red { color: #f30; font-weight:bold; padding:0px 5px 0px 5px;} ul.tabs-info03 { width:100%; float:left; list-style-type: disc; } ul.tabs-info03 li {width:31%; height:25px; color:#666;font-size:12px; float:left;padding:3px 5px 0px 0px; line-height:25px;} ul.tabs-info03 li a{ color:#666; text-decoration:none;} ul.tabs-info03 li a:hover{ color:#e8b50b; text-decoration: underline;} ul.tabs-info03 li .red { color: #f30; font-weight:bold; padding:0px 5px 0px 15px;} .right-info002 { width:100%; height:auto; margin-bottom:10px; float:right; margin-top:10px;} ul.tabs-info04 { width:100%; float:left; list-style-type: disc; } ul.tabs-info04 li {width:31%; height:25px; color:#666;font-size:12px; float:left;padding:3px 5px 0px 0px; line-height:25px;} ul.tabs-info04 li a{ color:#666; text-decoration:none;} ul.tabs-info04 li a:hover{ color:#e8b50b; text-decoration: underline;} ul.tabs-info04 li .red { color: #f30; font-weight:bold; padding:0px 5px 0px 15px;} .info-box-right-all {width:260px;border-top:1px solid #e8b50b; background-color:#FFF; height:auto; margin-bottom:10px; float:right; padding:5px;} .info-box-right-all h1 { font-size:17px; color:#000; margin-top:5px; margin-left:5px;} .info-box-right-all .right-info ul{list-style-type:none; margin:0px; padding:0px 0px 0px 5px; margin-bottom:10px;} .info-box-right-all .right-info ul li {line-height:170%; color:#7e7e7e; font-size:15px;} .info-box-right-all .right-info ul li a{color:#7e7e7e; text-decoration:none;} .info-box-right-all .right-info ul li a:hover{ color:#e8b50b; text-decoration:none;} .info-box-right-all .right-info2 ul{list-style-type:none; margin:0px; padding:0px 0px 0px 5px; margin-bottom:10px;} .info-box-right-all .right-info2 ul li {line-height:170%; color:#7e7e7e; font-size:15px; float:left;} .info-box-right-all .right-info2 ul li a{display: inline-block; font-size:12px; margin: 0 5px 5px 0; padding: 1px 7px; color: #FFF; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #555555; background: -webkit-gradient(linear,, from(#555555), to(#444444)); background: -webkit-linear-gradient(center top, #555555, #444444 ); background: -moz-linear-gradient(center top, #555555, #444444 ); background: -o-linear-gradient(center top, #555555, #444444 ); background: linear-gradient(center top, #555555, #444444 ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #444444)); zoom: 1; text-decoration:none;} .info-box-right-all .right-info2 ul li a:hover{ text-decoration: none; background-color: #777777; background: -webkit-gradient(linear,, from(#777777), to(#565656)); background: -webkit-linear-gradient(center top, #777777, #565656 ); background: -moz-linear-gradient(center top, #777777, #565656 ); background: -o-linear-gradient(center top, #777777, #565656 ); background: linear-gradient(center top, #777777, #565656 ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #565656));} /*-------首頁大banner--------*/ .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; } .frame { margin-bottom: 10px; border: 1px solid #e1e1e1; background: #FFF; } .block { margin: 10px 10px 0; } .slideshow { clear: both; } .slideshow li { position: relative; overflow: hidden; } .slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; } .slidebar li { background: rgba(255,70,54,0.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; } .slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; margin-right:5px;-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; } .slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; } .frame { background: none; border: 0px solid #fff; margin-bottom: 0px; } .temp { margin: 0; } .slidebar { position: absolute; bottom:10px; right:10px; } /*.slidebar { position: absolute; top: 10px; left: 10px; }*/ /*.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }*/ .slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #000; font-weight: 700; } .slideshow SPAN.title { text-indent: 0px; } .block { margin: 0;position: relative; } #frameHlicAe { margin: 0px !important; border: 0px !important; } .comiis_wrap960, .comiis_wrapad { /*margin: 0 auto;*/ width: 610px; } .comiis_wrapad { margin-top:0px; } .comiis_wrapad { overflow: hidden; } .comiis_wrapad img { float: left; margin-top: 0px; } #slidesImgs li { width: 1010px; height: 270px; display: none; } /*-------首頁大banner---end-----*/ /*-------頁簽number----------------*/ .number-list { color:color:#666;width:20px;height:15px; line-height:15px; } ul.number-list { list-style-type:none; margin:0px; padding:0px;width:850px;display:inline-block; float:left;} .number-list li { color:#666;padding:2px; float:left;text-shadow: 1px 1px 1px white;white-space: nowrap;} .number-list li h1{color:#666;border:1px #ccc solid; text-decoration:none;display:inline-block; width:auto; padding:3px 10px; line-height:18px; font-size:17px;border-radius: 3px; margin-top:0px; background-color:#fff;} .number-list li a{ color:#666; text-decoration:none;display:inline-block; width:auto; padding:3px 10px; line-height:18px; font-size:15px;border-radius: 3px;} .number-list li a:hover{ color:#000;text-decoration:none; background-color:#dad8c5;} .number-list li a:active{ color:#000;text-decoration:none;box-shadow: 0 1px 4px rgba(0,0,0,0.4) inset;} .number-list li h2{color: #1684d8;text-shadow: 1px 1px 1px white;white-space: nowrap; font-size:13px; font-weight:normal; margin-top:5px; margin-left:50px;} .number-list li h3 a{ color:#666; text-decoration:none;display:inline-block; width:auto; padding:3px 10px; line-height:18px; font-size:15px;border-radius: 3px;background-image:url(//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/bg3.jpg);border:1px #CCC solid; margin-top:-17px;} .number-list li h3 a:hover{ color:#000;text-decoration:none; background-color:#dad8c5;border:1px #666 solid;} .number-list li h3 a::active{ color:#000;text-decoration:none;box-shadow: 0 1px 4px rgba(0,0,0,0.4) inset;} ul.mode-list { list-style-type:none; margin:0px; padding:0px;width:auto;display:inline-block; float:left;} .mode-list li { color:#000;padding:2px; float:left;text-shadow: 1px 1px 1px white;white-space: nowrap; font-weight:bold;} .mode-list li a{ color:#666;border:1px #CCC solid; text-decoration:none;display:inline-block; width:auto; padding:1px 10px; line-height:20px; font-size:12px; font-weight:normal; border-bottom-left-radius: 5px; border-top-right-radius: 5px; background-image:url(//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/bg3.jpg);} .mode-list li a:hover{ color:#000;border:1px #666 solid;text-decoration:none;} .mode-list li a:active{ color:#000;border:1px #666 solid;text-decoration:none;box-shadow: 0 1px 4px rgba(0,0,0,0.4) inset;} ul.total-number { list-style-type:none; margin:0px; padding:0px;width:auto;display:inline-block; float:left; margin-right:10px; padding:0px 10px 0px 0px;} .total-number li { color:#000;padding:2px; float:left;text-shadow: 1px 1px 1px white;white-space: nowrap;} .text-box01{ font-size:13px; border:1px #CCC solid; padding:2px 5px;} .mode-list { list-style-type:none; margin:0px; padding-right:10px;display:inline-block; width:180px; height:30px; float:right; color:#000; font-size:12px; margin-top:3px;} .mode-list-01 { width:80px; height:25px; line-height:25px; float:right;margin-left:5px;} .mode-list-01 a{ color:#3a87c3; text-decoration:none;} .mode-list-01 a:hover{ color:#e8b50b; text-decoration:none;} .forum_nunmer_list { color:#666; border:1px #CCC solid; background-color:#F3F3F3; width:20px; padding:4px; display:inline-block; text-align:center; font-size:12px; text-shadow: 1px 1px 1px white; cursor:pointer;text-decoration:none; } .mode-list-on {width:80px; height:27px; padding:-2px 0px; display:inline-block; color:#000;border-radius: 2px;} .forum_nunmer_list:hover { color:#000; border:1px #666 solid; background-color:#F3F3F3; width:20px; padding:4px; display:inline-block; text-align:center; font-size:12px; text-shadow: 1px 1px 1px white; text-decoration:none; } .forum_nunmer_list:hover { color:#000; border:1px #666 solid; background-color:#F3F3F3; width:20px; padding:4px; display:inline-block; text-align:center; font-size:12px; text-shadow: 1px 1px 1px white; text-decoration:none; } .forum_nunmer_list:active { color:#000; border:1px #666 solid; background-color:#F3F3F3; width:20px; padding:4px; display:inline-block; text-align:center; font-size:12px; text-shadow: 1px 1px 1px white; box-shadow: 0 1px 4px rgba(0,0,0,0.4) inset;text-decoration:none; } /*---------熱門搜尋---------*/ .hot_keyword a{display: inline-block; margin: 0 5px 5px 0; padding: 6px 7px; color: #FFF; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #555555; background: -webkit-gradient(linear,, from(#555555), to(#444444)); background: -webkit-linear-gradient(center top, #555555, #444444 ); background: -moz-linear-gradient(center top, #555555, #444444 ); background: -o-linear-gradient(center top, #555555, #444444 ); background: linear-gradient(center top, #555555, #444444 ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #444444)); zoom: 1;} .hot_keyword a:hover{ text-decoration: none; background-color: #777777; background: -webkit-gradient(linear,, from(#777777), to(#565656)); background: -webkit-linear-gradient(center top, #777777, #565656 ); background: -moz-linear-gradient(center top, #777777, #565656 ); background: -o-linear-gradient(center top, #777777, #565656 ); background: linear-gradient(center top, #777777, #565656 ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #565656)); } /*---------隱藏icon---------*/ .hide_btn { width:250px; height:auto; position: absolute;padding:0px; margin-left:245px; display:none;} .hide_btn_b { width:150px; height:auto; position: absolute;padding:0px; margin-left:135px; display:none; margin-top:0px;} .hide_btn_01 a{font-size: 13px; float:right; line-height: 18px; font-weight: 500; color: #fff; border: 1px solid #DDD; text-decoration: none; background-color: #555555; background: -webkit-gradient(linear,, from(#555555), to(#444444)); background: -webkit-linear-gradient(center top, #555555, #444444 ); background: -moz-linear-gradient(center top, #555555, #444444 ); background: -o-linear-gradient(center top, #555555, #444444 ); background: linear-gradient(center top, #555555, #444444 ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555555), color-stop(1, #444444)); display: inbline-block; vertical-align: baseline; cursor: pointer; text-align: center; margin: 2px; padding: 5px 12px 4px; border-radius: 3px; box-shadow: 1px 2px 0 rgba(0,0,0,0.1);} .hide_btn_01 a:hover{ font-weight: 500; border: 1px solid #b3b3b3; text-decoration: none; background-color: #777777; background: -webkit-gradient(linear,, from(#777777), to(#565656)); background: -webkit-linear-gradient(center top, #777777, #565656 ); background: -moz-linear-gradient(center top, #777777, #565656 ); background: -o-linear-gradient(center top, #777777, #565656 ); background: linear-gradient(center top, #777777, #565656 ); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #565656)); display: inline-block; vertical-align: baseline; cursor: pointer; text-align: center; border-radius: 3px; box-shadow: 1px 2px 0 rgba(0,0,0,0.1);} /*-------buttom 至頂------*/ /* Back to top button */ #back-top { position: fixed; bottom: 430px; right:10px; } #back-top a { width: 88px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover { color: #000; } /* arrow icon (span tag) */ #back-top span { width: 88px; height: 88px; display: block; margin-bottom: 7px; background: #ddd url(//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/up-arrow.png) no-repeat center center; /* rounded corners */ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background-color: #777; } /*------------------POPUPS------------------------*/ #fade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 10; width: 100%; height: 100%; opacity: .70; z-index: 9999; } .popup_block{ display: none; background: #f1f0e8; padding: 20px; /*border: 20px solid #ddd;*/ float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } img.btn_close { float: right; margin: -55px -55px 0 0; } .popup p { padding: 5px 10px; margin: 5px 0; } /*--Making IE6 Understand Fixed Positioning--*/ *html #fade { position: absolute; } *html .popup_block { position: absolute; } .test-test-bg { background-image:url(//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/test.jpg); background-repeat:no-repeat; height:810px;} /*------footer--------*/ .footer-all{ background-image:url(/jpshopping/img/footer-bg-400-400.jpg); bottom:0px; left:0px; width:100%; height:451px; margin-top:210px; background-repeat: repeat;} .footer-top-bg {background-image:url(/jpshopping/img/footer-bg-50-15.jpg); width:100%; height:15px; float:left; margin-bottom:30px;} .footer-info { width:1050px; margin:auto; height:auto;clear:both;position: relative;} ul.footer-infos { list-style-type:none; margin:auto; padding:0px; width:815px;} .footer-infos li+li {border-left:1px #9c9c9c dashed; box-shadow:#333;} .footer-infos li{ width:200px; height:205px;float:left; margin-right:2px;text-align:center; line-height:25px;} .footer-infos li h1{ font-size:15px; font-weight:bold; color:#f3db8b; margin:10px 0px;} .footer-infos li a{ color:#fff; text-decoration:none; font-size:13px;} .footer-infos li a:hover { color:#e8b50b; text-decoration:none;} .footer-down-search {margin:auto; width:580px; height:auto;clear:both; position: relative;bottom:-40px; display:block;} .footer-down-info { color:#92949c; font-size:12px; margin:auto; width:360px; height:20px;clear:both; position: relative; bottom:-100px;} ul.footer-service {width: 900px;height: 41px;color: #989bab;position: relative;margin:0;padding:0;margin-left: -120px;} ul.footer-service li{width: auto;margin-right: 30px;list-style-type: none;float: left;font-size: 13px;} .footer-service-title {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;background-color:#3d3f49;color:#989bab;text-shadow: 0 -1px 0 rgba(63,63,73,.25);display: inline-block; padding: 2px 4px;font-weight: bold;margin-right: 5px;} .index-leftmenu-link { color: #0075a9; text-decoration: none; float: right; margin-top: -27px; margin-left: 130px; position: absolute; background-color: #E2E2E2; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-radius: 3px;} .index-leftmenu-link a{ font-style:12px; color:#0075a9; text-decoration:none; float:right;padding: 2px 5px;} .index-leftmenu-link a:hover{color:#e8b50b; text-decoration:none; background-color:#fff;} /*--------------------------------------------------------------dvBuyPanel*/ #dvBuyPanel{/*margin-top:30px;*/background-color:#FFF;vertical-align:middle;} #dvBuyPanel img{vertical-align:middle;} #dvBuyPanel .tabBuy{width:100%;line-height:150%;} #dvBuyPanel .tabBuy .tdBuyImg{padding:8px 4px 8px 4px;text-align:center;} #dvBuyPanel .tabBuy .tdBuyImg img{max-width:300px;max-height:300px;} #dvBuyPanel .tabBuy .tdBuyInfo{text-align:left;} #dvBuyPanel .tabBuy .tdBuyInfo .InfoTle{font-size:19px;font-weight:bold;padding-bottom:4px; } #dvBuyPanel .tabBuy .tdBuyInfo .InfoPriceJPY{font-size:19px;font-weight:bold;color:#FF0000;} #dvBuyPanel .tabBuy .tdBuyInfo .InfoPriceJPYUnit{font-size:13px;color:#AAA;} #dvBuyPanel .tabBuy .tdBuyInfo .InfoPriceNTD{font-size:13px;color:#AAA;} #dvBuyPanel .tabBuy .tdBuyInfo .InfoBtns{padding-left:16px;padding-top:4px;} #btnCartAdd{ background: #bd498b; background: -webkit-gradient(linear,left top,left bottom,from(#eca3cc),to(#bd498b)); background: -moz-linear-gradient(top,#eca3cc,#bd498b); border-color: rgb(253, 144, 30); color: rgb(255, 255, 255); height: 38px; line-height: 36px; cursor: pointer; border: 1px solid rgb(204, 204, 204); border-radius: 2px 2px 2px 2px; display: inline-block; padding: 0px 16px; text-align: center; } #btnCartAdd:hover{background-color: rgb(253, 154, 55);} #btnCartAdd span{display: inline-block;} #btnCartAdd .desc{font-size:15px;padding-left:4px;} #btnWatchlistAdd, #btnCompareAdd{ background-color:#FFF; border-color: #CCCCCC; color: 0; height: 38px; line-height: 36px; cursor: pointer; border: 1px solid rgb(204, 204, 204); border-radius: 2px 2px 2px 2px; display: inline-block; padding: 0px 16px; text-align: center; } #btnWatchlistAdd:hover, #btnCompareAdd:hover{background-color:#EEE;} #btnWatchlistAdd span, #btnCompareAdd span{display: inline-block;} #btnWatchlistAdd .desc, #btnCompareAdd .desc{font-size:15px;} #dvBuyPanel .tabBuy .tdBuyInfo .InfoDesc{padding-left:22px;padding-top:16px;} #dvBuyPanel .tabBuy .tdBuyInfo .InfoDesc ul li{list-style-type:disc;font-size:13px;color:#777;} #dvBuyPanel .tabBuy .tdBuyInfo .InfoDesc button{ /*background-color: #EEE;*/ font-size:13px; border-color: #CCCCCC; color: 0; height: 22px; line-height: 20px; cursor: pointer; border: 1px solid rgb(204, 204, 204); border-radius: 2px 2px 2px 2px; display: inline-block; padding: 1px 4px; text-align: center; background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(236, 235, 224)) repeat scroll 0% 0% transparent; } /*--------------------------------------------------------------@dvBuyPanel*/ /*--------------------------------------------------------------acItemGuide*/ #acItemGuide{ position:relative; margin-top:60px; background-color: #FFF; padding-bottom:10px; border-left:1px solid #E2E1D2; border-right:1px solid #E2E1D2; border-top:1px solid #FBC624; border-bottom:1px solid #A5A5A5; } #acItemGuide ul{list-style-type:none;} #acItemGuide b{font-weight:bolder;} #acItemGuide img{vertical-align:middle;} #acItemGuide #tab1, #acItemGuide #tab2, #acItemGuide #tab3, #acItemGuide #tab4, #acItemGuide #tab5, #acItemGuide #tab6{ position:absolute; top:-35px; width:150px; height:34px; text-align:center; } #acItemGuide #tab1{left:0;} #acItemGuide #tab2{left:150px;} #acItemGuide #tab3{left:292px;} #acItemGuide #tab4{left:434px;} #acItemGuide #tab5{left:576px;} #acItemGuide #tab6{left:718px;} #acItemGuide #tab1 a, #acItemGuide #tab2 a, #acItemGuide #tab3 a, #acItemGuide #tab4 a, #acItemGuide #tab5 a, #acItemGuide #tab6 a{ text-decoration:none; color:#000; } #acItemGuide #tab1 a:hover, #acItemGuide #tab2 a:hover, #acItemGuide #tab3 a:hover, #acItemGuide #tab4 a:hover, #acItemGuide #tab5 a:hover, #acItemGuide #tab6 a:hover{ text-decoration:underline; /*color:#000;*/ } #acItemGuide #tab1 p, #acItemGuide #tab2 p, #acItemGuide #tab3 p, #acItemGuide #tab4 p, #acItemGuide #tab5 p, #acItemGuide #tab6 p{ border:1px solid #BBB; border-bottom:0; text-align:center; font-weight:bold; line-height:2; } #acItemGuide #tab1.on p, #acItemGuide #tab2.on p, #acItemGuide #tab3.on p, #acItemGuide #tab4.on p, #acItemGuide #tab5.on p, #acItemGuide #tab6.on p{ border-top:1px solid #BBB; border-borrom:1px solid #BBB; border-left:4px solid #FBC624; border-right:1px solid #BBB; height:30px; background:#FFF; font-size:15px; font-weight:bold; color:#222; } #acItemGuide #tab1.on p{margin:4px 2px 0 10px;} #acItemGuide #tab2.on p{margin:4px 10px 0 2px;} #acItemGuide #tab3.on p{margin:4px 10px 0 2px;} #acItemGuide #tab4.on p{margin:4px 10px 0 2px;} #acItemGuide #tab5.on p{margin:4px 10px 0 2px;} #acItemGuide #tab6.on p{margin:4px 10px 0 2px;} #acItemGuide #tab1.off p, #acItemGuide #tab2.off p, #acItemGuide #tab3.off p, #acItemGuide #tab4.off p, #acItemGuide #tab5.off p, #acItemGuide #tab6.off p{ height:26px; font-weight:normal; font-size:13px; color:#333; /*css3 grad*/ background: -moz-linear-gradient(center top , #ffffff, #ecebe0 ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ecebe0)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ecebe0')"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ecebe0'); zoom: 1; } #acItemGuide #tab1.off p{margin:7px 2px 0 10px;} #acItemGuide #tab2.off p{margin:7px 10px 0 2px;} #acItemGuide #tab3.off p{margin:7px 10px 0 2px;} #acItemGuide #tab4.off p{margin:7px 10px 0 2px;} #acItemGuide #tab5.off p{margin:7px 10px 0 2px;} #acItemGuide #tab6.off p{margin:7px 10px 0 2px;} #acItemGuide #tab1.off p:hover, #acItemGuide #tab2.off p:hover, #acItemGuide #tab3.off p:hover, #acItemGuide #tab4.off p:hover, #acItemGuide #tab5.off p:hover, #acItemGuide #tab6.off p:hover{ /*css3 grad*/ background: -moz-linear-gradient(center top , #ffffff, #f2f1e9 ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f2f1e9)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f2f1e9')"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f2f1e9'); } #acItemGuide #tab1.off, #acItemGuide #tab2.off, #acItemGuide #tab3.off, #acItemGuide #tab4.off, #acItemGuide #tab5.off, #acItemGuide #tab6.off{ cursor:pointer; } #acItemGuide #tab1.off p:hover, #acItemGuide #tab2.off p:hover, #acItemGuide #tab3.off p:hover, #acItemGuide #tab4.off p:hover, #acItemGuide #tab5.off p:hover, #acItemGuide #tab6.off p:hover{ /*css3 grad*/ background: -moz-linear-gradient(center top , #ffffff, #f2f1e9 ); background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #f2f1e9)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f2f1e9')"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#f2f1e9'); } #acItemGuide #tab1Page{display:block;padding-top:20px;} #acItemGuide #tab2Page{display:none;} #acItemGuide #tab3Page{display:none;} #acItemGuide #tab4Page{display:none;} #acItemGuide #tab5Page{display:none;} #acItemGuide #tab6Page{display:none;} #acItemGuide .dvPage{padding-top:0px;} #acItemGuide .dvPage .dvToolBar{padding:20px 0 20px 12px;text-align:center;background-color:#EEE;} #acItemGuide .dvPage .dvToolBar button{ /*background-color: #EEE;*/ border-color: #CCCCCC; color: 0; height: 32px; line-height: 30px; cursor: pointer; border: 1px solid rgb(204, 204, 204); border-radius: 2px 2px 2px 2px; display: inline-block; padding: 0px 16px; text-align: center; background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(236, 235, 224)) repeat scroll 0% 0% transparent; } /*-------------------------------------------------------------#acItemGuide*/ /*--------------------------------------------------------------item-kakaku*/ .item-kakaku-title { background-color:#fff; border-top:1px #FC0 solid; padding:20px; font-size:17px; font-weight:bold; color:#000;margin-top:10px;} .item-kakaku-info { background-color:#fff; padding:5px; font-size:15px; font-weight:normal; margin-top:20px;color:#666;} .item-money-compare { font-size:17px; font-weight:bold; color:#000;} .item-money-compare-info {background-color:#fff; /*border-top:1px #FC0 solid;*/ margin-top:20px; font-size:15px;color:#666;} .h1Tle { padding: 1px; border: 1px solid rgb(204, 204, 204); } .h1Tle .h1Bg { padding: 2px 2px; background: url("//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/h1bg.gif") repeat-x scroll left top transparent; } .h1Tle h1 { font-size:17px; font-weight:bold; border-left: 10px solid #FFE466; margin:0; padding:2px; } .item-money-compare-info table{width:100%;border: 1px solid #CCC; border-collapse: collapse;} .item-money-compare-info td{border: 1px solid #CCC; text-align:center;height:26px;font-size:13px;} .item-money-compare-info hr{ width: 100%; height: 1px; margin: 5px 0px; padding: 0px; border-width: 1px 0px 0px; border-style: solid; border-color: rgb(221, 221, 221); } .item-money-compare-info .unHead{background-color:#EEE;} .item-money-compare-info .cpRank{} .item-money-compare-info .cpRank1 { font-size:17px; font-weight:bold; color: rgb(255, 132, 0); } .item-money-compare-info .cpPrice{font-weight:bold;color:#F00;font-size:17px;} .item-money-compare-info .cpPriceUnit{color:#888;font-size:13px;} .item-money-compare-info .cpImg{padding:10px;} .item-money-compare-info .cpImg img{max-width:200px;max-height:200px;} .item-money-compare-info .cpStore a{color: #0066c0;text-decoration: none;} .item-money-compare-info .cpStore a:hover{text-decoration: underline;} /*-------------------------------------------------------------#item-kakaku*/ /*---------------------------------------------------------------------item*/ #idItemToolBar{ position: fixed; top:32px; background-color:red; max-width: 1350px; min-width: 1140px; height:auto; z-index:10; border-bottom:1px solid #CCC; padding:10px 0; text-align:center; background-color:#bd498b; display:none; } #idItemToolBar button{ /*background-color: #EEE;*/ border-color: #CCCCCC; color: 0; height: 32px; line-height: 30px; cursor: pointer; border: 1px solid rgb(204, 204, 204); border-radius: 2px 2px 2px 2px; display: inline-block; padding: 0px 16px; text-align: center; background: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(236, 235, 224)) repeat scroll 0% 0% transparent; } /*---------------------------------------------------------------------#item*/ /*------------------------------------------------------------------item QnA*/ #tab2Page{padding:20px;} #tab2Page .conQnAListTitle{ width:98%; background-color:rgb(117,158,222); color:#FFFFFF; padding:4px; } #tab2Page .ps1{font-size:15px;padding-top:20px;} #tab2Page .ps2{font-size:13px;padding-top:4px;} #tab2Page .ps2 textarea{font-size:13px;} #tab2Page .attnBoard{ background-color: #FFFFE3; padding-bottom:10px; border:1px solid #E0E0E0; width:98%; padding:4px; font-size:13px; } #tab2Page .attnBoard ul{ list-style-type:disc; margin-left:14px; padding:4px; line-height:160%; } #tab2Page .attnBoard ul{color:#333333;} #tab2Page .myQnA_Q{ width:98%; background-color:rgb(191,217,255); color:#383838; padding:4px; font-size:13px; } #tab2Page .myQnA_A{ width:98%; background-color:rgb(220,234,255); color:#383838; padding:4px; font-size:13px; } #tab2Page .fontThinner{color:#555555;} #tab2Page .myQnA_Q span, #tab2Page .myQnA_A span{padding-right:4px;} #tab2Page .myQnA_Q .Q_Con, #tab2Page .myQnA_A .A_Con{padding-left:20px;padding-top:2px;} #tab2Page .allQnATitle{font-size:15px;} /*-----------------------------------------------------------------/item QnA*/ .letao-jph-texta{ color:#000; font-weight:bold;} .letao-jph-linka a{ color:#fff; text-decoration:none;background: #bd498b; background: -webkit-gradient(linear,left top,left bottom,from(#eca3cc),to(#bd498b)); background: -moz-linear-gradient(top,#eca3cc,#bd498b);padding:6px 6px 8px 6px;} .letao-jph-linka a:hover{ color:#fff;background: #d85a9e; background: -webkit-gradient(linear,left top,left bottom,from(#eb87bd),to(#d85a9e)); background: -moz-linear-gradient(top,#eb87bd,#d85a9e); text-decoration:none;padding:6px 6px 8px 6px;} /*------------------------------------------------------------------Cartlist*/ #dialogSpec textarea{ width:400px; height:100px; border:1px solid #CCCCCC; background-color:#FFFFFF; font-size:13px; } #dialogComment textarea{ width:400px; height:100px; border:1px solid #CCCCCC; background-color:#FFFFFF; font-size:13px; } .cOrderDvAttn{ background-color: rgb(255, 255, 232); border:1px solid #CCC; padding:8px 4px; border-radius: 5px; box-shadow: 1px 1px 1px #C2C2C2;} .cOrderDvAttn ul{list-style-type:disc;margin-left:22px;} .cOrderDvAttn ul li{line-height:160%;font-size:13px;list-style:disc;} .cDvNote{/*color:#666;*/font-size:13px;} .cDvOpBar{background-color:#DDD;height:24px;padding:4px;} .cDvOpBar span{padding:4px;} .dvOrderFrm table{width:100%;} .dvOrderFrm b{font-weight:bold;} .dvOrderFrm img{vertical-align:middle;} .dvOrderFrm .dvPart{ border:1px solid #ddd; font-size:15px; border-radius: 1px; background: #fff; } .dvOrderFrm .dvHead{ height:30px; line-height:30px; border-bottom: 1px solid #ddd; background-color:#E2E2E2; font-size:16px; color:#383838; } .dvOrderFrm .dvCartlistHead{background-color:rgb(226,238,245);} .dvOrderFrm .dvHead .spnHeadL{float:left;padding-left:10px;} .dvOrderFrm .dvHead .spnHeadR{float:right;padding-right:10px;} .dvOrderFrm .dvBody{padding:4px;line-height:150%;font-size:15px;background-color:#FFF;} .dvOrderFrm .dvNote{line-height: 135%;padding: 10px 8px;font-size: 13px;background-color: rgb(255, 255, 255);} .dvOrderFrm .dvNote a{text-decoration:none;color: rgb(149, 37, 149);} .dvOrderFrm .dvNote a:hover{text-decoration:underline;} .dvOrderFrm .dvNote ul{/*margin-left:16px;list-style-type:square;*/} .dvOrderFrm .dvNote ul li{font-size:13px;color:#666666} .dvOrderFrm .tabChargeList{border: 1px solid #CCC; border-collapse: collapse;} .dvOrderFrm .tabChargeList tr, .dvOrderFrm .tabChargeList td{border: 1px solid #CCC;} .dvOrderFrm .tabChargeList td{ border:#CCCCCC 1px solid; text-align:center; background-color:#FFFFFF; } .dvOrderFrm .tabChargeList .trHead td{background-color:#F2E7E6;} .dvOrderFrm .tabChargeList .tdPay1{background-color:#FFFFCC;} .dvOrderFrm .tabChargeList .c-JPY{font-size:13px;} .dvOrderFrm .tabChargeList .c-JPY-unit{font-size:11px;color:#777;} .dvOrderFrm .tabChargeList .c-NTD{font-size:13px;} .dvOrderFrm .tabChargeList .c-NTD-unit{font-size:11px;color:#777;} .dvOrderFrm .dvCartlistBody{padding:1px;} .dvCartlist{width:100%;margin-bottom: 12px;border-radius: 1px;border: 1px solid #ddd;} .dvCartlist table{width:100%;} .tabCartlist .tabCartlistHead{ height: 30px; line-height: 30px; overflow: hidden; font-size: 15px; text-align: left; padding-left: 7px; color: #000; background: #eee; } .tabCartlist .tabCartlistHead .backslash{padding:0 10px;} .tabCartlist .tdTleCartId, .tabCartlist .tdCntCartId{width:0;display:none;} .tabCartlist .tdTleImg, .tabCartlist .tdCntImg{width:10%;overflow: hidden;} .tabCartlist .tdTleTitle, .tabCartlist .tdCntTitle{ width: 27.5%; text-align: justify; line-height: 1.5; font-size: 13px; padding: 7px; } .tabCartlist .tdCntTitle a{color:#808080;} .tabCartlist .tdCntTitle a:hover{text-decoration:none;} .tabCartlist .tdTleSpec, .tabCartlist .tdCntSpec{width:12.5%;} .tabCartlist .tdTleUnitPrice, .tabCartlist .tdCntUnitPrice{width:10%;} .tabCartlist .tdTleQuantity, .tabCartlist .tdCntQuantity{width:6%;} .tabCartlist .tdTleSubtotal, .tabCartlist .tdCntSubtotal{width:10%;} .tabCartlist .tdTleChange, .tabCartlist .tdCntChange{width:6%;} .tabCartlist .tdCntChange, .tabCartlist .tdCntMove{font-size:12px;} .tabCartlist .tdTleMove, .tabCartlist .tdCntMove{width:8%;} .tabCartlist .tdTleComment, .tabCartlist .tdCntComment{width:10%;font-size:11px;} .tabCartlist .tdCntUnitPrice input{width:50px;} .tabCartlist .tdCntQuantity input{width:40px;} .tabCartlist .tabCartlistTitle{ padding: 4px 5px; text-align:center; line-height: 20px; white-space: nowrap; font-size: 13px; } .tabCartlist .tabCartlistTitle td{border-bottom: 1px dotted #ddd;color: #808080;} .tabCartlist .tabCartlistContent{font-size: 13px;} .tabCartlist .tabCartlistContent td{border-right:1px dotted #ddd;border-bottom: 1px dotted #ddd;} .tabCartlist .tabCartlistContent td.eof{border-right:0 none;} .tabCartlist td { text-align:center; vertical-align: middle; padding:2px; word-break: break-all; word-wrap: break-word; } .tabCartlist a {text-decoration:none;color: #189dd0;} .tabCartlist a:hover{text-decoration:underline;} .tabCartlist strong{font-weight:bold;} .tabCartlist small{font-size:11px;color: rgb(153, 153, 153);} .tabCartlist input{font-size:13px;} .tabCartlist .tdCntImg img{ max-width: 100px; max-height:100px; font-size: 0; padding: 4px 0; } .tabCartlist .tabCartlistTotally td{text-align:right;padding-right:7px;font-size:13px;height: 42px;line-height: 42px;} .tabCartlist .tabCartlistTotally .emCount{color:#FF0000;font-weight:bold;font-size:15px;} .tabCartlist .tabCartlistTotally .emTotallyJPY{color:#FF0000;font-weight:bold;font-size:15px;} .tabCartlist .tabCartlistTotally .emTotallyNTD{color:#666666;font-size:15px;} .dvAttn{margin-top:10px;} .dvAttn ul{margin-left:16px;list-style-type:square;} .dvAttn ul li{font-size:13px;color:#777;} .dvOrderFrm .cPayabled{font-size:17px; font-weight:bold; color:#F00;} .cOrderBtnSubmit{ color: #fff; cursor: pointer; border-radius: 2px; border: 0; background-color: rgb(255, 127, 3); padding: 4px 10px; font-size: 15px; } .cOrderBtnCancel{ color: #555; cursor: pointer; border-radius: 3px 3px 3px 3px; border: 1px solid #CCC; background-color: #DDD; margin: 3px 5px; padding: 4px 10px; box-shadow: 1px 1px 0px #888; } .cDvMsg{text-align:left; padding:20px; font-size:15px;line-height:200%;} .cDvMsg b{font-weight:bold;} .cDvLink{text-align:center; padding:10px;font-size:15px;} /*------------------------------------------------------------------/Cartlist*/ .center-block{ float:left; width:100%; } .center-block-body{ float:left; width:100%; width: 99.8%; background-color:#FFF; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #id-auc-item-all{ margin:10px; float:left; width:720px; height:260px; } #id-auc-item-all ul{ height: 260px; margin: 0px; padding: 0px; } #id-auc-item-all a{ color: rgb(51, 51, 51); line-height: 15px; font-size: 12px; text-decoration: none; } #id-auc-item-all a:hover{text-decoration:underline;} #id-auc-item-all ul li{ width:180px; height: 260px; padding: 2px 0px 4px 8px; } #id-auc-item-all .c-auc-item-img{ width:150px; height:120px; padding:8px 10px; text-align:center; } #id-auc-item-all .c-auc-item-img img{ max-width:140px; max-height:120px; } #id-auc-item-all .c-auc-item-title{ width:160px; text-align:left; font-size:13px; padding: 0 0 0px 10px; height: 55px; } #id-auc-item-all .c-auc-item-price{ color:#F00; font-size:15px; font-weight:bold; text-align:left; padding: 0 0 0px 10px; } #id-auc-item-all .c-auc-item-price span{color:#666; font-size:13px;font-weight:normal;} #id-auc-item-all .c-auc-item-timeleft{ font-size:15px; color:#666; text-align:center; padding-bottom: 2px; } .c-center-block-arrow-left{ float: left; padding: 60px 0 0 10px; cursor:pointer; } .c-center-block-arrow-left img{opacity:0.3} .c-center-block-arrow-right{ float: right; padding: 60px 10px 0 0; cursor:pointer; } .ext_widget_top { height:120px; width:100%; background-color:#fff; border-bottom:2px #febd0c solid;} .ext_widget_895 { width:895px; margin:auto; height:auto;} .ext_widget_margin-top{ margin-top:20px;} .ext_widget_info_text { border:2px #febd0c solid;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color:#fff; padding:10px; color:#666; line-height:190%; width:94%; height:auto; font-size:13px; margin:auto;} /*------------------------------------------------------------------id-item-left-panel*/ #id-item-left-panel{ width:280px; background-color:#393939; padding:10px; font-size:15px; color: #FFF; } #id-item-left-panel table{width:100%;} #id-item-left-panel input{font-size:13px;} #id-item-left-panel .c-item-left-head{ border-bottom:1px solid #CCC; color: rgb(215, 111, 0); font-weight:bold; font-size:17px; float: left; width: 100%; margin-bottom:10px; } #id-item-left-panel .c-item-left-head span{display:in-line-block;} #id-item-left-panel .c-item-left-head span.p_add2cart{float:left;margin-top: -5px;} #id-item-left-panel .c-item-left-head span.ico_close{float:right;} #id-item-left-panel .c-item-left-head span.ico_close a{color:#FFF;font-size:15px;font-weight:normal;text-decoration:none;} #id-item-left-panel .c-item-left-head .ico_close img{width: 22px;height: 22px; vertical-align: middle;margin-top: -5px;} #id-item-left-panel .c-item-left-img{ margin-top:15px; text-align:center; } #id-item-left-panel .c-item-left-img img{ vertical-align:middle; max-width:180px; max-height:150px; font-size: 11px; } #id-item-left-panel .c-item-left-url{margin-top:10px;text-align:left;} #id-item-left-panel .c-item-left-url input{width: 100%;padding:3px 4px;} #id-item-left-panel .c-item-left-title{margin-top:10px;text-align:left;} #id-item-left-panel .c-item-left-title input{width: 100%;padding:3px 4px;} #id-item-left-panel .c-item-left-quantity-price{margin-top:10px;text-align:left;} #id-item-left-panel .c-item-left-quantity-price .c-item-left-quantity{font-size:13px;width:90%;} #id-item-left-panel .c-item-left-quantity-price .c-item-left-price{font-size:13px;width:100%;} #id-item-left-panel .c-item-left-spec, #id-item-left-panel .c-item-left-comment{ margin-top:10px; text-align:left; } #id-item-left-panel .c-item-left-spec input, #id-item-left-panel .c-item-left-comment input{ width:100%; max-length:300; } #id-item-left-panel .c-item-left-countrycode{ margin-top:10px; text-align:left; } #id-item-left-panel .c-item-left-btn{ margin-top:10px; } #id-item-left-panel .c-item-left-red{ color:red; } #id-item-right-panel{ position:relative; float:right; width:75%; /*background-color:#FFF;*/ padding:8px; font-size:13px; margin-top:-35px; } /*-----------------------------------------------------------------/id-item-left-panel*/ .add-track-btn button { background-color: rgb(255, 255, 255); width:33%; height: 40px; line-height: 30px; cursor: pointer; border: 1px solid rgb(57, 57, 57); border-radius: 2px 2px 2px 2px; display: inline-block; text-align: center; } .add-track-btn button:hover{background-color: #eee;} .add-shp-car button { background: #DD0000; /*background: -webkit-gradient(linear,left top,left bottom,from(#eebd1a),to(#d7a643)); background: -moz-linear-gradient(top,#eebd1a,#d7a643);*/ text-decoration: none; color: #fff; width:65%; height: 40px; line-height: 30px; cursor: pointer; border: 1px solid rgb(57, 57, 57); border-radius: 2px 2px 2px 2px; display: inline-block; text-align: center; } .add-shp-car button:hover{border: 1px solid rgb(57, 57, 57);background-color: #F52020;} /*--其他熱門購物 top bar--*/ .letao-top-othershopping { width: 600px;height: 30px;line-height: 30px;color: #8c8c8c;font-size: 15px; position:absolute; top:80px; padding-left:200px; } .letao-top-othershopping span{color: #f98509;text-decoration: none;margin-right: 15px;} .letao-top-othershopping a{color: #d76f00;text-decoration: underline;} .letao-top-othershopping a:hover{color: #f98509;text-decoration: none;} #id-mystatus-list .c-range, #id-mystatus-workspace-right .c-range{font-size:15px;} #id-mystatus-list .c-page, #id-mystatus-workspace-right .c-page{font-size:17px;} #id-mystatus-list .c-page span, #id-mystatus-workspace-right .c-page span{padding:0 3px;} #id-mystatus-list .c-page a, #id-mystatus-workspace-right .c-page a{text-decoration:none;} #id-mystatus-list .c-page a:hover, #id-mystatus-workspace-right .c-page a:hover{text-decoration:underline;} #id-mystatus-list .c-page strong, #id-mystatus-workspace-right .c-page strong{font-size:17px;font-weight:bold;color:#333;} #id-mystatus-list .c-page .c-page-last, #id-mystatus-workspace-right .c-page-last{font-size:15px;} #id-mystatus-list .c-page .c-page-nxt, #id-mystatus-workspace-right .c-page-nxt{font-size:15px;} #id-mystatus-list .c-attn, #id-mystatus-workspace-right .c-attn{color:#aaa;} #id-mystatus-list .c-attn ul, #id-mystatus-workspace-right .c-attn ul{margin-left: 20px;} #id-mystatus-list .c-attn ul li, #id-mystatus-workspace-right .c-attn ul li{list-style: disc;line-height:1.7;} #id-mystatus-list .c-attn b, #id-mystatus-workspace-right .c-attn b{font-weight:normal;} #id-myqna-list table{width:100%;} #id-myqna-list td{line-height:125%;padding:4px;font-size:13px;} #id-myqna-list a{text-decoration: none;} #id-myqna-list a:hover{text-decoration: underline;} #id-myqna-list img{max-width:80px;max-height:60px;vertical-align:middle;} #id-myqna-list .c-myqna-list-1{border:1px solid #CCC;margin:4px 0;} #id-myqna-list .c-tab-item{background:#FFF;} #id-myqna-list .c-td-title{ font-size:15px;} #id-myqna-list .c-tr-q{background-color: rgb(255, 255, 213);} #id-myqna-list .c-tr-a{background-color: rgb(233, 234, 255);} #id-myqna-list .c-td-date{text-align:right; vertical-align:top;} #id-mywatchlist-list .placeholder{color:#808080;} #id-mywatchlist-list .listWrapper{font-size:13px;} #id-mywatchlist-list table{width:100%;border-collapse: collapse;table-layout: fixed;} #id-mywatchlist-list td{text-align:center;} #id-mywatchlist-list a{color:#1555d5;text-decoration: none;} #id-mywatchlist-list a:hover{text-decoration: underline;} #id-mywatchlist-list .c-mywatchlist-range-page{position:relative;width:100%;height:32px;} #id-mywatchlist-list .c-mywatchlist-range-page .c-rangeRect{position:absolute;left:4px;} #id-mywatchlist-list .c-mywatchlist-range-page .c-pageRect{position:absolute;right:0;} #id-mywatchlist-list .c-tle{background-color:#eee;} #id-mywatchlist-list .c-tle td{padding:3px 0;} #id-mywatchlist-list .c-mywatchlist-tle-selected{width:4.5%;background-color:#fff1cc;border-bottom:1px solid #ddd;} #id-mywatchlist-list .c-mywatchlist-tle-img{width:15.5%;border-bottom:1px solid #ddd;} #id-mywatchlist-list .c-mywatchlist-tle-info{width:100%;border-bottom:1px solid #ddd;} #id-mywatchlist-list .c-mywatchlist-tle-seller{width:22.5%;} #id-mywatchlist-list .c-mywatchlist-tle-unitprice{width:15%;} #id-mywatchlist-list .c-mywatchlist-tle-spec{width:15%;} #id-mywatchlist-list .c-mywatchlist-tle-comment{width:15%;} #id-mywatchlist-list .c-mywatchlist-tle-addtimg{width:15%;} #id-mywatchlist-list .c-mywatchlist-tle-op{width:12.5%;} #id-mywatchlist-list .listWrapper .c-cnt a:hover{color:#ef8a1f;text-decoration:none;} #id-mywatchlist-list .c-mywatchlist-cnt-selected{width:4.5%;background-color:#fff1cc;border-bottom:1px solid #ddd;} #id-mywatchlist-list .c-mywatchlist-cnt-img{width:15.5%;font-size:0;border-bottom:1px solid #ddd;border-right: 1px solid #ddd;} #id-mywatchlist-list .c-mywatchlist-cnt-info{border-bottom:1px solid #ddd; vertical-align: top;} #id-mywatchlist-list .c-mywatchlist-cnt-title{ text-align: left; line-height: 1.6; background: #f2f2f2; padding: 4px; } #id-mywatchlist-list .c-mywatchlist-cnt-info-detail{width:100%;margin:10px 0;} #id-mywatchlist-list .c-mywatchlist-cnt-seller{ width:22.5%; text-align:left; overflow: hidden; color: #aaa; padding-left:4px; } #id-mywatchlist-list .c-mywatchlist-cnt-unitprice{width:15%;} #id-mywatchlist-list .c-mywatchlist-cnt-spec{width:15%;word-break: break-all;word-wrap: break-word;padding:0 5px;} #id-mywatchlist-list .c-mywatchlist-cnt-comment{width:15%;word-break: break-all;word-wrap: break-word;padding:0 5px;} #id-mywatchlist-list .c-mywatchlist-cnt-addtimg{width:15%;} #id-mywatchlist-list .c-mywatchlist-cnt-op{width:12.5%;line-height: 0.5;} #id-mywatchlist-list .c-mywatchlist-cnt-spec a, #id-mywatchlist-list .c-mywatchlist-cnt-comment a{color:#808080;} #id-mywatchlist-list .c-mywatchlist-cnt-op a{ border: 1px solid #ccc; border-radius: 1px; height: 25px; line-height: 25px; display: block; width: 100%; color: #3e3e3e; } #id-mywatchlist-list .c-mywatchlist-cnt-img img{max-width:100px; max-height:100px;} #id-mywatchlist-list .c-mywatchlist-list-checklist{padding:4px 0;} #id-mywatchlist-list .c-mywatchlist-list-checklist span{padding-left:10px;} #id-mywatchlist-list .c-mywatchlist-list-checklist input{vertical-align:middle;} #id-mywatchlist-list .c-unitprice-jpy .c-unitprice-jpy-price{font-size:15px; font-weight:bold;} #id-mywatchlist-list .c-unitprice-jpy .c-unitprice-jpy-unit{font-size:13px;} #id-mywatchlist-list .c-unitprice-ntd .c-unitprice-ntd-price{font-size:13px; color:#666;} #id-mywatchlist-list .c-unitprice-ntd .c-unitprice-ntd-unit{font-size:11px;color:#666;} #id-order-history-1list{margin:2px 0;border:1px solid #FFF;} #id-order-history-1list .c-dv-title{width:99.1%;padding:4px;font-size:15px;display:inline-block;} #id-order-history-1list .c-dv-title-letao{background-color: rgb(255, 255, 213);} #id-order-history-1list .c-dv-title-mm{background-color: rgb(233, 234, 255);} #id-order-history-1list span{display:inline-block;overflow:hidden;} #id-order-history-1list .c-spn-btn{ float:left; width: 20px; height: 20px; vertical-align: top; margin-right: 10px; background: url("//letaoimg.s3-ap-northeast-1.amazonaws.com/jpshopping/btn_expand_arrw_02.png") no-repeat scroll -0px 0px transparent; cursor:pointer; } #id-order-history-1list .c-spn-title{float:left;width:500px;} #id-order-history-1list .c-spn-author{float:left;width: 300px;} #id-order-history-1list .c-spn-addtime{float:right;} #id-order-history-1list .c-dv-content{background-color: #FFF;padding:10px 20px;font-size:13px;display:none;} /*-----------------------------------------------------------------#id-letao-right-info-help*/ #id-letao-right-info-help{ width:99%;} #id-letao-right-info-help h2{ width: 760px; height: 25px; background-image: url("//letaoimg.s3.ap-northeast-1.amazonaws.com/twimg/intro/images/help/help-icon-02.gif"); padding-left: 30px; padding-top: 5px; border-bottom: 1px solid rgb(255, 203, 65); background-repeat: no-repeat; background-position: 10px 8px; margin-top: 5px; font-size: 21px; color: rgb(255, 187, 8); font-weight: bold; padding-bottom: 5px; text-shadow: 1px 1px 1px white;} #id-letao-right-info-help .c-help-id-list{ background-color: rgb(255, 255, 255); padding: 10px; border-radius: 5px; } #id-letao-right-info-help .c-help-id-list a{text-decoration:none;} #id-letao-right-info-help .c-help-id-list a:hover{text-decoration:underline;} #id-letao-right-info-help .c-help-id-list li{line-height:150%;} #id-letao-right-info-help .c-help-content-1{padding:10px 4px;} #id-letao-right-info-help .c-help-content-1-title{ font-size: 15px; color: rgb(0, 107, 189); text-decoration: none; text-align: left; outline: medium none; } #id-letao-right-info-help .c-help-content-1-desc{ font-size: 13px; color: rgb(91, 91, 91); line-height: 170%; background-color: rgb(255, 255, 255); padding: 10px; border-radius: 5px; text-shadow: 1px 1px 1px white; margin-top: 10px; border-right: 1px solid rgb(232, 224, 207); border-bottom: 1px solid rgb(219, 211, 195); border-left: 1px solid rgb(232, 224, 207); } /*-----------------------------------------------------------------/#id-letao-right-info-help*/ /*-----------------------------------------------------------------#id-dv-order*/ #id-dv-order{text-align:center;font-size:13px;overflow: hidden;} #iid-dv-order a{text-decoration:none;} #id-dv-order a:hover{text-decoration:underline;} #id-dv-order table{width: 100%; border-collapse: collapse; table-layout: fixed;} #id-dv-order table td{word-wrap:break-word;word-break:break-all;} #id-dv-order img{vertical-align:middle;} #id-dv-order .dvOrderTle{background-color: #f2f2f2;height:36px;line-height:36px;border-bottom: 1px dotted #ddd;} #id-dv-order .dvOrderBtn{height:36px;line-height:36px;border-bottom: 1px dotted #ddd; text-align:left;} #id-dv-order .dvOrder1List{padding: 10px 0;border-bottom: 1px dotted #ddd;} #id-dv-order .dvOrder1List a{text-decoration: none;} #id-dv-order .dvOrderBuyList{display:none;} #id-dv-order .tabBuylist {width:100%;} #id-dv-order .tabBuylist .tabBuylistHead{ height: 26px; line-height: 28px; overflow: hidden; border-bottom: 1px solid rgb(181, 203, 208); background-color: rgb(224, 237, 243); font-size: 15px; text-align:left; padding-left:4px; } #id-dv-order .tabBuylist .tabBuylistHead img{vertical-align:middle;} #id-dv-order .tabBuylist .tabBuylistTitle{} #id-dv-order .tabBuylist .tabBuylistContent{} #id-dv-order .tabBuylist .tabBuylistContentClear{} #id-dv-order .tabBuylist td { text-align:center; vertical-align: middle; word-break: break-all; word-wrap: break-word; } #id-dv-order .tabBuylist .tabBuylistContent td{border:1px dotted #ddd;} #id-dv-order .tabBuylist a {text-decoration:none;} #id-dv-order .tabBuylist a:hover{color:#ffa700;} #id-dv-order .tabBuylist strong{font-weight:bold;} #id-dv-order .tabBuylist img{vertical-align:middle;} #id-dv-order .tabBuylist small{font-size:11px;color: rgb(153, 153, 153);} #id-dv-order .tabBuylist .tabBuylistTitle td{color:#888;} #id-dv-order .tabBuylist .tdTleSn {width:9%;border-left: 1px dotted #ddd;} #id-dv-order .tabBuylist .tdTleImg {width:11%;} #id-dv-order .tabBuylist .tdTleTitle {width:20%;text-align:left;} #id-dv-order .tabBuylist .tdTleSpec {width:15%;} #id-dv-order .tabBuylist .tdTleUnitPrice {width:10%;} #id-dv-order .tabBuylist .tdTleQuantity {width:5%;} #id-dv-order .tabBuylist .tdTleSubtotal {width:15%;} #id-dv-order .tabBuylist .tdTleComment {width:15%;border-right: 1px dotted #ddd;} #id-dv-order .tabBuylist .tdCntImg {padding: 2px 0;} #id-dv-order .tabBuylist .tdCntTitle {text-align:justify;font-size: 11px;} #id-dv-order .tabBuylist .tdCntMsg{text-align:justify;} #id-dv-order .tabBuylist .tdCntImg img{max-width:80px;max-height:80px;min-height: 80px;font-size: 0;} #id-dv-order .tabBuylist .tabBuylistTotally td{text-align:center;font-size:13px;} #id-dv-order .tabBuylist .tabBuylistTotally .emCount{color:#FF0000;font-weight:bold;font-size:15px;} #id-dv-order .tabBuylist .tabBuylistTotally .emTotallyJPY{color:#FF0000;font-weight:bold;font-size:15px;} #id-dv-order .tabBuylist .tabBuylistTotally .emTotallyNTD{color:#666666;font-size:15px;} #id-dv-order .c-order-totallyNTD-desc{color:#666;font-size:13px;} #id-dv-order .c-order-totallyNTD{ font-size: 15px; color: rgb(205, 42, 16); font-weight: bold; } #id-dv-order .c-order-totallyJPY{color: #888;} #id-dv-order .c-order-statemsg{font-weight: bold;color: #cd2a10;} /* 待購買 提示框*/ #id-dv-order .c-order-statemsg .c-order-statemsg-dialog{ position: relative; } #id-dv-order .c-order-statemsg .c-order-statemsg-dialog__header{ width: 0; height: 0; border-style: solid; border-width: 0 4px 5px 4px; border-color: transparent transparent #cd2a10 transparent; margin: 0 auto; } #id-dv-order .c-order-statemsg .c-order-statemsg-dialog-bottom{ width: 100%; padding: 5px; border: 1px solid #cd2a10; } #id-dv-order .c-order-statemsg .c-order-statemsg-dialog-bottom .bottom-time{ font-size: 12px; letter-spacing: -1px; } /*-----------------------------------------------------------------/#id-dv-order*/ #id-mystatus-workspace{ max-width: 1350px; min-width: 1140px; margin:20px auto; } #id-mystatus-workspace-left{width: 16%;float:left;padding:0;margin:0;} #id-mystatus-workspace-right{width: 82.5%;float:right;padding:0;margin:0;} #id-dv-order-buylist{float: left;width:100%;padding-top:10px; background-color:#FFF;} #id-dv-order-buylist .c-dv-order-buylist-1{ float:left;width:100%;border-bottom:1px solid #CCC;text-align:left;font-size:13px; } #id-dv-order-buylist .c-dv-order-buylist-1 div{padding:2px 0px;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-img{text-align:center;} #id-dv-order-buylist .c-dv-order-buylist-1 a{text-decoration:none;} #id-dv-order-buylist .c-dv-order-buylist-1 a:hover{text-decoration:underline;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-spec a, #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-comment a{color: rgb(21, 85, 213);} #id-dv-order-buylist .c-dv-order-buylist-1 img{max-width:150px;max-height:150px;vertical-align:middle;} #id-dv-order-buylist .c-dv-order-buylist-1 small{font-size:11px;color:#666;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-title{ font-size:15px;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-header{color:#222;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-desc{color:#666;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-state .c-item-desc{ font-weight: bolder; color: rgb(153, 71, 17); } #id-dv-order-buylist .c-dv-order-buylist-1 .c-JPY{font-size:15px;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-JPY-unit{font-size:11px;color:#666;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-NTD{font-size:15px;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-NTD-unit{font-size:11px;color:#666;} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-charge-header{text-align:right;width:45%} #id-dv-order-buylist .c-dv-order-buylist-1 .c-item-charge-desc{text-align:center; padding-right:10px;} /*-----------------------------------------------------------------#id-dv-order-detail(NEW)*/ #id-dv-order-detail-form{ float:left; width:100%; background-color:#fff; border:1px solid #ddd; border-radius:1px; font-size:15px; } #id-dv-order-detail-form img{vertical-align:middle;} #id-dv-order-detail-form a{text-decoration:none;color: rgb(0, 75, 145);} #id-dv-order-detail-form .c-light-small{color:#666;font-size:11px;} #id-dv-order-detail-form .c-weight-large{color:#222;font-size:17px;} #id-dv-order-detail-form span{display:inline-block;} #id-dv-order-detail-form b{color:#a52a2a;font-weight:bold;} #id-dv-order-detail-form-left{float:left;width:28%;line-height:1.4;padding:10px;text-align:left;} #id-dv-order-detail-form-right{float:left;width:68%;border-left:1px dotted #CCC;text-align:left;} #id-dv-order-detail-form-right .c-title{float:left;width:100%;padding:10px;border-bottom:1px dotted #CCC;} #id-dv-order-detail-form-right .c-title .c-title-state{color: #cd2a10;font-size:19px;line-height:125%;display: flex;align-items: center;} #id-dv-order-detail-form-right .c-title .c-title-state .c-title-state-title{margin-right: 10px;font-weight: bold;} #id-dv-order-detail-form-right .c-title .c-title-state .c-title-state-statemsg{position: relative;display: flex;align-items: center;} #id-dv-order-detail-form-right .c-title .c-title-state .c-title-state-statemsg .c-title-state-statemsg-left{ width: 0; height: 0; border-style: solid; border-width: 3.5px 4px 3.5px 0; border-color: transparent #cd2a10 transparent transparent; } #id-dv-order-detail-form-right .c-title .c-title-state .c-title-state-statemsg .c-title-state-statemsg-right{ padding: 6px 10px; border: 1px solid #cd2a10; font-size: 12px; line-height: 12px; font-weight: bold; letter-spacing: -1px; } #id-dv-order-detail-form-right .c-title .c-title-transport{font-size:13px; color:#555;} #id-dv-order-detail-form-right .c-item{float:left;width:100%;padding:10px;} #id-dv-order-detail-form-right .c-item .c-item-img{float:left;width:20%;font-size:11px;} #id-dv-order-detail-form-right .c-item .c-item-img img{max-width:100px;max-height:100px;} #id-dv-order-detail-form-right .c-item .c-item-desc{float:left;width:79%;font-size:13px;} #id-dv-order-detail-form-right .c-item .c-desc-header{float:left;width:100%;} #id-dv-order-detail-form-right .c-item .c-desc-body{float:left;width:100%;} #id-dv-order-detail-form-right .c-item .c-desc-body .c-body-1{float:left;width:100%;} #id-dv-order-detail-form-right .c-item .c-desc-body .c-body-1 .c-body-1-left{float:left;width:60%;text-align:left;} #id-dv-order-detail-form-right .c-item .c-desc-body .c-body-1 .c-body-1-right{float:right;width:40%;text-align:right;} #id-dv-order-detail-form-right .c-item .c-desc-body .c-body-1 .c-body-1-right button{font-size:11px;} #id-dv-order-detail-form-right .c-item .c-desc-body .c-body-2{float:left;width:100%;} /*-----------------------------------------------------------------/#id-dv-order-detail(NEW)*/ .article li{ width: 33%; height: 390px; background-color: #f6f6f6; display: inline-block; overflow: hidden; margin: 0 0 5px 0; } .artS{margin-right: 6px;} .artMargin{margin: 15px;} .article li .photo{height: 190px;background-color: #fff;overflow: hidden; text-align: center;} .article li .photo img{ max-width: 100%; max-height: 100%; min-height: 100%;transition: 0.3s ease-out; } .article li .photo img:hover{ -ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Safari */ transform: scale(1.1); /* Standard syntax */ } .article li .title222{font-size: 17px;color:#FD5656;padding-bottom: 10px;height:32px;overflow:hidden;} .article li .text01{font-size: 13px;line-height: 22px; height:120px; color: #888; overflow: hidden;text-align: justify;} /*.article li .photo a:hover{opacity: 0.85;}*/ .article li .read-more{text-align: right;margin-right: 15px;} .article li .read-more a{font-size: 15px; color:#424242;text-decoration:none;} .article li .read-more a:hover{text-decoration:underline;} /*--第一次付款頁面--*/ .order_new_box { border-radius: 1px; background-color: #fff; padding: 20px 30px; border: 1px solid #ddd; } .order_new_box .img{width: 70px;height: 70px;max-width: 70px;background-color: #eee;float: left;line-height:70px;text-align: center;} .order_new_box .img img{width: 70px;height: 70px;max-width: 70px;} .order_new_box .topTitleb {border-bottom: 1px #eee solid;color: #000;font-size: 19px;padding-bottom: 5px;margin-bottom: 20px;font-weight: bold;} .order_new_box .topTitleb::before {display: inline-block;content: '\f111';font-family: 'Font Awesome 5 Pro';width: 12px;height: 12px;font-size: 12px;margin: 0 3px;position: relative;top: -3px;} .order_new_box .downline{border-top: 1px #eee solid;} .order_new_box table{color: #898989;font-size: 13px;} .order_new_box .topTitle a{font-size: 15px;color: #37F;text-decoration: none;} .order_new_box .topTitle a:hover{font-size: 15px;color: #33b0ff;text-decoration: none;} .order_new_box .downtext {border-top: 1px #eee solid;} .order_new_box .bkText{color: #000;font-weight: bold;} .order_new_box .ONcolor01{color: #000;} .order_new_box .ONcolor02{color: #666;} .order_new_box .ONcolor03{color: #ff0000;} .order_new_box .ONcolor04{color: #f5af26;} .order_new_box .ONcolor05{color: #ff8a00;} .order_new_box .ONText01{font-weight: bold;} .order_new_box .ONText-size01{font-size: 21px;} .order_new_box .ONText-size02{font-size: 15px;} .order_new_box .ONpaddingTop{padding-top:10px;} .order_new_box .ONstyle01{line-height: 190%;} .order_new_box .ONstyle02{margin-bottom: 20px;} .order_new_box .ONText02{display:inline-block;color: #898989;font-size: 13px;line-height: 160%;} .order_new_box .ONText02 li{list-style-type:disc;margin-left:20px;} .order_new_box .ONText02 a{color: rgb(21, 85, 213);text-decoration: none;} .order_new_box .ONText02 a:hover{color: #1555D5;;text-decoration: underline;} .order_new_box .ONmarginbom{margin-bottom: 40px;} .order_new_box ul.QAbox {width: 930px;margin: 0;padding: 0;} .order_new_box ul.QAbox li{float: left;list-style-type: none;width: 270px;/*height:200px;*/margin-right:40px;} .order_new_box ul.QAbox li h3{color: #000;font-size: 17px; font-weight: normal;margin: 0px;} .order_new_box ul.QAbox li p{color: #898989;font-size: 13px;line-height: 160%;} .order_new_box ul.QAbox li b{color: #333; font-weight:normal;} .order_new_box .text01{margin-left: 20px;} .table-td td{padding: 5px 0px;} .order_new_box .moneys{text-align: right;color: #000;font-weight:bold;} .order_new_box .moneyb{text-align: right;color: #000;font-weight:bold;} .jp-btn01 { font-size: 15px; font-weight: normal; border-radius: 3px; text-decoration: none; background-color: #e74649; background-image: linear-gradient(to bottom,#ededed 0,#dfdfdf 100%); color: #666; display: inline-block; width: 160px; text-align: center; height: 32px; line-height: 32px; } .jp-btn01:hover { background-color: #e74649; background-image: linear-gradient(to bottom,#f6f6f6 0,#e2e2e2 100%); } .jp-btn02 { font-size: 15px; font-weight: normal; border-radius: 3px; text-decoration: none; background-color: #e74649; background-image: linear-gradient(to bottom,#e74649 0,#df3134 100%); color: #fff; display: inline-block; width: 160px; text-align: center; height: 32px; line-height: 32px; } .jp-btn02:hover { background-color: #e74649; background-image: linear-gradient(to bottom,#ff4e51 0,#ff3134 100%); } /*--第一次付款頁面 end--*/ .OrderSetp6List .ListT1{color: #999; font-size:11px;line-height:150%; font-weight:normal;} .OrderSetp6List .ListT2{float:left;} .OrderSetp6List .ListT3{float:right;width:30%;text-align:right;} .OrderSetp6List .ListT4{float:right;width:30%;color:#999;text-align:right;} .OrderSetp6List .ListT5{float:right;width:30%;text-align:right;color:red} .OrderSetp6List .ListA1{color: #1544a6;text-decoration: none;font-size: 15px;} .OrderSetp6List .ListA1:hover{color: #00B1FF;} .OrderSetp6List .ListD1{width:100%;height:40px} .OrderSetp6List .ListD2{width:100%;font-size:15px;color: #C00;height:40px;} .OrderSetp6List .ListD3{box-sizing: initial; float:left;width:45%;border:1px solid #DDD;padding:15px;height:300px} .OrderSetp6List .ListD3:hover{ border:1px solid #000;} .OrderSetp6List .ListD4{width:100%;clear:both;padding:5px;} .OrderSetp6List .ListD5{width:100%;clear:both;height:30px;padding:20px;text-align:center;} .OrderSetp6List .ListD6{float:left;width:5.2%} .OrderSetp6List .ListD7{width:100%;clear:both;padding:5px} .OrderSetp6List .ListD3D1{text-align:center;height:30px} .OrderSetp6List .ListD3D2{width:100%;clear:both;min-height:30px} .OrderSetp6List .ListB1{background-color: #DDD;border: 1px solid #ccc;border-bottom: 1px solid #bbb;border-radius: 3px;color: #333; padding: 6px 0;text-align: center;width: 130px; cursor: pointer;display:inline-block;font-size:15px;text-decoration:none} .OrderSetp6List .ListB1:hover {background-color: #EEE;} .OrderSetp6List .ListB1:heavy{font-weight:bold;} .OrderSetp6List .mark-text--point {color: red; font-weight: bold;} /* relatedItem */ .itemInner { margin-bottom: 50px; } .relatedItemWrapper { position: relative; } .relatedItemWrapper .titleHeader { position: relative; } .relatedItemWrapper .titleHeader h3 { color: #9a9a9a; display: inline-block; background: #f6f6f6; padding-right: 3%; margin: 0; margin-bottom: 15px; font-size: 16px; } .relatedItemWrapper .titleHeader h3:after { color: #ddd; width: 100%; display: block; content: ''; border-bottom: 1px solid #ccc; position: absolute; top: 12px; z-index: -1; } .relatedItemWrapper .item { margin-right: 36px; width: 170px; height: 260px; float: left; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .relatedItemWrapper .item:hover { -webkit-transform: translateY(-7px); transform: translateY(-7px); } .relatedItemWrapper .item.adSection:hover { -webkit-transform: none; transform: none; } .relatedItemWrapper .item img { max-width: 100%; } .relatedItemWrapper .item:last-child { margin-right: 0; } .relatedItemWrapper .item .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #222; padding-top: 5px; } .relatedItemWrapper .item .subtitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #777; padding-top: 2px; } .relatedItemWrapper .item .price { padding-top: 13px; } .relatedItemWrapper .item .price .oriprice { font-size: 12px; color: #888; text-decoration: line-through; } .relatedItemWrapper .item .price .sellingprice { font-size: 20px; color: #ee1f1f; margin-left: 10px; line-height: 1; font-family: arial; float: right; margin-top: -5px; } .relatedItemWrapper .item .price .sellingprice .nt { font-size: 12px; } .relatedItemWrapper .item .price .sellingprice .letaoCoin { width: 20px; margin-right: 5px; vertical-align: top; } .relatedItemWrapper .item .price .letaoCoinPoint { font-size: 20px; color: #ee1f1f; margin-left: 10px; line-height: 1; font-family: arial; float: right; margin-top: -5px; } .relatedItemWrapper .item .price .letaoCoinPoint:before { content: ''; display: inline-block; background: url("https://www.limg.tw/jpselection/item/letaoCoin_m.png") no-repeat; width: 20px; height: 20px; vertical-align: middle; background-position: center center; margin-bottom: 3px; } .relatedItemWrapper .item .price .letaoCoinPoint:after { content: '點'; font-size: 12px; color: #888; margin-left: 3px; } .relatedItemWrapper .coinPoint { color: #000; } .relatedItemWrapper .adSection img:hover { opacity: 0.8; -webkit-transition: all .3s; transition: all .3s; } /*onsaleWrapper-------------------------*/ /* 直播開框 */ .OnSaleWrapper { padding: 10px 0; background-color: #f5f5f5; display:none; } .OnSaleWrapper img { max-width: 100%; } .OnSaleWrap { background: url('https://www.limg.tw/jpselection/livesale/livesale_bg_1.png')no-repeat; padding: 35px; min-height: 615px; } .OnSaleWrapper .titleWrap .OnSaleTitle { text-align: center; background: url('//www.limg.tw/jpselection/livesale/livesale_title.png')no-repeat; display: block; text-indent: -9999px; z-index: 2; background-position: center center; height: 120px; } .OnSaleItemWrap { margin-top: 85px; } .OnSaleWrapper .mainItemWrap { float: left; display: block; height: 285px; width: 600px; background-color: #000; margin-left: 268px; } .OnSaleWrapper .sideItemWrap { float: left; display: block; height: 285px; width: 220px; background-color: #fff; overflow: auto; margin-left: 20px; } .OnSaleWrapper .socialLink { text-align: center; width: 360px; height: 75px; } .OnSaleWrapper .socialLink.buynow{ margin-left: 190px; } .OnSaleWrapper .social_box{ margin: 0 auto; margin-top: -210px; } /*EOF onsaleWrapper-------------------------*/ .event-discount__tag { margin: 3px 5px; padding: 2px 3px; color: white; }