@charset "utf-8";
/* CSS Document */

/* reset */
@charset "utf-8";body{word-wrap:break-word;word-break:break-word}a{outline: none;hlbr:expression(this.onFocus=this.blur());}a:link,a:visited{text-decoration:none;outline:none}a:hover,a:active{text-decoration:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,hgroup,menu,nav,section{display:block}ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}* html .clearfix{zoom:1}:first-child+html .clearfix{zoom:1}input:focus,select:focus{outline:0}input[type="text"],input[type="password"],select,textarea{font-size:15px;line-height:30px}input.check-ok-btn[type="button"],input.check-ok-btn[type="submit"]{display:inline-block;width:258px;height:50px;text-align:center;border:2px solid #000;cursor:pointer;background:#fff;color:#000}input.check-ok-btn[type="button"]:hover,input.check-ok-btn[type="submit"]:hover{background:#000;color:#fff}input.check-small-btn[type="button"],input.check-small-btn[type="submit"]{display:inline-block;width:100px;height:30px;text-align:center;border:0;cursor:pointer;background:#161616;color:#fff}input.check-small-btn[type="button"]:hover,input.check-small-btn[type="submit"]:hover{background:#000}input.check-next-btn[type="button"],input.check-next-btn[type="submit"]{display:inline-block;width:258px;height:50px;text-align:center;border:2px solid #000;cursor:pointer;background:#fff;color:#000}input.check-next-btn[type="button"]:hover,input.check-next-btn[type="submit"]:hover{background:#000;color:#fff}input[type="text"],input[type="password"],input[type="date"]{border:solid 1px #ddd;padding:0 15px;height:30px;display:inline-block;}input[type="date"]{-webkit-appearance: none;background-color: #fff;}input::-webkit-input-placeholder{color:#888}input:-moz-placeholder{color:#888}input::-moz-placeholder{color:#888}input:-ms-input-placeholder{color:#888}input[type="button"],input[type="submit"],input[type="reset"],input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover{}input[type="text"],input[type="password"],input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}input[type="submit"]{border:0}input[type="text"],input[type="password"],input[type="date"],input[type="email"],select,textarea{border:1px solid #ddd;border-radius:3px}select{border:1px solid #ddd;;padding:0 5px;display:inline-block;}textarea{width:100%;border:1px solid #ddd;padding:5px;color:#222}img{border:none;image-rendering:-webkit-optimize-contrast;}.FOR_MAIN{ image-rendering: -webkit-optimize-contrast;}address, caption, cite, code, dfn, em, th,var{ font-style: normal; font-weight: normal; }

/* Owl Carousel v2.3.4 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{background:transparent;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{text-indent:-9999px;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer}.owl-theme .owl-nav [class*=owl-]:hover{color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:45%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:5px;width:12px;height:12px;background:url(../images/slick-prev.png) no-repeat center center}[dir='rtl'] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:''}[dir='rtl'] .slick-prev:before{content:''}.slick-next{right:5px;width:12px;height:12px;background:url(../images/slick-next.png) no-repeat center center}[dir='rtl'] .slick-next{right:auto;left:-25px}.slick-next:before{content:''}[dir='rtl'] .slick-next:before{content:''}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.mainBanner .slick-dots{bottom:5px}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.mainBanner .slick-dots li{width:10px;height:10px}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.mainBanner .slick-dots li button{border:1px solid #FFF;border-radius:100%;width:10px;height:10px;padding:0}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.mainBanner .slick-dots li button:hover:before,.mainBanner .slick-dots li button:focus:before{opacity:.25}.slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'��';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mainBanner .slick-dots li button:before{width:10px;height:10px;font-size:30px;line-height:7px;font-family:inherit}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.mainBanner .slick-dots li.slick-active button:before{color:#f16378;opacity:1}

/* Swiper 4.0.5 */
 .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto !important;}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;transform: translateY(-50%);z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#222}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

 /*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#fff;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:99999}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font-size:14px; line-height:20px;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../javascripts/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../javascripts/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../javascripts/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:99;background:url(../javascripts/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font-size:13px; line-height:20px;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}

/* Ion.RangeSlider */
.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.irs-line{position:relative;display:block;overflow:hidden;outline:none!important}.irs-line-left,.irs-line-mid,.irs-line-right{position:absolute;display:block;top:0}.irs-line-left{left:0;width:11%}.irs-line-mid{left:9%;width:82%}.irs-line-right{right:0;width:11%}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-bar-edge{position:absolute;display:block;top:0;left:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-slider{position:absolute;display:block;cursor:default;z-index:1}.irs-slider.type_last{z-index:2}.irs-min{position:absolute;display:block;left:0;cursor:default}.irs-max{position:absolute;display:block;right:0;cursor:default}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0.0);z-index:2}.irs-disabled{opacity:.4}.lt-ie9 .irs-disabled{filter:alpha(opacity=40)}.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;outline:none!important;z-index:-9999!important;background:none!important;border-style:solid!important;border-color:transparent!important}.irs-line-mid,.irs-line-left,.irs-line-right,.irs-bar,.irs-bar-edge,.irs-slider{background:url(../images/sprite-skin-flat_mobile.png) repeat-x}.irs{height:40px}.irs-with-grid{height:60px}.irs-line{height:12px;top:25px}.irs-line-left{height:12px;background-position:0 -30px}.irs-line-mid{height:12px;background-position:0 0}.irs-line-right{height:12px;background-position:100% -30px}.irs-bar{height:12px;top:25px;background-position:0 -60px}.irs-bar-edge{top:25px;height:12px;width:9px;background-position:0 -90px}.irs-shadow{height:3px;top:34px;background:#000;opacity:.25}.lt-ie9 .irs-shadow{filter:alpha(opacity=25)}.irs-slider{width:16px;height:18px;top:22px;background-position:0 -120px}.irs-slider.state_hover,.irs-slider:hover{background-position:0 -150px}.irs-min,.irs-max{color:#999;font-size:10px;line-height:1.333;text-shadow:none;top:0;padding:1px 3px;background:#e1e4e9;-moz-border-radius:4px;border-radius:4px}.irs-from,.irs-to,.irs-single{color:#000;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background:#f0f0f0;-moz-border-radius:4px;border-radius:4px}.irs-from:after,.irs-to:after,.irs-single:after{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#f0f0f0}.irs-grid-pol{background:#e1e4e9}.irs-grid-text{color:#999}

/* Web-Font(Line) CSS */
@font-face{font-family:'icons-line';src:url(../css/images/fonts/icons-line.eot?rsm5v4);src:url(../css/images/fonts/icons-line.eot?rsm5v4#iefix) format("embedded-opentype"),url(../css/images/fonts/icons-line.ttf?rsm5v4) format("truetype"),url(../css/images/fonts/icons-line.woff?rsm5v4) format("woff"),url(../css/images/fonts/icons-line.svg?rsm5v4#icons-line) format("svg");font-weight:400;font-style:normal;font-display:block}
i.icons-line{font-family:'icons-line'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* 空心 */
.icon-line-move:before {
	content: "\e9fb";
}

.icon-line-clip:before {
	content: "\e9fa";
}

.icon-line-ai-cloud:before {
	content: "\e9f9";
}

.icon-line-smart-description:before {
	content: "\e9f8";
}

.icon-line-smart-product:before {
	content: "\e9f7";
}

.icon-line-date-analyze:before {
	content: "\e9d2";
}

.icon-line-star:before {
	content: "\e9b6";
}

.icon-line-ai:before {
	content: "\e9b4";
}

.icon-line-paid:before {
	content: "\e9b5";
}

.icon-line-calendar2:before {
	content: "\e9b2";
}

.icon-line-filter2:before {
	content: "\e9b3";
}

.icon-line-social-media-Login:before {
	content: "\e9b1";
}

.icon-line-promotion-report:before {
	content: "\e9b0";
}

.icon-line-Interface:before {
	content: "\e9af";
}

.icon-line-invoice:before {
	content: "\e9ae";
}

.icon-line-paidService:before {
	content: "\e9ac";
}

.icon-line-cart02:before {
	content: "\e9ad";
}

.icon-line-Tag:before {
	content: "\e9ab";
}

.icon-line-BankStatement:before {
	content: "\e9a4";
}

.icon-line-GroupLeader:before {
	content: "\e9a3";
}

.icon-line-funnel:before {
	content: "\e99c";
}

.icon-line-notify:before {
	content: "\e9aa";
}

.icon-line-SendOut:before {
	content: "\e965";
}

.icon-line-dot-three-01:before {
	content: "\e968";
}

.icon-line-Query:before {
	content: "\e969";
}

.icon-line-Reduce02:before {
	content: "\e96b";
}

.icon-line-Refresh:before {
	content: "\e96c";
}

.icon-line-Save:before {
	content: "\e96d";
}

.icon-line-Search:before {
	content: "\e96e";
}

.icon-line-Seller:before {
	content: "\e96f";
}

.icon-line-Setting:before {
	content: "\e970";
}

.icon-line-Shop:before {
	content: "\e971";
}

.icon-line-Shop02:before {
	content: "\e972";
}

.icon-line-Shopping-bag:before {
	content: "\e973";
}

.icon-line-Sure:before {
	content: "\e974";
}

.icon-line-UnLook:before {
	content: "\e975";
}

.icon-line-Version:before {
	content: "\e976";
}

.icon-line-Wantlist:before {
	content: "\e977";
}

.icon-ine-Serialnumber:before {
	content: "\e978";
}

.icon-line-Add02:before {
	content: "\e979";
}

.icon-line-Administrator:before {
	content: "\e97a";
}

.icon-line-Arrow-Down:before {
	content: "\e97b";
}

.icon-line-Arrow-Downward1:before {
	content: "\e97c";
}

.icon-line-Arrow-Left02:before {
	content: "\e97d";
}

.icon-line-Arrow-Right02:before {
	content: "\e97e";
}

.icon-line-arrow-top:before {
	content: "\e97f";
}

.icon-line-Arrow-UP:before {
	content: "\e980";
}

.icon-line-Badge:before {
	content: "\e981";
}

.icon-line-Bank:before {
	content: "\e982";
}

.icon-line-Barcode:before {
	content: "\e983";
}

.icon-line-Barcode02:before {
	content: "\e984";
}

.icon-line-Blockade:before {
	content: "\e985";
}

.icon-line-Block-Member:before {
	content: "\e986";
}

.icon-line-Buyer:before {
	content: "\e987";
}

.icon-line-Calendar:before {
	content: "\e988";
}

.icon-line-Camera:before {
	content: "\e989";
}

.icon-line-Category:before {
	content: "\e98a";
}

.icon-line-Comment:before {
	content: "\e98b";
}

.icon-line-Copy:before {
	content: "\e98c";
}

.icon-line-Credit-Card:before {
	content: "\e98d";
}

.icon-line-Customer-Service:before {
	content: "\e98e";
}

.icon-line-Delete:before {
	content: "\e98f";
}

.icon-line-Document:before {
	content: "\e990";
}

.icon-line-Doubt:before {
	content: "\e991";
}

.icon-line-Download:before {
	content: "\e992";
}

.icon-line-Event:before {
	content: "\e993";
}

.icon-line-Filter:before {
	content: "\e994";
}

.icon-line-Freezing:before {
	content: "\e995";
}

.icon-line-Fridge:before {
	content: "\e996";
}

.icon-line-Function:before {
	content: "\e997";
}

.icon-line-General:before {
	content: "\e998";
}

.icon-line-Help:before {
	content: "\e99a";
}

.icon-line-Index:before {
	content: "\e99b";
}

.icon-line-Links:before {
	content: "\e99d";
}

.icon-line-Live:before {
	content: "\e99e";
}

.icon-line-Look:before {
	content: "\e99f";
}

.icon-line-MamberID-None:before {
	content: "\e9a0";
}

.icon-line-No-Product:before {
	content: "\e9a1";
}

.icon-line-Ordercancel:before {
	content: "\e9a2";
}

.icon-line-Page-01:before {
	content: "\e967";
}

.icon-line-Password:before {
	content: "\e9a5";
}

.icon-line-Permission:before {
	content: "\e9a6";
}

.icon-line-Preview:before {
	content: "\e9a8";
}

.icon-line-Print:before {
	content: "\e9a9";
}

.icon-line-Arrow-FarRight:before {
	content: "\e962";
}

.icon-line-Arrow-left:before {
	content: "\e963";
}

.icon-line-Arrow-Right:before {
	content: "\e964";
}

.icon-line-Arrow-FarLeft:before {
	content: "\e966";
}

.icon-line-Arrow-Downward:before {
	content: "\e9a7";
}

.icon-line-Group:before {
	content: "\e999";
}

.icon-share-01:before {
	content: "\e960";
}

.icon-line-box-ArrowBack:before {
	content: "\e95b";
}

.icon-line-box-ArrowDown:before {
	content: "\e95c";
}

.icon-line-box-ArrowUp:before {
	content: "\e95d";
}

.icon-line-member:before {
	content: "\e95e";
}

.icon-line-QRcode:before {
	content: "\e95f";
}

.icon-line-ArrowParper:before {
	content: "\e953";
}

.icon-line-Reduce:before {
	content: "\e96a";
}

.icon-line-add:before {
	content: "\e952";
}

.icon-line-X:before {
	content: "\e955";
}

.icon-line-tick:before {
	content: "\e961";
}

.icon-line-ashbin:before {
	content: "\e956";
}

.icon-line-edit:before {
	content: "\e957";
}

.icon-line-truck:before {
	content: "\e958";
}

.icon-line-percent:before {
	content: "\e959";
}

.icon-line-dot:before {
	content: "\e95a";
}

.icon-mem-pdfaq:before {
	content: "\e948";
}

.icon-mem-trace:before {
	content: "\e949";
}

.icon-mem-coupon:before {
	content: "\e94a";
}

.icon-mem-points:before {
	content: "\e94b";
}

.icon-mem-tracelist:before {
	content: "\e94c";
}

.icon-line-hamburger:before {
	content: "\e940";
}

.icon-line-fire-2:before {
	content: "\e954";
}

.icon-mem-truck:before {
	content: "\e94d";
}

.icon-mem-editinfo:before {
	content: "\e94e";
}

.icon-mem-grouplist:before {
	content: "\e94f";
}

.icon-mem-address:before {
	content: "\e950";
}

.icon-mem-link-social:before {
	content: "\e951";
}

.icon-line-emoney-bold-02:before {
	content: "\e944";
}

.icon-line-info-edit-bold-02:before {
	content: "\e945";
}

.icon-line-round-bold-02:before {
	content: "\e946";
}

.icon-line-shop-bold-02:before {
	content: "\e947";
}

.icon-data-bold-02:before {
	content: "\e943";
}

.icon-line-box-product:before {
	content: "\e941";
}

.icon-line-home-bag:before {
	content: "\e942";
}

.icon-line-earphone:before {
	content: "\e93b";
}

.icon-line-arrow-UpDown:before {
	content: "\e93c";
}

.icon-line-bell:before {
	content: "\e93d";
}

.icon-line-lattice:before {
	content: "\e93e";
}

.icon-line-paper-text:before {
	content: "\e93f";
}

.icon-line-announce:before {
	content: "\e93a";
}

.icon-list-01:before {
	content: "\e922";
}

.icon-data-01:before {
	content: "\e92f";
}

.icon-table-01:before {
	content: "\e930";
}

.icon-social-01:before {
	content: "\e928";
}

.icon-duplicate-01:before {
	content: "\e92c";
}

.icon-preview-01:before {
	content: "\e92de";
}

.icon-like-01:before {
	content: "\e955e";
}

.icon-arrow-left-01:before {
	content: "\e90e";
}

.icon-arrow-right-01:before {
	content: "\e90f";
}

.icon-arrow-top-01:before {
	content: "\e910";
}

.icon-arrow-down-01:before {
	content: "\e911";
}

.icon-close-02:before {
	content: "\e92a";
}

.icon-arrow-left-02:before {
	content: "\e912";
}

.icon-arrow-right-02:before {
	content: "\e913";
}

.icon-arrow-top-02:before {
	content: "\e914";
}

.icon-arrow-down-02:before {
	content: "\e915";
}

.icon-arrow-left-03:before {
	content: "\e924";
}

.icon-arrow-right-03:before {
	content: "\e925";
}

.icon-arrow-top-03:before {
	content: "\e926";
}

.icon-arrow-down-03:before {
	content: "\e923";
}

.icon-arrow-left-04:before {
	content: "\e91b";
}

.icon-arrow-right-04:before {
	content: "\e91c";
}

.icon-arrow-top-04:before {
	content: "\e91d";
}

.icon-arrow-down-04:before {
	content: "\e91a";
}

.icon-close-circle-01:before {
	content: "\e917";
}

.icon-login-01:before {
	content: "\e90c";
}

.icon-logout-01:before {
	content: "\e90d";
}

.icon-add-01:before {
	content: "\e906";
}

.icon-remove-01:before {
	content: "\e907";
}

.icon-user-circle-01:before {
	content: "\e90b";
}

.icon-heart-01:before {
	content: "\e909";
}

.icon-cart-01:before {
	content: "\e908";
}

.icon-search-01:before {
	content: "\e90a";
}

.icon-info-edit-01:before {
	content: "\e900";
}

.icon-password-01:before {
	content: "\e905";
}

.icon-orderlist-01:before {
	content: "\e904";
}

.icon-emoney-01:before {
	content: "\e902";
}

.icon-bonus-01:before {
	content: "\e903";
}

.icon-ticket-01:before {
	content: "\e901";
}

.icon-address-01:before {
	content: "\e918";
}

.icon-shipping-01:before {
	content: "\e91e";
}

.icon-exchange-01:before {
	content: "\e938";
}

.icon-question-circle-01:before {
	content: "\e919";
}

.icon-alert-circle-01:before {
	content: "\e91f";
}

.icon-refresh-01:before {
	content: "\e916";
}

.icon-barcode-01:before {
	content: "\e9ba";
}

.icon-trash-01:before {
	content: "\e920";
}

.icon-shop-01:before {
	content: "\e921";
}

.icon-social-whatsapp-01:before {
	content: "\e9be";
}

.icon-social-messenger-01:before {
	content: "\e9c0";
}

.icon-social-facebook-01:before {
	content: "\e9c2";
}

.icon-social-email-01:before {
	content: "\e9c4";
}

.icon-social-line-01:before {
	content: "\e9c6";
}

.icon-social-instagram-01:before {
	content: "\e9c8";
}

.icon-social-twitter-01:before {
	content: "\e9ca";
}

.icon-social-google-01:before {
	content: "\e9d0";
}

.icon-social-plurk-01:before {
	content: "\e9ce";
}

.icon-social-sina-01:before {
	content: "\e9cc";
}
/* Web-Font(Solid) CSS */
@font-face{font-family:'icons-solid';src:url(../css/images/fonts/icons-solid.eot?cftcpn);src:url(../css/images/fonts/icons-solid.eot?cftcpn#iefix) format("embedded-opentype"),url(../css/images/fonts/icons-solid.ttf?cftcpn) format("truetype"),url(../css/images/fonts/icons-solid.woff?cftcpn) format("woff"),url(../css/images/fonts/icons-solid.svg?cftcpn#icons-solid) format("svg");font-weight:400;font-style:normal;font-display:block}
i.icons-solid{font-family:'icons-solid'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-solid-menuSetting:before {
	content: "\e932";
}

.icon-solid-date-analyze:before {
	content: "\e9f6";
}

.icon-solid-star2:before {
	content: "\e931";
}

.icon-solid-half-star:before {
	content: "\e92d";
}

.icon-solid-star:before {
	content: "\e92e";
}

.icon-solid-shoppingmode:before {
	content: "\e927";
}

.icon-solid-groups:before {
	content: "\e929";
}

.icon-solid-visibility:before {
	content: "\e92b";
}

.icon-solid-touch-app:before {
	content: "\e934";
}

.icon-solid-location:before {
	content: "\e935";
}

.icon-solid-journey-collection:before {
	content: "\e936";
}

.icon-solid-mypoints:before {
	content: "\e937";
}

.icon-solid-points-card:before {
	content: "\e939";
}

.icon-solid-reservation:before {
	content: "\e9b7";
}

.icon-solid-map:before {
	content: "\e9b8";
}

.icon-solid-account:before {
	content: "\e9b9";
}

.icon-solid-note:before {
	content: "\e9bb";
}

.icon-solid-mycollection:before {
	content: "\e9bc";
}

.icon-solid-social-media-setting:before {
	content: "\e9bd";
}

.icon-solid-link-management:before {
	content: "\e9bf";
}

.icon-solid-addup:before {
	content: "\e9c1";
}

.icon-solid-Cash-flow:before {
	content: "\e9c3";
}

.icon-solid-expansion:before {
	content: "\e9c5";
}

.icon-solid-customized-store:before {
	content: "\e9c7";
}

.icon-solid-paid-service:before {
	content: "\e9c9";
}

.icon-solid-service:before {
	content: "\e9cb";
}

.icon-solid-service-order:before {
	content: "\e9cd";
}

.icon-soild-onlinetalk:before {
	content: "\e9cf";
}

.icon-solid-drag:before {
	content: "\e9d1";
}

.icon-solid-export-update:before {
	content: "\e9d3";
}

.icon-solid-ab-commodity-event:before {
	content: "\e9d4";
}

.icon-solid-special-store:before {
	content: "\e9d5";
}

.icon-solid-product-gallery-pic:before {
	content: "\e9d6";
}

.icon-line-store-customer-service:before {
	content: "\e9d7";
}

.icon-solid-collect-money:before {
	content: "\e9d8";
}

.icon-solid-team-buying:before {
	content: "\e9d9";
}

.icon-line-view-analysis:before {
	content: "\e9da";
}

.icon-line-choice:before {
	content: "\e9db";
}

.icon-line-Conversion-Rate:before {
	content: "\e9dc";
}

.icon-line-customer-service01:before {
	content: "\e9dd";
}

.icon-line-flow-analysis:before {
	content: "\e9de";
}

.icon-line-goods-analysis:before {
	content: "\e9df";
}

.icon-line-invisible-shop:before {
	content: "\e9e0";
}

.icon-line-Member-Blacklist:before {
	content: "\e9e1";
}

.icon-line-membership:before {
	content: "\e9e2";
}

.icon-line-merchandise:before {
	content: "\e9e3";
}

.icon-line-move-myship:before {
	content: "\e9e4";
}

.icon-line-move-shopee:before {
	content: "\e9e5";
}

.icon-line-Myshop-classification:before {
	content: "\e9e6";
}

.icon-line-non-groupbuy:before {
	content: "\e9e7";
}

.icon-line-notice:before {
	content: "\e9e8";
}

.icon-line-object-model:before {
	content: "\e9e9";
}

.icon-line-operate-analysis:before {
	content: "\e9ea";
}

.icon-line-payment-flow:before {
	content: "\e9eb";
}

.icon-line-seller-bank:before {
	content: "\e9ec";
}

.icon-line-shipping-analysis:before {
	content: "\e9ed";
}

.icon-line-special-offer:before {
	content: "\e9ee";
}

.icon-line-Bank-statement:before {
	content: "\e9ef";
}

.icon-line-basic-page:before {
	content: "\e9f0";
}

.icon-line-basic-shop:before {
	content: "\e9f1";
}

.icon-line-batch-job:before {
	content: "\e9f2";
}

.icon-line-BBC-bulkupload:before {
	content: "\e9f3";
}

.icon-line-Bonus:before {
	content: "\e9f4";
}

.icon-line-bulkupload:before {
	content: "\e9f5";
}

.icon-solid-paper-hook-2:before {
	content: "\e800";
}

.icon-solid-pen-dialogue:before {
	content: "\e801";
}

.icon-solid-truck:before {
	content: "\e802";
}

.icon-solid-box-arrow:before {
	content: "\e803";
}

.icon-solid-free-box:before {
	content: "\e804";
}

.icon-solid-free-hang:before {
	content: "\e805";
}

.icon-solid-layout:before {
	content: "\e806";
}

.icon-solid-paper-hook:before {
	content: "\e807";
}

.icon-solid-add-cart:before {
	content: "\e808";
}

.icon-solid-two-talk:before {
	content: "\e809";
}

.icon-solid-two-ticket:before {
	content: "\e80a";
}

.icon-solid-branch:before {
	content: "\e80b";
}

.icon-solid-four-box:before {
	content: "\e80c";
}

.icon-solid-money-hand:before {
	content: "\e80d";
}

.icon-solid-money-updown:before {
	content: "\e80e";
}

.icon-solid-qrcode:before {
	content: "\e80f";
}

.icon-solid-ticket:before {
	content: "\e810";
}

.icon-solid-box-add:before {
	content: "\e811";
}

.icon-solid-arrow-down-01:before {
	content: "\e812";
}

.icon-solid-arrow-left-01:before {
	content: "\e813";
}

.icon-solid-arrow-right-01:before {
	content: "\e814";
}

.icon-solid-arrow-top-01:before {
	content: "\e815";
}

.icon-solid-phone-circle-01:before {
	content: "\e816";
}

.icon-solid-cart-01:before {
	content: "\e817";
}

.icon-solid-filter-01:before {
	content: "\e818";
}

.icon-solid-social-messenger-01:before {
	content: "\e819";
}

.icon-solid-phone-01:before {
	content: "\e81a";
}

.icon-solid-arrow-down-02:before {
	content: "\e81b";
}

.icon-solid-arrow-left-02:before {
	content: "\e81c";
}

.icon-solid-arrow-right-02:before {
	content: "\e81d";
}

.icon-solid-arrow-top-02:before {
	content: "\e81e";
}

.icon-solid-login-01:before {
	content: "\e81f";
}

.icon-solid-logout-01:before {
	content: "\e820";
}

.icon-solid-heart-02:before {
	content: "\e821";
}

.icon-solid-user-circle-01:before {
	content: "\e822";
}

.icon-solid-social-whatsapp-01:before {
	content: "\e823";
}

.icon-solid-list-01:before {
	content: "\e824";
}

.icon-solid-data-01:before {
	content: "\e825";
}

.icon-solid-table-01:before {
	content: "\e826";
}

.icon-solid-duplicate-01:before {
	content: "\e827";
}

.icon-solid-social-01:before {
	content: "\e828";
}

.icon-solid-preview-01:before {
	content: "\e829";
}

.icon-solid-social-email-01:before {
	content: "\e82a";
}

.icon-solid-social-facebook-01:before {
	content: "\e82b";
}

.icon-solid-social-google-01:before {
	content: "\e82c";
}

.icon-solid-social-instagram-01:before {
	content: "\e82d";
}

.icon-solid-social-line-01:before {
	content: "\e82e";
}

.icon-solid-social-plurk-01:before {
	content: "\e82f";
}

.icon-solid-social-sina-01:before {
	content: "\e830";
}

.icon-solid-social-twitter-01:before {
	content: "\e831";
}

.icon-solid-two-column-01:before {
	content: "\e832";
}

.icon-solid-one-column-01:before {
	content: "\e833";
}

.icon-solid-like-01:before {
	content: "\e834";
}

.icon-solid-add-01:before {
	content: "\e835";
}

.icon-solid-remove-01:before {
	content: "\e836";
}

.icon-solid-search-01:before {
	content: "\e837";
}

.icon-solid-heart-01:before {
	content: "\e838";
}

.pd-check-box{display: flex;width: 24px;}

/*GDPR*/
.personal_statement{ text-align: center; width:100%; height: auto; padding: 20px 25px 30px 25px; position: fixed; bottom:0; background: rgba(255,255,255,.95); font-size: 14px; line-height: 30px; color: #222; z-index: 99999; border-top: 1px solid #dfdfdf;box-shadow: 0px -4px 5px -3px #8A8A8A; -webkit-box-shadow: 0px -4px 5px -3px #8A8A8A; -moz-box-shadow: 0px -4px 5px -3px #8A8A8A; -o-box-shadow: 0px -4px 5px -3px #8A8A8A;}
.btn_personal_statement{ display: block; margin: 0 auto; cursor: pointer; text-align: left; width: 100px; height: 40px; color: #fff; border: 0; background: url(images/checked.svg) 15px center no-repeat #666; background-size: 15px; padding-left: 40px;transition: 0.5s;letter-spacing: .2px; }
.btn_personal_statement:hover{ background: url(images/checked.svg) 15px 10px no-repeat #333; background-size: 15px;}
.btn_personal_box{ width: 100px; height: 40px; margin: 0 auto; margin-top: 15px;}

/* 商品(18禁) */
.img_eighteen_only{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; background-color:#fff; background-image: url(images/eighteen_only.svg); background-position: center center; background-size: 70px; background-repeat: no-repeat;}
.pd-dt-pic .big_img .img_eighteen_only,
.it77_PDetail_Imgbox .img_eighteen_only{ background-size: 200px;}

/* product_detail_pic */
.pd-dt-pic{ margin:0 auto; width: 100%; background-color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 0;}
.Product_contentbox02{font-size:14px; line-height:24px; color:#000; padding:0 10px 20px; margin:0 auto; width:100%;}
.Product_contentbox02 ul{list-style-type:disc; padding-left:16px;}
.Product_contentbox02 h3{font-size:14px; line-height:36px; color:#1e1e1e; margin-bottom: 10px;}
.Product_contentbox02 img,.pd-dt-pic .Product_contentbox01 img{ object-fit: contain; max-width: 100%!important; width: auto!important; height: auto!important;}
.Product_contentbox02 table,.pd-dt-pic .Product_contentbox01 table{ max-width: 100%; width: auto;}
.Product_contentbox02 h3.pc_title{ font-size:20px; line-height:36px; color:#1e1e1e; font-weight: bold;}
/* 商品圖 */
.pd-dt-pic .pd-dt-pic-topbox{ border-bottom:1px solid #ececec; padding-bottom:25px; width:100%; margin:0 auto 25px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg {width: 100%;position: relative;overflow: hidden;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg > div:first-of-type{position: relative;}
.pd-dt-pic .swiper-slide img{ width: 100%; height: 100%; object-fit:contain; padding: 0 35px;}
.pd-dt-pic-productimg {margin-bottom:20px;}
.pd-dt-pic-productimg .owl-theme .owl-dots .owl-dot span {width:8px;height:8px;background: #b2b2b2;}
.pd-dt-pic-productimg .owl-theme .owl-dots .owl-dot.active span, .pd-dt-pic-productimg .owl-theme .owl-dots .owl-dot:hover span {background: #222;}
.pd-dt-pic-productimg .owl-nav { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; }
.pd-dt-pic-productimg .swiper-button{ width: 35px; height: 35px;  }
.pd-dt-pic-productimg .swiper-button-next{ background: url(images/black-arrow-right.svg) center center no-repeat; right: 0; position: absolute;    background-size: 8px; }
.pd-dt-pic-productimg .swiper-button-prev{ background: url(images/black-arrow-left.svg) center center no-repeat; left: 0; position: absolute;     background-size: 8px; }
/*商品圖Lightbox*/
.Lightbox{ width: 100%; height: 100%; background-color: #FFF; position: fixed; right: 0px; top: 0px; transition: 0.3s;}
.Lightbox>div { width: 100%; height: auto; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.Lightbox>div.btn_close { position: absolute; right: 0px; top: 0px; background-image: url(images/close_X.svg); background-position: center center; background-repeat: no-repeat; background-color: black; background-size: 10px; width: 35px; height: 35px; border: 0; cursor: pointer; left: unset; transform: unset;}
.Lightbox .swiper-button{ width: 35px; height: 35px;  }
.Lightbox  .swiper-button-next{ background: url(images/white-arrow-right.svg) center center no-repeat black; right: 0; position: absolute;    background-size: 8px; }
.Lightbox  .swiper-button-prev{ background: url(images/white-arrow-left.svg) center center no-repeat black; left: 0; position: absolute;     background-size: 8px; }
.Lightbox .swiper-button-next.swiper-button-disabled, .Lightbox .swiper-button-prev.swiper-button-disabled{opacity: 0;} 
.Lightbox .pd-dt-pic-productimg .swiper-slide img,.Lightbox .pd-dt-pic-productimg .swiper-slide img {padding: 0;}
/* 商品資訊 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo{ position: relative;padding: 0 10px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox ul{list-style-type:disc; padding-left:16px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .hidden_anchor { position:absolute; width:100%; height:5px; visibility:hidden; margin-top: -100px;}
/* 運送優惠 */
.pd-dt-pic-productinfo .p_kind01,.pd-dt-pic-productinfo .p_kind02{ display:inline-block; width: auto; color: #fff; margin-bottom: 10px; border-radius: 15px; padding: 3px 10px; font-size: 12px;}
.pd-dt-pic-productinfo .p_kind01{ background-color: #ff414e;}
.pd-dt-pic-productinfo .p_kind02{ background-color: #ffa01b;}
/* 商品溫層 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_temp{ display:flex; margin-bottom: 8px;}
/* 商品名稱 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo h1.Product_name{font-size:24px; line-height:30px; color:#222;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo h1.Product_name span{font-size:18px; line-height:30px;display: block;}
/* 商品說明 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox{ font-size:15px; color:#4d5358; letter-spacing:0.6px; line-height:22px; margin-bottom:23px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .Product_notes{width:100%; height: 72px;overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .Product_notes.showDetail { height:auto; overflow:inherit; display:inherit;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .color_name{ width: 100%;height: 30px;font-size:13px; line-height:30px;color: #000;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .pd_dt_joo4_seemoreBox { text-align:right; margin-top:5px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .pd_dt_joo4_seemore{width: 100%; border-top: 1px solid #000; margin-top: 5px; position: relative; overflow: hidden; height: 28px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .pd_dt_joo4_seemoreSwitch { text-align: center; display: inline-block; width: 50px; height: 50px; transform: rotate(270deg) translate(50%,-50%); position: absolute; left: 50%; top: 0;background-color: #EEE; border-radius: 50%;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .pd_dt_joo4_seemoreSwitch a {display: inline-block; width: 50px; height: 50px; background-image: url(images/black-arrow-left.svg); background-size: 8px; background-repeat: no-repeat; background-position: 22%;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .pd_dt_joo4_seemoreSwitch .seemore_arrow_up {transform: rotate(180deg);   background-position: 72%;}
/* 評價、有效期限 */
.Product_assess{width:100%;height: 20px; margin: 5px 0;letter-spacing: 1px;display: flex;}
.Product_assess img{width:70px; height: 13px; margin-top: 4px; display: block; float: left;}
.Product_assess span{display: block; float: left;font-size:13px;line-height:20px;height: 20px;margin:0 5px;}
.Product_lastday{font-size:13px;line-height:19px;border-bottom: 1px solid #222; float: left; display: block;height: 20px;color: #222;}
/* 社群 */
.tbs_share_box{width: 70px;height: 30px; background:url(images/icon-share.svg) no-repeat left center;background-size: 24px; padding-left: 35px; line-height: 30px; font-size: 15px; font-weight: bold; color: #000; cursor: pointer;}
.pd_dt_joo4_socialbox{transition: all .8s; -webkit-transition: all .8s;height: 0px;min-width: 100px;padding-top: 5px;overflow: hidden;margin: 0; text-align: left;}
.is-pulldown{height: 40px}
.pd_dt_joo4_socialbox ul li{float:none;display: inline-block;}
.pd_dt_joo4_socialbox ul li a{ display: inline-block; width:24px;height: 24px;background-size: 24px 120px; background-image: url(images/it422_social_icon.svg);background-repeat: no-repeat;opacity: 1;text-decoration: none;cursor: pointer;margin-top: 4px;}
.pd_dt_joo4_socialbox ul li a.pd_dt_joo4_social_twiter {background-position: center -24px;}
.pd_dt_joo4_socialbox ul li a.pd_dt_joo4_social_plurk {background-position: center -48px;}
.pd_dt_joo4_socialbox ul li a.pd_dt_joo4_social_weibo {background-position: center -72px;}
.pd_dt_joo4_socialbox ul li a.pd_dt_joo4_social_line  {background-position: center -96px;}
/* 本商品適用活動 */
.discountbox{border:1px solid #ddd; background-color: #fff;}
.discountbox .discountbox_title{background-color: #eee; line-height:34px; padding:0 10px; font-size:15px;}
.discountbox > ul > li{padding:5px 0;display:block;max-width:100%; width:100%; height:100%; text-decoration: none;color:#222;position:relative;}
.discountbox > ul > li > .discountbox_goto_btn{float:right; border:1px solid #ddd; background-color: #fff;cursor: pointer;font-size: 14px; padding: 0 0 0 5px; text-decoration:none;}
.discountbox > ul > li > .discountbox_goto_btn:hover{border-color:#333;color:#fff;background-color: #333;}
.discountbox > ul > li > ul{float:left;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.discountbox > ul > li > ul > li:first-of-type div{ background-color: #ff0000; padding:3px 0; color:#fff;min-width:94px;text-align:center; text-indent:4px; font-weight:bold; font-size:14px; letter-spacing: 0.8px;}
.discountbox > ul > li > ul > li:last-of-type {padding-top:3px;margin-left:5px;max-width: 760px;padding-right: 5px;word-break: break-all;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.discountbox > ul > li > ul > li{line-height:22px;margin:0;font-size:15px;min-height:28px;}
.discountbox > ul > li > ul > li span{width: 16px; height: 16px; display: inline-block;position: relative; top: 3px;}
.discountbox > ul.discountboxinner{padding:5px;}
.discountbox > ul.discountboxinner > li.discountbox_allsale > ul > li span{left: -4px;background-image: url(images/pd_detail_allsale.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat;}
.discountbox > ul.discountboxinner > li.discountbox_coupon > ul > li span{left: -8px;background-image: url(images/pd_detail_coupon.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat;}
.discountbox > ul.discountboxinner > li.discountbox_activity > ul > li span{left: -12px;background-image: url(images/pd_detail_gift.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat;}
.discountbox .discountbox_togglebtn{text-align:right;padding:10px;}
.discountbox .discountbox_togglebtn > div{color:#666;font-size:14px;width:86px; display:inline-block;border: solid 1px #dddddd;background-color: #f5f5f5;padding: 3px 6px; cursor:pointer; text-align: center;line-height: 18px;border-radius: 8px;}
.discountbox .discountbox_togglebtn > div:hover{background-color: #f1f1f1;border-color:#c5c5c5;}
.discountbox .discountbox_togglebtn > div i{ font-size: 20px; vertical-align: bottom;}
@media screen and (max-width: 1024px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 600px;}
}
@media screen and (max-width: 992px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 550px;}
}
@media screen and (max-width: 768px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 345px;}
}
@media screen and (max-width: 600px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 250px;}
}
@media screen and (max-width: 480px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 158px;}
}
@media screen and (max-width: 389px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 140px;}
}
@media screen and (max-width: 374px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 120px;}
}
@media screen and (max-width: 365px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 110px;}
}
@media screen and (max-width: 340px) {
    .discountbox > ul > li > ul > li:last-of-type{max-width: 97px;}
}
/* 本商品不適用活動 */
.no_discountbox{padding:15px 0; font-size:14px;}
.no_discountbox > li{padding:1px 0;}
/* 九大行銷 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_sales{ margin-bottom: 20px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_sales .sales_list{margin-bottom: 6px;}
/* 規格 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color{ margin-bottom:20px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_name{ font-size:13px; color:#4d5358; letter-spacing:0.5px; margin-bottom:20px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_list .colorBox{ width:100%; display: inline-block; min-height:40px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_list .sizeBox{ width:100%;display: flex; flex-wrap: wrap;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li{ font-size:13px; letter-spacing:0.5px; float:left; padding:0 25px; height:40px; line-height:40px; margin:0 5px 5px 0; cursor:pointer; color:#333; text-align:center; background:#fff; border-radius:3px; border:1px solid #b2b7bf;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li.link_form{ padding:0; border:0; width:40px; margin-left:5px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li.link_form a{font-size:13px; line-height:22px; color:#949494; text-decoration:underline;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_list select{font-size:13px; color:#222; height:30px; min-width: 80px;}
/* 規格-組合商品 */
.Combination{ background:#fafafa;}
.Combination .color_name{ background-color: #999; color: #FFF!important; padding: 15px 20px;margin-bottom: 0!important;}
.Combination .color_list{ padding-bottom:40px;}
.Combination .pd_dt_joo4_group a{ font-size:14px; padding-left: 5px;}
.pd_dt_joo4_article{width: 100%; max-width: 1200px;  margin: 0 auto; padding:15px 0;border-bottom: 1px solid #ededed;}
.pd_dt_joo4_article .pd_dt_joo4_article_l{width:100%; height:auto; overflow: hidden;margin: 0 0 10px 0;}
.pd_dt_joo4_article .pd_dt_joo4_article_l img{width: auto; height: 235px;display: block;margin: 0 auto;}
.pd_dt_joo4_article .pd_dt_joo4_article_r{margin-left:0px;align-self: center;max-width: 950px; margin: 0 auto;}
.pd_dt_joo4_article .pd_dt_joo4_article_r h3{display:block;width: 100%;height: 36px; overflow: hidden;font-size: 18px;font-weight: bold;color: #000;line-height: 36px;margin-bottom: 0px;}
.pd_dt_joo4_article .pd_dt_joo4_article_r p{font-size: 15px;color: #000;line-height: 36px; height: 108px; display: -webkit-box; overflow:hidden; text-overflow : ellipsis;
-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.pd_dt_joo4_group{width: 100%;height: 28px;}
.pd_dt_joo4_group input[type="radio"] {float: left;margin:6px 3px 0;}
.pd_dt_joo4_group h5{font-size: 13px; color: #000;float: left;font-weight: normal;}
.pd_dt_joo4_group h5 a{color:#afc670;padding: 0 0 0 5px; text-decoration: underline;}
.pd_dt_joo4_group_box{width:100%;max-width: 690px; padding:40px 10px 15px;background-color: #fff;}
.pd_dt_joo4_group_box .group_box{width: 100%;height: 445px;overflow-y: auto;padding: 0 0 0 10px;}
.pd_dt_joo4_group_box .group_box .group_box_deta{width: 100%;padding: 10px 0;border-bottom: 1px solid #ededed;}
.group_box_deta .pd_dt_joo4_article_l{width:190px; height: 190px; overflow: hidden;margin: 0 auto}
.group_box_deta .pd_dt_joo4_article_l img{width: auto; height: 190px;display: block;margin: 0 auto;}
.group_box_deta .pd_dt_joo4_article_r{align-self: center;letter-spacing: 1px;}
.group_box_deta .pd_dt_joo4_article_r h3{display:block;width: 100%;height: 28px; overflow: hidden;font-size: 16px;font-weight: bold;color: #000;line-height: 28px;margin-bottom: 0px;}
.group_box_deta .pd_dt_joo4_article_r h3 a{font-size: 16px;line-height: 28px;font-weight: bold;color: #000;}
.group_box_deta .pd_dt_joo4_article_r h3 span{color:#c84b47;}
.group_box_deta .pd_dt_joo4_article_r p{font-size: 13px;color: #000;line-height: 24px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.active{    border: 2px solid #000;}
/* 數量 */
.product_number li{float: left;}
.product_number li:nth-child(2){ border-right:1px solid #bbbbbb ; border-left:1px solid #bbbbbb ;}
.product_number li a:hover{border: 2px solid #222;color: #222;}
.product_number li.can_hover a{border: 1px solid #222;color: #222;}
.pd_dt_joo4_number { display:block; max-width:100%; min-height:55px; height:auto;}
.pd_dt_joo4_number .product_number{width:100%;height:48px; display: flex; align-items: center; line-height: 48px;}
.pd_dt_joo4_number .product_number > span{ width: 50px; font-size: 16px; letter-spacing: 0.5px; margin-right: 20px;}
.pd_dt_joo4_number .product_number ul{height: 48px; display:block; background: #fff;}
.pd_dt_joo4_number .product_number li a{display: block;float: left;line-height: 46px;color: #666;height: 48px; width: 48px; text-align: center;font-size: 28px;border: 1px solid #666;}
.pd_dt_joo4_number .product_number li:nth-child(2){border-top: 1px solid #666;border-bottom: 1px solid #666;border-right: 0;border-left: 0;}
.pd_dt_joo4_number .product_number li:nth-child(2) {width:calc(100% - 96px);;height: 48px; text-align: center;font-size: 20px;color: #222;line-height: 44px;}
.product_number li:nth-child(2) input{width: 48px; text-align: center;font-size: 20px;color: #222;line-height: 44px;padding: 0; background-color: rgba(255, 255, 255, 0);}
/* 價格 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price{ font-size:30px; font-weight:bold; color:#222; letter-spacing:1.2px; text-align:center;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price:after {content: ""; clear: both; display: table;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price .old_price{  font-size:15px;color: #333;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price .now_price_2{font-size:30px;padding-right: 2px;font-weight: bold;display: inline-block;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price .now_price{ font-size:30px; color:#222;font-weight: bold;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price .was_price{ position: relative; font-size:15px; color:#999; font-weight: bold; margin-right: 10px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price .was_price:before{ position: absolute; top: 50%; content: ""; left: 10%; right: 0; border-top: 1px solid; border-color: inherit; width: 85%; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg);transform: rotate(15deg);}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_price.Product_price2 {line-height:48px; margin:0;}
/* 加購 */
.Product_plus { margin-bottom:23px;}
.Product_plus .Product_plus_title { background-color:#999; color:#FFF; padding:0 20px;}
.Product_plus .Product_plus_title span { display:inline-block; font-size:26px; margin-right:15px; vertical-align:middle;}
.Product_plus .Product_plus_title p { display:inline-block; color:#FFF; letter-spacing:0.5px; vertical-align:middle;}
.Product_plus .Product_plus_content { background-color:#fafafa; color:#222; font-size:13px; letter-spacing:0.5px;}
.Product_plus .Product_plus_list { list-style:none; margin:0; padding:0;}
.Product_plus .Product_plus_list li, .pd_dt_joo4_group { cursor:pointer;}
.Product_plus .Product_plus_list li .pd-check-box{ width:auto;}
.pd_dt_joo4_group a { color: #222;padding: 0 5px;font-weight:bold;font-size: 15px;}
.Product_plus .Product_plus_list .Product_plus_item .plus_text a { text-decoration: underline; color:#666;}
.Product_plus .Product_plus_list .Product_plus_item .plus_image, .Product_plus .Product_plus_list .Product_plus_item .plus_text { display:inline-block; vertical-align:middle;}
.Product_plus .Product_plus_list .Product_plus_item .plus_text { width:60%; line-height:normal;}
.Product_plus .Product_plus_list .Product_plus_item img { width:60px; height:60px;}
.Product_plus .Product_plus_list .Product_plus_item input, .pd_dt_joo4_group input { display:none;}
.Product_plus .Product_plus_list .Product_plus_item label, .pd_dt_joo4_group label { position: relative; padding:15px; display: block; cursor: pointer; box-sizing: border-box;}
.Product_plus .Product_plus_list .Product_plus_item input + label:before,.pd_dt_joo4_group input + label:before {display:inline-block;content: "";width: 20px;height: 20px;line-height:20px;margin-right:10px;text-align:center;border:1px solid #b2b7bf;background-color:#FFF;border-radius:100%;vertical-align:text-top;}
.Product_plus .Product_plus_list .Product_plus_item input:checked + label:before, .Product_color .color_list .pd_dt_joo4_group input:checked + label:before {display:inline-block;content:"";background-image:url(images/check_ok.png);background-repeat:no-repeat;background-position:center center;width: 20px;height: 20px;margin-right:10px;font-size:13px;text-align:center;background-color:#222;border:none;border-radius:100%;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox{ height:48px; margin-bottom:6px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox a.addimg{ display:block; float:left; width:46px; height:46px;border: 1px solid #ccc;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox a.addimg img{ width:100%; height:auto;display: block; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox .add_checkbox_input{margin-top: 2px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox .addbox_check{ height:48px;font-size:13px; line-height:48px; color:#000;overflow: hidden; padding-left:15px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox .addbox_check .price_title{ margin-left:10px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox .addbox_check .price{ font-size:13px;color: #c84b47; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox .addbox_list h2 a{ height:30px; overflow:hidden;font-size:13px; line-height:30px; color:#1e1e1e; text-decoration:none;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_addbox .addbox_list h2 a:hover{ text-decoration:underline;}
/* 贈品 */
.pd-dt-pic .pd-dt-pic-topbox .Product_Gift { border-bottom: 1px solid #ececec; margin-bottom:25px; padding-bottom:25px;}
.pd-dt-pic .pd-dt-pic-topbox .Product_Gift .Product_Gift_list { list-style:none; margin:0; padding:0; color:#222; font-size:13px; letter-spacing:0.5px;}
.pd-dt-pic .pd-dt-pic-topbox .Product_Gift .Product_Gift_list li { margin-bottom:5px;}
.pd-dt-pic .pd-dt-pic-topbox .Product_Gift a { text-decoration: underline; color:#222; font-size:13px; display:inline-block; vertical-align:middle; width:75%;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_gift { margin-bottom:23px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_gift a, .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_sales .sales_list a {background-color:#ff414e; background-image:url(images/gift.png);background-repeat:no-repeat;background-position:15px; center;color:#FFF;font-size:13px;letter-spacing:0.2px;display:block;padding:10px 15px 10px 50px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_gift a:hover, .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_sales .sales_list a { background-color:#ee3643; text-decoration:none;}
/* 加入追蹤清單 & 購物車 & 推薦享好康 & 賺購物金 */
.jooshop_addcar_box{width:100%;max-width: 600px; padding:4px;background-color: #fff;border: 1px #dddddd solid;}
.pd_dt_joo4_addcar_box .addcar_box{width: 100%;}
.pd_dt_joo4_addcar_box .addcar_box .addcar_top{width: 100%;height: 30px;background-color: #eee;text-align: center;color: #999;font-size: 14px; line-height: 30px;padding:0 5px;margin-bottom: 5px;} 
.pd_dt_joo4_addcar_box .addcar_box .addcar_box_deta{width: 100%;border-bottom: 1px solid #ededed;height: 46px;overflow:hidden;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;align-items: center;-ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;}
.pd_dt_joo4_addcar_box .addcar_box .addcar_box_deta:last-of-type{border-bottom:0;}
.pd_dt_joo4_addcar_box .addcar_box .addcar_box_deta p{font-size:15px;height:23px;line-height: 23px;flex:1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-right: 5px;}
.pd_dt_joo4_addcar_box .addcar_box .addcar_box_deta a{flex:.6;padding: 0 15px; display: block; text-decoration: none; text-align: center; font-size: 16px; height: 44px; line-height: 43px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.pd_dt_joo4_addcar_box .pd_dt_joo4_seemore{margin-top:5px;width: 100%; border-top:1px solid #ecedee;}
.pd_dt_joo4_addcar_box .pd_dt_joo4_seemore a{padding: 0 15px; display: block; text-decoration: none; text-align: center; font-size: 16px; height: 44px; line-height: 43px;cursor: pointer;-moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
/* 購物車btn */
.pd-dt-pic .Product_btnbox > ul > li{ display: inline-block;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox li.jooshop_btn_color2.pd_btn_trace{ flex:auto; max-width: 72px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox li.jooshop_btn_color2.pd_btn_cart{ position: relative; flex:auto; max-width: 60px;}
.pd-dt-pic .Product_btnbox > ul > li.pd_btn_cart .Header_cart_num{ display: none; position: absolute; background: #ED2525; color: #fff; width: max-content; height: 15px; font-size: 12px; line-height: 16px; border-radius: 10px 10px 10px 0px; text-align: center; top: -4px; left: 60%; padding: 0 3px;}

.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox{display: inline-block;position: fixed; bottom: 0; background-color: #fff; z-index: 999;height: 50px; padding: 4.5px 5px;width: 100%;left: 0; border-top:1px solid #ecedee; box-sizing: border-box;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox > ul { display: flex; align-items: center; justify-content: center; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox > ul > li:not(:last-of-type){margin-right: 5px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.trace{ display:inline-block; width:150px; height:40px; text-decoration:none;font-size:18px; line-height:40px; color:#4c4242; text-align: center;border:1px solid #c9b7b9;background-color:#fff;} 
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.trace span{ display:inline-block;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.trace span{ display:inline-block;  background: url(pd_dt_joo4_topicon2.svg) no-repeat -5px -40px; background-size: 40px; padding-left: 30px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.trace:hover{background-color:#fafafa;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .pd_dt_joo4_number .Product_color{margin-bottom: 0;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.buy{ display:inline-block; width:150px; margin:0 auto; text-decoration:none; color:#fff; text-align: center;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.buy span{ display:inline-block;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox li.jooshop_btn_color,
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox li.jooshop_btn_color2,
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox li.jooshop_btn_disabled{flex:1;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox .jooshop_btn_color a{ display:block;text-decoration:none; text-align: center; height:40px; font-size:14px; line-height: 40px; padding:0 5px; width:100%; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox .jooshop_btn_color2 a{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; text-decoration:none; height:40px !important; font-size:12px !important; line-height: 18px !important; padding:3px 10px !important; width:100% !important; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.cart span{ display:inline-block;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.go_marketing{ padding-left:25px; letter-spacing: 0;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.pd_dt_joo4_button_like{margin-right: 2%; line-height:24px;text-indent: 20px; width: 49%;font-size: 16px; color: #222;background:#fff url(images/icon-wishlist.svg) 5px; center no-repeat; background-size: 24px; display: block; text-align: center; padding: 10px; border: 1px solid #a0a0a0;float: left; white-space: nowrap; border-radius: 3px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.pd_dt_joo4_button_like_on{background: url(images/icon-wishlist-black.svg) 5px; center no-repeat; background-size: 24px;}
.pd-dt-pic .p_bottomBtn_joo{display:block;width:47px;height:50px;background:url(images/joo_Btn_Joo.png) 0 0 no-repeat;text-indent:-9999px;}
/*更多詳細介紹*/
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_notesbox.showAll .pd_dt_joo4_seemoreLink a{ font-size: 13px; line-height: 22px; color: #4c5258; display: inline-block; height: 22px; background: url(images/copy.svg) center left no-repeat; padding-left: 25px; text-decoration: underline; background-size: 22px; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .pd_dt_joo4_seemoreBox.showAll{ border-bottom: 1px solid #000; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox .pd_dt_joo4_seemore.showAll .pd_dt_joo4_seemoreSwitch{ display: none; }
/*贈品*/
.pd-dt-pic .pd-dt-pic-productinfo .Product_Gift.joo4Gift{ border: none; margin-bottom: 0; margin: 1rem 0; padding-bottom: 0; }
.pd-dt-pic .pd-dt-pic-productinfo .Product_Gift.joo4Gift .Product_Gift_list li span{ background-image: url("images/joo4_gift.svg"); background-repeat: no-repeat; padding: 2px 10px 2px 30px; background-color: #ffa856; background-position: 7px; center; }
.pd-dt-pic .pd-dt-pic-productinfo .Product_Gift.joo4Gift .Product_Gift_list li a{ color: #000; }
/*顏色*/
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .joo4Color .color_name{ font-size: 14px; color: #000000; display: block; margin-right: 1.5em; margin-bottom: 0.5em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Color{ margin-bottom: 0; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .joo4Color .color_list{ display: flex; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .joo4Color .color_list .colorBox{ min-height: unset; }
.pd-dt-pic .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .colorBox li,.pd-dt-pic .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .sizeBox li{ border-radius: 3px; border: solid 1px #c2c2c2; background-color: #ffffff; margin-bottom: 0; position: relative; height: 40px; min-width: 40px;  color: #000; margin-right: 0.5em; margin-bottom: 0.5em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .colorBox li.active,.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .sizeBox li.active{ border: 2px solid #000; background-color: transparent; color: #000; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .colorBox li.active:after,.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .sizeBox li.active:after{ opacity: 1; right: -2px; bottom: -2px; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .colorBox li:after,.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Color .color_list .sizeBox li:after { display: inline-block; content: ""; width: 23px; height: 23px; background-image: url(images/joo4_checked.svg); background-repeat: no-repeat; background-size: contain; position: absolute; right: -1px; bottom: -1px; opacity: 0; pointer-events: none; }
/*商品級距*/
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range{ text-align: center; margin: 1em 0; color: #000; letter-spacing: 0.1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box{ padding: 0.5em 0; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; font-size: 15px; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:first-child{ color: #939393; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:first-child .original{ text-decoration: line-through; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:first-child p { display: inline-block; margin-left: 1em; padding-left: 1em; border-left: 1px solid #939393; color: #000; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:first-child p span{ font-size: 20px; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:nth-child(2){ margin: 1em 0; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:nth-child(2) div>p span{ font-size: 20px; }

.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:nth-child(2) .Joo4Sale>span:first-of-type{ padding: 0.5em; letter-spacing: 0.5em; background-color: #ff0000; color: #fff; font-size: 14px; margin-right: 1em; align-self: flex-end; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:nth-child(2) p{ display: inline-block; font-size: 15px; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:nth-child(2) .Joo4Sale{ display: flex; justify-content: center; align-items: baseline; line-height: 1; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li:nth-child(2) .Joo4Sale .range_number_larger{ font-size: 35px; margin-right: 0.2em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li{ display: inline-block; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_box>ul>li div { display: inline-block; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_slogan{ margin: 0.5em 0; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_slogan p { display: inline-block; font-size: 13px; margin-right: 1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_slogan p:last-child{ margin-right: 0; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_slogan .stock_number, .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_range .Product_range_slogan .sell_number{ margin: 0.2em; }
/*加購*/
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_plus.joo4Type{ border: solid 1px #dddddd; background-color: #fff; margin-bottom: 1em; }
 .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_plus.joo4Type .Product_plus_title{ font-size: 15px; color: #666666; background-color: #eeeeee; padding: 3px 0; padding-left: 1em; }
 .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_plus.joo4Type .Product_plus_title span{ display: none; }
 .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_plus.joo4Type .Product_plus_title p{ color: #666666; }
 .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_plus.joo4Type .Product_plus_content{ padding: 0.5em 0; background-color: #fff; }
 .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_plus.joo4Type .Product_plus_content .Product_plus_list>li label{ padding: 0 1em; color: #000; }
 .pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_plus.joo4Type .Product_plus_content .Product_plus_list>li a{ color: #000; }
/*特惠組合*/
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Type{ border: solid 1px #dddddd; background-color: #fff; margin-bottom: 1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Type .color_name{ font-size: 15px; color: #666666!important;; background-color: #eeeeee; padding: 3px 0; padding-left: 1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Type .color_list{ padding: 0.5em 0; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Type .color_list .pd_dt_joo4_group input { display: none; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Type .color_list .pd_dt_joo4_group input + label:before{ display: none; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Type .color_list .pd_dt_joo4_group label{ font-size: 13px; text-decoration: underline; color: #000000; padding: 0; padding-left: 1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_color.joo4Type .color_list .pd_dt_joo4_group label .various-group{ margin-left: 0.5em; color: #000000; }
/*優惠提醒*/
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .discountbox.joo4Type{ margin: 1em 0; background-color: #fff; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .discountbox.joo4Type .discountbox_title{ font-size: 15px; color: #666666; background-color: #eeeeee; padding: 3px 0; padding-left: 1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .discountbox.joo4Type .discountboxinner{ padding: 0.5em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .discountbox.joo4Type .discountboxinner .discountbox_activity a{ background-color: transparent; color: #000000; }
/* (新)下方說明頁籤 */
.pd-dt-pic .product-nav { position: sticky; top: 50px; width: 100%; background-color: white; border-bottom: 1px solid var(--pic-color-grey-10); z-index: 100; }
.pd-dt-pic .product-nav .product-nav-box { position: relative; display: flex; flex-wrap: nowrap; overflow: scroll; -ms-scroll-chaining: none; overscroll-behavior: none; scrollbar-width: none; -ms-overflow-style: none; margin: 0 auto; max-width: 100%; transform: translateZ(0); transition: transform cubic-bezier(0.23, 1, 0.32, 1) 350ms; }
.pd-dt-pic .product-nav .product-nav-box > li{-webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; text-align: center;}
.pd-dt-pic .product-nav .product-nav-box::-webkit-scrollbar { display: none; }
.pd-dt-pic .product-nav .menu-item-link { display: block; padding: 8px 15px; text-decoration: none; white-space: nowrap; color: var(----pic-color-grey-100); transition: color cubic-bezier(0.23, 1, 0.32, 1) 350ms; }
.pd-dt-pic .product-nav .menu-item-link.active { color: var(--primary); }
.pd-dt-pic .product-nav .active-line { position: absolute; bottom: 0; left: 0; height: 2px; background-color: var(--primary); transition: width cubic-bezier(0.23, 1, 0.32, 1) 350ms, transform cubic-bezier(0.23, 1, 0.32, 1) 350ms; }
/* (新)下方說明 */
.pd-dt-pic .product-bottom{ margin: 0 auto; max-width: 100%; width: calc(100% - 20px);}
.pd-dt-pic .product-bottom .page-section{ padding: 10px 0;}
.pd-dt-pic .product-bottom .page-section .section-title{ outline: none; font-size: 17px; line-height: 24px; margin-bottom: 5px; position: relative; padding-left: 16px;}
.pd-dt-pic .product-bottom .page-section .section-title:before { content: ""; display: block; visibility: hidden; pointer-events: none; margin-top: calc(var(--section-offset) * -1px); height: calc(var(--section-offset) * 1px); }
.pd-dt-pic .product-bottom .page-section .section-title:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 6px; height: 24px; border-radius: 3px; background: var(--primary); }
.pd-dt-pic .product-bottom .page-section .content{ padding: 10px; border: 1px solid #eee; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.pd-dt-pic .product-bottom .page-section .content img{ max-width: 100% !important; height: auto !important; vertical-align: bottom; }
/*商品級距跳出視窗*/
.fancybox_Product_range{ width: 100%; position: fixed; left: 0; bottom: 0; background-color: #fff; z-index: 100000; border-radius: 3px 3px 0; }
.lightbox_Product_range { color: #000; font-size: 15px; position: relative; padding-top: 1em; }
.lightbox_Product_range .lightbox_close_btn { cursor: pointer; width: 24px; height: 24px; background-image: url("images/joo4_close_circle_outline.svg"); background-size: contain; background-repeat: no-repeat; position: absolute; right: 0.5em; top: 0.5em; }
.lightbox_Product_range .box.top { display: flex; align-items: center; padding: 1em; }
.lightbox_Product_range .box.top .product_img { display: inline-block; width: 75px; height: auto; flex-shrink: 0; margin-right: 0.5em; }
.lightbox_Product_range .box.top .product_img img { width: 100%; height: auto; vertical-align: top; }
.lightbox_Product_range .box.top .product_title h3 { font-size: 15px; display: inline-block; }
.lightbox_Product_range .box.top .product_title span { display: inline-block; font-size: 13px; }
.lightbox_Product_range .box > span { border: solid 1px #ededed; background-color: #eeeeee; padding: 0.2em; background-image: url("images/joo4_discount_label_black.svg"); background-repeat: no-repeat; background-position: 1em; padding-left: 2.5em; background-size: 15px; display: block; }
.lightbox_Product_range .box .product_range_list { list-style: decimal; }
.lightbox_Product_range .box .product_range_list li { display: list-item; padding: 0.6em 0.2em; padding-left: 1em; border-bottom: 1px solid #e2e2e2; font-size: 14px; list-style-type: decimal; list-style-position: inside; letter-spacing: 0.1em; }
@media screen and (max-width: 320px) {
  .lightbox_Product_range .box .product_range_list li { padding-left: 0.2em; }
}
.lightbox_Product_range .box .product_range_list li.markCheap { background-color: #fef5f5; }
.lightbox_Product_range .box .product_range_list li.markCheap span.singlePrice { margin: 0; }
.lightbox_Product_range .box .product_range_list li > span { margin: 0 0.2em; width: calc((100% - 1.6em)/4); display: inline-block; }
.lightbox_Product_range .box .product_range_list li > span:nth-child(1) { width: 19%; }
.lightbox_Product_range .box .product_range_list li > span.dicount_num { border: solid 1px; color: #ff0000; text-align: center; letter-spacing: 0.2em; width: 20%; }
.lightbox_Product_range .box .product_range_list li > span.cheap { background-color: #ff0000; color: #fff; padding: 0.2em 0.1em 0.2em 1.5em; text-align: center; margin-left: 0.8em; margin-right: 0; background-image: url(images/joo4_discount_label_white.svg); background-repeat: no-repeat; background-position: 0.5em; background-size: 15px; width: 79px; }
@media screen and (max-width: 320px) {
  .lightbox_Product_range .box .product_range_list li > span.cheap { margin-left: 0.2em; }
}
.lightbox_Product_range .box .addProduct { display: flex; justify-content: flex-start; align-items: center; padding: 1em; padding-bottom: 0; }
.lightbox_Product_range .box .addProduct > span { flex-shrink: 0; }
.lightbox_Product_range .box .addProduct ul { display: flex; align-items: center; margin: 0 1em; }
.lightbox_Product_range .box .addProduct ul li { height: auto; }
.lightbox_Product_range .box .addProduct ul li a { display: block; float: left; line-height: 41px; height: 45px; width: 45px; text-align: center; font-size: 28px; border: 1px solid #e2e2e2; color: #000; cursor: pointer; }
.lightbox_Product_range .box .addProduct ul li:nth-child(1) a { border-right: none; border-radius: 3px 0 0 3px; }
.lightbox_Product_range .box .addProduct ul li:nth-child(2) input { width: 100%; text-align: center; font-size: 20px; color: #000; line-height: 45px; height: 45px; padding: 0;  border-radius: 0; border: 1px solid #e2e2e2; }
.lightbox_Product_range .box .addProduct ul li:nth-child(3) a { border-left: none; border-radius: 0 3px 3px 0; }
.lightbox_Product_range .box .totalPrice { display: block; font-size: 22px; line-height: 1.5; text-align: center; }
.lightbox_Product_range .box .totalPrice .rangeSum { font-size: 35px; }
.lightbox_Product_range .box .Product_range_button .addToCart { display: block; border-radius: 3px; text-align: center; padding: 0.8em; cursor: pointer; font-size: 15px; margin: 1em; margin-top: 0; }
/*更改跳出視窗方式*/
.pd_dt_joo4_addcar_box.joo4Type { padding: 1em; padding-top: 2.5em; position: fixed; bottom: 0; left: 0; z-index: 100000; width: 100%; background-color: #fff; }
.pd_dt_joo4_addcar_box.joo4Type .lightbox_close_btn { cursor: pointer; width: 24px; height: 24px; background-image: url("images/joo4_close_circle_outline.svg"); background-size: contain; background-repeat: no-repeat; position: absolute; right: 0.5em; top: 0.5em; }
/*影片圖示*/
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .vedioPlayIcon{ width: 100%; height: 100%; background-image: url(images/joo4-play-circle-outline.svg); background-size: 30%; background-repeat: no-repeat; position: absolute; left: 0; top: 0; background-position: center; display: none;}
/* 方案 */
.joo4_pd_planbox{ width: 100%; color: #222; font-size: 15px;}
.joo4_pd_planbox .joo4_plan_title{ width: 100%; letter-spacing: .8px;}
.joo4_pd_planbox .joo4_plan_title .joo4_plan_title_1{ display: flex; align-items: center; justify-content:left; margin-bottom: 5px;}
.joo4_pd_planbox .joo4_plan_title .joo4_plan_title_1 span{ color:#ff0000;}
.joo4_pd_planbox .joo4_plan_title .joo4_plan_title_2{ line-height: 20px; padding: 10px 15px; font-size: 14px; color:#ff0000; border: solid 1px #ff4949; background-color: #ffd2d2; border-radius: 2px;}
.joo4_pd_planbox .joo4_plan_list{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 10px 0;}
.joo4_pd_planbox .joo4_plan_list .joo4_plan_list_in { background-color: #f9f9f9; width: 100%; padding: 10px 15px; margin-bottom: 3px;}
.joo4_pd_planbox .joo4_plan_list .joo4_plan_list_in ul{ display: flex; align-items: center; }
.joo4_plan_list_check input[type="checkbox"] { display:none;}
.joo4_plan_list_check input[type="checkbox"] + label span { float: left; display: inline-block; width: 22px; height: 22px; vertical-align: middle; border-radius: 2px; background-color: #ffffff; border: solid 1px #999; cursor: pointer;}
.joo4_plan_list_check > label > div{ line-height: 20px; font-size: 12px;  width: 330px; float: right; display: inline-block;}
.joo4_plan_list_check input:checked + label { color: #20232b;}
.joo4_plan_list_check input[type="checkbox"]:checked + label span { background-color: #de0716; background:url(images/icon-checkbox-finish.svg) center center no-repeat #333; background-size: 22px;}
.joo4_plan_list_img{ width: 60px; height: 60px; margin: 0 10px;}
.joo4_plan_list_img a{ display: block; width: 60px; height: 60px; overflow: hidden; background: #fff;}
.joo4_plan_list_img img{ display: block; width: 100%; height: auto;}
.joo4_plan_list_name a{  width:100%; height: 20px; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  white-space: normal; line-height: 20px; font-size: 14px; overflow: hidden; color: #222;}
.joo4_plan_list_name a:hover{ color: #333; line-height: 20px; font-size: 14px;}
.joo4_plan_list_num{ display: flex; align-items: center;}
.joo4_plan_list_num span{ padding: 0 10px; color: #444; font-size: 13px;}
.joo4_plan_list_num input[type="text"]{ width: 45px; border-radius: 2px; background-color: #ffffff; border: solid 1px #999; height: 30px; font-size: 14px; color: #222; text-align: center; padding: 0 10px;}
/* 付款&運送方式 */
.Product_Payment { font-size:13px; color:#4c5258; letter-spacing:0.5px; line-height:24px;}
.Product_Payment #pay_method, .Product_Payment #delivery_method { display:inline-block;}
/* 商品評論 */
.Product_contentbox02 .bodyshop_comment {width: 100%;margin: 0 auto;}
.Product_contentbox02 .bodyshop_comment .comment_box{background-color: #f7f7f7; padding: 20px 15px; color: #151515; font-size: 13px; line-height:24px;margin-bottom: 20px;display: inline-block;width: 100%;}
.Product_contentbox02 .bodyshop_comment .comment_box h3{font-size:15px; text-align: center; letter-spacing: 2px;}
.Product_contentbox02 .bodyshop_comment .comment_box img.start_img{width:70px;height: 13px!important; }
.Product_contentbox02 .bodyshop_comment .comment_box_l{width: 170px;float: left;}
.Product_contentbox02 .bodyshop_comment .comment_box_l img.member_img{width: 36px; height: 35px; display: none; float: left;}
.Product_contentbox02 .bodyshop_comment .comment_box_l h5{display: block;float: left;width: 115px; padding-left: 10px;color: #151515; font-size: 13px; line-height:16px;padding-top: 2px;} 
.Product_contentbox02 .bodyshop_comment .comment_box_r{max-width: 1000px; float: left;position: relative;}
.Product_contentbox02 .bodyshop_comment .comment_box_r p{font-size: 13px; line-height:24px;color: #000;}
.Product_contentbox02 .bodyshop_comment .comment_button{width: 100%;text-align: center;}
.Product_contentbox02 .bodyshop_comment .comment_button a{padding: 12px 70px;}
.Product_contentbox02 .bodyshop_comment .comment_box_r .comment_good{width: 36px;height: 36px;float: left;background: url(images/comment_good.svg) center no-repeat;position: absolute;top: -14px;left: -21px;}

/* global_mall_className_change_to_pic */
.pd-dt-pic .pd-dt-pic-topbox{border-bottom: 0;padding-bottom: 0;margin:0 auto 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo{padding:0 10px;}
/* 商品圖 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg{margin-bottom: 10px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .swiper-button-prev:after,.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .swiper-button-next:after{content:none;}
/* 商品分享社群 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box{padding:0 10px;margin-top:10px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .Product_assess{width:auto;line-height: 20px;letter-spacing: 1px; float: left; margin:0;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .Product_assess #comment_stars{display: inline-block;vertical-align: top;margin-left: 5px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .Product_assess img{width:100px; height: 20px; display: block; float: left; margin-top:0;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .Product_assess span{display: block; float: left;font-size:13px;line-height:20px;height: 20px;margin:0 5px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;width:auto;float: right;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share span{padding-right:10px;font-size: 16px;color: #222;font-weight: normal; line-height: 24px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox{height:auto;padding-top: 0;min-width: auto;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li{margin-right: 5px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li:last-of-type{margin-right: 0;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a{margin-top: 0;display: block;width:28px;height: 28px;-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; text-align: center;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a i{font-size: 22px; color:#fff; line-height: 28px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_facebook{background-color: #3B5998;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_line{background-color: #00C300;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_email{background-color: rgba(0, 0, 0, .7);}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li a.social_duplicate{background-color: #d70110;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox .copy_url{opacity: 0; position: absolute; z-index: -9999; pointer-events: none;}
/* 商品所屬品牌 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_sort a{font-size:16px; font-weight: 500; color:#222;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_sort a:hover{color:#d70110;}
/* 商品名稱與描述 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo h1.Product_name { font-size: 26px; line-height: 30px; margin: 0 0 5px 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .product_number{ margin: 10px 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .p_serial_num{ font-size:12px; line-height:16px; color: var(--pic-color-grey-20);}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .setP_no_old{ margin: 0 0 5px 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_notesbox {margin-bottom: 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_notesbox .Product_notes {height:auto;text-overflow: inherit;-webkit-line-clamp:inherit;text-align:justify;font-size:15px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_notesbox .Product_notes img { vertical-align: middle; max-width: 100%!important; width: auto!important; height: auto!important; }
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_notesbox .Product_notes table{ max-width: 100%; width: auto;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_notesbox ul{ padding-left: 18px;}
/* 商品價格 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price{padding-left:0;position: relative; width: 100%;float:none;text-align: left;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price .now_price{font-size:26px; font-weight: 500;line-height: 26px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price .was_price{padding:5px 0 0 0;line-height:20px;font-size:16px;text-decoration: line-through;color:var(--pic-color-grey-40);font-weight:normal;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price .was_price, .pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price .now_price{ float: none; width:100%; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price .was_price:before{content:none;}
/* 預計出貨日 */
.pd-dt-pic .esti_shipping_date{ margin-bottom: 10px; display: block; color: var(--primary); font-size: 16px;}
.pd-dt-pic .esti_shipping_date i{ font-size: 20px; vertical-align: text-bottom; margin-right: 5px;}
.pd-dt-pic .esti_shipping_date span{ padding:0 5px;}
/* 運送優惠 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .p_kind01, .pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .p_kind02{background-color: #d70110;line-height: 2.2;margin-bottom: 8px;padding: 0 10px; height: 25px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.free_events{margin-bottom: 8px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.free_events li{border-left: 3px solid #bbb; padding: 0 0 0 8px;}
/* 全館免運 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_allweb_event {margin:10px 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_allweb_event a{ display: inline-block; width:100%; color:#222; padding:6px 15px; background-color: rgba(0, 0, 0, .12);-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 16px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_allweb_event a i{font-size:20px;vertical-align: middle;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_allweb_event a span{vertical-align: middle;}
/* 規格( 尺寸 or 顏色 or 口味 ) */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color{margin-bottom:10px; display: flex; align-items: center; font-size: 17px; line-height: 22px; margin-bottom: 10px; flex-direction: row; flex-wrap: wrap;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_name{margin-bottom:2px;font-size: 17px; line-height: 22px; color: #2f2f2f;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox,
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox{vertical-align: top; flex-direction: row; flex-wrap: wrap; display: flex; align-items: center;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li,
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li{-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; border: 2px solid var(--pic-color-grey-10); min-width: 36px; width: auto; min-height: 36px; padding: 7px 10px; font-size: 16px; line-height: 20px; margin: 5px 5px 5px 0; display: flex; align-items: center; position: relative; color:var(--pic-color-grey-100);}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li.active,
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.active{ border-color:var(--pic-color-grey-100);}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li.active:after,
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.active:after{ display: inline-block; content: ""; width: 23px; height: 23px; background-image: url("images/joo4_checked.svg"); background-repeat: no-repeat; background-size: contain; position: absolute; right: -1px; bottom: -1px; pointer-events: none; }
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.active span{line-height:26px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li img{width:32px; height: 32px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.color_bg_li{ padding: 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li .color_box{ width: 100%; height: 100%; display: block; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
/* 商品數量 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number{min-height:40px;display:-ms-box;display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; color: #2f2f2f;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .Product_color{margin-bottom:0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .Product_num{flex:inherit;padding:0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .Product_num .color_list { display: flex; align-items: center; height:auto;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .Product_num .color_list span{width:auto; margin-right:10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .pd_dt_joo4_number_alert{ font-size: 15px;letter-spacing:.5px;color: #d70110; margin: 5px 0 0 40px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number > ul{ display:flex; align-items: center; height:40px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number{ background:#fff; width:auto; display: inline-block;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li a{display: block;float: left;line-height: 40px;height: 40px; width: 40px; text-align: center;font-size: 28px;border: 1px solid #ddd; color: #222; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-color:#f7f7f7; text-decoration: none;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li:nth-child(1) a { border-right: 0; }
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li:nth-child(2) {width: 120px;height: 40px; text-align: center;font-size: 20px;color: #222;line-height: 44px; border: 1px solid #ddd;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li:nth-child(2) input{font-size: 20px;color: #222;line-height: 40px;padding: 0;font-family: Arial; background-color: rgba(255, 255, 255, 0); vertical-align: top;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo  .pd_dt_joo4_product_number li:nth-child(3) a{ border-left: 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li:nth-child(3) a{ -moz-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; color:#222;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li a:hover{ background-color:#eee;}
/* 組合商品 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination{margin: 10px 0; border: 1px solid #ddd;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .color_name{ background-color: #eee; line-height: 34px; padding: 0 10px; font-size: 15px; color:#222 !important;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .color_list{padding:10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .color_list .pd_dt_joo4_group{margin-bottom:5px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .color_list .pd_dt_joo4_group:last-of-type{margin-bottom:0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group{height:auto;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a{ font-size:15px; line-height: 1;position:relative;display: block; width: 100%;min-height: 28px; height: 100%; }
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group span{margin-left: 10px; border: 1px solid #ddd; background-color: #fff; cursor: pointer; line-height: 26px; font-size: 14px; padding: 0 0 0 5px; text-decoration: none; display: inline-block; position: absolute;right:0;top: 50%; transform: translateY(-50%);font-weight:normal;font: 14px/24px 'Roboto', Microsoft JhengHei, 'PingFangTC', sans-serif;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{display: inline-block;max-width: 270px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height: 20px;max-width: 850px;font-weight:normal;font-size: 15px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a:hover span{border-color: #333; color: #fff; background-color: #333;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group input{ display: none;} 
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group label{ position: relative; padding: 15px; display: block; cursor: pointer; box-sizing: border-box;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group input + label:before { display: inline-block; content: ""; width: 20px; height: 20px; line-height: 20px; margin-right: 10px; text-align: center; border: 1px solid #b2b7bf; background-color: #FFF; border-radius: 100%; vertical-align: text-top; }
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group input:checked + label:before{ display: inline-block; content: ""; background-image: url(images/check_ok.png); background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; margin-right: 10px; font-size: 13px; text-align: center; background-color: #222; border: none; border-radius: 100%; line-height: 20px;}
/* 組合商品列表 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list{ border:0; color:#222; background-color: #f5f5f5; padding:10px; margin-bottom: 10px;width:100%;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list li{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;margin-bottom: 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list span{border-width: 1px; border-style: solid; font-size: .75rem; font-weight: 500; padding: 0 2px; vertical-align: top; display: inline-block; height: 20px; line-height: 1.7; background-color: #fff; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;margin-right: 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list span.homoeothermy{border-color: #e99416; color: #e99416;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list a{color:#222; font-size: .9375rem; line-height: 1.2;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list a:hover{border-bottom-style: solid; border-bottom-width: 1px;}
/* 商品加入追蹤按鈕 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_btnbox > ul > li a i{vertical-align: middle;font-size: 18px; line-height: 18px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_btnbox a.tbs_button_like{border:0; background-color:#ddd;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_btnbox a.tbs_button_like:hover{background-color:#d5d5d5;}
/* 加購 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus{border:1px solid #ddd;margin-bottom: 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_title{background-color:#f7f7f7;padding:6px 15px;color:#222;border-bottom:1px solid #ddd;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list span.discount_price{color: #d70110;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center;font-size: 15px; background: #fff;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label > span{padding:0;font-weight: normal;color:#222;width: calc(100% - 109px);}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label > .Product_imgbox{ width: 80px; height: 80px; border: 1px solid #eaeaea; border-radius: 10px; margin-right: 10px; position: relative; overflow: hidden;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label > .Product_imgbox img{ width: 100%; height:100%; object-fit:contain;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label a{line-height:20px; font-size:16px; text-decoration:none; color:#2f2f2f; margin: 0; padding: 5px 0 2px; display: block; word-break: break-all;}
.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item input:checked + label:before, .pd-dt-pic .Product_color .color_list .pd_dt_joo4_group input:checked + label:before{ background-image: url(images/check_white.svg); background-size: 14px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_title{ font-size: 17px; line-height: 22px; color: #828282; padding: 10px 40px; background: url(images/icon_add.svg) 9px center no-repeat #eaeaea; outline: 1px solid #eaeaea;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label .gift_spec { font-size: 12px; line-height: 14px; color: #888; }
/* 購買商品的贈品 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_Gift{margin:10px 0; border:0; padding-bottom:0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_Gift ul.Product_Gift_list li{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 15px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_Gift ul.Product_Gift_list li span.gift_tag{ min-width:58px; height: 26px; color: #ed2525; font-size: 13px; line-height: 16px; border: 1px solid #fbd3d3; border-radius: 5px; margin-right: 10px; padding: 4px 5px 4px 23px; background: url(images/icon_gift.svg) 5px center no-repeat #fff3f3; background-size: 16px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_Gift ul.Product_Gift_list li a{font-size:16px; line-height: 22px; text-decoration: none; width: auto;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_Gift ul.Product_Gift_list li a .gift_spec{ font-size: 12px; line-height: 14px; color:#888;}
/* 商品付款與運送方式 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.Product_Payment{font-size:15px;padding:15px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.Product_Payment li:first-of-type{margin-bottom:15px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.Product_Payment li .Product_Payment_title{color:#222;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.Product_Payment li .Product_Payment_text{color:#888;}
/* 九大行銷 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .discountbox{margin-bottom: 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .discountbox > ul > li > ul > li{font-weight: normal;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .discountbox > ul > li > ul > li:last-of-type{word-break: break-all;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .discountbox > ul > li > ul > li:first-of-type div{background-color: #d70110;}
.discountbox > ul > li > .discountbox_goto_btn{font-weight: normal;}
/* 商品下方描述 */
.pd-dt-pic .product_detailA {padding:0 10px;}
.pd-dt-pic .product_detailA ul{border-bottom:4px solid #222;width:100%;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.pd-dt-pic .product_detailA ul li{width:auto ;border-right:0 ;}
.pd-dt-pic .product_detailA ul li:first-of-type a{border-left: 1px solid #ddd;}
.pd-dt-pic .product_detailA ul li a{display: block;text-decoration: none;line-height: 40px ; height: 40px ; padding: 0 20px; font-size:15px ; background-color: #eee;}
.pd-dt-pic .product_detailA ul li.active a{background-color: #222; border-color:#222; color:#fff;}
.pd-dt-pic .product_detailB{padding:10px;border: 1px solid #ddd;margin-bottom: 10px !important;background-color: #fff;}
.pd-dt-pic .product_detailB .it550 .qa_after table{padding: 0 !important;}
.pd-dt-pic .product_detailB .it550 .qa_bottom_in textarea{resize:none;}
/* 商品下方評論 */
.pd-dt-pic .product_detailB {width:calc(100% - 20px); margin: 0 auto;}
.pd-dt-pic .product_detailB .Product_contentbox02{padding: 0;}
.pd-dt-pic .product_detailB .Product_contentbox02 .comment_box:last-of-type{margin-bottom: 0;}
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box.average_grade{display: inline-block;}
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box img.start_img{ vertical-align: middle; margin-bottom: 5px; }
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box_l{float:none;}
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box_l h5{padding-left: 0;}
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box_r{float:none;max-width:calc(100% - 170px);}
.pd-dt-pic .product_detailB .content table { border-collapse:collapse; table-layout:fixed; max-width: 100% !important; width: auto!important;}
.pd-dt-pic .product_detailB .content table td { white-space: normal;}
/* 商品下方換貨基本須知 */
#product_detail .normal_item1BOX {padding:0 10px;}
#product_detail .normal_item1BOX .bottom_box .C_title{font:30px/38px 'Roboto', Microsoft JhengHei, 'PingFangTC', sans-serif!important;letter-spacing: 0.6px; text-align: center; color: #222; display: block;}
#product_detail .normal_item1BOX .bottom_box .C_article.item_frame_line{line-height: 20px; font-size: 14px;}
@media screen and (max-width: 1024px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 690px;}
}
@media screen and (max-width: 992px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 640px;}
}
@media screen and (max-width: 768px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 435px;}
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pd-dt-pic .product_detailB .Product_contentbox02 .bodyshop_comment .comment_box_r {max-width: 100%; margin-top: 5px;}
}
@media screen and (max-width: 600px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 340px;}
}
@media screen and (max-width: 568px) {
.pd-dt-pic .product_detailA ul li a{padding: 0 10px;}
}
@media screen and (max-width: 480px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 260px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .pd_dt_joo4_number_alert{ flex:100%;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list span{flex:.1;text-align:center;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list a{flex:1;}
}
@media screen and (max-width: 438px) {
.pd-dt-pic .product_detailA ul li a{padding: 0 5px;font-size: 14px;}
}
@media screen and (max-width: 389px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 210px;}
}
@media screen and (max-width: 374px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 200px;}
}
@media screen and (max-width: 365px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 180px;}
}
@media screen and (max-width: 360px) {
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .Product_assess{width:100%;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share{width:100%; float: left; margin-top:8px;}
}
@media screen and (max-width: 359px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .combination_list span{flex:.2;}
.pd-dt-pic .product_detailA ul li a{font-size: 12px;}
}
@media screen and (max-width: 340px) {
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a p{max-width: 160px;}
}
.pd-dt-pic .Product_range .Product_range_box>ul>li:nth-child(2) .Joo4Sale .jooPC_price01{ font-size: 20px;}
.pd-dt-pic .pd_dt_joo4_product_number li a { color: #cacaca !important; border: 1px solid #cacaca !important;}
.pd-dt-pic .pd_dt_joo4_product_number li.can_hover a { border: 1px solid #666 !important; color: #666 !important;}

/* product_picture 商品大圖 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .big_img{ border: 1px solid #eaeaea; border-radius: 10px; width: calc(100% - 20px); margin: 0 auto 10px; display: block; overflow: hidden;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg > div:first-of-type{ display: flex; justify-content: center;}
.pd-dt-pic .swiper-slide { display: flex;}
.pd-dt-pic .swiper-slide img{ padding: 0 !important; border-radius: 10px;}
.pd-dt-pic img.swiper-slide_large_picture{ border: none !important; border-radius: 10px;}
.pd-dt-pic .swiper-wrapper .swiper-slide img{ padding: 0 !important; border: 1px solid #eaeaea; border-radius: 10px;box-sizing: border-box;}
.item1.swiper-slide.swiper-slide-active{ border-radius: 10px; overflow: hidden;}

/* product_picArrow */
.pd-dt-pic .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0;}
.pd-dt-pic .swiper-button.swiper-button-prev{ width: 35px; height: 125px; top: 50%; transform: translateY(-50%); left: 0px; background-color: rgba(0,0,0,.1); background-image: url(images/icon_arrow_left.svg); background-size: 35px;}
.pd-dt-pic .swiper-button.swiper-button-next{ width: 35px; height: 125px; top: 50%; transform: translateY(-50%); right: 0px; background-color: rgba(0,0,0,.1); background-image: url(images/icon_arrow_right.svg); background-size: 35px;}

/* product_picArrow Lightbox_pic */
.pd-dt-pic .Lightbox .swiper-button.swiper-button-prev{ width: 35px; height: 125px; top: 50%; transform: translateY(-50%); left: 10px; background-color: #eaeaea; background-image: url(images/icon_arrow_left.svg); background-size: 35px;}
.pd-dt-pic .Lightbox .swiper-button.swiper-button-next{ width: 35px; height: 125px; top: 50%; transform: translateY(-50%); right: 10px; background-color: #eaeaea; background-image: url(images/icon_arrow_right.svg); background-size: 35px;}

/* product_picture_zoomIn */
.pd-dt-pic .Lightbox{ background-color: rgba(0,0,0,0.7);}
.pd-dt-pic .item.swiper-slide.swiper-slide-active{ padding: 10px;}
.pd-dt-pic .item.swiper-slide.swiper-slide-active img{ outline: none;}
.pd-dt-pic .Lightbox .swiper-button-next.swiper-button-disabled, .Lightbox .swiper-button-prev.swiper-button-disabled{ opacity: 1;}

/* 商品小圖 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .bottom_product{width: calc(100% - 10px); margin-left: 10px; padding-right: 2px;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .bottom_product .swiper-wrapper{ height:auto;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .bottom_product .swiper-slide { width: 35%; height: auto; opacity: .6; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .bottom_product .swiper-slide-active { opacity: 1; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .bottom_product .swiper-slide-active img{border-color:#2f2f2f;}

/* pd_comment 商品評價 */
.pd-dt-pic .comment_simple_data.Product_assess{ display: none;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share{ float: left;}

/* link_social_media */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box { margin: 10px 0;}
.pd-dt-pic .pd_dt_share span{ font-size: 14px; line-height: 20px;}
.pd-dt-pic .pd_dt_share_socialbox a.social_facebook{ background: url(images/icon_facebook.svg) center center no-repeat;}
.pd-dt-pic .pd_dt_share_socialbox a.social_line{ background: url(images/icon_line.svg) center center no-repeat;}
.pd-dt-pic .pd_dt_share_socialbox a.social_instagram{ background: url(images/icon_instagram.svg) center center no-repeat;}
.pd-dt-pic .pd_dt_share_socialbox a.social_twitter{ background: url(images/icon_twitter.svg) center center no-repeat;}
.pd-dt-pic .pd_dt_share_socialbox a.social_wechat{ background: url(images/icon_wechat.svg) center center no-repeat;}
.pd-dt-pic .pd_dt_share_socialbox a.social_email{ background-color: #FEA811 !important;}
.pd-dt-pic .pd_dt_share_socialbox a.social_messages{ background-color: #0096DB;}
.pd-dt-pic .pd_dt_share_socialbox a.social_duplicate{ background-color: #008062 !important;}
/* .pd-dt-pic .pd_dt_share_socialbox .social_phone{ background: url(images/icon_phone.svg) center center no-repeat;} */

/* product_name */
.pd-dt-pic h1.Product_name{ font: 28px/34px 'PingFangTC' !important; font-weight: bold !important; color: #2f2f2f !important;}
.pd-dt-pic h1.Product_name span{ display: none !important;}
/* product_notes */
.pd-dt-pic .Product_notes{ font-size: 14px; line-height: 20px; color: #2f2f2f;}

/* product_price */
.pd-dt-pic .Product_price{ display: flex; align-items: center; margin-bottom: 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price .now_price{ font-size: 34px;}
.pd-dt-pic div.now_price.jooPC_price01.now_price{ font: 34px/41px 'Montserrat','sans-serif'; font-weight: bold !important; color: #ed2525 !important; display: block; width: auto !important; white-space: nowrap; margin-right: 5px;}
.pd-dt-pic .now_price.jooPC_price01.now_price span{ font-size: 17px; position: relative; top: 4px;}
.pd-dt-pic div.now_price.jooPC_price03.now_price{ font: 34px/41px 'Montserrat','sans-serif'; font-weight: bold !important; color: #ed2525 !important; display: block; width: auto !important; white-space: nowrap; margin-right: 5px;}
.pd-dt-pic .now_price.jooPC_price03.now_price span{ font-size: 17px; position: relative; top: 4px;}
.pd-dt-pic span.was_price.jooPC_price02{ font: 12px/16px 'SF Pro Display' !important; display: flex; align-items: flex-end;}

/* minus,add_button */
.pd-dt-pic input.main_pd_dt_joo4_product_number{ color: #2f2f2f !important;}
.pd-dt-pic li.add.can_hover a{ color: #2f2f2f !important; border-radius: 0 5px 5px 0!important;}
.pd-dt-pic li.minus a{ color: #2f2f2f !important; font-size: 40px !important; line-height: 39px !important;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li a{ 
color: #2f2f2f !important; background-color: #fff; border-color: #D5D5D5 !important; border-radius: 5px 0 0 5px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li:nth-child(1) a{ font-size: 24px !important; line-height: 1.6 !important; font-weight: bold;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li:nth-child(2){ border-left: 0; border-right: 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_product_number li:nth-child(3) a{ font-size: 26px; line-height: 1.4;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number{ flex-direction: column; align-items: flex-start;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .Product_num .color_list{ flex-direction: column;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .Product_num .color_list .title_and_calculate_num{ display: flex; align-items: center;}

/* 最多可購買_件、現貨只剩_件即將完售 */
.pd_maxbuy{ width: 100%;}
.pd_dt_joo4_product_maxbuy.jooPC_price01{ font-size: 15px; color: #d70110 !important; position: relative; top: 6px;}
.pd_dt_joo4_product_maxbuy.jooPC_price01 span{ margin: 0px !important;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd_dt_joo4_number .pd_dt_joo4_number_alert{ color: #d70110; margin: 0; padding-top: 5px;}

/* paying_deliver_way */
.pd-dt-pic ul.Product_Payment{ font: 14px/20px 'PingFangTC' !important; color: #828282;}
.pd-dt-pic ul.Product_Payment li{ display: flex; flex-direction: column;}
.pd-dt-pic .Product_Payment_title{ color: #828282 !important; min-width: 74px; padding: 2px 0;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.Product_Payment li:first-of-type{ margin-bottom: 6px;}

/* Product_Payment */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo ul.Product_Payment{ border-top: 1px solid #eaeaea; padding: 10px 0;}

/* discountPrice_add_product 已優惠價加購商品 */
.dicount_text{ font: 15px/20px 'PingFangTC'; color: #2f2f2f; padding: 2px 0 5px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list span.discount_price{ font: 17px/22px 'SF Pro Display'; color: #ed2525; font-weight: bold; padding-left: 5px;}
.pd-dt-pic .pd_dt_joo4_product_number.\.minus_add_discount_product .calculate_number input{ display: block;}
.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item label, .pd_dt_joo4_group label{ padding: 10px;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus_content .pd_dt_joo4_product_number li:nth-child(1) a{ font-size: 26px;line-height: 27px !important;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus_content .pd_dt_joo4_product_number li:nth-child(3) a{ font-size: 26px;line-height: 24px; border-radius: 0 5px 5px 0;}
/* product_check_box */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label{ padding: 10px 5px;}
.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item input + label:before, .pd_dt_joo4_group input + label:before{ width: 24px; height: 24px; border-radius: 3px; margin-right: 5px;}
.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item input:checked + label:before, .Product_color .color_list .pd_dt_joo4_group input:checked + label:before{  width: 24px; height: 24px; border-radius: 3px; margin-right: 5px; background-color: #F37721;}

/* 特惠組合 */
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .color_name{ font-size: 17px; line-height: 22px; color: #828282; padding: 10px 40px 10px 10px; outline: 1px solid #eaeaea;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a{ display: flex; align-items: center; color: #2f2f2f;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group span{ border-radius: 8px; padding: 0 17px 0 5px; line-height: 25px; 
background: url(images/icon_arrow_black.svg) no-repeat right center; background-size: 18px; transition-duration: 0.3s;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Combination .pd_dt_joo4_group a:hover span{ color: #fff; border-color: #F37721;
background: url(images/icon_arrow_white.svg) no-repeat right center #F37721; background-size: 18px;}

/* product_tag_all 商品標籤 */
.pd-dt-pic .product_tag_all{ margin: 10px 0;}
.pd-dt-pic .product_tag_title{ font-size: 17px; line-height: 22px; color: #828282; padding: 10px 40px; background: url(images/icon_tag.svg) 9px center no-repeat #eaeaea;}
.pd-dt-pic ul.product_tag_item_all{ display: flex; border: 1px solid #D5D5D5; border-top: none; padding: 10px 15px;}
.pd-dt-pic li.product_tagName a{ display: block; margin-right: 10px; padding: 6px; font-size: 13px; line-height: 16px; color: #ed2525; border: 1px solid #fbd3d3; border-radius: 5px; background:#fff3f3; background-size: 16px;}

/* sale_event 本商品適用活動_new */
.pd-dt-pic .discountbox .discountbox_title{ font-size: 17px; line-height: 22px; color: #828282; padding: 10px; background: #eaeaea; outline: 1px solid #eaeaea;}
.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .discountbox > ul > li > ul > li:first-of-type div{ 
width: 87px; text-align: center; color: #fff; padding: 3px 5px 3px 20px; border-radius: 6px; background: url(images/icon_buy.svg) 5px center no-repeat #ed2525; background-size: 16px; margin-right: 6px; cursor: default;}
.pd-dt-pic .discountbox > ul > li { color: #2f2f2f;}
.pd-dt-pic .discountbox > ul > li > .discountbox_goto_btn{ display: block; transition-duration: 0.3s; height: 26px; text-align: left; padding: 0 0 0 8px; border-radius: 8px;}
.pd-dt-pic .discountbox > ul > li > .discountbox_goto_btn i{ font-size: 20px; color:var(--pic-color-grey-100); vertical-align: sub;}
.pd-dt-pic .discountbox .discountbox_togglebtn{ padding: 0 4px 10px 4px; display: block;}

/* product_detail 商品特色,商品規格,注意事項,商品問與答 */
.pd-dt-pic .product_detailA ul{ display: flex; margin: 30px 0 10px 0; border-bottom: none;}
.pd-dt-pic .product_detailA ul li{ width: 100%; margin-right: 5px;}
.pd-dt-pic .product_detailA ul li:last-child{ margin-right: 0;}
.pd-dt-pic .product_detailA ul li a{ font-weight: 500; font-size: 12px; text-align: center; height: 45px; line-height: 16px; padding: 0 2px; display: flex; align-items: center; justify-content: center;}
.pd-dt-pic .product_detailA ul li:last-child a{ border: none;}
.pd-dt-pic .product_detailB{ border: 1px solid #eaeaea; border-radius: 5px;}

/* 商品特色 */
.pd-dt-pic .Product_contentbox02 h3.pc_title{ color: #2f2f2f;}
.pd-dt-pic .pd_introduce .pd_introduce_text p{ font: 12px/16px 'PingFangTC'; margin-bottom: 30px;}
.pd-dt-pic .pd_introduce ul.pd_picture{ display: flex; flex-direction: column; align-items: center;}
.pd-dt-pic .pd_introduce ul.pd_picture li{ list-style: none; margin-bottom: 20px; display: flex; justify-content: center;}
.pd-dt-pic .pd_introduce ul.pd_picture li img{ width: 85%;}
.pd-dt-pic .Product_contentbox02 ul{ padding: 0;}

/* 加入收藏(已加入)btn */
.pd-dt-pic li.jooshop_btn_color2 a.trace_btn.trace_btn_on i,
.pd-dt-pic li.jooshop_btn_color2 a.trace_btn.trace_btn_on span{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}

/* 補貨中貨到通知我btn */
.pd-dt-pic .jooshop_btn_color2 .icon-social-01:before{ font-size: 24px; position: relative; top: -4px; left: -4px;}
.pd-dt-pic .jooshop_btn_color2 .icon-social-01:before{ display: none;}

/* 完售 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox a.go_marketing{ padding-left: 10px;}

/* alert_box */
.pd-dt-pic .jooshop_btn_color .pic-window-bg .pic-window-button-OneBtn{ border-radius: 0 0 10px 10px;}

/* 此商品有優惠活動_light_box */
.pd_dt_joo4_addcar_box.pd_dt_pic_addbox .pd_dt_joo4_seemore{ border-top: 0;}

/* 瀏覽記錄 */
.history_sidebar { width: 132px; position: fixed; right: -100px; top: 56px; z-index: 99; transition: all .8s; display: none;} /* 瀏覽紀錄隱藏 */
.history_sidebar.history_sidebar_open{right: -30px;transition: all .8s;}
.history_sidebar .history_title { float: left; font-size: 12px; font-weight: 400; text-align: center; color: #fff; line-height: 16px; border-radius: 5px 0 0 5px; height: 100px; width: 32px; padding: 8px 10px; cursor: pointer; background-color:#f37721; position: relative;}
.history_sidebar .history_title::after{content: ''; position: absolute; right: 8px; bottom: 8px; background-image: url(css/images/icon_pic_todayview_arrow_left.svg); background-position: center; background-repeat: no-repeat; width: 16px; height: 16px;}
.history_sidebar.history_sidebar_open .history_title::after{transform: rotate(180deg);}
.history_sidebar .history_box { width: 70px; background-color: #fff; border:1px solid #EAEAEA; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; overflow: hidden;}
.history_box .history_box_inner{ width:80%; height:250px; margin: 0 auto; position:relative; padding: 36px 0;}
.history_sidebar .swiper-button-up{background-image: url(arrow_up_XL.svg)!important;position: absolute; top:0!important; left: 50%!important; transform: translateX(-50%)!important;width: 30px!important;height: 15px!important;bottom: inherit !important;}
.history_sidebar .swiper-button-down{background-image: url(arrow_down_XL.svg)!important;position: absolute; bottom:16px!important; left: 50%!important; transform: translateX(-50%)!important;width: 30px!important;height: 15px!important;top: inherit !important;}
.df_Back_top{ margin:0 auto; width:42px; height:21px; background:url(cp_top.png) left top no-repeat; cursor:pointer;}
.history_sidebar .slick-prev{background-image: url(css/images/icon_pic_arrow_up_white.svg);background-color: #eaeaea; position: absolute; top:5px; left: 50%; transform: translateX(-50%);width: 100%;height: 20px;bottom: inherit ; z-index: 55;cursor: pointer; text-indent: 1000px; overflow: hidden; border: none;}
.history_sidebar .slick-next{background-image: url(css/images/icon_pic_arrow_down_white.svg);background-color: #eaeaea; position: absolute; bottom:5px; left: 50%; transform: translateX(-50%);width: 100%;height: 20px;top: inherit; z-index: 55;cursor: pointer; text-indent: 1000px; overflow: hidden; border: none;}
.history_box .history_box_inner .slick-slider { position: static; overflow: hidden; height: 100%; }
.history_box .history_box_inner .slick-slide img { width: 100%; height: auto; }

@media screen and (min-width: 390px){
	/* product_detail 商品特色,商品規格,注意事項,商品問與答 */
	.pd-dt-pic .product_detailA ul{ justify-content: flex-start;}
	.pd-dt-pic .product_detailA ul li{ margin-right: 1%;}
}

@media screen and (max-width: 420px) {
	/* 贈品 */
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_Gift ul.Product_Gift_list li a{ font-size: 14px; line-height: 17px;}

	/*以優惠價加購商品 */
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label{ padding: 5px;}
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label a{ font-size: 14px; line-height: 17px;}
	.dicount_text{ font-size: 14px;}
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus_content .pd_dt_joo4_product_number li:nth-child(1) a{ line-height: 27px!important; font-size: 13px !important;}
	.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item input + label:before, .pd_dt_joo4_group input + label:before{ width: 15px; height: 15px; margin-right: 4px;}
	.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item input:checked + label:before, .Product_color .color_list .pd_dt_joo4_group input:checked + label:before{ width: 15px; height: 15px;}
}

@media screen and (max-width: 360px){		
	.pd-dt-pic .product_detailA ul li a{ padding: 0 4px;}
	.pd-dt-pic li.sale_event .sale_event_tag{ font-size: 13px;}
}

@media screen and (max-width: 330px){
	/* product_picture 商品大圖 */
	.pd-dt-pic .swiper-slide.swiper-slide-active{ height: auto;}
	/* share_link */
	.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share span{ font-size: 13px; line-height: 2;}
	.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box .pd_dt_share .pd_dt_share_socialbox ul li{ margin-right: 3px;}
	/* color,size */
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li{ font-size: 13px;}
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li.active{ font-size: 13px;}
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li{ font-size: 13px;}
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.active{ font-size: 13px;}
	/* pd_tag */
	.pd-dt-pic li.product_tagName a{ padding: 3px; margin-right: 3px;}

	/* product_check_box */
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_plus .Product_plus_list .Product_plus_item label{ padding: 10px 5px;}
	.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item input + label:before, .pd_dt_joo4_group input + label:before{ width: 15px; height: 15px; border-radius: 3px;}
	.pd-dt-pic .Product_plus .Product_plus_list .Product_plus_item input:checked + label:before, .Product_color .color_list .pd_dt_joo4_group input:checked + label:before{  width: 15px; height: 15px; border-radius: 3px; background-color: #F37721; margin-right: 4px;}

	/* 本商品適用活動 */
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .discountbox > ul > li > ul > li:last-of-type{ font-size: 12px;}
	.pd-dt-pic .pd-dt-pic-topbox form .pd-dt-pic-productinfo .discountbox > ul > li > ul > li:first-of-type div{ width: 82px; min-width: 82px; font-size: 12px;}

	/* product_detail 商品特色,商品規格,注意事項,商品問與答 */
	.pd-dt-pic .product_detailA ul li a{ font-size: 13px; line-height: 45px; padding: 0 2px;}
}

/* 加入購物車完成 遮罩 */
.addCartMask { position: fixed!important; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: 99999; top: 0; right: 0; }
.addCartBlock { position: absolute; width: 250px; height: 250px; left: 50%; top: 50%; margin: -125px 0 0 -125px; border-radius: 100%; text-align: center; background-color: rgba(0,0,0,.65); }
.addCartBlock_img { margin: 40px 0 15px; }
.addCartBlock_txt { color: #fff; font-size: 22px; font-family: "微軟正黑體"; font-weight: 700; letter-spacing: 1px; }

/* product_detail_igroup */
.product-announce{ display: flex; height: 40px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border:1px solid var(--pic-light-red-10); padding: 2px; margin-bottom: 10px;}
.product-announce .product-announce-title{ background-color:var(--pic-light-red-10); line-height: 34px; color: var(--pic-light-red-80); padding: 0 10px; -moz-border-radius: 18px 0 0 18px; -ms-border-radius: 18px 0 0 18px; -o-border-radius: 18px 0 0 18px; -webkit-border-radius: 18px 0 0 18px; border-radius: 18px 0 0 18px; margin-right: 5px; font-size: 14px; font-weight: 500;}
.product-announce .product-announce-title i{ font-weight: 500; font-size: 22px; vertical-align: middle;}
.product-announce-text{ line-height: 34px;}
.product-announce-text img{ width: 30px; height: 30px; object-fit: contain; vertical-align: middle; margin-right: 2px;}
.product-announce-text span{color: var(--pic-red); padding: 0 5px;}
.pic-igroup-status { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;}
.pic-igroup-status ul { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 5px;}
.pic-igroup-status ul li{margin-left: -5px;}
.pic-igroup-status ul li.pic-pds-status-more{margin-left:0;}
.pic-igroup-status ul li img{ width: 30px; height: 30px; object-fit: contain; border: 1px solid var(--pic-color-grey-10); -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; vertical-align: top;}
.pic-igroup-status .pic-pds-status-num{ margin: 5px 0; color: var(--primary); font-size: 12px; font-weight: 500; line-height: 16px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; text-align: right;}
.pic-igroup-status .pic-pds-status-num span{display: block;}
.pic-igroup-status i{ font-size: 25px; color:var(--pic-color-grey-30);}
/* 團購買家取貨方式 */
.pd-dt-pic-pickup-method{ -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: var(--pic-light-red-10); padding: 10px 15px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin:0 auto 20px; width: calc(100% - 20px); -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pd-dt-pic-pickup-method .pic-pds-avatar{ width: 55px; height: 55px; margin-right: 15px;}
.pd-dt-pic-pickup-method .pickup-method-info{ margin-right: 15px;}
.pd-dt-pic-pickup-method .pickup-method-info > span{ display: block; font-size: 17px; line-height: 22px; font-weight: 500; margin-bottom: 5px;}
.pd-dt-pic-pickup-method .pickup-method-info .pic_pds_delivery_tag{ position: relative; height: 26px; -moz-border-radius: 10px 0 10px 0; -ms-border-radius: 10px 0 10px 0; -o-border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; border-radius: 10px 0 10px 0; display: inline-block; margin-right: 5px; font-weight: normal; line-height: 20px;}
.pd-dt-pic-pickup-method .pickup-method-address{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; margin-top: 10px;}
.pd-dt-pic-pickup-method .pickup-method-text{ background-color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; padding: 5px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; margin-top: 10px;}
.pd-dt-pic-pickup-method .pickup-method-text ul{ list-style-type: disc; padding-left: 20px;}
/* 團購商品貨號 */
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .product_number{ margin: 0;}
/* 團購副標 */
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_notesbox{ margin-bottom: 5px;}
/* 團購區塊 */
.pd-dt-pic-igroup .pd-igroup-box{ -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid var(--pic-light-red-60); background-color:#fff; margin-bottom: 10px;}
.pd-dt-pic-igroup .pd-igroup-box .pd-igroup-box-content{ padding: 15px;}
.pd-dt-pic-igroup .pd-igroup-box .pd-igroup-box-content .Product_temp{ margin-bottom: 0;}
.pd-dt-pic-igroup .pd-igroup-box .pd-igroup-box-content .Product_price{ padding-bottom: 0;}
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .pd-igroup-box-content .pd_dt_joo4_number{ margin-bottom: 0;}
/* 團購價 */
.pd-dt-pic-igroup .Product_price{ flex-wrap:wrap;}
.pd-dt-pic-igroup .Product_price .was_price{ flex:100%; padding-left: 0; font-weight: normal; letter-spacing: 0;}
.pd-dt-pic-igroup .Product_price .now_price{ flex:100%; align-items:center; font-weight: normal; letter-spacing: 0;}
.pd-dt-pic-igroup .Product_price .now_price p{ font-size: 16px; line-height: 20px; margin-right: 5px;}
.pd-dt-pic-igroup .Product_price .Product_discount_timelimit{ margin-left: 5px; display:inline-block; width: 101px; height: 54px; background-image: url(images/discount_time.png); background-position: center center; background-size: 100%; background-repeat: no-repeat;}
@media screen and (max-width: 420px) {
	.pd-dt-pic-igroup .Product_price .now_price p{ font-size: 13px;}
	.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_price .now_price { font-size: 22px;}
}
/* 團購規格 */
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li.active,
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.active{border-color:var(--pic-red);}
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .sizeBox li.active:after,
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_color .color_list .colorBox li.active:after{ background-image: url("images/joo4_checked_red.svg"); }
/* 團購按鈕 */
.pd-dt-pic-igroup .pd-dt-pic-topbox .pd-dt-pic-productinfo .Product_btnbox .jooshop_btn_color2 a{-ms-flex-direction: row; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; font-size:14px !important; padding: 0 5px !important; line-height: 40px !important;}
.pd-dt-pic-igroup .pd-dt-pic-topbox form .pd-dt-pic-productinfo .Product_btnbox > ul > li:last-of-type a i{font-weight:bold; font-size: 20px;}
.pd-dt-pic-igroup .jooshop_btn_color2 a{ background-color: var(--pic-red); border-color: var(--pic-red); color:#fff;}
.pd-dt-pic-igroup .jooshop_btn_color2 a:hover{ background-color: var(--pic-light-red-80); border-color: var(--pic-light-red-80);}
.pd-dt-pic-igroup .jooshop_btn_color2 a{ background-color: var(--pic-red); color:#fff;}
.pd-dt-pic-igroup .jooshop_btn_color2 a:hover{ background-color: var(--pic-light-red-80);}
.pd-dt-pic-igroup .jooshop_btn_disabled{ background-color: var(--pic-color-grey-40); border-color: var(--pic-color-grey-40); color:#fff; padding: 0 5px; display: block; text-decoration: none; text-align: center; font-size: 14px; height: 40px; line-height: 40px; text-indent: 0; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* 賣越多賺越多 */
.pd-dt-pic-igroup .pd-igroup-box.igroup_profit{ cursor: pointer;}
/* 團購倒數 */
.pd-dt-pic-igroup .pd-igroup-box-title{ padding: 10px 12px; background-color: var(--pic-light-red-60); color: #fff; font-size: 16px; line-height: 20px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.pd-dt-pic-igroup .pd-igroup-box-title i{margin-right: 5px;}
.pd-dt-pic-igroup .pd-igroup-box-title span{ margin-left: 5px; font-size: 13px;}
.pd-dt-pic-igroup .pd-igroup-box-title .toggle{ position:absolute; right:5px; top:50%; transform: translateY(-50%);}
.pd-dt-pic-igroup .pd-igroup-box-title .toggle i{ font-size: 24px;}
.pd-dt-pic-igroup .pic-pds-countdown .pic-pds-tiles{ display: flex; align-items: center; margin-left: 6px;}
.pd-dt-pic-igroup .pic-pds-countdown .pic-pds-tiles > span{ display: block; width:30px; height: 30px; font-size: 17px; margin: 0 5px; text-align: center; border-radius: 5px; line-height: 30px; color: var(--pic-color-grey-100); background: #fff; font-weight: 500;}
/* (新)下方說明頁籤 */
.pd-dt-pic-igroup .product-nav .menu-item-link.active { color: var(--pic-red); }
.pd-dt-pic-igroup .product-nav .active-line { background-color: var(--pic-red);}
/* (新)下方說明 */
.pd-dt-pic-igroup .product-bottom .page-section .section-title:after { background: var(--pic-light-red-80); }
/* 團購共用區塊 */
.pd-igroup-box{ -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid var(--pic-light-red-60); background-color:#fff; margin-bottom: 10px;}
.pd-igroup-box .pd-igroup-box-title{ padding: 10px 12px; background-color: var(--pic-light-red-60); color: #fff; font-size: 16px; line-height: 20px; position: relative;}
.pd-igroup-box .pd-igroup-box-title i{margin-right: 5px;}
.pd-igroup-box .pd-igroup-box-item:nth-child(even){ background-color: var(--pic-light-red-5);}
.pd-igroup-box .pd-igroup-box-item.igroup_item_title{ background-color: var(--pic-color-grey-5);}
.pd-igroup-box .pd-igroup-box-item{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.pd-igroup-box .pd-igroup-box-item > li{ text-align: center; padding: 5px 0;}
.pd-igroup-box .pd-igroup-box-item > li:first-of-type{ -webkit-box-flex: 0 20%; -moz-box-flex: 0 20%; -webkit-flex: 0 20%; -ms-flex: 0 20%; flex: 0 20%;}
.pd-igroup-box .pd-igroup-box-item > li:last-of-type{ -webkit-box-flex: 0 80%; -moz-box-flex: 0 80%; -webkit-flex: 0 80%; -ms-flex: 0 80%; flex: 0 80%; color: var(--pic-red);}
.pd-igroup-box .pd-igroup-box-item.igroup_item_title > li{ color: var(--pic-color-grey-100);}

/*手機版選單畫面藍框問題*/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/*公版麵包屑*/
.m_breadCrumbs{ width: 100%; height: auto; padding: 5px; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px;}
.m_breadCrumbs .breadCrumbs2{ width:100%; margin: 0 auto;}
.m_breadCrumbs .breadCrumbs2 ol { display:inline-block;}
.m_breadCrumbs .breadCrumbs2 ol li{ display:inline-block; margin-right: 10px;}
.m_breadCrumbs .breadCrumbs2 ol li:first-child{ background: url(images/index_home.svg) left center no-repeat; padding-left: 25px; background-size:18px; }
.m_breadCrumbs .breadCrumbs2 .accesskeyLink { display:none;}
.m_breadCrumbs .breadCrumbs2 h1{ display: inline-block; font-size: inherit;}

/*公用搜尋結果*/
.normal_no_search{ width: 100%; padding: 30px 15px; text-align: center;}
.normal_no_search h5.normal_no_search_title{ display: block; width: 100%; height:auto; font-size:15px; line-height:25px; color: #666; overflow: hidden; letter-spacing: 1px; margin: 0 auto;}
.normal_no_search h5.normal_no_search_title span{ color:#ef2c3e;}
.icon_sadface{ display: block; fill: #666; width: 50px; height: 50px; margin: 0 auto; margin-bottom: 10px;}
.Store_PSearch_Pbox h5.normal_no_search_title,.Kg_ProductList h5.normal_no_search_title{ display:block; width: auto; height:auto; font-size:16px; line-height:24px; color: #666; overflow: hidden; padding:10px 5px;text-align:center;}
.Store_PSearch_Pbox h5.normal_no_search_title span,.Kg_ProductList h5.normal_no_search_title span{ font-weight: bold;}
.productListTop{ margin-bottom: 5px;}
.productListTop_L{padding: 0 10px; font-size: 12px;}
.productListTop_L span.PListTop_01{ font-size: 18px; line-height: 22px; display: block; font-weight: bold;}

/* 會員中心共用 */
.component_title{float:left;vertical-align: middle;font-size:18px;line-height:26px;text-align: left;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; font-weight:500; -webkit-box-flex: 5; -moz-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5;}
.component_title .component_remark{display: inline-block;font-size: 12px;margin-left:8px;font-weight:normal;}
.component_title .component_remark .component_emphasize{color:var(--pic-red);}
.component_title i{vertical-align: middle;font-size:26px;margin-right:2px;}
.component_title .component_subtitle{color:#aaa;font-weight: normal; font-size:13px; letter-spacing: .3px; vertical-align: baseline;line-height:16px; position:relative;text-decoration:none;}
.component_title .component_subtitle:after{content:''; position:absolute; right:0; bottom:-1px; width:calc(100% - 17px); height:1px; background-color:#bbb;}
.component_title .component_subtitle .component_question{display: inline-block; width: 15px; height: 15px; background-color: #bbb; color: #FFF; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 12px; line-height: 16px; text-align: center; margin-right: 2px;}
.new_member_modal { display: none; vertical-align: middle; position: relative; left: 0;bottom: 0;z-index: 2; max-width: 500px; max-height: 400px; box-sizing: border-box; width: 100%; background: #fff; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: left; overflow:hidden;}
.new_member_modal .new_member_modal_title { font-size: 15px; padding: 4px 15px; display: flex; font-weight: 500; align-items: center; background-color: #f7f7f7; color:#444; height:35px;}
.new_member_modal .new_member_modal_title i{ font-size: 22px; margin-right:2px;}
.new_member_modal a.close-modal { position: absolute; top: 5px; right: 5px; display: block; width: 30px; height: 30px;}
.new_member_modal a.close-modal i{font-size: 28px; cursor: pointer; margin: 0; color:#444;}
.new_member_modal a.close-modal i:hover{color:#444;}
.new_member_modal .new_member_modal_content { padding: 10px 15px; max-height: 330px; overflow-y: scroll; color:#444; font-size: 13px; line-height: 20px;}
.new_member_modal .new_member_modal_content::-webkit-scrollbar { width: 5px; margin-right: 10px; }
.new_member_modal .new_member_modal_content::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.068); width: 5px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.new_member_modal .new_member_modal_content::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; padding: 10px; }
.new_member_modal .new_member_modal_close{background-color: var(--pic-red); color:#fff; display:block; text-align:center; font-size:15px; line-height:35px; height:35px; letter-spacing: 1px; text-decoration:none;}
.new_member_modal .new_member_modal_close:hover{background-color: var(--pic-second-red);}
.new_member_nodata{ width: 100%; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; padding:25px 0;}
.new_member_nodata_box { width: 150px; height: 150px; background-color: #cfcdcd; display: flex; justify-content: center; align-items: center; background: url(images/newmem_no_data.svg) no-repeat top center;background-size: 150px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.new_member_nodata p { padding-top:4px; font-size: 13px; color: #aaa; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; text-align: center; font-weight:400; letter-spacing:1.5px; line-height:20px;}
.new_member_btn_confirm input[type="submit"],.new_member_btn_confirm a:link,.new_member_btn_confirm a:visited,.new_member_btn_confirm a:active{display: block; height: 40px; line-height: 40px; border: 0; color: #fff; font-size: 15px; cursor: pointer; background-color: var(--pic-red); text-align: center; padding: 0 20px; margin: 0 auto; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;text-decoration:none;}
.new_member_btn_confirm input[type="submit"]:hover,.new_member_btn_confirm a:hover{ -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;text-decoration:none;background-color: var(--pic-second-red);}
.new_member_btn_invalid input[type="submit"],.new_member_btn_invalid a:link,.new_member_btn_invalid a:visited,.new_member_btn_invalid a:active{display: block; height: 40px; line-height: 40px; border: 0; color: #444; font-size: 15px; cursor: default; background-color: #fff; border:1px solid #444; text-align: center; padding: 0 10px; margin: 0 auto; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;text-decoration:none;}
.new_member_btn_cancel a:link,.new_member_btn_cancel a:visited,.new_member_btn_cancel a:active{display: block; height: 40px; line-height: 40px; border: 0; color: #fff; font-size: 15px; cursor: pointer; background-color: #ccc; text-align: center; padding: 0 20px; margin: 0 auto; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;text-decoration:none;}
.new_member_btn_cancel a:hover{ -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;text-decoration:none;background-color: #c8c8c8;}
.component_add{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;float: right; text-align: right;}
.component_add i{margin-right: 5px; font-size: 18px; color:#fff;vertical-align: text-bottom;}
.component_add .jooshop_btn_color { display: inline-block; }
.component_add .jooshop_btn_color a{color:#fff; text-decoration:none;}
.component_add a { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;}
.component_openarea{position: relative;padding:15px;border:solid 1px #ddd;background-color: #fff;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;margin-bottom:10px;}
.member_title_sort i{font-size:28px;}
.reload_newmem a{display: inline-block; width: 23px; height: 23px; background: url(images/reload_newmem.svg) no-repeat center center; text-indent: -9999px; vertical-align: middle; margin-left: 5px; transition: all .3s;}
.reload_newmem a:hover { transform: rotate( 180deg ); }
.new_member_page{width: 100%; height:55px; text-align: center; padding: 15px 0 0; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;}
.new_member_page ul.new_member_page_box{display: inline-block; background-color: #fff;}
.new_member_page ul.new_member_page_box li{ display: inline; }
.new_member_page ul.new_member_page_box li a,.new_member_page ul.new_member_page_box .Kg_page_num { color: rgb(94, 94, 94); float: left; padding: 0 14px; text-decoration: none; transition: background-color .3s; border: 1px solid #e5e5e5; height:38px; line-height: 38px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.new_member_page ul.new_member_page_box li.dis a{background: #f1f1f1;}
.new_member_page ul.new_member_page_box li:last-of-type a,.new_member_page ul.new_member_page_box li:nth-child(2) a,.new_member_page ul.new_member_page_box .Kg_page_num {border-left-width:0;} 
.new_member_page ul.new_member_page_box li a:hover{background: #efefef;}
.form_prompt{ letter-spacing: normal; font-size: 13px; color: #bbbbbb; font-weight:normal; line-height: 20px; padding: 3px 0; font-weight: normal; letter-spacing: .2px;}
.new_member_loadingMask { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; top: 0; left: 0; }
.new_member_loadingMask img{width:160px; vertical-align: top;}
.new_member_loadingBlock { position: absolute; width: 220px; height: 220px; left: 50%; top: 50%; transform:translate(-50%,-50%); border-radius: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.65); }
.new_member_loadingMask_txt { color: #FFF; font-size: 20px; font-weight: 400; letter-spacing: 1px; vertical-align: top;}
.triangle-top{ position: absolute; right:95px; top:-18px;}
.triangle-top-int{width:0px; height:0px; border-width:9px; border-style:solid; border-color:transparent transparent #eee transparent ; position:absolute; top:-1px;}
.triangle-top-out{ width: 0px; height: 0px; border-width: 9px; border-style: solid; border-color: transparent transparent #fff transparent; position: absolute;}
.member_titlebox{ display: flex; justify-content:space-between;}
.member_titlebox .member_title_style{ width: 50%; display: flex;color: #444; align-items: center; line-height: 32px; font-size: 20px; margin-right: 8px; font-style: normal; vertical-align: middle;}
.member_titlebox .member_title_style i{ vertical-align: middle; font-size: 30px; margin-right: 5px;}
.member_titlebox .member_title_style > div{ font-size: 14px; font-style: normal; margin-left: 6px;}
.member_titlebox .member_title_style > div span{ font-size: 14px; color:#d70110; margin:0 5px;}
.member_title_sort > ul { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: end; -webkit-justify-content: flex-end;-webkit-box-pack: end; -moz-box-pack: end; justify-content: flex-end; -ms-flex-align: center; -webkit-align-items: center; align-items: center;; width: 100%; }
.member_title_sort > ul > li { font-size: 14px; color: #444; line-height: 32px; }
.member_title_sort > ul > li.member_title_sort01 { padding-right: 15px; border-right: 1px solid #d8d8d8; }
.member_title_sort > ul > li.member_title_sort01 select { width: 70px; height: 30px; line-height: 30px; margin: 0 6px; padding: 0 22px 0 10px; border-radius: 3px; border: solid 1px #ddd; appearance: none; background-color: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center; color:#444;}
.member_title_sort > ul > li.member_title_sort02 { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 15px; }
.member_title_sort > ul > li.member_title_sort02 a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 30px; height: 30px; border: solid 0.8px #ddd; background-color: #fff; margin-left: 6px; color:rgba(0,0,0,.2);-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.member_title_sort > ul > li.member_title_sort02 a i{ color:rgba(0,0,0,.2)}
.member_title_sort > ul > li.member_title_sort02 a.active{background-color:#f5f5f5;}
.member_title_sort > ul > li.member_title_sort02 a.active i{color:#444;}
.member_title_sort > ul > li.member_title_sort02 a:focus{box-shadow:none;}
.member_title_sort > ul > li.member_title_sort02 a:hover{text-decoration:none;}
.member_title_sort > ul > li span.new_member_tooltip{display:none;}
a.accent_color, .accent_color { color: #ff3342; }
/* switch checkbox */
.admweb-v2-form-input-poke {
	border-radius: 2em;
    transition: background-position .15s ease-in-out;
    width: 40px;
    height: 24px;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: var(--pic-color-grey-10);
	background-image: url(images/admweb_pic/switch-button.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact;
}
.admweb-v2-form-input-poke:checked {
    background-position: right center;
    background-image: url(images/admweb_pic/switch-button.svg);
    background-color: var(--primary);
    border-color: var(--primary);
}
@media screen and (max-width: 1200px) {
	.triangle-top{ right: 50%; transform: translateX(-50%);}
	.member_titlebox{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.member_title_sort{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
}

/* 公版價格和價格單位 */
.currency_unit_color { display: inline-block;}

/* 元件1 圖文 */
/* it1_default */
.normal_item1BOX{ width: 100%; max-width: 1200px; margin: 0 auto;}
.normal_item1BOX .top_box img{ display:block; max-width:100%; height:auto !important; margin:0 auto;}
.normal_item1BOX .item7_img{ border: 0; padding: 0; display: unset;}
.normal_item1BOX .item7_img{ display:inline-block; padding:15px; border: 1px solid #dfdfdf; margin: 0 auto;}
.normal_item1BOX .item7_img > a{ display:block; max-width:100%; width:100%; height: auto;}
.normal_item1BOX .item7_img img{ display:block; max-width:100%; width:100%; height: auto;}

/* 元件4 圖片連結元件4 */
/* it4_default */
.normal_item4BOX img{ display:block; max-width:100%; height:auto !important; margin:0 auto; margin-bottom:10px;}

/* 元件8 訊息公告元件 */
/* it8_default */
.item8_box{ width:100%; padding: 15px 0;}
.item8_box ul{ width:100%; height: auto; background:#fcfbfa; padding: 15px;}
.item8_box ul:nth-child(even){ background:#fff;}
.item8_box ul li.item8_date,.item8_box ul li.item8_slogan{ float:left;}
.item8_box ul li.item8_date{ font-size:15px; line-height:30px; color:#555555; margin-right: 10px;}
.item8_box ul li.item8_slogan{ padding: 0 20px; font-size:15px; line-height:30px; width: 100px; height:30px; overflow:hidden; background:#888; border-radius: 30px; color: #fff; margin-right:10px; }
.item8_box ul li.item8_text{ width: auto;}
.item8_box ul li.item8_text a{ font-size:15px; line-height:30px; color:#555555; text-indent: 15px;}
@media screen and (max-width:1100px){
	.item8_box ul li{ float:left;}
	.item8_box ul li.item8_text{ display: block; width: 100%; margin-top: 5px;}	
}

/* 元件16 加入會員 - 會員條款 */
.it16_default.poM_Content{max-width: 1200px; margin: 0 10px 15px;}
.it16_quicklogin_box{display: block;width:90%;margin: 0 auto 15px; padding-bottom:15px; border-bottom: 1px solid #ddd;}
.it16_default .loginother{border-top:0;}
.it16_default .MemberLogin_newbox{ text-align: center; padding-bottom:10px;max-width:660px;margin:0 auto;}
.it16_default .poM_Content_item16{ padding-top:20px;box-shadow:none !important;-webkit-box-shadow:none !important; border:3px solid #d2d2d2;}
.it16_default .poM_memberItem2 { width: 90%; margin: 0 auto;}

/* 元件20 會員登入*/
.AF_Member_LoginPage_left,.MemberLogin_left { width: 320px; background: #f9f9f9; margin: 20px auto; padding-bottom: 20px;}
.AF_Member_LoginTitle_left,.AF_Member_LoginTitle_L{ margin: 0 1px; font: bold 18px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color: #333; text-align: center; padding: 20px 0 10px 0;}
.AF_Member_LoginBox_left {font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;padding: 0 20px;}
.AF_Member_LoginBox_left li{ padding:5px 0;}
.AF_Member_LoginContent_left{background: #f9f9f9;}
.AF_Member_LoginTitle_right{background: none!important;background-color: #fff!important;padding-left: 0!important;}
input.MemberLogin_Input01[type="text"],input.MemberLogin_Input01[type="password"],input.AF_Member_Input100[type="text"],input.AF_Member_Input100[type="password"]{ width:100%; height:40px; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px;}
input.MemberLogin_Input02[type="text"],input.AF_Member_Input90[type="text"]{ width:122px; height: 40px;font: 15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 10px; margin-right:10px;}
.AF_Member_Login_R_left{padding: 10px 0;}
.AF_Member_Login_R_left input{ display:block; font:25px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; width:280px; height:50px; border:none; background-color:#c9b7b9; cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; letter-spacing:3px; margin: 0 auto;}
.AF_Member_Login_bt{ width: 100%; margin: 0 auto; text-align: center;padding: 10px 0;}
.AF_Member_Login_bt li {padding: 0 10px; font:14px/20px Arial, Helvetica, sans-serif; color:#bbb; display: inline-block; margin-bottom: 5px; border-left: 1px solid #ddd;}
.AF_Member_Login_bt li a{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AF_Member_Login_bt li a:hover{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#111;}
.AF_Member_Login_bt li:nth-child(1){border-left: 0;}
.loginother{ width: 100%; margin: 0 auto; text-align: center; border-top: 1px solid #ddd; padding: 10px 0; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.MemberLogin_newbox{ text-align:center;}
.MemberLogin_newbox a{ text-indent:-9999px; margin:0 5px;}
a.MemberLogin_newInput05:link, a.MemberLogin_newInput05:visited{ display: inline-block; text-align:center; font: 18px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color: #FFF; width: 50px; height: 50px; border: none;  background:url(images/facebook_logo.svg) center center no-repeat #3B5998;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: 1px;}
a.MemberLogin_newInput06:link, a.MemberLogin_newInput06:visited{ display: inline-block; text-align:center; font: 18px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color: #FFF; width: 50px; height: 50px; border: none;  background:url(images/item315_gplus.svg) center center no-repeat #fff; background-size:36px;cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: 1px;border:1px solid #ddd;}
a.MemberLogin_newInput07:link, a.MemberLogin_newInput07:visited {display: inline-block;text-align: center;font: 18px/50px 微軟正黑體, Arial, Helvetica, sans-serif;color: #FFF;width: 50px;height: 50px;border: none;background: url(images/line_logo.svg) center center no-repeat #00c300;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;letter-spacing: 1px;background-size: 37px;}
a.MemberLogin_newInput08:link, a.MemberLogin_newInput08:visited {display: inline-block;text-align: center;font: 18px/50px 微軟正黑體, Arial, Helvetica, sans-serif;color: #FFF;width: 50px;height: 50px;border: none;background: url(images/familymart_logo.svg) center center no-repeat;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;letter-spacing: 1px;background-size: 100%;}
.AF_Member_LoginPage.first_shopping{ width: 320px!important; background: #fff; margin: 0 auto!important; padding-bottom: 20px;display: none;}
.AF_Member_LoginTitle_right { width: 100%; font: bold 18px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color: #333; text-align: center;}
.AF_Member_LoginPage.first_shopping .AF_Member_LoginTitle { font: 18px/25px 微軟正黑體; padding-top: 15px; text-align: center;}
.AF_Member_LoginPage.first_shopping .AF_Member_LoginContent{padding: 0 20px;} 
.AF_Member_LoginPage > .AF_Member_LoginContent p{ padding:10px 0; font: 13px/25px 微軟正黑體, Arial, Helvetica, sans-serif; text-align:center;}
.jooshop_btn_login.cc > input, .jooshop_btn_login.cc >input:hover{ width: 280px; margin: 0 auto; display: block; height: 50px; font: 20px/48px 微軟正黑體,Arial,Helvetica,sans-serif;letter-spacing: 2px; border: none;bottom: 15px;}




/* 元件17 加入會員 - 表單 */
/* it17_default */
#mem_birthday{ padding-top: 5px; padding-bottom: 5px;}

/* 元件22 會員密碼修改 */
/* 元件22_default */
.it22_default{color: #444;background-color: #fff;padding:8px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;max-width: 1200px;width:100%; margin: 0 auto 10px;}
.it22_default input[type="text"],.it22_default input[type="password"]{border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; font-size: 15px;box-sizing: border-box; line-height:30px; color:#444; -webkit-appearance: none; height:40px;}
.it22_default input::placeholder { color: #bbb; opacity: 1; }
.it22_default input:-ms-input-placeholder { color: #bbb; }
.it22_default input::-ms-input-placeholder { color: #bbb; }
.it22_default form{background-color: #fff; border: solid 1px #ddd; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 8px;}
.it22_default form acronym { text-decoration: none; color: #ff3342;}
.it22_default .it22_iteminner{ margin-bottom: 14px;}
.it22_default .it22_iteminner:nth-child(3){ margin-bottom: 20px;}
.it22_default .it22_iteminner li:nth-child(1){ font-weight: 500; margin-bottom: 3px; font-size: 14px; line-height: 20px;}
.it22_default .it22_iteminner input{width:100%;padding: 8px 10px; font-size: 15px; border:1px solid #ddd; background-color: #fff; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 40px; height: 40px;}
.it22_default .it22_iteminner input:focus { outline: none; border-color: #ff3342; box-shadow: 0px 0px 0px 4px rgba(255,51,66,.05);}
.it22_default .it22_input100p{ display: block; width: 100%;}
.it22_default .jooshop_btn_color{text-align: center;}
.it22_default .jooshop_btn_color input[type="submit"]{display: block; width: 150px; height: 45px; margin: 0 auto; border: 0; color: #fff; font-size: 15px; cursor: pointer;}
@media screen and (max-width:1200px) {
	.it22_default{-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
}


/* 元件23 會員密碼查詢 */
/* it23_default */
.poM_memberTop{border-bottom:1px solid #ddd; margin-bottom: 10px;}
.poM_memberItem { width: 90%; margin: 0 auto; }
.poM_memberItem ul li { width: 100%; margin-bottom: 10px; }
.poM_EnterBox01 input{width:100%; height:40px;}
.poM_memberBtn01 { width:100%; height: 40px; margin: 0 auto;text-align: center;background-color: #72b803;}
.poM_memberBtn01 input{width:100% !important; height:40px; line-height: 40px; font-size:15px;}
.poM_memberPrompt, .poM_memberPrompt h6{ color: #aaa; font-weight: 400; line-height: 20px; font-size: 12px;}

/* 元件25 會員密碼開通 */
/* it25_default */
.poM_Content #it22_authimg_img { margin: 0 5px 0 0; display: inline-block; position: relative; top: 5px;}
.poM_Content .poM_verification a{display: inline-block; width: 23px; height: 23px; background: url(images/reload_newmem.svg) no-repeat center center; text-indent: -9999px; vertical-align: middle; margin-left: 5px; transition: all .3s;}
.poM_Content .poM_verification a:hover { transform: rotate( 180deg ); }

/* 元件33 留言板 */
/* it33_default */
.it33_default{font-size: 15px;color: #444;}
.it33_default .it33_message,.it33_default .it33_board{ background-color: #fff; padding: 8px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block;}
.it33_default .it33_message tbody,.it33_default .it33_message tbody tr,.it33_default .it33_message .table_exo_bordercolor,.it33_default .it33_board tbody,.it33_default .it33_board tbody tr,.it33_default .it33_board tbody tr td{width: 100%; display: block;}
.it33_default .it33_message .it33_desc{padding: 0 0 10px;border-bottom: 1px solid #eee;width: 100%; display: block; font-size: 14px;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc {background: transparent;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr{margin-bottom: 8px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr td{width: calc(100% - 100px); line-height: 40px;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr td.table_column{width: 100px;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr td input,.it33_default .table_exo_bordercolor .table_column_desc tr td textarea{transition: all .3s; border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; font-size: 15px; box-sizing: border-box; line-height: 30px; color: #444; height: 40px; width:100%;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr td textarea{height:120px; resize: none;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr td input:focus,.it33_default .table_exo_bordercolor .table_column_desc tr td textarea:focus { outline: none; border-color: #ff3342; box-shadow: 0px 0px 0px 4px rgb(255 51 66 / 5%); }
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr td .authimg_str{width:100px;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr td #it33_authimg_img{margin:0 5px;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr.it33_submit td{width: 100%;}
.it33_default .it33_message .table_exo_bordercolor .table_column_desc tr.it33_submit td input {width: 100px;transition: all .3s; display: block; height: 40px; line-height: 40px; border: 0; color: #fff; font-size: 15px; cursor: pointer; text-align: center; padding: 0 10px; margin: 0 auto; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none;}
.it33_default .it33_board .it33_board_reply{background: rgba(255, 0, 0, .05); padding: 10px; display: block;}
.it33_default .it33_board .it33_board_item{border-bottom: 1px solid #ddd;padding: 8px; text-align: justify; word-break: break-all;}
.it33_default .it33_board .it33_board_item:nth-child(even){background-color:#f5f5f5;}
.it33_default .it33_board .it33_board_item .it33_reply_time{color:#999;font-size:14px;}
@media screen and (max-width: 1200px) {
	.it33_default .it33_message,.it33_default .it33_board { -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
}

/* 元件34 留言總覽 */
/* it34_default */
.it34_default .it34_message_item{padding: 0 0 10px; margin-bottom:10px; border-bottom: 1px solid #eee;width: 100%;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it34_default .it34_message_item:nth-last-child(2){border-bottom: 0;}
.it34_default > tbody > tr > td{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it34_default .it34_morebtn{float: right;}
.it34_default .it34_morebtn a{ display: inline-block; font-size: 12px; letter-spacing: 0.44px; text-align: right; text-decoration: none; border-width: 1px; border-style: solid; padding: 0 15px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.it34_default .it34_title{font-weight: 500;}
.it34_default .it34_time{color: #999; font-size: 14px;}
@media screen and (max-width: 1200px) {
	.it34_default{padding:0 8px;}
	.it34_default .it34_who{width:90px; font-size: 14px;padding:0 5px;}
	.it34_default .it34_time{font-size: 12px; width:110px;}
}

/* 元件40 分類篩選 */
/* it40_default */
.Kg_ProductListTop{ margin-bottom: 5px;}
.Kg_ProductListTop_L{padding: 0 10px; font-size: 12px;}
.Kg_ProductListTop_L span h1{ font-size: 18px; line-height: 22px;}
.Kg_ProductListTop_L span.PListTop_02{ padding: 0 2px;}
.price-range-number,
.pro_Listfiter{ text-align:left; padding:0 10px;}
.pro_Listfiter{ margin-bottom: 10px;}
.price-range-number .price-range-number-input{ width:calc((100% - 110px)/2); display:inline-block;border:1px solid #ccc; height:25px;font-size:14px; line-height:25px; background:#fff; border-radius: 0;}
.price-range-number input[type="button"]{ display:inline-block; width:40px; height:25px;font-size:14px; line-height:25px; color:#fff; padding: 0;}
.pro_Listfiter select{border:1px solid #ccc; height:25px;font-size:14px; line-height:25px; width:calc(100% - 49px); -webkit-appearance: none; border: 1px solid #ccc; background: #fff; color:#000;}
.price-range-number input[type="text"]:disabled{ background:none; text-align:center; padding:0;}
ul.Kg_ProductList{ display: flex; flex-wrap: wrap;}
ul.Kg_ProductList > li{flex:0 50%;}

/* 舊購物車 */
.it45_prodInCart_s{ display: block; line-height: 18px;}
.all_scart_box{ width: 100%; height: auto; margin-bottom:20px;}
.all_scart_content { padding: 0 8px; background-color: #fff; }
.it45_pd_item,
.it45_pd_item > tbody{ display: block; width: 100%;}
.it45_pd_item_label_box{ padding: 0 0 0 10px !important; width: 50px; overflow: hidden;}
.it45_pd_item_info{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it45_pd_item_info .product-mtitle{ text-align: left; width:calc(100% - 100px); padding-left: 10px;}
.it45_min_quantity{ font-size: 12px; line-height: 14px; color: var( --pic-red); margin-left: 53px;}
.scart_list_type_title{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: #f7f7f7;padding: 20px 0;}
.it45_type_title_text { width:calc(100% - 50px); text-align: center;}
label.it45_pd_item_label { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 24px; padding: 4px 5px; text-align: left; width: 20px; height: 20px;}
.it45_pd_item tr{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
label.it45_pd_item_label.it45_pd_item_label_all{ padding-left: 26px; width:70px;}
.it66_agree_to_terms { margin-bottom: 30px; }
.it66_agree_to_terms label a { border-bottom-width: 1px; border-bottom-style: solid; color: var(--primary); }
#shopping_checkout_2 label.it45_pd_item_label{ padding-left: 26px; width:auto;}
label.it45_pd_item_label input { position: absolute; opacity: 0; cursor: pointer; top: 0; pointer-events: none;}
label.it45_pd_item_label .label_checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 2px solid #eee; box-sizing: content-box; }
label.it45_pd_item_label input:checked ~ .label_checkmark { background-color: var(--primary); border-color: var(--primary); }
label.it45_pd_item_label input:checked ~ .label_checkmark:after { display: block; }
label.it45_pd_item_label .label_checkmark:after { left: 5px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/*步驟區塊*/
.all_scart_top{ width: 100%;}/*步驟外框*/
.all_scart_top .top_title{ font-size:18px; line-height: 20px; margin:20px 10px 10px 10px; clear:both; letter-spacing:0.7px;}/*購物車標題*/
.all_scart_top{ text-align:left;}
.all_scart_top .cart_step { margin:-38px 0 0 0; float:left;}
.all_scart_top .cart_step li{ float:left; display:block; width:120px; height:42px; font-size:12px; line-height: 30px; text-align:center; white-space:nowrap;}
.all_scart_top .cart_step li:first-of-type { text-align:left; text-indent:-24px; width:65px;}
.all_scart_top .cart_step li:last-of-type { text-align:left; text-indent:18px; width:48px;}
.all_scart_box_ja .all_scart_top .cart_step li:last-of-type{ text-indent: 31px;}
.all_scart_top .cart_step li:first-of-type:after { margin:0;}
.all_scart_top .cart_step li:last-of-type:after { text-align:right; margin-right:-5px;}
.all_scart_top .cart_step .font_color_01:last-of-type:after { text-align:center;}
.all_scart_top .cart_step .font_color_01 {border-bottom:4px solid #333;}
.all_scart_top .cart_step .font_color_01:after {/*content:"\2713"; color:#fff;*/content:""; background-image:url(../images/check_ok.png); background-repeat:no-repeat; background-position:center center; width:20px; height:20px; margin:auto; line-height:22px; font-weight:bold; font-size:13px; text-align:center; background-color:#333; border:none; text-indent:0; border-radius:100%; display:block;}
.all_scart_top .cart_step .font_color_02:after {content:"";  color:#fff; font-size:40px; line-height:15px; text-align:center; border-radius:100%; display:block; width:20px; height:20px; margin:0 auto; background:#fff;border:1px solid #d8d8d8;}
.cart_step_bg1,.cart_step_bg2,.cart_step_bg3,.cart_step_bg4{ width:355px; height:4px; background-color:#d8d8d8; text-align:center; margin:40px auto 30px auto;}
@media screen and (max-width:480px) {
    .cart_step_bg1, .cart_step_bg2, .cart_step_bg3, .cart_step_bg4 { transform: scale(0.9);}
}
@media screen and (max-width:420px) {
    .cart_step_bg1, .cart_step_bg2, .cart_step_bg3, .cart_step_bg4 { transform: scale(0.8);}
}
@media screen and (max-width:378px) {
    .cart_step_bg1, .cart_step_bg2, .cart_step_bg3, .cart_step_bg4 { transform: scale(0.75);}
}
@media screen and (max-width:345px) {
    .cart_step_bg1, .cart_step_bg2, .cart_step_bg3, .cart_step_bg4 { width: 345px;margin: 40px 10px 30px -18px;transform: scale(0.7);}
	.all_scart_top .cart_step li {width: 115px;}
	.all_scart_top .cart_step li:first-of-type {width: 58px;}
	.all_scart_top .cart_step li:last-of-type {width: 54px;}
}
.it66_linepoint{ display:block;}
.scart_list_title{ background-color: #f7f7f7; color: #1e1e1e; padding: 20px 0;}/*商品區塊標題*/
.scart_list_title table th { text-align:center; font-size:16px; font-weight:normal; line-height:normal; letter-spacing:0.6px;}
.shoppinglist-content{}
.shoppinglist-content .product-nonebox{ color:#222; text-align:center; padding:10px 0;}
.shoppinglist-content .product-nonebox a{ color:#222; text-decoration:none;}
.shoppinglist-content .product-nonebox a:hover{ color:#222; text-decoration:none;}
.shoppinglist-content-title{border-top:2px solid #000;border-bottom:1px solid #000; padding:0 10px;}
.shoppinglist-content-title th{text-align:center; color:#000; height:36px;}
.shoppinglist-content-title th:nth-child(2),.shoppinglist-content-title th:nth-child(3),.shoppinglist-content-title th:nth-child(4),.shoppinglist-content-title th:nth-child(5),.shoppinglist-content-title th:nth-child(6){ width:100px;}
.shoppinglist-content-title th:last-child{ width:75px;}
.shoppinglist-content-list{ border-bottom:1px solid #e6e6e6; padding-bottom:15px; color:#1e1e1e;}
.shoppinglist-content-list.font_size_09{ padding:10px 0;}
.shoppinglist-content-list .product-title{ color:#222; font-size:15px; font-weight:normal;}
.shoppinglist-content-list h2{display:inline;}
.shoppinglist-content-list h2 a:link, .shoppinglist-content-list h2 a:visited{ font-size:15px; color:#1e1e1e; font-weight:normal; display:inline-block; letter-spacing:0.8px;}
.shoppinglist-content-list h2 p { font-size:15px; color:#1e1e1e; margin:15px 0; font-weight:normal; display:inline-block; letter-spacing:0.8px;}
.shoppinglist-content-list a{ color:#222; text-decoration:none;}
.shoppinglist-content-list a:hover{ color:#222; text-decoration:none;} 
.shoppinglist-content-list td{ /*color:#222;*/ text-align:center; padding:2px 0;}
.shoppinglist-content-list td.it45_pd_item_label_box{ margin-top: 40px;}
.shoppinglist-content-list td a{ color:#222; text-decoration:none;}
.shoppinglist-content-list td a:hover{ color:#222; text-decoration:none;}
.shoppinglist-content-list td:nth-child(2),.shoppinglist-content-list td:nth-child(3),.shoppinglist-content-list td:nth-child(4),.shoppinglist-content-list td:nth-child(5),.shoppinglist-content-list td:nth-child(6){ width:100px;}
.shoppinglist-content-list td:first-child{ text-align:left;}
.shoppinglist-content-list td:last-child{ width:calc(100% - 50px);}
.shoppinglist-content-list td .product-img{ float:left; width:100px; height:100px; position: relative;}
.shoppinglist-content-list td .product-img img{ width:100%; height:auto;border:1px solid #ccc;}
.shoppinglist-content-list td:first-child .product-mtitle{ margin-left:115px;}
.shoppinglist-content-list td:first-child .product-title{}
.shoppinglist-content-list .product-gift{/*margin-bottom:16px;*/ margin-top:10px;}
.shoppinglist-content-list .product-gift h2{ margin-bottom:5px;}
.shoppinglist-content-list .product-gift a { margin:10px 0!important; line-height:normal;}
#shopping_cart .shoppinglist-content-list .product-gift a,#shopping_cart .shoppinglist-content-list .product-add a,#shopping_checkout_2 .shoppinglist-content-list .product-gift a,#shopping_checkout_ok .shoppinglist-content-list .product-gift a { margin:5px 0!important;}
.shoppinglist-content-list .product-add{ padding-bottom:10px;}
.shoppinglist-content-list .product-add a:link, .shoppinglist-content-list .product-add a:visited { margin:0;}
.shoppinglist-content-list .product-marketing{ color:#222; margin-top:14px;}
.shoppinglist-content-list .product-marketing a:link, .shoppinglist-content-list .product-marketing a:visited{ color:#333333; text-decoration:none; font-size:14px;}
.shoppinglist-content-list .product-marketing a:hover{ color:#222; text-decoration:none;}
.shoppinglist-content-list .product-marketing li{ margin-bottom:5px;}
.shoppinglist-content-list .product-marketing span{}
.shoppinglist-content-list .product-marketing .marketing-icon{ display:inline-block; width:50px; height:23px; background:#c84b47;border-radius: 0px; text-align:center; color:#fff; margin-right:7px;}
.shoppinglist-content-list .setP_quantity input{ display:inline-block; vertical-align:bottom; width:40px; height:40px; background:#FFF; border:1px solid #d8d8d8; font-size:15px; line-height:20px; color:#aaaaaa; cursor:pointer; text-align:center; padding:0; margin:0; border-radius:0!important;}
.shoppinglist-content-list .mb5, #shopping_checkout_2 .foodmap_non_style, #shopping_checkout_ok .foodmap_non_style { line-height:35px;}
.shoppinglist-content-list .font_size_03 .mb5 {line-height: 38px;}
#shopping_cart .shoppinglist-content-list .setP_quantity{ display: flex; word-break: keep-all; align-items: center;}
.shoppinglist-content-list .setP_quantity input:nth-child(1){border:1px solid #d8d8d8; color:#222;}
.shoppinglist-content-list .setP_quantity input:nth-child(2){ border-left:0; border-right:0; text-align:center; color:#222; cursor:default; border-radius:0; width:50px;}
.shoppinglist-content-list .setP_quantity input:nth-child(3){border:1px solid #d8d8d8; color:#222;}
.shoppinglist-content-total{ padding:24px 15px; text-align:right; color:#222;}
.shoppinglist-content-total01{ padding-top:24px; text-align:right; color:#222;}
.shoppinglist-content-total01 .shoppinglist-content-total{}
.shoppinglist-content-total span{ margin-right:10px;}
.shoppinglist-content-total b{font-size:21px; font-weight:bold; color:#c84b47;}
.shoppinglist-content-total b small{ font-size:13px;}
.icon_buildup_P {display: inline-block;font-size: 13px;line-height: normal;font-weight: normal;background-color: #666;color: #FFF;padding: 3px 12px;margin:15px 10px 0 0;}
.scart_total { 
	text-align:right; 
	padding:25px 20px; 
	font-size:16px; 
	line-height:normal; 
	clear:both;
}/*數量價格統計區塊*/
.hideBlock .scart_total {
	display: flex;
	justify-content: flex-end;
}
.scart_total .scart_total_02 {
	width: auto;
	flex: none;
	white-space: nowrap;
}
.scart_total span { margin-right:50px; white-space:nowrap;}
.scart_total small { font-size:100%;}
#shopping_checkout_2 .scart_total span { margin:0; margin-bottom: 5px;}
.scart_total.lastTotal {border:1px solid #e6e6e6; margin-bottom:15px;line-height: 50px;}
.scart_total.lastTotal span { line-height:22px!important;}
#shopping_checkout_ok .scart_total.lastTotal { margin-bottom:30px;}
.scart_total ul li { display:inline-block; vertical-align:top; margin-left:50px;}
.scart_total ul li h5, .scart_total ul li h3 { font-size:16px; font-weight:normal;}
.scart_total ul li span { color:#d50000; font-weight:bold;}
#shopping_checkout_2 .scart_total.lastTotal span { display:block;}
#shopping_checkout_2 .scart_total.lastTotal b { margin-left:5px;}
#shopping_checkout_2 .scart_total.lastTotal p { margin-top:0;}
.scart_total .scart_total_01 { display:inline-block; margin-right:50px;}
.scart_total .scart_total_02 { display:inline-block;}
.product-gift h2.font_size_03,.product-add h2.font_size_03{ align-items: flex-start; display: flex;}
.product-gift h2.font_size_03 span.box_style_01,.product-add h2.font_size_03 span.box_style_01{ min-width: 52px;}
.product-gift .product-gift-num{ width:40px; text-align: right; padding:3px 0; white-space:nowrap;}
/*隱藏明細*/
.shoppinglist-title{position:relative; background-color:#f7f7f7; padding:10px; margin-bottom:20px; cursor:pointer; height:50px;}
.shoppinglist-title01{}
.shoppinglist-title h3{color:#222;}
.shoppinglist-title:after{ position:absolute; right:10px; top:9px;content: "隱藏購物明細 -"; color:#555555;}
.shoppinglist-title01:after{ position:absolute; right:10px; top:9px;content: "展開購物明細 +"; color:#555555; font-size: 14px;}
.shoppinglist-title .hidebox{ display:none;}
.shoppinglist-title input { display:inline-block; font-size:13px; line-height:normal; color:#333; border:1px solid #333!important; padding:5px 15px;}/*清空購物車*/
.shoppinglist-title input:hover { background-color:#333!important; color:#FFF;}
.shoppinglist-title input[type="button"] {width: auto;height: auto; background-color:transparent; border-radius: 0px!important;cursor: pointer;}
#shopping_checkout_2 .shoppinglist-title { height:50px;}
#shopping_checkout_2 .fancybox-mobile .fancybox-skin .fancybox-outer .fancybox-inner iframe{min-height: 350px;}
.content_style{ background-color:#FFF; margin:30px 0; border:1px solid #e6e6e6; font-size:14px; color:#222222;}/*區塊樣式*/
#shopping_checkout_ok .content_style{ padding:10px 15px;}
.content_style.scart_content_C, .content_style.scart_content_D, .content_style.scart_content_E, #isgift { padding:0}
.scart_content_C .scart_content_title, .scart_content_D .scart_content_title, .scart_content_E .scart_content_title, .scart_content_F .scart_content_title, .scart_content_G .scart_content_title,.scart_content_H .scart_content_title, .scart_content_Z .scart_content_title, #isgift .scart_content_title { margin:10px 0 0 0;}
.content_style input[type="text"], .content_style input[type="password"], .content_style select { height:40px; border-radius: 3px; background-color: #ffffff; border:1px solid #b2b7bf; padding-left:10px!important;}
.supplier_pdlist .hideBlock{border:1px solid #ddd;margin-bottom:10px;padding:10px;}
.supplier_pdlist .supplier_title{ font-size:18px; font-weight:500;display: block; padding-left: 10px;  margin-bottom: 8px; border-left:5px solid #d70110;}
.supplier_pdlist .shoppinglist-content-list td:first-child{width:100%;}
.supplier_pdlist .supplier_pickup{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: #f5f5f5;padding: 10px 15px;font-size: 15px;}
.supplier_pdlist .supplier_pickup > li:first-of-type{width:90px;}
.supplier_pdlist .supplier_pickup select{background-color: #fff;margin-bottom:5px; width:100%;}
.supplier_pdlist .scart_total{padding:20px 0;}
.scart_content_A{}/*商品區塊*/
.scart_content_B{}/*消費滿額好禮贈*/
#shopping_checkout_ok .scart_content_B { margin-top:0;}
.scart_content_B ul { margin:10px 0 0 0;}
.scart_content_B ul li.it48_marketingactivity { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.scart_content_B ul li.it48_marketingactivity p{ margin-left:10px;padding-left:10px;border-left:1px solid #eee;}
.scart_content_C{}/*國內外*/
.scart_content_D{}/*運送地區*/
.scart_content_E{}/*付款方式*/
.scart_content_E .pay_method_2 .jooPC_price01 { font-weight:bold;}
.scart_content_E .scart_creditcard { width:142px; height:20px; background:url(../images/creditcard.png) no-repeat center center; display:inline-block; vertical-align:middle;}
.scart_content_E .scart_googlepay { width:50px; height:20px; background:url(images/Google-Pay-Logo.svg) no-repeat center center; background-size: 50px auto; display:inline-block; vertical-align:middle;}
.scart_content_E .pay_method_3 .font_color_05 { color:#F00 !important; display:block;}
.scart_content_F{}/*訂購人*/
.scart_content_F input[type="text"], .scart_content_F input[type="password"], .scart_content_F select ,.scart_content_F input.scart_w80[type="text"]{ width:100%; margin-bottom:15px;}
.scart_content_F .foodmap_prompt1 { display:none;}
.scart_content_F .foodmap_non_style { display:none;}
.scart_content_F.twgloblmall_show_buyer ul{padding: 10px;}
.scart_content_F.twgloblmall_show_buyer ul li{margin-bottom:10px;}
.scart_content_F.twgloblmall_show_buyer ul li:last-of-type{margin-bottom:0;}
.scart_content_F.twgloblmall_show_buyer ul li span.twgloblmall_buyer_title{display: inline-block;}
.scart_content_F.twgloblmall_show_buyer ul li select{margin-bottom:0;}
.scart_content_G{}/*收件人*/
.scart_content_G > ul{ padding: 10px;}
.scart_content_G_in{padding:10px;}
.scart_content_G #assign_pickupdate h3{ height: 32px; font-size: 15px; font-weight:normal;}
.scart_content_G input[type="text"], .scart_content_G input[type="password"], .scart_content_G select,.scart_content_G input.scart_w80[type="text"] { width:100%;}
.scart_content_G > ul > li:first-of-type input[type="text"],
.scart_content_G > ul > li:not(:last-of-type) { margin-bottom:15px;}
.scart_content_G .scart_mark { float:left;}
.scart_content_G .order_addressee_and_phone .scart_mark { display: block; width: 100%; font-size: 14px;}
.scart_content_G .input_title { display:block; margin-bottom: 5px; width: 100%;}
.scart_content_G #alert_real_name { margin-bottom:15px;}
.scart_content_G #alert_real_name span { color:#F00;}
.scart_content_G input[type="text"], .scart_content_G input[type="password"], .scart_content_G select, .scart_content_G input.scart_w80[type="text"]{width: 100%; margin-bottom: 10px;}
.scart_content_G .shipping_store_new{line-height: 34px;}
.scart_content_G .shipping_store_new .shipping_twglobalmall_btn{background-color: #222; color:#fff; display:block;padding:8px 15px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:15px; line-height: 34px;vertical-align: top;cursor:pointer;text-align: center;height:50px;}
.scart_content_G .shipping_store_new .shipping_twglobalmall_btn i{font-size:20px;vertical-align: top; line-height: 32px; display: inline-block;}
.scart_content_H{}/*發票*/
.scart_content_H .scart_padding_tp10 div { margin:10px 0;}
.scart_content_H .addrInput { display:block;}
.scart_content_H .scart_mark { display:inline-block; margin-left:10px; margin-top:0;}
.scart_content_H .addrInput.inline { display:inline-block; margin-right:15px;}
.scart_content_H .scart_mark, .scart_content_G .scart_mark { margin-bottom:0; text-decoration:none!important; height: 32px; display: block;}
.scart_content_H .scart_mark a, .scart_content_G .scart_mark a { display:inline-block; margin-right:10px; line-height: 20px; position: relative; text-decoration: none;}
.scart_content_H .scart_mark a:before, .scart_content_G .scart_mark a:before {display:inline-block;content: "";width: 20px;height: 20px;line-height:20px;margin-right:10px;text-align:center;border:2px solid #eee; background-color: #fff; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; vertical-align:text-top;}
.scart_content_H .scart_mark a.check:before, .scart_content_G .scart_mark a.check:before { background-color: var(--pic-primary); border-color: var(--pic-primary);}
.scart_content_H .scart_mark a.check:after, .scart_content_G .scart_mark a.check:after { content: ""; position: absolute; left: 7px; top: 6px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.scart_content_H .invoice_issue_type { padding-left:20px; padding-right:10px;}
.scart_content_H .invoice_issue_type .scart_content_radio label { margin:10px 0;}
.scart_content_H .scart_prompt { text-align:left;}
.scart_content_H .foodmap_prompt2 { margin-top:5px;}
.scart_content_H .scart_content_radio input:checked + label { background:none!important; border:none!important;}
.scart_content_H .scart_content_radio label{ border:none!important; padding:0!important;}
.content_style.scart_content_H input[type="text"], .content_style.scart_content_H input[type="password"], .content_style.scart_content_H select { width:100%;}
.content_style.scart_content_H .scart_content_radio select{ width:auto}
.content_style.scart_content_H .scart_padding_tp10:first-of-type {margin: 0 0 5px 0;}
.scart_content_I{ margin-bottom:10px; position:relative;}/*備註*/
.scart_content_I textarea { width:100%; height:80px;}
.scart_content_I div{position:relative;}
.scart_content_J{}/*結帳*/
.scart_content_I .remark_title{color:#ff3342;margin-bottom:2px;font-size: 15px;}
.scart_content_I textarea { width:100%; height:180px; border:1px solid #000; padding:10px 15px; box-sizing: border-box; font-size:15px; color:#666;-webkit-appearance:none;resize : none;}
.scart_content_I .scart_prompt { position:absolute; right:20px; bottom:20px; max-width: calc(100% - 30px); font-size: 12px; line-height: 18px;}
.scart_content_I .scart_prompt p{ display: inline-block;}
.all_scart_box_ja .scart_content_I .scart_prompt p{ display: block;}
.scart_content_J .scart_total { padding:0 0 20px 0;}
.scart_content_J .scart_mark a:link, .scart_content_J .scart_mark a:visited { text-decoration:underline!important;}
.scart_content_K{}/*完成－訂購人資料*/
.scart_content_K table, .scart_content_L table, .scart_content_M table { font-size:14px; color:#1e1e1e; letter-spacing:0.6px;}
.scart_content_K table th, .scart_content_K table td, .scart_content_L table th, .scart_content_L table td, .scart_content_M table th, .scart_content_M table td { padding:0 5px 0 0;}
.scart_content_K table th, .scart_content_L table th, .scart_content_M table th { text-align:right; white-space:nowrap; font-weight:normal; vertical-align:top; width:1%;}
.scart_content_L{}/*完成－收件人資料*/
.scart_content_M{}/*完成－付款／發票資料*/
.scart_content_Z ul li,.scart_content_G .receivebox,.scart_content_H > div:nth-child(2){padding:10px;}
#copy_inv_addr_2_recv,#copy_inv_addr_2_buy,#copy_inv_addr_recv{text-decoration: none!important;color: #1e1e1e!important; font-size:14px;}
.scart_content_title{ font-size:15px; font-weight:normal; color:#1e1e1e; line-height:30px; letter-spacing:0.8px; border-bottom:1px solid #e6e6e6; padding:0 0 10px 0; text-indent:10px;}/*以上區域標題*/
/*radio*/
.content_style .scart_content_radio { list-style:none;}
.content_style .scart_content_radio li {cursor:pointer;}
.content_style .scart_content_radio input{display: none;}
.content_style .scart_content_radio label{position: relative; padding:10px;color:#333333;display: block;cursor: pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-bottom:1px solid #e6e6e6; line-height:35px; vertical-align:middle;}
.content_style .scart_content_radio li:last-of-type label { border:none;}
.content_style .scart_content_radio label.inlineStyle { display:inline-block;}
.content_style .scart_content_radio input + label:before{display:inline-block;content: "";width: 20px;height: 20px;line-height:20px;margin-right:10px;text-align:center;border:2px solid #d8d8d8; background-color:#FFF; border-radius:100%;vertical-align:text-top;flex-shrink: 0;}
.content_style .scart_content_radio input:checked + label:before { background-position:2px; background-repeat: no-repeat; display: inline-block; color: #666; background-image: url(images/scart_point.svg); background-size: 12px; width: 20px; height: 20px; border-color:#bbb;}
.content_style .scart_content_radio input:checked + label { background-color:#f3f3f3; border:none!important;}
.content_style .scart_content_radio input:disabled + label{cursor:default;}
.content_style .scart_content_radio input:disabled + label:before{background-color:#e9e9e9;}
/*checkbox*/
.update_checkbox {display:block; vertical-align:middle; margin-bottom:15px;}
.update_checkbox input{display: none;}
.update_checkbox label{position: relative; color:#333333;display: flex; align-items: center;cursor: pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; line-height: 24px;}
.update_checkbox input + label:before{display:inline-block;content: "";width: 16px;height: 16px;line-height:16px;margin-right:10px;text-align:center;border:2px solid #eee;vertical-align:text-top; background-color: #fff; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: content-box;}
.update_checkbox input:checked + label:before{ background-color: var(--pic-primary); border-color: var(--pic-primary);}
.update_checkbox input:checked + label:after { content: ""; position: absolute; left: 7px; top: 6px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.all_scart_box select { background-color:#FFF; color: var( --pic-color-grey-100);}
.content_style .pay_method_1.pay { white-space:nowrap; margin-right:5px;}
.content_style .pay_method_1, .content_style .pay_method_2, .content_style .pay_method_3{display: inline-block; line-height: 20px;}
.content_style .pay_method_2{padding-right:10px;}
.content_style .pay_method_3 img { vertical-align:text-bottom;}
.pay_method_3 .remark { margin:0;}
.content_style.scart_content_D .scart_content_radio span { color:red; margin:10px;}
#copy_addr, #com_receive { font-size:14px; text-decoration:none;}
#com_receive, .scart_coupon_box .scart_coupon_title, a.invoice_carruer_type_content { display:inline-block; border:1px solid #505050; border-radius: 3px; background-color:#FFF; color:#555555; font-size:13px; text-decoration:none; padding:2px 12px; margin:0 0 15px 0; float:right;}
#com_receive { padding:5px 12px; float:left; cursor: pointer;}
a.invoice_carruer_type_content { float:none;}
#com_receive:after, a.invoice_carruer_type_content:after { content:">"; color:#555555; font-size:13px; margin-left:5px; ;}
.scart_coupon_box .scart_coupon_title {font-size:15px!important; cursor:pointer; font-weight:normal; border:1px solid #555; background-color:#555; color:#fff; padding:5px 25px 5px 12px;}
.all_scart_content .scart_coupon_box .scart_coupon_title { background-image:url(../images/up-arrow.png); background-repeat:no-repeat; background-position:105px; center; background-size:15px auto;}
.all_scart_content .scart_coupon_box .scart_coupon_title.open { background-image:url(../images/down-arrow.png);}
.scart_content_radio select { background-color:#FFF!important; margin:10px 0; white-space:nowrap;}
.content_style .scart_content_radio a {display: inline-block;font-size: 14px;color: #333333;text-decoration: none;}
.unerLineLink { display:block; text-decoration:underline!important;}
.scart_special_01{ margin: 0!important; padding: 4px 5px 4px 33px; display: block; line-height: 20px;}
#scart_coupon_qa{ display: none !important;}
.scart_coupon_qa { text-align:right;}
.scart_coupon_qa a { display:inline-block;}
.scart_coupon_qa span { display:inline-block; width:15px; height:15px; background-color:var(--pic-color-grey-100); color:#FFF; border-radius:100%; font-size:12px; line-height:15px; text-align:center; margin-right:5px;}
.scart_coupon_qa_lightbox_content { font-size:13px; line-height:22px; margin-top:10px;}
/* GM點數 */
.scart_coupon_list .scart_gm_text{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: end; -webkit-justify-content: flex-end;-webkit-box-pack: end; -moz-box-pack: end; justify-content: flex-end; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.box_style_01{display:inline-block; font-size:13px; line-height:normal; font-weight:normal; color:#e0000b; border:1px solid #e0000b; padding:3px 10px; margin-right:10px; text-align: center;}/*加購＆贈品*/
.box_style_02{display:inline-block; font-size:13px; line-height:normal; font-weight:normal; background-color:#e0000b; color:#FFF; padding:3px 12px; margin-right:10px;}/*活動＆符合*/
.box_style_03{display:inline-block; font-size:13px; line-height:normal; font-weight:normal; background-color:#e0000b; color:#FFF; padding:3px 12px; margin-right:10px;}/*未符合*/
.box_style_04{display:inline-block; font-size:13px; line-height:normal; font-weight:normal; background-color:#e0000b; color:#FFF; padding:3px 12px; margin-right:10px;}/*免運*/
/*選擇優惠折抵區塊*/
.scart_coupon_box{}
.scart_coupon{ text-align:right; clear:both; font-size: 14px;}
.scart_coupon_block { font-size:14px; color:#222222; margin:5px 0; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.scart_coupon_block .scart_prompt { margin-top:10px;}
.scart_coupon_block h5 { font-weight:normal; font-size:14px;}
.scart_coupon_list { list-style:none; margin:0; padding:0;}
.scart_coupon_list li { float:left; width:65%;}
.scart_coupon_list li:first-of-type { width:35%;}
.scart_coupon_list .scart_coupon_list_last { text-align:right; float:none; padding-top:5px; width:auto;}
.scart_coupon_list .scart_coupon_list_last span { /*color:#d50000;*/ margin-left:5px;}
.scart_coupon_list .noPadding { padding:0!important;}
.scart_coupon_list > span.jooPC_price01{ font-weight:bold;}
.scart_coupon_remark:first-of-type{margin-top: 5px;}
.scart_coupon_remark{ padding:3px 0;line-height: 15px;font-size: 12px;color:#aaa;}
.scart_coupon_remark a,.scart_coupon_remark a:link{border-bottom-width:1px;border-bottom-style:solid;line-height: 15px;font-size: 12px;color:#aaa;}
.scart_coupon_remark a:hover{color:#222;}
.scart_coupon_remark span{ padding: 0 5px;}
.scart_coupon .scart_coupon_b1 { display:inline-block; vertical-align:middle; margin-right:5px;}
.scart_coupon .scart_coupon_b2 { display:inline-block; vertical-align:middle;}
.scart_coupon input[type="text"], .scart_coupon select {border-radius: 3px; border:1px solid #b2b7bf; height:40px; margin:0 0 0 3px;}
.scart_coupon button {display:inline-block; vertical-align:middle; cursor:pointer; height:40px; line-height:0; border-radius: 3px; background-color: #666; color:#FFF; margin:0 5px; border:none; font-size:14px;}
.scart_coupon button:hover { background-color: #000;}
/*信用卡付款*/
.shopping-warpper .tac { margin-left:15px; font-size:16px;}
.shopping-warpper .mainContainer { max-width:100%;min-width:100%; padding:20px;}
.shopping-warpper .shoppingStep { display:none;}
.shopping-warpper .userInfo table td { display:block; width:100%;}
.shopping-warpper .userInfo .reseTable td { display:inline; width:auto;}
.scart_credit_num {background: url(../images/card.png) no-repeat;display: inline-block;vertical-align: top;width: 65px;height: 32px;text-indent: -9999px;}
.order_user01 {width: 100%;height: auto;padding: 20px;}
.orderList {list-style-type: decimal;color: #70778b;padding-left: 20px;}
.it67_linepay_image { width:300px; margin-bottom:10px;}
.scart_join_member{ margin-top: -15px; text-align: right; padding-bottom: 20px; font-size: 14px;}
/*完成訂購*/
.all_scart_result { background-color:#f7f7f7; padding:15px; font-size:16px; letter-spacing:0.6px;}
.all_scart_result .cart_step { list-style:none; margin:0; padding:0;}
.all_scart_result .cart_step li { color:#1e1e1e!important; margin-bottom: 15px}
.cart_step li:last-of-type { margin:0;}
.foodmap_end, #shopping_checkout_ok .foodmap_non_style:first-of-type { display:none;}
#shopping_checkout_ok .shoppinglist-content-list .foodmap_non_style { display:block;}
#shopping_checkout_ok .scart_list_title table th:last-child { text-indent:0;}
#shopping_checkout_ok .scart_total span { margin:0;}
.inlineType { display:inline-block;}
/*非會員購物*/
.none_member_box{ width:300px; margin:0 auto; text-align:center; font-size:13px; line-height:50px;}
.none_member_box01{ margin-top:0 !important;}
.all_scart_btn_member{ float:inherit !important; margin-bottom:20px;}
.all_scart_btn_member input{ color:#fff;}
.it45_gotopaybox{ text-align:center;  font-size:15px; line-height:50px;}
.it45_gotopaybox .it45_gotopaybtnbox {display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.it45_gotopaybox .it45_gotopaybtnbox .jooshop_btn_color input{cursor:pointer; font-size:16px; line-height:normal; border-radius: 3px; color:#FFF; border:0;width: 120px;height: 50px;}
.it45_gotopaybox .it45_gotopaybtnbox .jooshop_btn_color{margin:0 2px;}
/* 45_頁籤 */
ul.it45_tabs { width: 100%; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; padding: 0 10px;}
ul.it45_tabs li { overflow: hidden; position: relative; margin-bottom: -1px; border-width: 1px; border-style: solid; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
ul.it45_tabs li:not(:last-of-type){margin-right: 5px;}
ul.it45_tabs li.it45_tabs_temperature_01 {border-color: #F4DDC3; background-color: #FFFAF5;}
ul.it45_tabs li.it45_tabs_temperature_02 {border-color: #B9DEEF; background-color: #EEFBFF;}
ul.it45_tabs li.it45_tabs_temperature_03 {border-color: #BEE5CC; background-color: #F2F9F4;}
ul.it45_tabs li.it45_tabs_temperature_01 a {color: #F39800;}
ul.it45_tabs li.it45_tabs_temperature_02 a {color: #56bce7;}
ul.it45_tabs li.it45_tabs_temperature_03 a {color: #22AC38;}
ul.it45_tabs li:first-of-type{ border-left-width:1px;}
ul.it45_tabs li a { display: block; text-decoration: none; padding: 8px 12px; font-size: 16px;}
ul.it45_tabs li.it45_tabs_temperature_01.active {background-color: #F39800; border-color:#F39800;}
ul.it45_tabs li.it45_tabs_temperature_02.active {background-color: #56bce7; border-color:#56bce7;}
ul.it45_tabs li.it45_tabs_temperature_03.active {background-color: #22AC38; border-color:#22AC38;}
ul.it45_tabs li.active a{ color: #fff;}
#no_prod_box{ width: calc(100% - 20px); margin: 0 auto 5px;}
.tab_container { width: calc(100% - 20px); background: #fff; padding: 10px 2px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 auto 10px; border: 1px solid #e6e6e6;}
/*上一步＆下一步按鈕*/
.all_scart_btn{ margin-top:20px;}/*按鈕樣式*/
.all_scart_btn span { float:left; font-size:13px; color:#555555;}
.all_scart_btn span a:link, .all_scart_btn span a:visited, .scart_mark { font-size:13px; color:#000; text-decoration:underline!important; margin-left:5px;}
.all_scart_btn .all_scart_btn_group { float:right;}
.all_scart_btn .all_scart_btn_group input,.all_scart_btn_group .all_scart_btn a.it45_gotopaybtn { cursor:pointer; font-size:16px; border-radius: 3px; color:#FFF;}
.all_scart_btn_group .all_scart_btn a.it45_gotopaybtn{display:block;line-height: 50px; text-align: center;}
.all_scart_btn.jooshop_btn_color, .all_scart_btn.jooshop_btn_color2 { display:inline-block; vertical-align:top; margin:0;}
.all_scart_btn.jooshop_btn_color input[type="submit"], .all_scart_btn.jooshop_btn_color input[type="submit"]:hover, .all_scart_btn.jooshop_btn_color input[type="button"], .all_scart_btn.jooshop_btn_color input[type="button"]:hover { font-size:16px; border-radius:3px;}
.all_scart_btn.jooshop_btn_color2 input[type="button"], .all_scart_btn.jooshop_btn_color2 input[type="button"]:hover { font-size:16px; border-radius:3px;}
.all_scart_box .scart_bottom_btn, #shopping_cart .scart_bottom_btn{ position:fixed; z-index:1000; bottom:0; left: 0; width:100%; height:70px; color:#000; border-top:1px solid #e6e6e6; background-color:#FFF;box-sizing: border-box; padding:10px;}
#shopping_cart .scart_bottom_btn{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 10px;}
.scart_bottom_btn input { width:100%; float:left; display:inline-block; height:50px; line-height:50px; cursor:pointer; border:0 !important; color:#fff;}
.scart_bottom_btn .jooshop_btn_color input { margin-left:2%;}
.shopping-checkout input[type="button"], .shopping-checkout input[type="button"]:hover { margin-right:1%;border-radius: 3px;border:1px solid #a0a0a0; background-color:#FFF; color:#202020;}
.shopping-checkout input[type="submit"] { margin-left:1%;border-radius: 3px; background-color:#666; color:#FFF;}
.scart_bottom_btn { clear:both; padding:0 10px;}
.scart_bottom_btn .all_scart_btn { float:left; width:50%;}
.scart_bottom_btn .all_scart_btn.btn_expand{width:100%;}
.all_scart_btn .normal-cancel-btn {display: block;height: 50px; line-height:50px; text-align: center;border-radius: 3px;border: 1px solid #a0a0a0;background-color: #FFF;color: #202020; cursor:pointer; font-size:15px; margin-right:1%;}
.all_scart_btn .normal-ok-btn{display: block; width:99%; height: 50px; line-height:50px; text-align: center;border-radius:3px; cursor:pointer; font-size:15px; margin-left:1%;}
#shopping_checkout_ok .scart_bottom_btn{ display:flex; align-items: stretch;}
#shopping_checkout_ok .scart_bottom_btn .all_scart_btn { float:none; width:100%;}
#shopping_checkout_ok .scart_bottom_btn .all_scart_btn input[type="button"]{ width: 100%; margin: 0 auto; text-indent:0; font-size: 16px; border-radius:3px;}
#shopping_cart .scart_bottom_btn .all_scart_btn{ float:none; flex:1;}
.alignRight { text-align:right;}
.paddingRight { padding-right:10px;}
@media screen and (max-width:400px) { 
	.all_scart_btn.jooshop_btn_color2 input[type="button"], .all_scart_btn.jooshop_btn_color2 input[type="button"]:hover {font-size: 12px;}
}
/*隱藏明細*/
.i-shoppinglist-title { background-color:#f7f7f7; padding:10px; margin-bottom:20px;}
.i-shoppinglist-title h3 { float:right; font-size:13px; font-weight:normal; color:#555555; cursor:pointer;}
.i-shoppinglist-title .scart_clean { float:left; display:inline-block; font-size:13px; line-height:normal; color:#333; border:1px solid #333; padding:5px 15px;}/*清空購物車*/
.i-shoppinglist-title .scart_clean:hover { background-color:#333; color:#FFF;}
.i-shoppinglist-title input[type="button"] {width: auto;height: auto; background-color:transparent; border-radius: 0px!important;cursor: pointer;}
/*刪除鈕*/
a.scart_icon_delete {position: relative;display: block;width: 30px;height: 30px;/*background: #bfc0c4;*/text-indent: -99999px;margin: 0 auto; background:url(../images/x_mobile.png) no-repeat center center; float:right;}/*刪除*/
/*寬度*/
.scart_w30, input.scart_w30[type="text"], input.scart_w30[type="password"]{ width:30px;}
.scart_w50, input.scart_w50[type="text"], input.scart_w50[type="password"]{ width:50px;}
.scart_w80, input.scart_w80[type="text"], input.scart_w80[type="password"]{ width:80px;}
.scart_w150, input.scart_w150[type="text"], input.scart_w150[type="password"]{ width:150px;}
.scart_w315, input.scart_w315[type="text"], input.scart_w315[type="password"]{}
/*間距*/
.leftSpace { margin-left:10px;}
.topSpace_p10{ padding-top:10px !important;}
/*文字大小*/
.font_size_01{}/*我有組合商品*/
.font_size_02, .font_size_02 a:link, .font_size_02 a:visited{ font-size:15px; color:#1e1e1e; font-weight:normal;}/*品名*/
.font_size_03, .font_size_03 a{ font-size:13px!important; color:#333333!important; font-weight:normal!important;}/*贈品＆加購＆活動＆促銷－後面的文字*/
.font_size_04{}/*贈品＆加購＆活動＆促銷*/
.font_size_05{font-size: 13px;color: #555555;}/*下單詳閱購物須知*/
.font_size_06{ font-size:16px; height: 22px; text-align: center;}/*商品項目標題*/
.font_size_07{}/*商品數＆總金額*/
.font_size_08{ font-size:18px;}
.font_size_09, .font_size_09 a:link, .font_size_09 a:visited { font-size:13px!important; line-height:normal!important;}
/*文字顏色*/
.font_color_01{ color: #333;}/*step*/
.font_color_02{ color: #999;}/*step*/
.font_color_03{}/*我有組合商品*/
.font_color_04{}/*品名*/
.font_color_05, .font_color_05 a:link, .font_color_05 a:visited { color:#999!important;}
.scart_mark a{}/*連結*/
.scart_mark a:hover{}/*連結hover*/
.scart_prompt{ font-size:13px; color:#888888; text-align:right;}/*提示字*/
.scart_mark_bot { margin-left:15px;}
.scart_mark_bot a:link, .scart_mark_bot a:visited { text-decoration:underline;}
/*常用收件人*/
.it66_memobox {margin-top: 0; line-height:normal;}
.addresstitle { background-color:#666; color:#FFF; text-align:center; font-size:16px; font-weight:normal; padding:15px 0;}
.meatTxt { border-collapse:collapse; font-size:14px; color:#242424; line-height:25px;}
.meatTxt td { padding:15px 20px; display:block; border:none; vertical-align:top;}
.meatTxt.noBorder td { border:none;}
.it66_select_btn { display:inline-block; width: 20px;height: 20px;text-align:center;border:2px solid #d8d8d8;border-radius:100%; text-indent:-9999px;}
.it66_select_btn:hover { background-color:#111111; border:2px solid #111111; background-image:url(../images/check_ok.png); background-repeat:no-repeat; background-position:center center;}
.it66_btn:link, .it66_btn:visited { display:inline-block; text-decoration:none; padding:3px 10px; color:#FFF;}
.it66_btn.edit { background-color:#111111; margin-right:5px;}
.it66_btn.delete { background-color:#666666;}
.meatTxt_input { height:40px !important; border-radius: 3px; background-color: #ffffff!important; border:1px solid #b2b7bf !important; padding:0 10px!important; vertical-align:bottom; margin:0 15px 15px 0!important; box-sizing: border-box;}
.meatTxt .alignCenter { text-align:center;}
.meatTxt_btn { cursor:pointer; display:inline-block; min-width:150px; height:45px; line-height:45px !important; text-align:center; font-size:16px !important; background-color:#111111; color:#FFF !important; border:none; border-radius:3px; text-decoration:none !important; padding: 0 10px;}
.meatTxt .inlineType { display:table-cell;}
.meatTxt tr { border-bottom:1px solid #dedede}
.meatTxt .smallTD { width:auto; white-space:nowrap;}
.meatTxt td:nth-of-type(2) { padding-left:0;}
.meatTxt td:nth-of-type(3) { padding-top:0; padding-bottom:0; padding-left:0;}
.meatTxt td:nth-of-type(4) { padding-left:0;}
.meatTxt_input.w315, .meatTxt_input.w80, .meatTxt_input.w270 { width:100%!important;}
.meatTxt_input.w120 { width:44%;}
.meatTxt select:last-of-type { margin-right:0!important;}
/*確認付款lightbox*/
.it66_lightbox_in .jooshop_btn_color { text-align:center;}
.it66_lightbox_in input[type="button"]{border: 0;height: 42px;font-size:16px; line-height:42px;border-radius: 3px;width:150px;cursor:pointer;color:#fff;}
.it66_lightbox_in input[type="text"]{padding: 3px 10px!important;}
.it66_lightbox_in .clearfix{padding: 10px 0;}
.it66_lightbox_in .clearfix li a{padding-left: 10px;text-decoration:underline!important;}
.it66_lightbox{ margin: 0 auto;}
.it66_lightbox .it66_lightbox_in{ width:100%;}
.it66_lightbox .it66_lightbox_in h5{ background: #e5e5e5; padding: 10px 15px; font-size: 15px; color:#111;width: 100%;}
.it66_lightbox .it66_lightbox_in li{padding: 8px 15px;}
.it66_lightbox .it66_lightbox_in li img { margin:10px 0; vertical-align:middle;}
.it66_lightbox_in input[type="text"], .it66_lightbox_in input[type="password"], .it66_lightbox_in select { height: 40px; border-radius: 3px;background-color: #ffffff; border: 1px solid #b2b7bf;}
.it66_lightbox_in #double_check_password, .it66_lightbox_in #it66_login_authimg_str { width:100%;}
.scart_total small.it66_CurrencyOnly_sword{ display: block; font-size: 13px; color: #888888; text-align: right; line-height: 20px; margin-top: 5px;}
.foodmap_list,.foodmap_quantity,.foodmap_subtotal { display: none; }
@media screen and (max-width:340px) { 
	.scart_coupon_list li { float:left; width:100%;}
	.scart_coupon_list li:first-of-type{ margin-bottom:5px; width:100%;}
	.scart_coupon_list li{ float:none;}
	.scart_coupon_list ul{ margin-bottom:10px;}
}
@media screen and (max-width:330px) {
	.shoppinglist-content-list .setP_quantity input:nth-child(2){ width:40px;}

}

/* 元件49 訂單查詢&列表 */
/* it49_default */
.poM_OrderP1_go{ position:relative;}
.poM_OrderP1_go .ticket_btn{ position:absolute; right:10px; top:35px; width:80px; height:40px;}
.poM_OrderP1_go .ticket_btn input{ display:block;width:100%; height:40px; font-size:16px; line-height:40px;}
/* 訂單查詢共用 */
.it49_default{padding: 8px 0 0;color: #222; background-color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; max-width: 1200px; width: 100%; margin: 0 auto;}
.it49_default input[type="text"],.it49_default input[type="password"]{word-wrap: break-word; word-break: break-all;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; font-size: 15px;box-sizing: border-box; line-height:30px;color:#222;height:40px; -webkit-appearance: none;}
.it49_default select{box-sizing: border-box; line-height:30px;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 22px 8px 10px; font-size: 15px; appearance: none; background-color: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;color:#222;height:40px;}
.it49_default input::placeholder,.it49_default select::placeholder { color: #bbb; opacity: 1; }
.it49_default input:-ms-input-placeholder,.it49_default select:-ms-input-placeholder { color: #bbb; }
.it49_default input::-ms-input-placeholder,.it49_default select::-ms-input-placeholder { color: #bbb; }
.it49_default .member_titlebox{padding:0 8px;}
.it49_default .it49_order_detail .it49_order_detailR .it49_gotopay{line-height: 22px;position:relative;}
.it49_default .it49_order_detail .it49_order_detailR .it49_gotopay input{padding-left:10px;padding-right:10px;cursor:pointer;margin-bottom: 5px;margin-right: 35px;}
.it49_gotopay:after{content:'';position:absolute;bottom:10px;right:0;width:30px;height:30px;background-image: url(images/it49_hand.svg); background-position: center center; background-size: 30px; background-repeat: no-repeat; z-index: 999; display: block;}
.it49_default .it49_title{padding-left:45px;margin-bottom:15px;font-size: 24px;line-height: 1.17;letter-spacing: 0.6px;text-align: left; background-image: url(images/it49_order_icon.png);background-repeat: no-repeat;background-position: 10px bottom;}
.it49_default .search_area{padding:8px;margin-bottom:5px;border-top: solid 1px #ddd;border-bottom: solid 1px #ddd;background-color: #fff;}
.it49_default .search_area li{letter-spacing: .38px;font-size:15px;line-height: 30px;}
.it49_default .search_area li.it49_num{padding-bottom:15px;}
.it49_default .search_area li span.it49_rangeline{vertical-align:middle; display: inline-block; line-height:44px;height: 44px;}
.it49_default .search_area li.it49_num .searchbox ul li:last-child{width: 100%;height: 44px;border: solid 1px#ddd;background-color:#fff;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;}
.it49_default input{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="date"]::-webkit-calendar-picker-indicator { display: block; background: url(images/it49_select.png) no-repeat;opacity: 1;width:8px; height:6px; background-size:100%;}
.it49_default .search_area li.it49_num .searchbox input{border:0;height: 44px;vertical-align:top;}
.it49_default .search_area li.it49_num .searchbox input.it49_searchbox{width:100%;border:0;height:44px!important;padding:3px 15px;font-size: 15px;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;background: none;margin:0;}
.it49_default .search_area li.it49_date input {width:40%;height: 44px;-webkit-border-radius: 22px;-moz-border-radius: 22px;border-radius: 22px;border: solid 1px #ddd;background-color: #fff;padding:0 8px;}
.it49_default .search_area li.it49_date input.daterange_icon{width:36px;background-image: url(images/it49_search.png);background-repeat: no-repeat;background-color: transparent;background-position: right center;cursor: pointer;text-indent: -9999px;border: 0;}
.it49_default ::placeholder{color: #ccc;opacity: 1;}
.it49_default :-ms-input-placeholder {color: #ccc;}
.it49_default ::-ms-input-placeholder {color: #ccc;}
.it49_default .it49_tabbox{margin-bottom:5px;padding:0 8px;}
.it49_default .it49_tabbox select { position: relative; display: inline-block; width: 100%; height: 45px; font-size: 16px; line-height:20px; color: #222; border-radius: 22px; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding: 8px 22px 8px 10px; background-color: transparent; background-image: url(data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;}
.it49_default .it49_tabbox select::after { content: ''; position: absolute; top: 19px; right: 20px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #000000 transparent transparent transparent;}
.it49_default .it49_tabbox select::selection { background: #0d4b5c !important; color: #fff; text-shadow: none;}
.it49_default .it49_order_detail{padding:8px 12px;border-bottom: solid 1px #eee;font-size:14px;letter-spacing: .35px;line-height: 28px;min-height: 84px;}
.it49_default .it49_order_detail .it49_order_detailL{float:left;width:60%;text-align: left;}
.it49_default .it49_order_detail .it49_order_detailR{float:left;width:40%;text-align: right;}
.it49_default .it49_order_detail .it49_order_detailR .it49_applepay_box{line-height:16px;font-size:12px;}
.it49_default .it49_order_detail .it49_order_detailR .it49_applepay_box button{cursor:pointer;width:100%;}
.it49_default .it49_order_detail .it49_order_detailR .it53_linepay_word {line-height:16px;font-size:12px;}
.it49_default .it49_order_detail .it49_order_detailR .it53_linepay_word input{cursor:pointer;max-width: 115px;border:0;margin-top:5px;line-height:40px;color:#fff;font-size:15px;}
.it49_default .it49_order_detail .it49_order_detailL li span{padding-left: 10px;}
.it49_default .it49_order_detail .it49_order_detailL li:first-child span{font-size: 18px;letter-spacing: .45px;}
.it49_default .it49_order_detail .jooPC_price01{font-weight:bold;}
.it49_default .more_order_productlist{border-bottom: solid 1px #eee;background-image: url(images/newmem_arrow_toggle.svg);background-size: 20px;background-repeat: no-repeat;cursor: pointer;font-size: 14px;color:#999;letter-spacing: .35px;line-height: 40px;height: 36px; background-position: bottom -19px right 20px;}
.it49_default .more_order_productlist.active{background-position:top -19px right 20px;}
.it49_default .it49_tabinner{ width:100%; height:100%; text-align: center;position: relative; padding:0 8px; margin-bottom: 15px;}
.it49_default .it49_tabinner .amount{ color:#777; text-align: right; padding-right:5px;}
.it49_default .it49_tabinner .it49_neworder{margin-bottom:6px;}
.it49_default ul.it49_order_itemtitle{display: flex; width: 100%;height: 35px; border-bottom: solid 1px #ddd; background-color: #f8f8f8;}
.it49_default .it49_neworder,.it49_default .it49_perorder{background-color: #fff;border: solid 1px #ddd;margin-bottom:15px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it49_default .it49_perorder:last-of-type{margin-bottom:0;}
.it49_default .it49_order_productlist > li{width:100%;height:auto;border-bottom: solid 1px #eee;padding-top: 8px;}
.it49_default .it49_order_productlist > li:last-child{padding-top:0;}
.it49_default .it49_order_productlist .it49_pdL,.it49_default .it49_order_productlist .it49_pdR{float:left;}
.it49_default .it49_order_productlist .it49_pdL{width:7%;text-align: right;}
.it49_default .it49_order_productlist .it49_pdR{width:93%;text-align: left;padding-left: 10px;}
.it49_default .it49_order_productlist .it49_pdR li:first-child{min-height:40px;}
.it49_default .it49_order_productlist .event > span{padding:2px 8px;color:#fff;display: inline-block;}
.it49_default .it49_order_productlist span.size{color:#999;}
.it49_default .it49_order_productlist span.event01{background:#ff8011;}
.it49_default .it49_order_productlist span.event02{background:#00a0e9;}
.it49_default .it49_order_productlist span.event03{background:#009944;}
.it49_default .it49_order_productlist span.event04{background:#e60012;}
.it49_default .it49_order_productlist .it49product_img > img{max-width:60px;max-height:60px;width:100%;height:100%;}
.it49_default .it49_order_productlist .nameasize > span{display:block;line-height: 18px;}
.it49_default .it49_order_productlist .nameasize .it49product_name{max-height: 42px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.it49_default .it49_order_productlist .nameasize .it49product_name a{line-height: 20px;font-size:14px;}
.it49_default .it49_order_productlist .nameasize,.it49_default .it49_order_productlist .eventaamount{float:left;padding-right: 10px;}
.it49_default .it49_order_productlist .nameasize{width:75%;}
.it49_default .it49_order_productlist .eventaamount{width:25%;}
.it49_default .it49_order_productlist .eventaamount .event{text-align: right;}
.it49_default .it49_gotodeatil{width:100%;padding:5px 10px; text-align: right;}
.it49_default .it49_gotodeatil .it49_all_price{display: inline-block; margin-right: 15px;}
.it49_default .it49_gotodeatil a.it49_more{display: inline-block; width: auto;height: 35px;border: solid 1px #ddd;background-color: #f1f1f1;padding:0 15px;color:var(--pic-color-grey-100);font-size: 14px;letter-spacing: .35px;line-height: 33px;border-radius: var(--radius);}
.it49_default .it49_gotodeatil a.it49_inquiryrecord{margin-left: 5px;display: inline-block; width: auto;height: 35px;border: solid 1px var(--primary);background-color: var(--primary);padding:0 15px;color:#fff;font-size: 14px;letter-spacing: .35px;line-height: 33px;border-radius: var(--radius);}
.it49_default .it49_order_productlist .price{text-align: right;padding-right:15px;}
.it49_default .it49_order_productlist .price span.old_price{color:#bbbbbb;text-decoration: line-through;margin-right:10px;}
.it49_default .it49_order_productlist .price span.new_price,.it49_default .it49_gotodeatil .it49_all_price span, .more_order_productlist span,.it49_order_detailL li:first-child span{color:#000;font-weight: bold;}
.it49_default .it49_perorder .it49_all_money{line-height:45px;}
.it49_default .it49_perorder .it49_all_money li{text-align: right;padding:0 15px;}
.it49_default .it49_perorder .it49_all_money li span.jooPC_price01{font-size:20px; letter-spacing: .5px;}
/* 評論 */
.it49_default .it49_comment{ text-align: right; width: 100%; border-bottom: solid 1px #eee; padding: 5px 10px; display:flex; align-items: center; justify-content: flex-end;}
.it49_default .it49_comment span{ margin-right: 5px; font-size: 12px; color: #bbb; line-height: 15px; width:calc(100% - 120px); display: inline-block;}
.it49_default .it49_comment > div{ display: inline-block; }
.it49_default .it49_comment a{ margin-left: 5px;display: inline-block; width: auto;height: 35px;border: solid 1px var(--pic-red);background-color: var(--pic-red);padding:0 15px;color:#fff;font-size: 14px;letter-spacing: .35px;line-height: 33px;border-radius: var(--radius);transition: all .3s;}
/* 顯示無資料 */
.it49_nodata{ width: 100%; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; padding:25px 0;}
.it49_nodata_box { width: 150px; height: 150px; background-color: #cfcdcd; display: flex; justify-content: center; align-items: center; background: url(images/newmem_no_data.svg) no-repeat top center;background-size: 150px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.it49_nodata p { padding-top:5px; font-size: 16px; color: #222; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; text-align: center; font-weight:500; letter-spacing:2px; line-height:20px;}
@media screen and (max-width: 768px) {
	.it49_default .it49_order_productlist .it49_pdL{width:10%;}
	.it49_default .it49_order_productlist .it49_pdR{width:90%;}
}
@media screen and (max-width: 568px) {
	.it49_default .it49_order_productlist .it49_pdL{width:14%;}
	.it49_default .it49_order_productlist .it49_pdR{width:86%;}
}
@media screen and (max-width: 480px) {
	.it49_default.it49_default_ja .it49_gotodeatil .it49_all_price{ margin-right: 0; display: block;}
	.it49_default.it49_default_ja .it49_gotodeatil a.it49_more{ margin-bottom: 5px;}
}
@media screen and (max-width: 425px) {
	.it49status_step.is-complete .it49status_text{line-height: 16px;padding-top: 6px;}
	.it49status_step.is-complete .it49status_text span{display: block;}
	.it49_default .it49_order_productlist .it49_pdL{width:20%;}
	.it49_default .it49_order_productlist .it49_pdR{width:80%;}
	.it49_default .it49_order_productlist .nameasize {width: 65%;}
	.it49_default .it49_order_productlist .eventaamount{width:35%}
}
@media screen and (max-width: 320px) {
	.it49_default .it49_order_productlist .it49_pdL{width:24%;}
	.it49_default .it49_order_productlist .it49_pdR{width:76%;}
	.it49_default .search_area li.it49_date input {width:115px;}
	.it49_default .search_area li.it49_date input.daterange_icon{width:36px;}
	.it49_default .it49_order_productlist .nameasize {width: 62%;}
	.it49_default .it49_order_productlist .eventaamount{width:38%}
}
/* 訂單列表49&訂單詳細53 共用貨態 */
.it49status_tracker, .it53status_tracker {border-bottom: solid 1px #eee;text-align: center;position: relative;max-width: 780px;margin:0 10px;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap:wrap;padding: 0;list-style: none;}
.it49status_tracker.it49status_tracker_lengthy, .it53status_tracker.it53status_tracker_lengthy{max-width:100%;padding: 8px;}
.it49status_tracker.it49status_tracker_lengthy .it49status_step .it49status_text, .it53status_tracker.it53status_tracker_lengthy .it53status_step .it53status_text {padding:0 2px;}
.it49status_tracker.it49status_tracker_lengthy .it49status_step .it49status_text span, .it53status_tracker.it53status_tracker_lengthy .it53status_step .it53status_text span{font-size: 11px;line-height: 18px;display: block;letter-spacing: -.5px;}
.it49status_tracker.it49status_tracker_lengthy .it49status_step .it49status_text span.it49_date, .it53status_tracker.it53status_tracker_lengthy .it53status_step .it53status_text span.it53_date{font-size:10px;}
.it49status_tracker.it49status_tracker_lengthy .it49status_step .change_store, .it53status_tracker.it53status_tracker_lengthy .it53status_step .change_store{min-width: 120px;position: relative;left: 50%;transform: translateX(-50%);}
.it49status_tracker.it49status_tracker_lengthy .it49status_step .change_store input,.poM_OrderP2_add .change_store input, .it53status_tracker.it53status_tracker_lengthy .it53status_step .change_store input{width:100%;max-width:120px;min-height: 40px;font-size:13px;text-align: center;padding: 3px;min-width:120px;cursor:pointer;border: 0;color:#fff; background-color: var(--pic-red);}
.it49status_tracker .it49status_step, .it53status_tracker .it53status_step{-webkit-box-flex: auto;-ms-flex:auto;flex: auto;margin: 0;min-width: 24px;padding: 25px 0 5px 0;}
.it49status_tracker .it49status_step .it49status_marker, .it53status_tracker .it53status_step .it53status_marker {display: block;position: relative;}
.it49status_tracker .it49status_step .it49status_marker::before, .it53status_tracker .it53status_step .it53status_marker::before {content: attr(data-text);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;z-index: 1;width: 12px;height: 12px;padding-bottom: 2px;border-radius: 50%;-webkit-transition: background-color, border-color;transition: background-color, border-color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;border: solid 2px #ddd;background-color: #fff;}
.it49status_tracker .it49status_step .it49status_marker::before, .it49status_tracker .it49status_step .it49status_text--dotted::before, .it53status_tracker .it53status_step .it53status_marker::before, .it53status_tracker .it53status_step .it53status_text--dotted::before {margin-left: auto;margin-right: auto;}
.it49status_tracker .it49status_step .it49status_marker::after, .it53status_tracker .it53status_step .it53status_marker::after {content: '';display: block;position: absolute;top: 5px;right: 0;width: 100%;height: 2px;-webkit-transition: background-color 0.3s, background-position 0.3s;transition: background-color 0.3s, background-position 0.3s;background-color: #ddd;}
.it49status_step.is-complete .it49status_marker::before, .it53status_step.is-complete .it53status_marker::before {border: solid 2px transparent;}
.it49status_tracker .is-complete:first-child .it49status_marker::after, .it53status_tracker .is-complete:first-child .it53status_marker::after{width:50%;right: 0;}
.it49status_tracker .it49status_step:last-child, .it53status_tracker .it53status_step:last-child {-webkit-box-flex: 0;-ms-flex-positive: 0;}
.it49status_tracker .it49status_step:last-child .it49status_marker::after, .it53status_tracker .it53status_step:last-child .it53status_marker::after{width:50%;right:50%;}
.it49status_tracker .it49status_step .it49status_text, .it53status_tracker .it53status_step .it53status_text {color: #d7d7d7;}
.it49status_tracker .it49status_step.is-complete .it49status_text, .it53status_tracker .it53status_step.is-complete .it53status_text {color: #333;}
.it49status_step, .it53status_step{position: relative;-webkit-transition: -webkit-transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;transition: transform .6s cubic-bezier(.17,.89,.67,1.57), opacity .6s ease-out;}
.it49status_step.is-complete .car, .it53status_step.is-complete .car {position:absolute;top:10px;right:0;width:16px;height: 12px;display: block;}
.it49status_step.is-complete .car .body, .it53status_step.is-complete .car .body{position:relative;;width:11px;height:10px;-webkit-border-radius: 1.5px;-moz-border-radius: 1.5px;border-radius: 1.5px;background-color: transparents;}
.it49status_step.is-complete .car .head, .it53status_step.is-complete .car .head{position:absolute;right:-5px;bottom:0;width:6px;height:5.5px;-webkit-border-radius:.5px;-moz-border-radius:.5px;border-radius:.5px;background-color: transparent;}
.it49status_step.is-complete .car .head2, .it53status_step.is-complete .car .head2{position:absolute;top:2px;right:-4px;width:7px;height:7px;-webkit-border-radius: 1.5px;-moz-border-radius: 1.5px;border-radius: 1.5px;border:1px solid transparent;}
.it49status_step.is-complete .car .wheel_left, .it53status_step.is-complete .car .wheel_left{position:absolute;bottom:-2px;left:2px;width:5px;height:5px;background-color:#fff;;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:1px solid transparent;}
.it49status_step.is-complete .car .wheel_right, .it53status_step.is-complete .car .wheel_right{position:absolute;bottom:-2px;left:9px;width:5px;height:5px;background-color:#fff;;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border:1px solid transparent;}
.it49status_step.is-complete:first-child .car, .it53status_step.is-complete:first-child .car{-webkit-animation: it49a53fadeInLeft1 .5s;animation: it49a53fadeInLeft1 .5s;}
.it49status_step.is-complete:nth-child(2) .car, .it53status_step.is-complete:nth-child(2) .car{-webkit-animation: it49a53fadeInLeft2 1s;animation: it49a53fadeInLeft2 1s;}
.it49status_step.is-complete:nth-child(3) .car, .it53status_step.is-complete:nth-child(3) .car{-webkit-animation: it49a53fadeInLeft3 1.5s;animation: it49a53fadeInLeft3 1.5s;}
.it49status_step.is-complete:nth-child(4) .car, .it53status_step.is-complete:nth-child(4) .car{-webkit-animation: it49a53fadeInLeft4 2s;animation: it49a53fadeInLeft4 2s;}
.it49status_step.is-complete:nth-child(5) .car, .it53status_step.is-complete:nth-child(5) .car{-webkit-animation: it49a53fadeInLeft5 2.5s;animation: it49a53fadeInLeft5 2.5s;}
.it49status_step.is-complete:nth-child(6) .car, .it53status_step.is-complete:nth-child(6) .car{-webkit-animation: it49a53fadeInLeft6 3s;animation: it49a53fadeInLeft6 3s;}
.it49status_step.is-complete:nth-child(7) .car, .it53status_step.is-complete:nth-child(7) .car{-webkit-animation: it49a53fadeInLeft7 3.5s;animation: it49a53fadeInLeft7 3.5s;}
.it49status_step.is-complete:nth-child(8) .car, .it53status_step.is-complete:nth-child(8) .car{-webkit-animation: it49a53fadeInLeft8 4s;animation: it49a53fadeInLeft8 4s;}
.it49status_step.is-complete:nth-child(9) .car, .it53status_step.is-complete:nth-child(9) .car{-webkit-animation: it49a53fadeInLeft9 4.5s;animation: it49a53fadeInLeft9 4.5s;}
.it49status_step.is-complete:nth-child(10) .car, .it53status_step.is-complete:nth-child(10) .car{-webkit-animation: it49a53fadeInLeft10 5s;animation: it49a53fadeInLeft10 5s;}
.it49status_step.is-complete:nth-child(11) .car, .it53status_step.is-complete:nth-child(11) .car{-webkit-animation: it49a53fadeInLeft11 5.5s;animation: it49a53fadeInLeft11 5.5s;}
.it49status_step.is-complete:nth-child(12) .car, .it53status_step.is-complete:nth-child(12) .car{-webkit-animation: it49a53fadeInLeft12 6s;animation: it49a53fadeInLeft12 6s;}
.it49status_step.is-complete:nth-child(13) .car, .it53status_step.is-complete:nth-child(13) .car{-webkit-animation: it49a53fadeInLeft13 6.5s;animation: it49a53fadeInLeft13 6.5s;}
.it49status_step.is-complete:last-child .car, .it53status_step.is-complete:last-child .car{-webkit-animation: it49a53fadeInLeft14 3s;animation: it49a53fadeInLeft14 3s;right:47%;}
@keyframes it49a53fadeInLeft1 {0% { right: 50%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft2 {0% { right: 150%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft3 {0% { right: 250%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft4 {0% { right: 350%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft5 {0% { right: 450%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft6 {0% { right: 550%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft7 {0% { right: 650%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft8 {0% { right: 750%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft9 {0% { right: 850%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft10 {0% { right: 950%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft11 {0% { right: 1050%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft12 {0% { right: 1150%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft13 {0% { right: 1250%;}100%{ right : 0;}}
@keyframes it49a53fadeInLeft14 {0% { right: 1350%;}100%{ right : 47%;}}
/*  訂單列表49&訂單詳細53 共用貨態版型統一色系 */
.it49status_step.is-complete .car .wheel_left,.it49status_step.is-complete .car .wheel_right,.it49status_step.is-complete .car .head2,.it49status_step.is-complete .it49status_marker::before, .it53status_step.is-complete .car .wheel_left,.it53status_step.is-complete .car .wheel_right,.it53status_step.is-complete .car .head2,.it53status_step.is-complete .it53status_marker::before{border-color: var(--danger);}
.it49status_step.is-complete .car .body,.it49status_step.is-complete .car .head,.it49status_step.is-complete .it49status_marker::before,.it49status_step.is-complete .it49status_marker::after, .it53status_step.is-complete .car .body,.it53status_step.is-complete .car .head,.it53status_step.is-complete .it53status_marker::before,.it53status_step.is-complete .it53status_marker::after{background-color: var(--danger);}

/* 元件52 活頁圖文元件52 */
/* it52_default */
.top_box img{ max-width:100%; height:auto !important;}
.C_article img{ max-width:100%; height:auto !important; vertical-align: bottom;}
#menu {text-align:center; height:35px; padding-top:5px;}
#menu li {float:right;display:block; height:23px; font-size:15px; line-height:23px; color:#333333;text-decoration:none; margin-left:7px;}
#menu li a {display:block; height:23px; font-size:15px; line-height:23px; color:#333333; letter-spacing:1px; text-decoration:none; padding:0 10px; -webkit-border-top-left-radius:3px; 
-webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; background-color:#e7e7e7;}
#menu li a.tabactive {display: block; height:23px;font-size:15px; line-height:23px; color:#333333;text-decoration:none; background-color:#d9d9d9; -webkit-border-top-left-radius:3px; 
-webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px;}
.normal_item52Title{ width:100%; height:30px; border-bottom:#d9d9d9 3px solid;}
.normal_item52Title span{ float:left; font-size:15px; line-height:30px; color:#666; font-weight:bold;}

/* 元件53 訂單詳細 */
/* it53_default */
.it53_prod_camra{ text-align: center; padding-top: 5px;}
.it53_prod_camra a:link,.it53_prod_camra a:visited{ display: inline-block; font-size:12px; line-height: 24px; color: var(--primary); border: 1px solid var(--primary); padding: 0 10px; border-radius:6px; background: #fff;}
.it53_prod_camra a:hover,.it53_prod_camra:active{ background: var(--pic-light-orange-5);}
.it53_linepay_box{ width: 100%; min-height: 45px; background:#fff; border-bottom: 1px solid #e7e7e7; padding: 5px 15px;}
.it53_linepay_box ul li{ float:left; font-size:14px; line-height:30px !important; color:#333; padding-bottom: 0!important;}
.it53_linepay_box .poM_memberItem3 ul li{height:auto;}
.poM_memberItem3 .it53_gotopay ul li{height:auto;line-height: 40px !important;}
.poM_OrderP2_btn ul{ align-items: stretch; display: flex;}
.OrderP2_btn1,.OrderP2_btn3{ width:100%!important;}
.it53_gotopay ul li{line-height:40px;position: relative;}
.it53_gotopay{position:relative;min-height:45px;}
.it53_gotopay input{display:block;width:auto; height:40px; font-size:15px;line-height:40px; text-decoration:none; color:#fff;border-radius:3px;padding-left:10px;padding-right:10px;cursor:pointer;}
.it53_gotopay:after { content: ''; position: absolute; bottom: 10px; left: 95px; width: 30px; height: 30px; background-image: url(images/it49_hand.svg); background-position: center center; background-size: 30px; background-repeat: no-repeat; z-index: 999; display: block; }
.it53_gotopay ul li#form_pay_later_tips,.it53_linepay_box ul li#form_pay_later_tips{width:100%;}
.poM_memberItem3 ul.it53_prod_num {margin-top: 5px;}
.poM_memberItem3 ul.it53_prod_num li{color:#aaa;font-size: 13px; line-height: 16px; text-align: left;padding-bottom: 0; float: none; height: auto;}
.ygg_MemberBtn01 > a{ display:block; width:99%; height:auto;}
.ygg_MemberBtn02{ padding:0 5px;}
.ygg_MemberBtn02 > input,.ygg_MemberBtn02 > a,.ygg_MemberBtn02 > a:link,.ygg_MemberBtn02 > a:visited,.ygg_MemberBtn02 > a:hover,.ygg_MemberBtn02 > a:active{ display:block; width:100%; height:40px; font-size:18px; line-height:40px; text-align:center; text-decoration:none; border:0 none; color:#fff; cursor:pointer;}
.ygg_MemberW100p{ width:100% !important;}
#visitor_order .ygg_MemberW100p .SB_MemberOrder_btn{text-align: center;}
#visitor_order .ygg_MemberW100p .SB_MemberOrder_btn input{width: calc(100% - 20px)}
.member_centerMbg ul li{ border-top:0 !important; border-right:1px dotted #fff;}
.member_centerMline a{ display:block; width:100%; height:58px;}
.btn_prev a{ border-radius:0 !important;}
.bonusInquire_btn > a{ display:block;}
.ygg_RegisterS3{ width:100%;}
#member_into_02 .ygg_RegisterS3,
#member_into_check .ygg_RegisterS3{ padding: 0 20px 20px;}
.ygg_RegisterS3 h5{ color: #555; font-size:15px; line-height:25px;}
.ygg_Mreturn_title{ background:none; border-top:3px solid #ec6c1f; height:50px; padding-top:6px;}
.it53_refund .it53_refund_failed,
.it53_refund  .it53_refund_pending{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it53_refund .jooshop_btn_color a{ width: auto; height: 35px; padding: 0 10px; font-size: 14px; line-height: 34px; margin-left: 5px;}
.it53-default .mem_btn_box { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 5px 0;}

.it53-default .mem_btn_box > div:nth-child(odd) { padding: 5px 5px 5px 10px;}
.it53-default .mem_btn_box > div:nth-child(even) { padding: 5px 10px 5px 5px;}
.it53-default .mem_btn_box > div { -webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%;  -ms-flex: 0 50%; flex: 0 50%;}
.it53-default .mem_btn_box a { font-size: 17px; text-align: center; display: block; width: 100%; line-height: 46px;}

.it53-default .it4260_box,.it53-default .it4260_box:hover{ height: auto; border: solid 1px var(--pic-red);background-color: var(--pic-red);padding:0 15px;color:#fff;font-size: 14px;letter-spacing: .35px;line-height: 38px;border-radius: var(--radius);transition: all .3s;}

.it53-default .mem_btn_box .jooshop_btn_color>a{height: auto; border: solid 1px var(--pic-red);background-color: var(--pic-red);padding:0 15px;color:#fff;font-size: 14px!important;letter-spacing: .35px;line-height: 38px!important;border-radius: var(--radius);transition: all .3s;}
.it53-default .mem_btn_box .jooshop_btn_color>a:hover{height: auto; border: solid 1px var(--pic-red);background-color: var(--pic-red);padding:0 15px;color:#fff;font-size: 14px!important;letter-spacing: .35px;line-height: 38px!important;border-radius: var(--radius);transition: all .3s;}
.it53-default .mem_btn_box .jooshop_btn_color2>a{height: auto; border: solid 1px var(--pic-red);background-color:#fff;padding:0 15px;color:var(--pic-red);font-size: 14px!important;letter-spacing: .35px;line-height: 38px!important;border-radius: var(--radius);transition: all .3s;}

@media screen and (max-width: 520px) {
	.it53_linepay_box ul li{ float:none; width: 100%;}
	.it53_linepay_box ul li:last-child{ padding-left:0;}
	.it53_gotopay ul li{width:auto;}
	.it53-default.it53_default_ja .mem_btn_box > div{ flex:100%; padding: 5px !important;}
}
@media screen and (max-width: 420px) {
	.it53_gotopay ul li#form_pay_later_tips{width:100%; padding-left: 0;}
	.poM_memberItem3 .it53_gotopay ul li{line-height:26px !important;}
}

/* 元件53 訂單詳細頁 */
#member_bonus .poM_Content2{ padding-bottom:10px;}
.poM_Content{ display:block; height:auto; background-color:#FFF; margin:10px; padding:0; -webkit-box-shadow:none; -moz-box-shadow:none;  position:relative; border: 1px solid #d2d2d2;}
.poM_memberTop2{ width:100%; height:50px; background:#fff; border-bottom: 1px solid #bbb;}
.poM_memberTitle{ width:100%; height:50px; background:none;}
.poM_memberTitle h5 { font-size: 15px; line-height:50px; margin-left: 20px; }
.poM_memberItem3{ width:100%; margin-bottom:15px; border-bottom:#fafafa 1px solid;}
#order_detail .it53_comments_button{ padding: 10px;}
#order_inquiry .poM_OrderP1_go a{text-indent: -9999px;}
.poM_BonusP2_in01,.poM_BonusP2_in02{ height:40px; font-size: 15px; line-height:40px; color:var(--pic-color-grey-100);}
.poM_BonusP2_in01{ width:27%; background-color:#fafafa; text-align:right;}
.poM_BonusP2_in01 h5,.poM_OrderP2_in01 h5{ margin-right:10px; font-size: 15px; line-height:45px; font-weight: normal;}
.poM_BonusP2_in02{ width:73%; text-align:left;}
.poM_BonusP2_in02 h5{ margin:0 10px;}
.poM_BonusP2_in02 b{ margin-left:10px; color:#ec3a3a;}
.poM_BonusP2_content1,.poM_BonusP2_content2{ display:none; width:100%;}
.poM_OrderP2_in02>select{color: var(--pic-color-grey-100); height:40px; box-sizing: border-box; line-height: 30px; border: 1px solid var(--pic-color-grey-10); -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 0 22px 0 10px; font-size: 15px; appearance: none; background-color: transparent; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;}
.poM_OrderP2_title{ width:100%;  height:38px; background-color:#f3f3f3;}
.poM_OrderP2_title h5{ font-size: 15px; line-height:40px; margin-left:20px;}
.poM_OrderP2_in01,.poM_OrderP2_in02{ height:40px; font-size: 15px; line-height:22px;}
.poM_OrderP2_in01{ width:33%; background-color:#fafafa; text-align:right;}
.poM_OrderP2_in01 h5{ margin-right:10px;}
.poM_OrderP2_in02{ width:67%; text-align:left; padding: 0 10px;}
.poM_OrderP2_in02 h5{width: 100%; height: 100%;}
.poM_OrderP2_in02>select{padding: 0 20px 0 5px;}
.poM_OrderP2_in02>textarea{width: 80%;margin-top: 8px;resize:none;}
.poM_OrderP2_in02 h5{ height:auto; font-size: 15px; line-height:25px; font-weight: 400;}
.poM_OrderP2_add,.poM_OrderP2_pname{ width:73%; text-align:left;}
.poM_OrderP2_add h5,.poM_OrderP2_pname h5{ height:auto; font-size: 15px; line-height:25px;}
.poM_OrderP2_btn ul{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.poM_OrderP2_btn ul li{ -webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; padding: 2px;}
.it4250_box{width:100px !important;display: inline-block !important;}

/* 元件54 紅利登錄與查詢 */
/* 元件54_default */
/* 紅利共用 */
.it54_default{background-color: #fff;padding:8px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it54_default input[type="text"],.it54_default input[type="password"]{ background-color: #fff; transition:all .3s; border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; font-size: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:30px;color:#444;height:40px;}
.it54_default select{ transition:all .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:30px;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 22px 8px 10px; font-size: 15px; appearance: none; background-color: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;color:#444;height:40px;}
.it54_default input::placeholder,.it54_default select::placeholder { color: #bbb; opacity: 1; }
.it54_default input:-ms-input-placeholder,.it54_default select:-ms-input-placeholder { color: #bbb; }
.it54_default input::-ms-input-placeholder,.it54_default select::-ms-input-placeholder { color: #bbb; }
/* 紅利上方 */
.it54_default .it54_top_box{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 10px; align-items: center;}
.it54_default .it54_top_box .component_title{ -webkit-box-flex: 5; -moz-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5;}
.it54_default .it54_top_box .it54_content{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: right; text-align: right;}
.it54_default .it54_top_box .it54_content .jooshop_btn_color{display:inline-block}
.it54_default .it54_top_box .it54_content a{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;padding:8px 20px; color: #fff;}
/* 新增紅利點數 */
.it54_default .triangle-top{ top:-17px; right: 50%; transform: translateX(-50%);}
.it54_default .component_openarea.it54_add_box form #it54_authimg_img { margin-left: 5px; }
.it54_default .component_openarea.it54_add_box .it54_add_title { width: 100%; font-size: 14px; font-weight: 500; margin-bottom: 3px; line-height: 20px;}
.it54_default .component_openarea.it54_add_box .it54_add_title abbr { text-decoration: none; color: var(--pic-red);}
.it54_default .component_openarea.it54_add_box ul li .it54_add_text { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it54_default ul li:first-of-type .it54_add_text input[type="text"], .it54_default ul li:first-of-type .it54_add_text input[type="password"]{width: calc(100% - 20px);}
.it54_default .component_openarea.it54_add_box ul li .it54_add_text .it54_input_verification { height: 40px; line-height:40px;}
.it54_default .component_openarea.it54_add_box ul li .it54_add_text img,.it54_default .component_openarea.it54_add_box ul li .it54_add_text .reload_newmem{vertical-align:middle;}
.it54_default .component_openarea.it54_add_box ul li .it54_add_text .it54_d-flex .it54_input_number { width: 100%;}
.it54_default .component_openarea.it54_add_box ul li .it54_add_text .it54_dash { width: 15px; height: 20px; margin: 10px 8px; font-size: 15px; line-height: 1.33;color: #444;}
.it54_default .component_openarea.it54_add_box form>ul>li { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 15px; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.it54_default .component_openarea.it54_add_box form>ul>li ul { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; }
.it54_default .component_openarea.it54_add_box form>ul>li ul li { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; }
.it54_default .component_openarea.it54_add_box form>ul>li ul li span { padding: 0 5px; }
.it54_default .component_openarea.it54_add_box form .it54_authimg_img { margin-left: 5px; }
.it54_default .component_openarea.it54_add_box input:focus,.it54_default .component_openarea.it54_add_box select:focus { outline: none; border-color: #ff3342; box-shadow: 0px 0px 0px 4px rgba(255,51,66,.05); }
/* 頁籤 */
.it54_default .it54_tabbox > ul{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow-x: auto;}
.it54_default .it54_tabbox > ul > li{border-bottom: solid 1px #ddd;-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it54_default .it54_tabbox > ul > li a{display: block; text-align: center; font-size: 18px; color: #444; line-height: 50px; text-decoration: none;white-space:nowrap;}
.it54_default .it54_tabbox > ul > li.active{border-bottom: solid 2px #ff3342;}
.it54_default .it54_tabbox > ul > li.active a{ font-weight: 500; color: #ff3342;}
/* 優惠券頁籤內容(mob) */
.it54_default .it54_tabinner{padding: 10px 0 20px;}
.it54_default .it54_tabinner .component_add{float: none; width: 100%; margin: 8px auto;}
.it54_default .it54_tabinner .component_remark{display:block;font-size: 13px;margin:0 0 8px 8px;text-align: right;}
.it54_default .it54_tabinner .component_subtitle{color:#aaa; font-size:13px; letter-spacing: .3px; vertical-align: baseline; line-height:16px; position:relative; text-decoration:none; display: inline-block;}
.it54_default .it54_tabinner .component_subtitle:after{content:''; position:absolute; right:0; bottom:-1px; width:calc(100% - 17px); height:1px; background-color:#bbb;}
.it54_default .it54_tabinner .component_subtitle .component_question{display: inline-block; width: 15px; height: 15px; background-color: #bbb; color: #FFF; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 12px; line-height: 16px; text-align: center; margin-right: 2px;vertical-align: baseline;}
/* 可以使用的紅利&七日內將逾期的紅利 */
.it54_default .it54_totalbox{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative;}
.it54_default .it54_totalbox .it54_total_item { padding: 10px 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:74px; border-radius: 30px; border: solid 1px #eee; background: #fff; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it54_default .it54_totalbox .it54_total_item:first-of-type{margin-right:5px;}
.it54_default .it54_totalbox .it54_total_item:last-of-type{margin-left:5px;}
.it54_default .it54_totalbox .it54_total_item .it54_total_text { font-size: 15px; font-weight: 400; text-align: center; line-height: 24px; margin:0;}
.it54_default .it54_totalbox .it54_total_amount { font-size: 30px; font-weight: 500; text-align: center; color: var(--pic-red); line-height: 32px; margin:0; height: 30px;}
.it54_default .it54_totalbox .it54_total_amount .it54_points_icon{ border:1px solid #555; width: 25px; height: 25px; display: inline-block; font-size: 18px; line-height: 23px; text-align: center; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #555; font-weight: 600; margin-right: 5px; position: relative; top: -4px;}
.it54_default .it54_totalbox .it54_total_amount .it54_bonus_icon{ border:1px solid #ffa800; width: 25px; height: 25px; display: inline-block; font-size: 18px; line-height: 23px; text-align: center; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; font-weight: 600; margin-right: 5px; background-color: #ffa800; position: relative; top: -4px;}
.it54_default .it54_nav_content_bonus .it54_img_inner span{ color: #ffa800;}
.it54_default .it54_totalbox .it54_total_amount .it54_amount_unit { width: 18px; height: 25px; margin: 0 0 0 8px; font-size: 12px; font-weight:400; text-align: right; vertical-align: baseline;}
/* 紅利點數狀態頁籤 */
.it54_default .it54_nav { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; padding: 2px 0 10px;}
.it54_default .it54_nav .it54_nav_item{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;background-color: #f4f4f4;}
.it54_default .it54_nav .it54_nav_item > a { transition: background-color .3s; width:100%; height: 50px; line-height:40px;display: inline-block;padding: 5px 0;font-size:15px;text-align: center;position:relative;color:#444;text-decoration: none;background-color:transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it54_default .it54_nav .it54_nav_item > a.active{ color: #ff3342; text-align: center; font-size: 15px;}
.it54_default .it54_nav .it54_nav_item > a:hover, .it54_default .it54_nav .it54_nav_item > a:focus { text-decoration: none;}
.it54_default .it54_nav .it54_nav_item > a.disabled { color: #6c757d; pointer-events: none; cursor: default; }
.it54_default .it54_nav .it54_nav_item > a span.it54_status_amount{color:#999; font-size:13px; margin-left:3px;vertical-align: top;}
.it54_default .it54_nav .it54_nav_item > a.active span.it54_status_amount{color:#ff3342;}
.it54_default .it54_tabinner .it54_selectbox{ padding:7px 8px 10px; display: block;}
.it54_default #tab_points.it54_tabinner .it54_selectbox{padding-top: 0;}
.it54_default .it54_tabinner .it54_selectbox select{ width: 100%; line-height: 22px;}
.it54_default .it54_selectbox{text-decoration: none;}
.it54_default .it54_selectbox .it54_btn-select{ width: calc(100% - 16px); margin: 0 auto; display: block; line-height: 22px;}
/* 顯示單狀態列表 */
.it54_nav_content .collapse:not(.show) {display: none;}
.it54_nav_content>.it54_tab-pane {display: none;}
.it54_nav_content>.active {display: block;}
.it54_nav_content { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}

/* 紅利點數 */
.it54_default .it54_item{ -webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; padding-bottom: 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
.it54_default .it54_item:nth-of-type(odd){ padding-right: 5px;}
.it54_default .it54_item:nth-of-type(even){ padding-left: 5px;}
.it54_default .it54_item .it54_item_inner{ background-color: #fff; border-style: solid; border-color: #ddd; border-width: 1px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative;}
/* 左側樣式 */
.it54_default .it54_img{ width: 100px; height: 140px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align: center;}
.it54_default .it54_img .it54_points_icon{ border:2px solid #828282; width: 60px; height: 60px; font-size: 40px; line-height: 60px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #555; margin: 0 auto; font-weight: 600;}
.it54_default .it54_img .it54_bonus_icon{ border:2px solid #ffa800; width: 60px; height: 60px; font-size: 40px; line-height: 60px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #fff; margin: 0 auto; font-weight: 600; background-color: #ffa800;}
.it54_default .it54_img span{ font-size: 20px; font-weight: 500; line-height: 36px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
/* 紅利點數狀態 */
.new_member_status_tag{ display: inline-block; padding: 3px 7px; color: #fff; font-size: 13px; line-height: 16px; margin-bottom: 3px;}
/* 可使用 */
.new_member_status_tag.new_member_status_tag_usable { color: #fff; background-color: #ff3342;}
/* 即將使用 */
.new_member_status_tag.new_member_status_tag_comingsoon {  background: #fff; color: #444; border: 1px solid #444; }
/* 已使用 */
.new_member_status_tag.new_member_status_tag_usad { background: rgb(177, 177, 177); color: #fff; border: 0px solid #444;}
/* 已過期 */
.new_member_status_tag.new_member_status_tag_expired { background: rgb(200, 200, 200);}
/* 右側紅利點數內容 */
.it54_info { width: calc(100% - 100px); height: 100%; padding: 4px 6px 0; position: relative;}
/* 活動名稱 */
.it54_default .it54_title { height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 21px; margin-bottom: 3px; font-weight: 500; }
/* 活動日期 */
.it54_default .it54_date {font-size: 12px; color:#999; line-height: 16px; word-wrap: none;}
.it54_default .it54_date span{display: inline-block;}
.it54_default .it54_rest {position: absolute; left: 6px; bottom: 6px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it54_default .it54_rest span{font-size: 22px; font-weight: 500; text-align: center; color: #ff3342; line-height: 22px; padding: 0 5px;}
.it54_default .it54_morebtn{ position: absolute; right: 8px; bottom: 6px; width: 120px; height: 26px; background-color: #eee; background-image: url(images/newmem_arrow_toggle.svg); background-size: 20px; background-repeat: no-repeat; color: #999; font-size: 12px; line-height: 26px; text-indent: -15px; background-position: 95px -23px; text-align: center; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;}
.it54_default .it54_morebtn.collapsed{ background-position-y: -94px;}
.it54_default .it54_morebtn:hover{ background-color: #e7e7e7;}
/* 紅利點數詳細 */
.it54_default .it54_morebox{ background-color: #f5f5f5; border-style: solid; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-color: #ddd; color: #444; font-size: 14px; line-height: 24px; height: 100%; display: none; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}
.it54_default .it54_morebox.collapse.show { display: block; }
.it54_morebox .it54_detail_item{ padding: 6px 8px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it54_morebox .it54_detail_item:not(:last-of-type){ border-bottom: 1px solid #e8e8e8;}
.it54_morebox .it54_detail_item .it54_date { width: 105px; vertical-align: middle; font-size: 12px; line-height: 20px; color: #aaa;}
.it54_morebox .it54_detail_item .it54_new_price { width: calc(100% - 155px); height: 20px; font-size: 14px; line-height: 20px; color: #444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it54_morebox .it54_detail_item .it54_price_sale { width: 50px; height: 20px; font-size: 13px; line-height: 20px; text-align:right; color: #ff3342;}
.it54_morebox .it54_detail_item .it54_add_price { width: 50px; height: 20px; font-size: 13px; line-height: 20px; text-align: right; color: #444;}
.it54_morebox .it54_detail_item .it54_add_price .it54_add_price_text{color: #aaa; padding-right: 15px; font-size: 13px;}
.it54_morebox .it54_detail_total{ padding: 6px 8px; text-align: right; color: #999;}
.it54_morebox .it54_detail_total span{ line-height: 20px; color: #444; padding-left: 10px;}
.it54_default .it54_item.it54_used .it54_img,
.it54_default .it54_item.it54_used .it54_info {opacity: 70%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: rgb(218, 218, 218);}
.it54_used_cover { position: absolute; top:50%; left: 50%; transform:translate(-50%,-50%); z-index: 1; width: 110px; height: 110px; opacity: 100%; background-size: 100%; object-fit: contain; background-image: url(images/new_member_stamp.svg);}
/* 已過期 */
.it54_default .it54_item.it54_expired .it54_expired_cover{width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); position: absolute; z-index: 1;pointer-events: none;}
.it54_default .it54_item.it54_expired .it54_img .it54_points_icon{color: #bbb; border-color: #ddd;}
.it54_default .it54_item.it54_expired .it54_img span{color: #ccc;}
.it54_default .it54_item.it54_expired .it54_item_inner:after{ background: radial-gradient(circle at 0 5px, transparent 0,transparent 4px,#fff 0,#fff 5px,#fff 0);}
.it54_default .it54_item.it54_expired .it54_title{ color:#999;}
.it54_default .it54_item.it54_expired .it54_date{ color:#bbb;}
.it54_default .it54_item.it54_expired .it54_rest,
.it54_default .it54_item.it54_expired .it54_rest span{ color: #999;}
.it54_default .it54_top_box{ padding-left: 8px; margin-bottom: 0;}
/* 折價卷序號登錄區塊 */
.it54_default .it54_add_box { padding:8px; border: solid 1px #eee; background-color: #f5f5f5; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it54_default .it54_add_box .it54_add_title { width: 100%; font-size: 15px; font-weight: 500; margin-bottom: 3px; line-height: 20px;}
.it54_default .it54_add_box .it54_add_title abbr{text-decoration: none; color: #ff3342;}
.it54_default .it54_add_box ul li{margin-bottom:15px;}
.it54_default .it54_add_box ul li:last-of-type{margin-bottom:0;}
.it54_default .it54_add_box ul li .it54_add_text { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it54_default .it54_add_box ul li .it54_add_text .item_54_input_verification { width: 155px; height: 40px; line-height: 40px;}
.it54_default .it54_add_box ul li .it54_add_text .item_54_d-flex .item_54_input_number { width: 100%;}
.it54_default .it54_add_box ul li .it54_add_text .item_54_dash { width: 15px; height: 20px; margin: 10px 8px; font-size: 15px; line-height: 1.33;color: #444;}
@media screen and (max-width: 1200px) {
	.triangle-top{ top:-17px; right: 50%; transform: translateX(-50%);}
	.it54_default .it54_add_box{width: calc(100% - 16px); margin: 0 auto;}
		.member_titlebox{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
		.member_title_sort{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
	.it54_default{padding: 8px 0;-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
	.it54_default .member_titlebox{padding: 0 8px;}
	.it54_default .it54_totalbox:after{content: ''; position: absolute; top:8px; left:50%; transform: translateX(-50%); width: 1px; height: 55px; background-color: #eee;}
	.it54_default .it54_totalbox .it54_total_item{-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; border-color:#ddd;}
	.it54_default .it54_totalbox .it54_total_item:first-of-type{margin-right:0;}
	.it54_default .it54_totalbox .it54_total_item:last-of-type{margin-left: 0;}
	.it54_default .it54_totalbox .it54_total_item .it54_total_text{font-size: 12px;}
	.it54_default .it54_tabinner .component_add{width: calc(100% - 16px);}
	.it54_default .it54_tabinner .component_remark{text-align: left; margin-bottom: 0;}
	.it54_default .it54_tabinner{padding: 0 0 12px;}
	.it54_default .it54_tabbox > ul > li a{ font-size: 16px; line-height: 42px; padding: 2px 10px 0;}
}
@media screen and (max-width: 992px) {
    .it54_default .it54_nav_content{ padding: 0 8px;}
    .it54_default .it54_item {
        -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 0 0 10px 0 !important;
    }
    .it54_default .it54_item.it54_comingsoon:after{width: 100%; left: 0 !important;}
}
@media screen and (max-width: 568px) {
    .it54_default .it54_info{width: calc(100% - 100px); padding: 2px 6px 30px 6px;}
    .it54_default .it54_img span{font-size: 22px;line-height: 30px;}
    .it54_default .it54_title{ font-size: 13px;line-height: 18px; height: 36px;}
    .it54_default .it54_date span{display: block;}
}
@media screen and (max-width: 359px) {
    .it54_default .it54_date { transform: scale(0.75); width: 120%; position: relative; left: -33px;}
}
@media screen and (max-width: 320px) {
    .it54_default .it54_date { left: -28px;}
}


/* 元件56 FAQ元件 */
/* it56_default */
.lockFaq_Qbgimg{ font-size:18px; line-height:30px; color:#888!important;}
.lockFaq_Qbgimg .lockFaq_word01{ display:block; width:40px; height:40px; text-align:center; background:#888; border-radius:99em; color:#fff; font-size:18px; line-height:40px; margin-bottom:10px;}
.lockFaq_padding02 a{ font-size:15px!important; line-height:25px!important; color:#333!important;}
.lockFaq_padding02 a:hover{ font-size:15px!important; line-height:25px!important; color:#555!important;}
.lockFaq_qtitle01{ font-size:15px; line-height:24px; color:#333;}
.lockFaq_Qstyle01{ font-size:18px; line-height:40px; background:#888; padding:0 10px; border:1px solid #888;}
.lockFaq_Qstyle02{ color:#fff;}
.lockFaq_Qstyle03{ font-size:15px; line-height:25px; color:#333; background:#fff; border-bottom-right-radius:5px; border-top-right-radius:5px; padding:0 10px; border:1px solid #888;}
.lockFaq_padding01{ width:40px; color:#555!important; font-size:18px; line-height:40px; padding:0 10px;}
.lockFaq_padding02{ font-size:18px; line-height:40px; color:#333; padding:8px;}
.lockFaq_padding02 .C_title{ font-size:18px; line-height:40px; color:#333;}
.lockFaq_padding02 .C_article{ font-size:15px; line-height:30px; color:#333;}

/* 元件64 Mail表單元件 */
/* it64_default */
.it64_box{padding:0 15px;max-width: 600px;margin: 0 auto;font-size: 15px;line-height: 30px;color: #333;}
.it64_box ul{margin-bottom:10px;}
.it64_box input[type="email"], .it64_box input[type="text"], .it64_box input[type="password"], .it64_box textarea{width: 100%; border: solid 1px #e6e7e8; padding: 0 15px; height: 40px; display: inline-block; color: #333;font-size: 15px;}
.it64_box textarea{height:113px; padding: 15px;}
.it64_box .it64_confirm_btn{text-align: center;margin: 10px 0 20px 0;}
.it64_box .it64_confirm_btn input{cursor: pointer;width:120px; height:50px; font-size:16px; color: #fff!important;}
.it64_confirm_num{width:100px!important;}
@media screen and (max-width: 390px) { 
	.reload_code a{ display:block;}
}

/* 元件74 商店街百貨商品分類搜尋 */
/* it74_default */
.new_ProductSearchTOP{ width:100%; margin:0 auto;}
.new_ProductSearchTOP .new_ProductSearchTOP_total{ width:100%; height:40px; margin:0 auto; padding:5px 15px; background:#fff;line-height: 30px; margin-bottom: 5px;}
.new_ProductSearchTOP .new_ProductSearchTOP_total span{color:#e94741;padding:0 5px;}
.new_ProductSearchTOP .pro_Listfiter,.new_ProductSearchTOP .new_ProductSearch_show{padding:5px 15px;}
.new_ProductSearchTOP select,.new_ProductSearch_show02 select{width:82%;vertical-align: 0;}

/* 元件77 網站行銷活動 */
/* it77_default */
.lock_sell-imgBox{ width:100%; margin-bottom:20px;}
.lock_sell-imgBox img{ width:100%; height:auto;}
h3.normal_saleitem_title{ display:block; width:100%; padding:0 10px; font-size:24px; line-height:30px; color:#333;}
.lock_sellBox ul li{ float:left; width:25%;}
.lock_sellBox ul li div.thumb{ width:150px; margin:0 auto; margin-bottom:30px;}
.lock_sellBox ul li div.thumb .imgbox{ position: relative;}
.lock_sellBox ul li div.thumb table{width: 100%;}
.lock_sellBox ul li div.thumb table tr{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.lock_sellBox ul li div.thumb table tr td{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 2px;}
.lock_sellBox .it68_label{margin-left:0 ;}
.lock_sellBox .it68_checkouterbox{display:block;width: 100%; height: 50px; display: block; line-height: 50px; font-size: 15px; text-decoration: none;cursor:pointer;position:relative;color:#fff;}
.lock_sellBox .it68_checkouterbox:hover{text-decoration:none; font-size: 15px;}
.lock_sellBox .it68_checkouterbox input{height:20px;width:20px;margin: 0 10px 0 0;outline: none;-webkit-appearance: none;position: relative; top: 4px;}
.lock_sellBox .it68_checkouterbox:after {content: ""; position: absolute; display: none; }
.lock_sellBox .thumb.active .it68_checkouterbox:after{display:block;left: 34px; top: 17px; width: 7px; height: 12px; border: solid #333; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.lock_sellBox .it68_checkouterbox span{vertical-align: top;}
.lock_sellBox .thumb.active .jooshop_btn_color a{background-color:#999;}
.imgbox a{ display:block; width:150px; height:150px; overflow:hidden; margin:0 auto;}
.imgbox a img{ width:100%; height:auto;}
.ui_pname > a:link,.ui_pname > a:hover{ display:block; width:100%; height:48px; font-size:14px; line-height:22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lock_sellBox > ul > li .thumb .ui_pprice_e{ color:#ed2d4c; font-size:25px; line-height:30px; margin-bottom:10px;}
.lock_sellBox > ul > li .thumb .ui_pprice_e span{ font-size:18px; margin-right:5px;}
.AY_FormTxt01{ display:block; width:100%; height:40px; color:#333; font-size:14px; line-height:40px;}
.AY_FormTxt02{ display:block; width:100%; height:40px; color:#333; font-size:14px; line-height:40px;}
.selectionBox select{transition:all .3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:40px; height:40px; border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 22px 0 10px; font-size: 15px; appearance: none; background-color: #fff;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center; color:#444;height:40px;}
.selectionBox select::placeholder { color: #bbb; opacity: 1; }
.selectionBox select:-ms-input-placeholder { color: #bbb; }
.selectionBox select::-ms-input-placeholder { color: #bbb; }
.addon-highlight{ border:0;}
.addon-highlight .title{ padding:10px 20px; font-size:16px; color:#0c3e84; background-color:#f6f6f6; border-top:1px solid #ccc;}
.addon-highlight > ul, .itemList > ul > li{ list-style:none; margin:0; padding:0;}
.addon-highlight > ul{ width:100%;}
.addon-highlight > ul > li{ padding:20px; border-top:1px solid #ccc; background:#FFF;}
.addon-highlight .thumb{ float:left; width:30%; height:120px;}
.addon-highlight .thumb a { display: block; max-height: 120px; max-width: 120px;}
.addon-highlight .thumb img { display: block; height: auto; width: 100%;}
.addon-highlight .detail{ float:left; width:70%;}
.addon-highlight .detail span.highLight{ font-size:25px; line-height:30px; color:#ed2d4c;}
.addon-highlight .detail table{ width:100%;}
.addon-highlight .detail table td:first-child{ width:55px;}
.addon-highlight .detail table td{ padding:5px; vertical-align:middle;}
.addon-highlight .thumb2{ float:left; width:30%; height:120px;}
.addon-highlight .thumb2 a { display: block; max-height: 120px; max-width: 120px;}
.addon-highlight .thumb2 img { display: block; height: auto; width: 100%;}
.addon-highlight .detail2{ float:left; width:70%;}
.addon-highlight .detail2 span.highLight{ font-size:25px; line-height:30px; color:#ed2d4c;}
.addon-highlight .detail2 table{ width:100%;}
.addon-highlight .detail2 table td:first-child{ width:55px;}
.addon-highlight .detail2 table td{ padding:5px; vertical-align:middle;}
.alladdbox{ background:#ebebeb none repeat scroll 0 0; padding:10px;}
.AY_C_article{ color:#333; font-size:15px; line-height:50px;}
.AY_C_article .prod_price{ color:#ed2d4c; font-size:25px; line-height:42px;}
.alladdbox .addbtn{ float:right; display:block; width:150px; height:50px; font-size:15px; line-height:50px; color:#FFF; border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#eb3838; cursor:pointer;}
.AY_SaleproductBox_Info{ width:100%; font-size:15px; line-height:42px; color:#333; background:#ebebeb; padding:15px; position:relative;}
.AY_SaleproductBox_Info span{ font-size:25px; line-height:42px; color:#ed2d4c; margin:0 5px;}
.AY_btn_saleStatus_ok,.AY_btn_saleStatus{ width:150px; height:40px; position:absolute; right:15px; top:15px;}
.AY_btn_saleStatus_ok a:link,.AY_btn_saleStatus a:link{ display:block; width:150px; height:40px; text-align:center; font-size:18px; line-height:40px; color:#FFF; background-image:none; text-indent:0;}
.AY_btn_saleStatus_ok a:link,.AY_btn_saleStatus_ok a:hover{ border:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.AY_btn_saleStatus a:link{ -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#666;}
/*網頁行銷活動商品lightbox*/
.none_style{ display: none;}
.it77_PDetail_Top{ width:100%; margin-top:40px; padding:0 10px;}
.it77_PDetail_L{ width:100%;}
.it77_PDetail_Imgbox, .it77_PDetail_Imgbox img{ width:100%; height:auto;}
.it77_PDetail_R{ width:100%; margin-top:10px;}
.it77_PDetail_R h5.it77_setP_number{ font-size:13px; line-height:24px; color:#666;}
.it77_PDetail_R h2.it77_setP_name{ font-size:20px; color:#222; font-weight:bold; margin-bottom:10px; margin-top:5px;}
.it77_PDetail_R .it77_setP_price{ width:100%; padding:5px 0;}
.it77_PDetail_R .it77_setP_price .span_sticker_price{ text-decoration:line-through;}
.it77_PDetail_R .it77_setP_price ul li{ font-size:15px; color:#666; margin-bottom:10px;}
.it77_PDetail_R .it77_setP_price ul li span.it77__price{font-size:18px;color:#ea5b59;font-weight:bold; }
.it77_PDetail_R .it77_setP_price ul li:last-child span{ font-size:18px; font-weight:bold; color:#ea5b59;}
.it77_set_PDetail_Bottom{ position:relative; width:100%; height:auto; margin-bottom:15px;}
.it77_set_PDetail_Bottom .it77_product_detailA{ width:100%;}
.it77_product_detailA ul.tabs li{ width:100%; height:40px; text-align:center; overflow:hidden; margin-right:3px;border-bottom:1px solid #dfdfdf;border-top:2px solid #eaeaea; margin-bottom:3px;}
.it77_product_detailA ul.tabs li:hover{border-top:2px solid #666;}
.it77_product_detailA ul.tabs li a{ display:block; width:100%; color:#333; font-size:15px;line-height:40px; text-decoration:none;background:#eaeaea;}
.it77_product_detailA ul.tabs li a:hover{ background:#eaeaea;}
.it77_set_PDetail_Bottom .it77_product_detailB{width:100%; height:auto; padding:10px;}
.it77_set_PDetail_Bottom .it77_product_detailB h2{font-size:18px; line-height:20px; color:#333; border-left:3px solid #000; padding-left:5px; font-weight:bold;}
.it77_set_PDetail_Bottom .it77_product_detailB .it77_content{ padding:15px 0 30px 0;}
.it77_set_PDetail_Bottom .it77_product_detailB img{ max-width:100% !important; height:auto !important;}
.it77_set_PDetail_Bottom .it77_product_detailB iframe{max-width:100% !important;}
.it77_set_PDetail_Bottom .it77_product_detailB ul{list-style-type:disc;padding-left:20px;}
.it77_set_PDetail_Bottom .it77_product_detailB ol{list-style-type:decimal;padding-left:20px;}
.it77_set_PDetail_Bottom .it77_product_detailB table{max-width:100% !important;}
@media screen and (max-width: 750px) { 
	.lock_sellBox ul li{ width:33.3%;}
}
@media screen and (max-width: 710px) { 
	.imgbox a{width:100%; height:auto;}
}
@media screen and (max-width: 500px) { 
	.addon-highlight .thumb{ width:40%;}
	.addon-highlight .detail{ width:60%;}
}
@media screen and (max-width: 550px) { 
	.lock_sellBox ul li{ width:50%;}
}
@media screen and (max-width: 320px) { 
	.lock_sellBox ul li{ width:100%;}
}

/* 元件91 輪播廣告 */
/* it91_default */
.Index_ADbannerBox{ width:100%; height:auto; margin-bottom:15px;}
.Index_ADbannerBox .Index_ADbanner{ width:100%; height:auto; margin:0 auto; position:relative;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider{ height:auto; overflow:hidden;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .slides{ position:relative; z-index:1;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .slides li a{display:block;max-width:100%; width:100%; height:auto;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .slides li img{ width:100%; height:auto; vertical-align: top;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-control-nav {text-align:center;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-control-nav li{ display:inline-block; width:12px; height:12px; margin:0 2px; *display:inline; zoom:1;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-control-nav a{ display:inline-block; width:12px; height:12px; overflow:hidden; background:#fff; border-radius:100%; cursor:pointer; background: #fff; border: 1px solid #e5e5e5; text-indent: -9999px;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-control-nav .flex-active{ background:#8b8b8b; border: 1px solid #8b8b8b;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-direction-nav{ position:absolute; z-index:3; width:100%; top:50%; margin-top:-15px;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-direction-nav li a{ display:block; width:30px; height:30px; overflow:hidden; cursor:pointer; position:absolute;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-direction-nav li a.flex-prev{ left:20px; background:url(icon_arrow.svg) left center no-repeat; background-size: 60px auto;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-direction-nav li a.flex-next{ right:20px; background:url(icon_arrow.svg) right center no-repeat; background-size: 60px auto;}

/* 會員中心-詢問紀錄 */
.status_result{ margin-bottom:30px;}
.status_result .head{ width:100%; height:33px; padding-top:3px; font-size:16px; color:#002a65; text-align:center; background-color:#f6f6f6; font-size:15px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; }
.status_result table.status_result_info	{ width:100%; margin:0 auto; }
.status_result table.status_result_info td	{ text-align:left; vertical-align:top; padding:15px 3%; border-bottom:1px solid #eaeaea; }
.status_result table.qa_record	{ width:100%; }
.status_result table.qa_record td	{ vertical-align:top; padding:5px; text-align:left; border-bottom:1px solid #eaeaea; }
.status_result table.qa_record td table	{ width:100%; }
.status_result table.qa_record td table td:first-child	{ width:50px; }
.status_result table.qa_record td td	{ border:none; }

/* 元件110 訂單紀錄 */
/* it110_default */
.h3-return { background: url(images/h3-return.png) 0 0 no-repeat; }
.it110_img_i{ display: inline-block; width: 98px; height: 24px; text-indent: -9999px; background: url(images/img_cs_service.png) left top no-repeat; text-align: left;}
.it45_icon_gift,.it45_icon_gift2{ display:inline-block; width: auto; font-size: 13px; color: #fff; line-height: 25px; padding: 0 5px; margin:0 5px; background-color: #ed2d4c;}
.AY_SB_mainproduct_R2_n .it45_icon_gift,.AY_SB_mainproduct_R2_n .it45_icon_gift2,.AY_SB_mainproduct_R2 .it45_icon_gift,.AY_SB_mainproduct_R2 .it45_icon_gift2{float: left; margin-top: 12px;}
.ygg_MemberBtn02 > input, .ygg_MemberBtn02 > a, .ygg_MemberBtn02 > a:link, .ygg_MemberBtn02 > a:visited, .ygg_MemberBtn02 > a:hover, .ygg_MemberBtn02 > a:active{font-size:15px; border-radius: 5px;}
.member_norespond{width: 100%;height: 80px;font-size: 18px; line-height:80px; letter-spacing: 1px;text-align: center;}
.q-time, .a-time{padding:0; color:var(--pic-color-grey-30); font-size:13px;}
.it110_answer{ background-color: #fff; color:var(--secondary); margin-right: 5px; border-radius: 100%; width: 16px; height: 16px; display: inline-block; line-height: 16px; text-align: center; font-weight: bold;}
.it110_question{ background-color: #fff; color:var(--primary); margin-right: 5px; border-radius: 100%; width: 16px; height: 16px; display: inline-block; line-height: 16px; text-align: center; font-weight: bold;}
.it110_img_q{ width: 90px; display: block; background-color: var(--primary); color: #fff; border-radius: 5px; line-height: 30px; letter-spacing: 1px; font-size: 12px; padding: 0 6px;}
.it110_img_a{ width: 90px;display: block;  background-color: var(--primary); color: #fff; border-radius: 5px; line-height: 30px; letter-spacing: 1px; font-size: 12px; padding: 0 6px;}
.it110_img_a .it110_answer{ color: var(--primary);}
.it110_img_q2{ width: 90px; display: block; background-color: var(--secondary); color: #fff; border-radius: 5px; line-height: 30px; letter-spacing: 1px; font-size: 12px; padding: 0 6px;}
.it110_img_q2 .it110_question{ color: var(--secondary);}
.it110_img_a2{ width: 90px; display: block; background-color: var(--secondary); color: #fff; border-radius: 5px; line-height: 30px; letter-spacing: 1px; font-size: 12px; padding: 0 6px}
.it110_default_ja .it110_img_q, .it110_default_ja .it110_img_a, .it110_default_ja .it110_img_q2, .it110_default_ja .it110_img_a2{ width: 150px;}
.mR15 { margin-right: 15px !important; }
.btn_prev_blue { width: 150px; height: 45px; }
.btn_ask_question { width: 150px; height: 45px; }
.btn_prev_blue a,.btn_ask_question a { display: block; width: 100%; height: 100%;}
.btnArea{ width:100%; margin:0 auto; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.btnArea > div { width: 50%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.btnArea > div:first-of-type{padding-right: 10px;}
.btnArea > div:last-of-type{padding-left: 10px;}
.btnArea > div input{ width: 100%;border-radius: 5px;}
#inquiry_record .btnArea a{ display: block; text-align: center; font-size: 17px; line-height: 46px; padding: 0 16px; height: 48px;}
#inquiry_form .btnArea, #inquiry_record .btnArea { padding: 10px; }
@media screen and (max-width: 480px) {
	.it110_default.it110_default_ja .btnArea > div { flex:100%; width: 100%; padding: 0 !important;}
	.it110_default.it110_default_ja .btnArea > div:first-of-type{ order:2;}
	.it110_default.it110_default_ja .btnArea > div:last-of-type{ order:1; margin-bottom: 5px;}
}


/* 元件111 會員中心-取消訂單 */
/* it111_default */
.it111_pickuptext, .it111_pickuptitle{display:none;}
#cancel_order .infoTable .head{width: 100%; height: 50px; background: #fff; border-bottom: 1px solid #bbb; font-size: 15px; line-height:50px; color: var(--pic-color-grey-100); padding-left: 20px;}
.it111_box{ width:100%; border-top: 1px solid #d2d2d2;}
.it111_title{ color: #222; font-size: 15px; line-height: 25px; font-weight: bold; padding-left: 10px;}
.it111_coldark{ display:block; font-size: 13px;  padding-bottom: 10px; color:#555; font-weight: normal; border-bottom: 1px solid #d2d2d2;}
.it111_in{ padding:10px;background: #f2f2f2;}
.it111_in > h3{ font-size: 15px; line-height: 20px; margin-bottom: 5px;}
.it111_content{ font-size: 14px; line-height: 20px;}
.it111_content ul{ list-style-type: decimal; margin-left: 20px;}
.it111_content ul li { height: auto!important; font-size: 14px!important; line-height: 20px!important; float: none !important;}
.it111_checkbox{ padding:10px;background: #f2f2f2; border-bottom: 1px solid #d2d2d2;}
#cancel_order .btnArea{padding:10px;}
#cancel_order .poM_OrderP2_in01{ min-width:115px;}
#cancel_order .poM_OrderP2_in02{ min-width:calc(100% - 115px);}

/* 元件112 會員中心-退貨 */
/* it112_default */
.goods_returnBtnbox{ width:90%; margin:0 auto; margin-top:10px; text-align:center;}
.goods_returnBtnbox .poM_memberBtn02{ display:inline-block; margin:inherit !important; width:48% !important;}
#goods_return .successInfo{display: block; height: auto; background-color: #FFF; margin: 10px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; position: relative; border: 1px solid #d2d2d2;color:#333;}
#goods_return .successInfo .infoTable {border-top: 1px solid #d2d2d2;}
#goods_return .successInfo .infoTable:first-of-type {border-top: 0;}
#goods_return .successInfo .infoTable .head{width: 100%; height: 50px; background: #fff; border-bottom: 1px solid #bbb;font-size:15px; line-height:50px; color: #666; padding-left: 20px;}
#goods_return .successInfo .infoTable table{width:100%;}
#goods_return .successInfo .infoTable table tr{display:flex;}
#goods_return .successInfo .infoTable table tr td{ line-height: 40px;}
#goods_return .successInfo .infoTable table tr td:first-of-type{width: 33%; text-align: right; padding-right: 10px;}
#goods_return .successInfo .infoTable table tr td:last-of-type{width: 67%; text-align: left;}
#goods_return .successInfo .infoTable .bullNote{padding:10px;background: #f2f2f2;}
#goods_return .successInfo .goods_returnBtnbox{margin-bottom:10px;}
#goods_return_step2 .returned_goods,#goods_return_ok .returned_goods{display: block; height: auto; background-color: #FFF; margin: 10px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; position: relative; border: 1px solid #d2d2d2;color:#333;}
#goods_return_step2 .ygg_Mreturn_title,#goods_return_ok .ygg_Mreturn_title{border-top:0;font-size:15px; line-height:50px; color: #666;padding-top:0;padding-left:20px !important;border-bottom: 1px solid #bbb;}
#goods_return_step2 .h3-return{color: #fff;height: 34px; line-height: 34px; padding-left: 10px; margin-top: 10px;}
.userInfo_make_content{ padding:0 10px;}
.userInfo_make_content ul{list-style-type:disc; padding-left:20px;}
.userInfo_make_content ol{list-style-type: decimal; padding-left:20px;}
.userInfo_make_content img{ max-width: 100% !important; height:auto !important;}
.userInfo_make_content table{ max-width: 100% !important;}
.successInfo .infoTable	{ font-size:15px; padding:20px 10px;}
.successInfo .infoTable .head	{ background-color:#f6f6f6; color:#0082f0; padding:0; text-align:center; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; }
.successInfo .infoTable table	{ width:100%; background:#FFF;}
.successInfo .infoTable .table_v1 td		{ border-bottom:1px solid #eaeaea;padding:10px 10px 10px 50px; }
.successInfo .infoTable .table_v1 td:first-child		{ width:20%; padding:10px 10px 10px 50px; }
.successInfo .infoTable .table_v2 td		{ text-align:center; border-bottom:1px solid #eaeaea; padding:10px; }
.successInfo .infoTable .table_v2 td:first-child		{ text-align:left; padding:10px 10px 10px 50px; }
.successInfo .infoTable td.aliLeft	{ text-align:left; }
.number { font-size: 15px; color: var(--primary); font-weight: 500; }
.form_gloss { color: var(--primary); font-size: 15px; }
.notice { padding: 20px 5%; border-bottom: 1px solid #eaeaea; }
.poM_memberBtn02 { display: inline-block; width: 55%; margin: 0 auto 10px auto; background: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; }
.poM_memberBtn02 input, .poM_memberBtn02 input:hover{border: 0; width: 100%; cursor: pointer; text-indent: inherit;}
.userInfo table{width:100%;}
.userInfo td:first-child{ padding:0 10px; min-width:80px;width: 80px; white-space:nowrap;}
.userInfo td:last-child{ padding-right: 10px;}
.userInfo td{ padding:5px 0px; }
.poM_Content input, .poM_Content select,.poM_Content textarea{ width: 100%;}
.userInfo input[type="text"],.userInfo input[type="password"],.userInfo input[type="tel"], .poM_Content input{border: 1px solid var(--pic-color-grey-10);height: 40px;font-size:15px; line-height:30px;-moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;color: var(--pic-color-grey-100);padding: 0 22px 0 10px;}
.userInfo textarea, .poM_Content textarea{height: 80px;font-size:15px; line-height:30px;border: 1px solid var(--pic-color-grey-10);color: var(--pic-color-grey-100);padding: 0 22px 0 10px;-moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.userInfo select, .poM_Content select{ color: var(--pic-color-grey-100); height:40px; box-sizing: border-box; line-height: 30px; border: 1px solid var(--pic-color-grey-10); -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 0 22px 0 10px; font-size: 15px; appearance: none; background-color: transparent; background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;}
.extraBox{ width:auto; margin-bottom:0; margin:0;}
.extraBox .head{ background:none; height:50px; padding-top:6px;}
.extraBox + div { padding:10px;}
#goods_return_step2 .extraBox + div{padding: 0;}
.btnArea{ width:100%; margin:0 auto; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.btnArea > div { width: 50%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.btnArea > div:first-of-type{padding-right: 5px;}
.btnArea > div:last-of-type{padding-left: 5px;}
.btnArea > div input{ display: block; text-align: center; font-size: 17px; line-height: 48px; padding: 0 16px; cursor: pointer;}
#goods_return_step2 .btnArea > div { float: inherit; display: block;}
.returned_goods .btn_back_cart{width:100%;margin-right: 0 !important;}
.btn_back_cart a { display: block; height: auto; width: 100%;}
#inquiry_form .btnArea,#inquiry_record .btnArea{padding:10px;}
.col_bg { background-color: #fbfbfb; }
.SB_tableWstyle03 { font-size: 13px; color: var(--primary); }
.h3-return{ color: #fff; height: 34px; line-height: 34px; padding: 0 0 0 20px; margin: 20px 0 0 0;}
.list-return ul{ list-style-type: decimal; padding: 0 0 0 20px; line-height: 24px; margin-bottom: 20px; }
.poM_OrderP1 ul li{ width:100%; height:105px; border-top:#e4e4e4 1px solid; background-color:#fafafa; position:relative;}
.poM_OrderP1 ul li h4{ text-align:center; margin-top:35px;}/*沒有資料的文字置中0731新增*/
.poM_OrderP1 ul li h5{ font-size: 15px; line-height:30px; color:var(--pic-color-grey-100); margin-left:10px;}
.poM_OrderP1 ul li h6{ font-size: 13px; line-height:20px; color:var(--pic-color-grey-100); margin-left:10px;}
.poM_OrderP1_go a{ display:block; width:100%; height:83px; position:absolute; right:0; top:0;text-indent: -9999px;}
#cancel_order .jqtransform,#inquiry_form .jqtransform{ text-align:left !important;}
.pickup_methode_box_30,
.pickup_time_box_30{ margin-top: 5px;}
#cancel_order .poM_OrderP2_in02,#inquiry_form .poM_OrderP2_in02{ padding:10px;}
.AF_attest_number img {margin-right:5px;}
.AF_attest_number a,.reload_code a { display:inline-block; width:23px; height:23px; background:url(images/reload_newmem.svg) no-repeat center center; text-indent:-9999px; vertical-align:middle; margin-left:5px; transition: all .3s;}
.AF_attest_number a:hover,.reload_code a:hover{transform: rotate(180deg);}
.setP_stagingBoxIn.jooshop_addcar_box .addcar_box .addcar_top{font-size: 13px !important;}
.setP_stagingBoxIn.jooshop_addcar_box .addcar_box .it125_addcar_inner{max-height: 305px; overflow-y: scroll;}
.btn_prev	{ width:100%; height:48px; }
.btn_prev a,.btn_prev a:hover	{ display:block; width:100%; height:48px; margin:0 auto; text-decoration:none; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-align: center; font-size: 17px; line-height: 46px; padding: 0 16px;}
.returned_goods .btnArea .jooshop_btn_color a{line-height:45px;text-align: center;}
#goods_return .successInfo .infoTable table tr td{line-height: 22px; padding: 10px 0; }
#goods_return .successInfo .infoTable table tr td:first-of-type{background-color: #fafafa;}
#goods_return .successInfo .infoTable table tr td:last-of-type{padding-left: 10px;}
.it112_default .poM_memberBtn02 input{ display: block; text-align: center; font-size: 17px; line-height: 48px; padding: 0 16px; cursor: pointer;}
.it112_notice{ text-align: left; padding: 10px; background-color: #fff;}
.it112_notice > h3,
.it112_notice > p{ margin-bottom: 5px;}
.it112_notice > ul{ list-style-type:decimal; padding-left: 20px; margin-bottom: 10px;}
.it112_notice > ul > li > ul{ list-style-type:cjk-heavenly-stem; padding-left: 40px;}
@media screen and (max-width: 420px) {
	#goods_return .successInfo .infoTable table {font-size: 14px;}
}

/* 元件120 常見收件人 */
/* it120_default */
/* 常見收件人共用 */
.it120_default{color: #444;background-color: #fff;padding:8px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it120_default input[type="text"],.it120_default input[type="password"]{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border-width: 1px; border-style: solid; border-color: #ddd !important; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 10px; font-size: 15px;box-sizing: border-box; line-height:40px;color:#444;height:40px;}
.it120_default select{line-height: 22px; box-sizing: border-box; line-height:30px;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0 22px 0 10px; font-size: 15px; appearance: none; background-color: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;color:#444;height:40px;}
.it120_default input:focus,.it120_default select:focus { outline: none; border-color: #ff3342!important; box-shadow: 0px 0px 0px 4px rgba(255,51,66,.05);}
.it120_default input::placeholder,.it120_default select::placeholder { color: #bbb; opacity: 1; }
.it120_default input:-ms-input-placeholder,.it120_default select:-ms-input-placeholder { color: #bbb; }
.it120_default input::-ms-input-placeholder,.it120_default select::-ms-input-placeholder { color: #bbb; }
/* 常見收件人上方 */
.it120_default .it120_top_box{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;margin-bottom: 10px; align-items: center;}
.it120_default .it120_add_box{position: relative;padding:8px; margin-bottom: 15px; border: solid 1px #eee; background-color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative;}
.it120_default .it120_add_box form > ul > li{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 10px; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it120_default .it120_add_box form > ul > li:last-of-type{margin-bottom:0;}
.it120_default .it120_recipients_title{width:80px; color:#444; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 35px; letter-spacing: normal; margin-right: 10px;}
.it120_default .it120_recipients_title abbr{text-decoration: none; color: #ff3342;}
.it120_default .it120_add_box .it120_recipients_title { width: 100%; margin-right: 0; line-height: 20px;margin-bottom:3px;}
.it120_default .it120_add_box .jooshop_btn_color{text-align:center;}
.it120_default .it120_add_box .jooshop_btn_color a{display:inline-block;}
.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li > ul{width:100%;}
.it120_default .it120_add_box .it120_address_box > ul,.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li > ul{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.it120_default .it120_add_box .it120_address_box > ul { -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.it120_default .it120_add_box .it120_address_box > ul > li { width: 100%;}
.it120_default .it120_address_box > ul > li select{margin:0 5px 0 0;}
.it120_default .it120_address_box > ul > li select.it120_item_addbox01{width:525px;}
.it120_default .it120_address_box > ul > li select.it120_item_addbox02,.it120_default .it120_address_box > ul > li select.it120_item_addbox03{width:100px;}
.it120_default .it120_address_box > ul > li .it120_zip{width:calc(100% - 740px);margin:0;}
.it120_default .it120_add_box .it120_address_box > ul > li:last-of-type,.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li > ul > li:last-of-type{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
.it120_default .it120_add_box .new_member_btn_confirm{margin-top:15px;}
.it120_default select.telcellphoneform,.it120_default .it120_add_box select#telform{border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px;width:250px;}
.it120_default .it120_address_box .it120_zip{width:130px;}
.it120_default .it120_address_box .it120_address{width:100%; margin-top:5px;}
.it120_default .it120_bottom_box .it120_address_box .it120_address{flex:100%;}
.it120_default .it120_bottom_box .it120_recipients_info{padding: 10px;margin-bottom: 15px;border: solid 1px #eee; background-color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;position: relative;}
.it120_default .it120_bottom_box .it120_recipients_info:last-of-type{margin-bottom:0;}
.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li { display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 10px;}
.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_edit{position: absolute;top:10px;right:11px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_edit > div a {display: block; color:#fff; padding:0 12px; height: 40px; line-height: 40px; font-size: 15px;}
.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_edit > div a:hover{text-decoration:none;}
.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_edit .it120_recipients_remove_btn{margin-left: 5px;}
.it120_default .it120_bottom_box .it120_recipients_info :disabled{opacity: 1;background-image: none;}
.it120_default .it120_bottom_box .it120_recipients_info :disabled::placeholder { color: transparent; }
.it120_default li.it120_recipients_name_box input{width:calc(100% - 215px);margin:0;}
.it120_default .it120_add_box li.it120_recipients_name_box input{width:100%;}
.it120_default li.it120_recipients_tel_num_box input,.it120_default li.it120_recipients_mobile_num_box input{width: calc(100% - 340px);border-left: 0;border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px;margin:0;}
.it120_default .it120_add_box li.it120_recipients_tel_num_box input,.it120_default .it120_add_box li.it120_recipients_mobile_num_box input{width: calc(100% - 250px);}
.it120_default .it120_recipients_info :disabled{border-width:0;background-color: #fff;padding:0;width:auto;color:#444;border-color:transparent !important;}
.it120_default .it120_recipients_info select:disabled { -webkit-appearance: none; -moz-appearance: none; text-overflow: '';} 
.it120_default input#btn_submit{color:#fff;height:40px; line-height:40px; font-size: 15px;}
.it120_default form ul input, .it120_default form ul select{height: 40px; border-color:#ddd;}
.it120_default form ul input:disabled, .it120_default form ul select:disabled{height:auto !important;}
@media screen and (max-width: 1200px) {
	.it120_default .it120_top_box { -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .it120_default .it120_recipients_edit a{margin-left: 0;}
    .it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li{margin-bottom: 10px;}
    .it120_default .it120_add_box .it120_recipients_title{text-align: left;}
    .it120_default .it120_add_box .it120_address_box > ul{display: block;width:100%;}
    .it120_default .it120_add_box form > ul > li div,.it120_default .it120_add_box form > ul > li ul li:first-of-type{ flex:100%;}
    .it120_default .it120_add_box form > ul > li.it120_recipients_tel_num_box input{width: calc(100% - 152px);}
    .it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li,.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li > ul{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li .it120_recipients_title{text-align: left;}
	.it120_default .it120_bottom_box .it120_recipients_info form ul.it120_recipients_detail select, .it120_default .it120_bottom_box .it120_recipients_info form ul.it120_recipients_detail input{width:100% !important;margin:0;line-height: 22px;}
	.it120_default .it120_add_box form > ul > li.it120_address_box ul li select, .it120_default .it120_add_box .it120_address_box .it120_zip, .it120_default .it120_add_box .it120_address_box .it120_address, .it120_default .it120_recipients_tel_num_box input, .it120_default .it120_recipients_tel_num_box select, .it120_default .it120_recipients_mobile_num_box input, .it120_default .it120_recipients_mobile_num_box select, .it120_default li.it120_recipients_name_box input,.it120_default .it120_bottom_box .it120_recipients_info.it120_editing form ul.it120_recipients_detail select, .it120_default .it120_bottom_box .it120_recipients_info.it120_editing form ul.it120_recipients_detail input{width:100% !important;margin:0 0 5px 0;}
    .it120_default .it120_address_box select, .it120_default .it120_add_box .it120_address_box > ul > li > select, .it120_default li > select, .it120_default li > .address_zip { margin-right: 0; }
    .it120_recipients_edit a{text-align: center;margin-left: 0;}
    .it120_recipients_remove_btn a{margin-left:5px;}
    .it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_edit{position: relative;top: 0;right: 0;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
    .it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_edit > div{flex:0 50%;}
    .it120_default .it120_add_box .jooshop_btn_color input,.it120_default .it120_add_box .jooshop_btn_color a{width:100%;padding: 0 12px;}
	.it120_default .it120_address_box .it120_address{margin:0;}
	.it120_default li.it120_recipients_tel_num_box input, .it120_default li.it120_recipients_mobile_num_box input,.it120_default select.telcellphoneform,.it120_default .it120_add_box select#telform{-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-width:1px; border-style:solid; border-color:#ddd;}
}
@media screen and (max-width: 768px) {
    .it120_default .it120_top_box{display: block;}
    .it120_default .it120_top_box > div,.it120_default .it120_top_box .component_add{flex:100%;float:none;}
    .it120_default .it120_add_box .triangle-top{right:50%; transform: translateX(-50%);}
}

/* 元件125 追蹤清單 */
/* it125_default */
.it125_default{color: #444; background-color: #fff; padding: 8px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.it125_default .member_title_sort{margin-bottom:5px;}
.it125_default .it125_content{width:100%; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it125_default .it125_content .it125_item { width: 100%; padding:0 0 10px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; }
.it125_default .it125_content .it125_item .it125_iteminner{ position: relative;background-color: #fff; padding:8px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: solid 1px #ddd; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:100%;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_img{ height: auto; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin:0 auto;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_img a{ display: block;max-width:100%; width:100%; height:auto;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_img a img{ max-width:100%; width:100%; height:auto; vertical-align: top;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_info{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_name a{ overflow: hidden; display: block; font-size: 13px; font-weight: 500; line-height: 18px; height: 35px; text-decoration: none; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;; text-decoration: none; color:#444;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_caption{ font-size: 13px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; height: 20px; color: #aaa; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 2px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-top:5px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox .currency_unit_color{padding-right:3px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li{height:28px}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li.it125_sale_price { font-weight: 500; font-size:13px; color:var(--primary);}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li.it125_list_price { font-weight: 500; font-size:12px; padding-left: 14px; text-decoration:line-through; color:#bbb;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li.it125_list_price .currency_unit_color { text-decoration:line-through;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 5px; bottom: 8px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox > div{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox > div > a{ display: block; padding:0; font-size: 15px; color: #fff; line-height:40px; height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; width:40px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox > div > a i{font-size:26px; line-height:40px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox > .new_member_btn_invalid > a i{color:#444;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_confirm a,.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_invalid a{text-decoration:none; border: solid 0.8px #ddd;width: -webkit-max-content; width: -moz-max-content; width: max-content; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_invalid a{cursor:default;background-color: #f5f5f5;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_confirm a:hover,.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_invalid a:hover{background-color: #f5f5f5;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_confirm a i,.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_invalid a i{font-size:26px; color:#444;line-height:35px; width: 100%; height: 100%; display: block;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_invalid a i{ color: #ccc;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_cancel{ position: absolute; right:0;top:3px;width:28px;height:28px;text-align: center;-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_cancel a{display:block;text-decoration:none;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_cancel a:hover{text-decoration:none;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_btn_cancel a i{font-size:20px; color:#999;line-height:30px; width: 100%; height: 100%; display: block;}
/* 並排顯示 */
.it125_default .it125_content.it125_content_five{-ms-flex-pack: flex-start; -webkit-justify-content: flex-start;-webkit-box-pack: flex-start; -moz-box-pack: flex-start; justify-content: flex-start;;}
.it125_default .it125_content.it125_content_five .it125_item { -webkit-box-flex: 0 20%; -moz-box-flex: 0 20%; -webkit-flex: 0 20%; -ms-flex: 0 20%; flex: 0 20%; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 3px 5px;}
.it125_default .it125_content.it125_content_five .it125_item:nth-child(odd){ padding:0 3px 5px 0;}
.it125_default .it125_content.it125_content_five .it125_item:nth-child(even){ padding:0 0 5px 3px;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_btn_confirm,.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_btn_invalid{ position: absolute; bottom:8px; right: 8px;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_btn_confirm a,.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_btn_invalid a{position: relative;display: block;width: 35px; height: 35px; text-align: center;border: solid 0.8px #ddd;-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_btn_confirm a span,.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_btn_invalid a span{display:none;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_img{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; padding:0 20px;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_item_info{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; padding-left:0;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_item_pricebox{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_item_pricebox .it125_sale_price{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_item_pricebox .it125_list_price{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;padding-left:0;}
.it125_default .it125_content.it125_content_five .it125_item .it125_iteminner .it125_item_name{margin-top:5px;}
/* 條列顯示 */
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_img a{width:140px; height:140px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_confirm a,.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_invalid a{ width:100%; height:40px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;; padding:0 15px 0 10px;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_confirm a i,.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_invalid a i {line-height:40px; width:auto; height: 100%; display: inline-block;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_confirm a span.new_member_tooltip,.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_invalid a span.new_member_tooltip{ color:#444; font-size: 15px; line-height:36px; padding-left:3px;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_confirm a span.new_member_tooltip:before,.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_invalid a span.new_member_tooltip:before{content:none;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_btn_invalid a span.new_member_tooltip { color: #ccc; }
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_item_info{padding-left:10px;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_item_info .it125_item_name{width:calc(100% - 22px);}
/* 追蹤清單-九大行銷lightbox */
.it125_cart_morebox .fancybox-skin{padding:10px !important;}
.it125_cart_morebox .jooshop_addcar_box{width:100%;max-width:600px;background-color:#fff;border:0;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box{width:100%;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_top{width:100%;height:30px;background-color:#eee;text-align:center;color:#999;font-size:14px;line-height:30px;margin-bottom:5px;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_box_deta{width:100%; border-bottom:1px solid #ededed;height:46px;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;align-items: center;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_box_deta:last-of-type{border-bottom:0;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_box_deta p{font-size:15px;height:23px;line-height:23px;flex:1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_box_deta a{flex:1;max-width:122px;width:auto;height:38px;text-align:center;font-size:15px;text-decoration:none;color: #fff;margin-top:4px;line-height:38px;cursor: pointer;padding: 0 5px;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_box_deta a:hover{opacity: 1;}
.it125_cart_morebox .jooshop_addcar_box .tbs_seemore{margin-top:5px;}
.it125_cart_morebox .jooshop_addcar_box .tbs_seemore a{font-size:15px;line-height:38px;height:38px;color:#fff;display:block;width:100%;text-decoration:none;text-align: center;cursor: pointer;}
/* 顯示無資料 */
.it125_nodata{ width: 100%; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; padding:25px 0;}
.it125_nodata_box { width: 150px; height: 150px; background-color: #cfcdcd; display: flex; justify-content: center; align-items: center; background: url(images/newmem_no_data.svg) no-repeat top center;background-size: 150px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.it125_nodata p { padding-top:5px; font-size: 16px; color: #444; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; text-align: center; font-weight:500; letter-spacing:2px; line-height:20px;}
@media screen and (max-width:1200px) {
	.it125_default{-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
}
@media screen and (max-width: 1024px) {
	.it125_default .it125_content.it125_content_five .it125_item{-webkit-box-flex: 0 50%;-moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%;}
}
@media screen and (max-width:640px) {
	.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li{height:19px; -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;line-height: 18px;}
	.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li.it125_list_price{padding-left:0;}
}

/* 元件174 折價券登錄與查詢 */
/* 元件174_default */
/* 折價券共用 */
.it174_default{font-family:Microsoft JhengHei, Arial, Helvetica, sans-serif;color:#444;background-color: #fff;padding:8px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it174_default input[type="text"],.it174_default input[type="password"]{ transition:all .3s; border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; font-size: 15px;box-sizing: border-box; line-height:30px;color:#444;height:40px;}
.it174_default select{ transition:all .3s; box-sizing: border-box; line-height:30px;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 22px 8px 10px; font-size: 15px; appearance: none; background-color: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;color:#444;height:40px;}
.it174_default input::placeholder,.it174_default select::placeholder {color:#bbb;opacity: 1;}
.it174_default input:-ms-input-placeholder,.it174_default select:-ms-input-placeholder {color: #bbb;}
.it174_default input::-ms-input-placeholder,.it174_default select::-ms-input-placeholder {color: #bbb;}
/* 折價券上方-標題&說明&序號登錄 */
.it174_default .it174_top_box { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 10px; align-items: center;}
.it174_default .it174_top_box .component_title { -webkit-box-flex: 5; -moz-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; }
.triangle-top {right:88px;}
/* 新增折價券 */
.it174_default .component_openarea.it174_add_box .it174_add_title { width: 100%; font-size: 14px; font-weight: 500; margin-bottom: 3px; line-height: 20px;}
.it174_default .component_openarea.it174_add_box .it174_add_title abbr{text-decoration: none; color: #ff3342;}
.it174_default .component_openarea.it174_add_box ul li .it174_add_text { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it174_default .component_openarea.it174_add_box ul li .it174_add_text .it174_input_verification { height: 40px; line-height:40px;}
.it174_default .component_openarea.it174_add_box ul li .it174_add_text img, .it174_default .component_openarea.it174_add_box ul li .it174_add_text .reload_newmem { vertical-align: middle; }
.it174_default .component_openarea.it174_add_box ul li .it174_add_text .it174_d-flex .it174_input_number { width: 100%;}
.it174_default .component_openarea.it174_add_box ul li .it174_add_text .it174_dash { width: 15px; height: 20px; margin: 10px 8px; font-size: 15px; line-height: 1.33;color: #444;}
.it174_default .component_openarea.it174_add_box form>ul>li { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 15px; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.it174_default .component_openarea.it174_add_box form>ul>li ul { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; }
.it174_default .component_openarea.it174_add_box form>ul>li ul li { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; }
.it174_default .component_openarea.it174_add_box form>ul>li ul li span { padding: 0 5px; }
.it174_default .component_openarea.it174_add_box form .it174_authimg_img { margin-left: 5px; }
.it174_default .component_openarea.it174_add_box ul input:focus { outline: none; border-color: #ff3342; box-shadow: 0px 0px 0px 4px rgba(255,51,66,.05); }
/* 優惠券頁籤 */
.it174_default .it174_tabbox > ul{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; overflow-x: auto;}
.it174_default .it174_tabbox > ul > li{border-bottom: solid 1px #ddd;-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it174_default .it174_tabbox > ul > li a{display: block; text-align: center; font-size: 18px; color: #444; line-height: 50px; text-decoration: none;white-space:nowrap;}
.it174_default .it174_tabbox > ul > li.active{border-bottom: solid 2px #ff3342;}
.it174_default .it174_tabbox > ul > li.active a{ font-weight: 500; color: #ff3342;}
/* 優惠券頁籤內容(mob) */
.it174_default .it174_tabinner{padding: 10px 0 20px;}
.it174_default .it174_tabinner .component_add{float: none; width: calc(100% - 16px); margin: 8px auto;}
.it174_default .it174_tabinner .component_remark{display:inline-block;font-size: 13px;margin-left:8px;font-weight:normal;}
.it174_default .it174_tabinner .component_subtitle{color:#aaa;font-weight: normal; font-size:13px; letter-spacing: .3px; vertical-align: baseline;line-height:16px; position:relative;text-decoration:none;display: block;}
.it174_default .it174_tabinner .component_subtitle:after{content:''; position:absolute; right:0; bottom:-1px; width:calc(100% - 17px); height:1px; background-color:#bbb;}
.it174_default .it174_tabinner .component_subtitle .component_question{display: inline-block; width: 15px; height: 15px; background-color: #bbb; color: #FFF; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 12px; line-height: 16px; text-align: center; margin-right: 2px;vertical-align: baseline;}
/* 可以使用的優惠券&七日內將逾期的優惠券 */
.it174_default .it174_totalbox{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative;}
.it174_default .it174_totalbox .it174_total_item { padding: 10px 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:74px; border-radius: 30px; border: solid 1px #eee; background: #fff; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it174_default .it174_totalbox .it174_total_item:first-of-type{margin-right:5px;}
.it174_default .it174_totalbox .it174_total_item:last-of-type{margin-left:5px;}
.it174_default .it174_totalbox .it174_total_item .it174_total_text { font-size: 15px; font-weight: 400; line-height: normal;text-align: center; color: #444; line-height: 24px; margin:0;}
.it174_default .it174_totalbox .it174_total_item .it174_total_amount { font-size: 30px; font-weight: 500; line-height: normal;text-align: center; color: #ff3342; line-height: 32px; margin:0; height: 30px;}
.it174_default .it174_totalbox .it174_total_item .it174_total_amount .it174_text_red_yuan { width: 18px; height: 25px; margin: 0 0 0 8px; font-size: 12px; font-weight:400; line-height: normal;text-align: right; color: #444; vertical-align: baseline;}
/* 優惠券狀態頁籤 */
.it174_default .it174_nav { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; padding: 10px 0;}
.it174_default .it174_nav .it174_nav_item{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;background-color: #f4f4f4;}
.it174_default .it174_nav .it174_nav_item > a { transition: background-color .3s; width:100%; height: 50px; line-height:40px;display: inline-block;padding: 5px 0;font-size:15px;text-align: center;position:relative;color:#444;text-decoration: none;background-color:transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it174_default .it174_nav .it174_nav_item > a.active{ color: #ff3342; text-align: center; font-size: 15px;}
.it174_default .it174_nav .it174_nav_item > a:hover, .it174_default .it174_nav .it174_nav_item > a:focus { text-decoration: none;}
.it174_default .it174_nav .it174_nav_item > a.disabled { color: #6c757d; pointer-events: none; cursor: default; }
.it174_default .it174_nav .it174_nav_item > a span.it174_status_amount{color:#999; font-size:13px; margin-left:3px;vertical-align: top;}
.it174_default .it174_nav .it174_nav_item > a.active span.it174_status_amount{color:#ff3342;}
.it174_default .it174_tabinner form{ padding:7px 0 10px;}
.it174_default .it174_selectbox{text-decoration: none;}
.it174_default .it174_selectbox .it174_btn-select{ width: calc(100% - 16px); margin: 0 auto; display: block; line-height: 22px;}
/* 優惠券狀態頁籤內容 */
.it174_default .it174_nav_content{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
/* 優惠券 */
.it174_default .it174_item{ -webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; padding-bottom: 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
.it174_default .it174_item:nth-of-type(odd){ padding-right: 5px;}
.it174_default .it174_item:nth-of-type(even){ padding-left: 5px;}
.it174_default .it174_item .it174_item_inner{ background-color: #fff; border-style: solid; border-color: #ddd; border-top-width: 1px; border-bottom-width: 1px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative;}
.it174_default .it174_item .it174_item_inner:after { content: ''; position: absolute; height: 100%; width: 6px; right:1px; top: 0; background: radial-gradient(circle at 0 5px, transparent 0,transparent 4px,#ddd 0,#ddd 5px,#fff 0); background-size: 5px 10px; background-repeat: repeat-y; transform: rotate(180deg); background-position: -1px 11px;}
/* 已使用 */
.it174_default .it174_item.it174_used .it174_used_cover { position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); z-index: 1; width: 110px; opacity: 100%; background-size: 100%; height: 110px; object-fit: contain; background-image: url(images/new_member_stamp.svg);}
/* 已過期 */
.it174_default .it174_item.it174_expired{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 1; filter: grayscale(100%); filter: rgb(95, 92, 92);}
.it174_default .it174_item.it174_expired .it174_expired_cover{width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); position: absolute; z-index: 1;}
.it174_default .it174_item.it174_expired .it174_expired_cover:before,
.it174_default .it174_item.it174_expired .it174_expired_cover:after{ content: ''; position: absolute; height: 100%; width: 6px; left: -1px; top: 0; background-image: radial-gradient(circle at 0px 6px, #fff 4px, transparent 4px); background-size: 8px 10px;}
.it174_default .it174_item.it174_expired .it174_expired_cover:after{ transform: rotate(180deg); left: initial; right:0;}
.it174_default .it174_item.it174_expired .it174_item_inner:after{ background: radial-gradient(circle at 0 5px, transparent 0,transparent 4px,#fff 0,#fff 5px,#fff 0);}
.it174_default .it174_item.it174_expired .it174_title{ color:#999;}
.it174_default .it174_item.it174_expired .it174_date{ color:#bbb;}
/* 左側優惠券樣式 */
.it174_default .it174_img{ width: 100px; position: relative;}
.it174_default .it174_img img { max-width: 100%; height: auto; vertical-align: top; }
.it174_default .it174_img:before { content: ''; position: absolute; height: 100%; width: 6px; left: -1px; top: 0; background-image: radial-gradient(circle at 0px 6px, white 4px, transparent 4px); background-size: 8px 10px;}
.it174_default .it174_img > div{width: 100%; height: 130px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin: 0 auto;}
.it174_default .it174_img span{ font-size: 20px; font-weight: 500; line-height: 36px;}
/* 折價券 */
.it174_default .it174_item .it174_img .it174_img_discount{ background-color: #ffe600;}
.it174_default .it174_item:nth-of-type(4n) .it174_img .it174_img_discount,
.it174_default .it174_item:nth-of-type(4n-1) .it174_img .it174_img_discount{ background-color: #fff7ad;}
.it174_default .it174_item .it174_img .it174_img_discount span{ color:#c6a600;}
/* 免運券 */
.it174_default .it174_item .it174_img .it174_img_freeshipping{ background:var(--primary);}
.it174_default .it174_item:nth-of-type(4n) .it174_img .it174_img_freeshipping,
.it174_default .it174_item:nth-of-type(4n-1) .it174_img .it174_img_freeshipping{ background:var( --pic-light-orange);}
.it174_default .it174_img .it174_img_freeshipping span{ color:#fff;}
/* 贈品券 */
.it174_default .it174_item .it174_img .it174_img_giveaway{ background:  #b262ce;}
.it174_default .it174_item:nth-of-type(4n) .it174_img .it174_img_giveaway,
.it174_default .it174_item:nth-of-type(4n-1) .it174_img .it174_img_giveaway{ background-color: #854a9d;}
.it174_default .it174_img .it174_img_giveaway span{ color:#fff;}
/* 商品電子券 */
.it174_default .it174_item .it174_img .it174_img_commodity{ background:  #21b61e;}
.it174_default .it174_item:nth-of-type(4n) .it174_img .it174_img_commodity,
.it174_default .it174_item:nth-of-type(4n-1) .it174_img .it174_img_commodity{ background-color: #149e10;}
.it174_default .it174_img .it174_img_commodity span{ color:#fff; max-width: 60px; text-align: center;}
.it174_default .it174_info{ width: calc(100% - 100px); padding: 4px 6px 0;}
/* 已使用完畢 */
.it174_default .it174_item.it174_used .it174_img,
.it174_default .it174_item.it174_used .it174_info { opacity: 70%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: rgb(218, 218, 218);}
/* 右側優惠券內容 */
.it174_info { width: calc(100% - 100px); height: 100%; padding-left: 15px;}
/* 活動名稱 */
.it174_default .it174_title { height: 40px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; line-height: 21px; margin-bottom: 3px; font-weight: 500; }
/* 活動日期 */
.it174_default .it174_date{font-size: 12px; color:#999;margin-bottom: 6px;line-height: 16px; word-wrap: none;}
.it174_default .it174_date span{display: inline-block;}
.it174_default .it174_morebtn{ position: absolute; right: 8px; bottom: 6px; width: 90px; height: 26px; background-color: #eee; background-image: url(images/newmem_arrow_toggle.svg); background-size: 20px; background-repeat: no-repeat; color: #999; font-size: 12px; line-height: 26px; text-indent: -15px; background-position: 63px -23px; text-align: center; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer;}
.it174_default .it174_morebtn.collapsed{ background-position-y: -94px;}
.it174_default .it174_morebtn:hover{ background-color: #e7e7e7;}
.it174_default .it174_morebox{ background-color: #f5f5f5; border-style: solid; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-color: #ddd; padding: 8px 12px; color: #444; font-size: 14px; line-height: 24px; height: 100%; display: none;}
.it174_default .it174_morebox.collapse.show { display: block; }
.it174_default .it174_morebox a{ color: #444; font-size: 14px; line-height: 24px; position: relative;}
.it174_default .it174_morebox a:after { content: ''; position: absolute; right: 0; bottom: -1px; width: 100%; height: 1px; background-color: #444;}
.it174_default .it174_morebox .it174_activit_desc_box span{ display: inline-block; width: 15px; height: 15px; background-color: #444; color: #FFF; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 12px; line-height: 16px; text-align: center; margin-right: 2px; vertical-align: baseline; }
/* 券狀態 */
.new_member_status_tag{ display: inline-block; padding: 3px 7px; color: #fff; font-size: 13px; line-height: 16px; margin-bottom: 3px;}
/* 可使用 */
.new_member_status_tag.new_member_status_tag_usable { color: #fff; background-color: #ff3342;}
/* 即將使用 */
.new_member_status_tag.new_member_status_tag_comingsoon {  background: #fff; color: #444; border: 1px solid #444; }
/* 已使用 */
.new_member_status_tag.new_member_status_tag_usad { background: rgb(177, 177, 177); color: #fff; border: 0px solid #444;}
/* 已過期 */
.new_member_status_tag.new_member_status_tag_expired { background: rgb(200, 200, 200);}
.it174_info .it174_activit_title{color:#bbb;}
.it174_default .it174_top_box{ padding-left: 8px; margin-bottom: 0;}
/* 折價卷序號登錄區塊 */
.it174_default .it174_add_box { position: relative; padding:8px; border: solid 1px #eee; background-color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it174_default .it174_add_box .it174_add_title { width: 100%; font-size: 15px; font-weight: 500; margin-bottom: 3px; line-height: 20px;}
.it174_default .it174_add_box .it174_add_title abbr{text-decoration: none; color: #ff3342;}
.it174_default .it174_add_box ul li{margin-bottom:15px;}
.it174_default .it174_add_box ul li:last-of-type{margin-bottom:0;}
.it174_default .it174_add_box ul li .it174_add_text { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it174_default .it174_add_box ul li .it174_add_text .item_174_input_verification { width: 155px; height: 40px; line-height: 40px;}
.it174_default .it174_add_box ul li .it174_add_text .item_174_d-flex .item_174_input_number { width: 100%;}
.it174_default .it174_add_box ul li .it174_add_text .item_174_dash { width: 15px; height: 20px; margin: 10px 8px; font-size: 15px; line-height: 1.33;color: #444;}
@media screen and (max-width: 1200px) {
    .triangle-top{ top:-17px; right: 50%; transform: translateX(-50%);}
    .it174_default .it174_add_box{width: calc(100% - 16px); margin: 0 auto;}
	.member_titlebox{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.member_title_sort{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
    .it174_default{padding: 8px 0;-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
    .it174_default .member_titlebox{padding: 0 8px;}
    .it174_default .it174_totalbox:after{content: ''; position: absolute; top:8px; left:50%; transform: translateX(-50%); width: 1px; height: 55px; background-color: #eee;}
    .it174_default .it174_totalbox .it174_total_item{-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; border-color:#ddd;}
    .it174_default .it174_totalbox .it174_total_item:first-of-type{margin-right:0;}
    .it174_default .it174_totalbox .it174_total_item:last-of-type{margin-left: 0;}
    .it174_default .it174_totalbox .it174_total_item .it174_total_text{font-size: 12px;}
    .it174_default .it174_tabinner{padding: 0 0 12px;}
    .it174_default .it174_tabbox > ul::-webkit-scrollbar { display: none;}
    .it174_default .it174_tabbox > ul > li a{ font-size: 16px; line-height: 42px; padding: 2px 10px 0;}
}
@media screen and (max-width: 992px) {
    .it174_default .it174_nav_content{ padding: 0 8px;}
    .it174_default .it174_item {
        -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 0 0 10px 0 !important;
    }
    .it174_default .it174_item.it174_comingsoon:after{width: 100%; left: 0 !important;}
}
@media screen and (max-width: 568px) {
    .it174_default .it174_info{width: calc(100% - 100px); padding: 2px 6px 30px 6px;}
    .it174_default .it174_img{width: 100px;}
    .it174_default .it174_img > div{height: 100%;}
    .it174_default .it174_img span{font-size: 22px;line-height: 30px;}
    .it174_default .it174_title{ font-size: 13px;line-height: 18px; height: 36px;}
    .it174_default .it174_date span{display: block;}
}
@media screen and (max-width: 359px) {
    .it174_default .it174_date { transform: scale(0.75); width: 120%; position: relative; left: -33px;}
}
@media screen and (max-width: 320px) {
    .it174_default .it174_date { left: -28px;}
}

/* 元件219 抵用金查詢 */
/* 元件219_default */
.it219_default{color: #444;padding:0 0 8px 0;background-color: #fff;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; max-width: 1200px; width: 100%; margin: 0 auto;}
.it219_default .member_titlebox{padding:8px 8px 0;}
/* 抵用金共用 */
.it219_default input[type="text"],.it219_default input[type="password"]{word-wrap: break-word; word-break: break-all;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; font-size: 15px;box-sizing: border-box; line-height:30px;color:#222;height:40px; -webkit-appearance: none;}
.it219_default select{box-sizing: border-box; line-height:30px;border: 1px solid #eee; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 22px 8px 10px; font-size: 15px; appearance: none; background-color: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;color:#444;height:40px;}
.it219_default input::placeholder,.it219_default select::placeholder { color: #bbb; opacity: 1; }
.it219_default input:-ms-input-placeholder,.it219_default select:-ms-input-placeholder { color: #bbb; }
.it219_default input::-ms-input-placeholder,.it219_default select::-ms-input-placeholder { color: #bbb; }
/* 可以使用的抵用金&七日內將逾期的抵用金 */
.it219_totalbox {display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.it219_totalbox .it219_total_item { width: 50%; height:66px; color: #ddd; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:10px 0; position:relative;}
.it219_totalbox .it219_total_item:after{content:'';position:absolu.new_member_loadingMaskte; right:0; top:50%; transform:translateY(-50%); width:1px; height:80%; background-color:#eee;}
.it219_totalbox .it219_total_item .it219_total_text { font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #444; }
.it219_tab_content .item_219_content_border ul>li .item_219_text_activit_gray { margin: 0; font-size: 14px; line-height: 1.43; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: right; color: #aaa; padding: 10px 0px 0px 10px; align-items: center; display: flex; }
.it219_totalbox .it219_total_item .it219_total_amount {font-size: 25px;font-weight:600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing:normal;text-align:center;color: #ff3342;line-height: 28px;}
.it219_totalbox .it219_total_item p>.item_219_text_red_yuan { width: 12px; height: 25px; margin: 17px 0 5px 4px; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #444; }
/* 下拉選單 */
.it219_default .it219_selectbox{margin: 5px 0;display: block; padding:0 8px;}
.it219_default .it219_btn_select { width: 100%; height: 45px; line-height:20px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
/* 顯示單狀態單筆內容 */
.it219_tab_content .it219_content_item{ background-color: #fff; border: solid 1px #eee; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 10px; position:relative;}
.it219_tab_content .it219_content_item:first-of-type{ margin-top: 5px;}
.it219_tab_content .it219_content_item .it219_content_item_box{position:relative;}
.it219_tab_content .it219_content_item .collapse:not(.show) { display: none; }
.it219_tab_content .it219_content_item>.item_219_tab-pane { display: none; }
.it219_tab_content .it219_content_item>.active { display: block; }
.it219_tab_content .it219_content_item .it219_item_info{padding:5px 0;}
.it219_tab_content .it219_content_item .it219_item_info .it219_text_activity{margin: 0; font-size: 14px; line-height: 1.43; text-align: right; padding:3px 10px; -ms-flex-align: center; -webkit-align-items: center; align-items: center; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it219_tab_content .it219_content_item .it219_item_info .it219_text_activity .it219_text_activity_title{color: #aaa; width: 58px;}
.it219_tab_content .it219_content_item .it219_item_info .it219_text_activity .it219_activit_text{width: calc(100% - 130px); text-align: left; padding-left: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height:40px; font-size: 14px; font-stretch: normal; font-style: normal; line-height:20px; letter-spacing: normal;}
.it219_tab_content .it219_content_item .it219_use_price{border-top: 1px solid #eee; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; height:40px;}
.it219_tab_content .it219_content_item .it219_use_price > li{flex:1;padding: 6px 0;}
.it219_tab_content .it219_content_item .it219_use_price > li.it219_use_price_inner{flex:1.2;border-right: 1px solid #eee; text-align: center; line-height: 26px;}
.it219_tab_content .it219_content_item .it219_use_price .it219_price {font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #222; display:inline-block; padding-right:5px;}
.it219_tab_content .it219_content_item .it219_use_price .it219_price_text{ font-size:12px; font-weight:400;}
.it219_tab_content .it219_content_item .it219_use_price .it219_text_yuan { width: 15px; height: 21px; font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #222;}
.it219_tab_content .it219_content_item .it219_open_btn { color: #aaa; cursor: pointer; font-size: 13px; text-align: center; background-image: url(images/newmem_arrow_toggle.svg); background-position: top -17px right 12px; background-size: 20px; background-repeat: no-repeat; text-indent: -21px; line-height: 29px;}
.it219_tab_content .it219_content_item .it219_open_btn.collapsed{background-position: top -87px right 12px;}
.it219_tab_content .it219_content_item .it219_item_status p{text-align: center; font-size: 13px; font-weight: 400; margin: 0; padding: 2px 7px; line-height: 18px; position: absolute; right: 2%; top: 8%;}
/* 可使用 */
.it219_tab_content .it219_content_item .it219_item_status .it219_item_available { background-color: #ff3342; color: #fff;}
/* 已使用 */
.it219_tab_content .it219_content_item .it219_use_over{position: relative; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); opacity: 30%; filter: grayscale(100%); filter: rgb(218, 218, 218);}
.it219_tab_content .it219_content_item .it219_icondone_stamp { position: absolute; top:26px; left: 50%; transform:translateX(-50%); z-index: 1; width: 60px; opacity: 100%; background-size: 100%; height: 60px; object-fit: contain; background-image: url(images/new_member_stamp.svg) }
.it219_tab_content .it219_content_item .it219_item_status .it219_phone_ing_gray { background: rgb(212, 211, 211); color: #fff;}
/* 已過期 */
.it219_tab_content .it219_content_item .item_219_use_timesup { width: 100%; height: 100%; opacity: 0.8;background-color: #ccc; }
.it219_tab_content .it219_content_item .item_219_use_timesup .it219_use_price,.it219_tab_content .it219_content_item .item_219_use_timesup .it219_use_price > li.it219_use_price_inner{border-color: #bbb;}
.it219_tab_content .it219_content_item .it219_item_status .it219_phone_use_over { background-color: rgb(112, 110, 110); color:rgb(179, 179, 179);}
.it219_tab_content .it219_content_item .item_219_use_timesup .it219_open_btn{color:#777;}
.it219_tab_content .it219_content_item  .item_219_use_timesup .it219_item_info .it219_text_activity .it219_text_activity_title{color:#777;}
/* 展開明細 */
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table{width:100%;background-color: #fcfcfc;-moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr.collapse{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;padding:5px 10px;border-top: 1px solid #eee;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr.collapse:not(.show) { display: none; }
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr td{padding:0;-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr td.it219_dateanewprice{text-align: left; -webkit-box-flex: 2.5; -moz-box-flex: 2.5; -webkit-flex:2.5; -ms-flex: 2.5; flex: 2.5; line-height: 20px; font-size: 14px;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr td.it219_dateanewprice .it219_date{font-size:12px; color:#aaa;display: block;line-height: 18px;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr td.it219_add_price{text-align: right;font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: normal; text-align: right; color: #444;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr td.it219_price_sale{color:#ff3342;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr td.it219_total_bottom {-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; text-align: right;font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: normal; color: #444;}
.it219_tab_content .it219_content_item .it219_order_productlist .it219_table tr td.it219_total_bottom .it219_add_price_text { color: #aaa; padding-right: 15px; font-size: 12px; font-weight: normal; }
@media screen and (max-width: 1200px) {
	.it219_default .it219_tab_content{padding:0 8px;}
}
@media screen and (max-width: 360px) {
	.it219_content_item .it219_text_activit_span{font-size:12px;}
	.it219_tab_content .it219_content_item .it219_item_info .it219_text_activity .it219_activit_text{font-size:12px;width: calc(100% - 105px);}
	.it219_tab_content .it219_content_item .it219_use_price > li.it219_use_price_inner{line-height: 28px;}
	.it219_tab_content .it219_content_item .it219_item_info .it219_text_activity .it219_text_activity_title{font-size:12px;width:50px;}
}


/* 元件253 JOO商品輪播共用元件 */
/* it253_default */
.productItem253_Box{ max-width:1200px; height:auto; margin:0 auto; width:100%; }
.productItem253{ width:100%; padding-top:10px; padding-bottom:30px; position:relative;}
.productItem253_Box .owl-theme .owl-nav [class*='owl-']{text-indent:1000%; overflow: hidden; white-space: nowrap;}
.productItem253_Box .owl-carousel .owl-nav .owl-prev{ display:block; width:32px; height:32px; background:url(images/item253_arrowL.png) left top no-repeat; cursor:pointer; position:absolute; left:-35px; top:50%; transform: translateY(-50%);}
.productItem253_Box .owl-carousel .owl-nav .owl-next{ display:block; width:32px; height:32px; background:url(images/item253_arrowR.png) left top no-repeat; cursor:pointer; position:absolute; right:-35px; top:50%; transform: translateY(-50%);}
.productItem253_list.owl-carousel{ width: calc(100% - 70px); margin:0 auto;}
.productItem253_list .item a{ display:block; width:100%; height:auto;}
.productItem253_list .item a img{ display:block; width:100%; height:auto; transition:0.3s ease; opacity:1;}
.productItem253_list .item a img:hover{ opacity:0.8;}

/* 元件259 商品圖遮罩 */
/* it259_default */
.it259_bammer4_box{ max-width:1200px; margin:0 auto;}
.it259_bammer4_box ul li{ float:left; width:25%; padding:0 5px; margin-bottom:15px;}
.it259_bammer4_box img{ width:100%; height:auto;}
.it259_bammer4_box .it259_bammer4_banner1{ float:left; width:100%; position:relative; border:1px solid #dbdbdb;}
.it259_bammer4_box .it259_bammer4_banner1:hover .mark{ opacity:1;}
.it259_bammer4_box .it259_bammer4_banner1 img{ display:block; width:100%; height:auto;}
.it259_bammer4_box .it259_bammer4_banner1 span{ display:block; width:60px; height:3px; background:#FFF; margin:0 auto; margin-bottom:20px;}
.it259_bammer4_box .it259_bammer4_banner1 .mark{ display:block; width:100%; height:100%; text-decoration:none; position:absolute; left:0; bottom:0; z-index:9; overflow:hidden; color:#fff; background-color:rgba(0, 0, 0, 0.7); text-align:center; padding:10%; transition: 0.5s; opacity: 0;}
.it259_bammer4_box .it259_bammer4_banner1 .mark p{ font-size:13px; line-height:25px; color:#fff;}
.it259_bammer4_box .it259_bammer4_banner1 .mark a{ display:block; font-size:15px; line-height:40px; width:100px; height:40px; border:1px solid #fff; background:#000; color:#fff; text-align:center; margin:10px auto; text-decoration:none;}
.it259_bammer4_box .it259_bammer4_banner1 .mark a:hover{ border:1px solid #e4d2c8; color:#e4d2c8;}
@media screen and (max-width:950px) {
	.it259_bammer4_box ul li{ width:50%;}
}
@media screen and (max-width:460px) {
	.it259_bammer4_box ul li{ width:100%;}
}

/* 元件292 會員專區(手機版) */
/* it292_default */
div.member_centerMbg292{ position:fixed; top:50px; z-index:999; width:100%;}
.member_centerMbg292 ul {display:flex;}
.member_centerMbg292 ul > li{ flex:1; background-color:#636363; height:40px; border-top:#555555 2px solid;text-align:center; border-left:1px dotted #fff;font-size:15px;line-height:40px; color:#fff; cursor:pointer;}
.member_centerMbg292 ul > li a.logout{ display:block; width:100%; height:40px; font-size:15px;line-height:40px; color:#fff; text-decoration:none;}
.member_centerMbg292 ul > li > a{ font-size:15px;line-height:40px; color:#fff; text-decoration:none;}
.member_centerMbg292 ul > li:first-child{ border-left:0;}
.member_centerMbg292 ul > li > .memeber_sub{ position:absolute; width:100%; background:#fff; padding:0 5px;box-shadow: 0px 5px 2px rgba(60%,60%,60%,0.3); top:40px; display:none; left:0;}
.member_centerMbg292 ul > li > .memeber_sub a{ display:block; width:100%; height:40px; border-bottom:1px solid #e7e7e7;font-size:15px;line-height:40px; color:#666; text-align:center;}
.member_centerMbg292 ul > li > .memeber_sub a:last-child{ border:0;}
.member_centerMbg292 ul > li > .memeber_sub a:link,.member_centerMbg ul > li > .memeber_sub a:visited,.member_centerMbg ul > li > .memeber_sub a:hover,.member_centerMbg ul > li > .memeber_sub a:active{ font-size:14px; line-height:40px; color:#666; text-decoration:none;}
@media screen and (max-width:360px) {
	.member_centerMbg292 ul > li:last-child{flex:.5}
}
@media screen and (max-width:320px) {
	.member_centerMbg292 ul > li{font-size:15px!important; line-height:40px!important;}
}

/* 元件316 視窗訂閱電子報 */
/* it316_default */
.it316_BOX{ width:320px; height: auto; background:#FFF;}
.it316_BOX .it316_tabs{ width:100%; height:40px;}
.it316_BOX .it316_tabs li{ float:left; width:50%; text-align:center; border-bottom:1px solid #dededc;}
.it316_BOX .it316_tabs li.active{ background:#fafafa;}
.it316_BOX .it316_tabs li:last-child{ border-left:1px solid #dededc;}
.it316_BOX .it316_tabs li a{ font-size:14px; line-height:40px; color:#555;}
.it316_BOXin { padding:15px 30px 40px 30px;}
.it316_Content{ width:100%; margin:0 auto;}
.it316_Content li.it316_title h3{ font-size:14px; line-height:30px; color:#333;}
.it316_Content li.it316_input01 input{ display:block; width:100%; height:30px; font-size:14px; line-height:30px; color:#555; border:1px solid #dededc; padding:0 10px;}
.it316_Content li.it316_word{ font-size:13px; line-height:28px; color:#999;}
.it316_Content li.it316_word a{ color:#147abc; text-decoration:underline;}
.it316_Content li.it316_word a:hover{ text-decoration:none;}
.it316_Content li.it316_btn input{ display:block; width:100%; height:40px; font-size:14px; line-height:40px; color:#fff; background:#e60012; border-radius:5px; border:0; cursor:pointer; margin-top:30px;}
.it316_Content li.it316_btn input:hover{ background:#d80616;}

/* 元件320 品牌LOGO輪播 */
/* it320_default */
.productItem320_BOX {max-width:1200px;height: auto; margin: 10px auto; padding:0 20px;}
.productItem320_BOX .productItem320_swipe{position: relative;width:100%; padding:20px 12px;}
.productItem320_list{width:100%;}
.productItem320_list li{ width:50%; text-align:center; float:left; padding:0 8px;}
.productItem320_list li a{text-align:center;}
.productItem320_list img{ margin:0 auto; width:100%; height:auto;border: 1px solid #e2e2e2;background-color:#fff;}
.productItem320_list a img:hover{ border: 1px solid #484141;}
.productItem320_BOX .owl-theme .owl-nav { margin:-10px auto 0 auto; position:absolute; top:50%; width: 100%; }
.productItem320_BOX .owl-carousel .owl-nav .owl-prev, .productItem320_BOX .owl-carousel .owl-nav .owl-next { margin:0; padding:0; width:12px; height:20px; border-radius:0; text-indent:-9999px; background-color:transparent; background-repeat:no-repeat; position:absolute; }
.productItem320_BOX .owl-carousel .owl-nav .owl-prev:hover, .productItem320_BOX .owl-carousel .owl-nav .owl-next:hover { background-color:transparent; }
.productItem320_BOX .owl-carousel .owl-nav .owl-prev, .productItem320_BOX .owl-carousel .owl-nav .owl-prev:hover { background-image:url(images/item320_arrowL.png); left:-20px;}
.productItem320_BOX .owl-carousel .owl-nav .owl-next, .productItem320_BOX .owl-carousel .owl-nav .owl-next:hover { background-image:url(images/item320_arrowR.png); right:-20px; }

/* 元件393 最新消息與影片 */
/* it393_default */
.item393box{ max-width:1200px; width:100%; margin:0 auto;}
.item393box-news{ width:100%; float:left; padding-right:10px; padding:5px;}
.item393box-news>li{background:url(images/item393_title_bg.png) 0 center no-repeat;}
.item393box-news_01{ float:left; width:75px;/* padding:15px 0;*/}
.item393box-news>li:hover{ background:url(images/item393_title_bg_h.png) 0 center no-repeat;}
.item393box-news_01>h3>span{ font-weight: bold; font-size:16px; line-height:20px; letter-spacing:1px; color:#FFF; position: relative;left: 17px; top:15px; display:inline-block;}
.item393box-news_02{ margin-left: 80px; float: none; border-bottom: dotted 1px #a39b8d; padding:10px 0;}
.item393box-news>li:last-child>ul>li{ border-bottom:none;}
.item393box-news_02 ul li a { font-size:15px; line-height:23px; text-decoration:none; color:#454c4b;}
.item393box-news_02 ul li{font-size:13px; line-height:23px; color:#999; overflow:hidden; height:23px; margin:2px;}
.item393box-movie{ width:100%; float:right; padding:5px 0;}
.item393box-movie li{ float:left; width:50%; padding:0 5px;}
.item393box-moviebox{ margin:0 auto;}
.item393box-moviebox iframe{ width:100%; height:auto;}
@media screen and (max-width: 640px){
	.item393box-movie li{ width:100%; padding:5px;}
}

/* 元件421 文章列表 */
/* it421_default */
.it421_box{ margin:0 auto; max-width:1200px; padding:0 10px 20px 10px;}
.it421_box .it421_tab>ul{ width: 100%; margin:0 auto; text-align: center;display:flex;flex-flow:row wrap;}
.it421_box .it421_tab>ul>li{ width: 50%; text-align: center; display: inline-block; padding: 5px;}
.it421_box .it421_tab>ul>li>a{ font-weight:bold; font-size:14px; line-height:30px; color:#555; text-decoration:none; display:block; background: #eaeaea;height:30px;overflow:hidden;padding:0 5px;}
.it421_box .it421_tab>ul>li>a:hover{ color:#fff; background: #888;}
.it421_box .listbox{ width:100%; height:40px;}
.it421_box .listbox .sbt_select{ float:right;}
.it421_box .listbox .sbt_select select{border:0;border-bottom:1px solid #888888; background:url(images/it421_arrow.svg) no-repeat center right; padding:7px 40px 6px 2px; font-size:14px; line-height:25px; color:#555;-webkit-appearance:none;appearance:none;-moz-appearance:none; background-size: 12px auto;}
.it421_box .it421_option{ margin:20px auto;}
.it421_box .it421_option{ width:100%;}
.it421_box .it421_option > ul > li:first-child{ padding-top:0;}
.it421_box .it421_option > ul > li{ width:100%; padding:30px 0; border-bottom:1px solid #8d949a;}
.it421_option_l{ float:left; width: 300px;}
.it421_option_r{ margin-left:320px;}
.it421_option_l a{ display:block; width:300px; height:200px; overflow:hidden;}
.it421_option_l a img{ width:100%; height:auto; display:block;}
.it421_option_r h2{ text-align:left; border-bottom: solid 1px #c2c1b4; width:100%; display:block; height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.it421_option_r h2 a{ font-weight:bold; font-size:18px; line-height:30px; color:#555; text-decoration:none; letter-spacing:1px;}
.it421_option_r h2 a:hover{text-decoration:none; color:#666;}
.it421_option_r > div{ text-align: left; font-size:14px; line-height:25px; color:#57585a; margin:10px 0 30px 0; height:95px; width:100%; overflow:hidden;}
.it421_option_r span{ display: block; text-align: right;}
.it421_option_r span a{ display:inline-block;}
@media screen and (max-width:700px){
	.it421_box .it421_tab>ul>li{ width: 49%;}
}
@media screen and (max-width:640px){
	.it421_box .it421_option > ul > li{ width: 100%;}
	.it421_option_l{ float:none; width:100%;}
	.it421_option_l a{ width:100%; height:auto;}
	.it421_option_r{ margin-left:0; width: 100%;}
}

/* 元件422 文章詳細 */
/* it422_default */
.it422_box{ margin:0 auto; max-width:1200px; padding: 15px 10px 30px 10px;}
.it422_box>div{ font-size:15px; line-height:25px; color:#57585a; }
.it422_box>div>img{ max-width:100% !important; height: auto !important;}
.it422_box>div>p{ padding:18px 0;}
.it422_box>div>ul{ list-style:disc;}
.it422_box>div>ul>li{ margin-left:20px;}
.it422_text{ font-size:15px; line-height:30px; color:#57585a;}
.it422_text ul{ list-style:disc;}
.it422_text img{max-width:100% !important; height: auto !important;}
.it422_top { margin-bottom:30px;}
.it422_box .it422_top .it422_top_l{ float:left; width: 60%; padding: 3px;}
.it422_topimg1{ width:732px; height:521px; overflow:hidden;}
.it422_box .it422_top .it422_top_l .it422_topimg2{ width:100%; height:auto;}
.it422_box .it422_top .it422_top_l img{ width:100%; height:auto; display:block;}
.it422_box .it422_top .it422_top_r{ float:right; width:38%;}
.it422_top_r01 > .it422_r_in{ letter-spacing:1px; padding-bottom:8px; width:100%; border-bottom:solid 1px #c2c1b4;}
.it422_top_r01 > .it422_r_in > .it422_topimg1 { float:left; display: block;  width:98px; height:98px; border-radius:100%; border:solid 6px #f8f7f0; margin-right: 15px; background: #fff;}
.it422_top_r01 > .it422_r_in > .it422_topimg1 img{ display:block; width: 100%; height: auto; border-radius:100%;}
.it422_toptitle{ display: block; margin-left:113px; font-weight:bold; font-size:24px; line-height:30px; color:#555;}
.it422_top_r01 > h2{ letter-spacing:1px; font-weight:bold; font-size:18px; line-height:30px; color:#57585a; padding:10px 20px; margin:14px 0; background:#eaeaea;}
.it422_top_r01 > div{ font-weight:bold; font-size:14px; line-height:25px; color:#57585a; max-height:auto; width:100%; margin-bottom: 10px;}
.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul{ width:100%; padding-top:6px;}
.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li{ float:left; width: 20%; padding: 1%;}
.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li>a{ overflow:hidden;width: 83px;height: 83px;border: solid 5px #f8f7f0;display: block;}
.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li>a>img{height: 83px;display:block; margin:0 auto; width: auto;}
.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li:last-child{margin-right:0px;}
.it422_content{ padding: 50px 60px 0 60px; position:relative; width: 100%; height:auto;}
.it422_content .owl-carousel{ position:static;}
.it422_content .owl-stage-outer{ z-index:777;}
.it422_content .owl-controls{ width:100%; height:80px; position:absolute; left:0; top:50%; margin-top:-15px;}
.it422_content .owl-controls .owl-nav{ position:relative; z-index:778;}
.it422_content .owl-controls .owl-prev,.it422_content .owl-controls .owl-next{ width:30px; height:30px; position:absolute; top:0; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:800;}
.it422_content .owl-controls .owl-prev{ left:0; background:url(images/icon_arrow2.svg) left top no-repeat; background-size:60px auto;}
.it422_content .owl-controls .owl-next{ right:0; background:url(images/icon_arrow2.svg) right top no-repeat; background-size:60px auto;}
.it422_pbox{ width:100%;} 
.it422_pbox .it422_pbox_img{ max-width:115px; max-height:115px; border-radius:100%; float:left; overflow: hidden;}
.it422_pbox img{display:block; width: 100%; height: auto;} 
.it422_pbox .it422_pbox_d{ width:100%; padding:0 6px;}
.it422_pbox .it422_pbox_d h2{ display:block; height:40px;overflow:hidden; line-height:15px; margin-top: 5px; text-align: center;}
.it422_pbox .it422_pbox_d h2 a{ font-size:14px; line-height:20px; color:#333;}
.it422_pbox .it422_pbox_d h2 a:hover{ font-size:14px; line-height:20px; color:#54565b;}
.it422_pbox .it422_pbox_d h3.price01{ display:block; height:10px; overflow:hidden; font-size:10px; line-height:10px; color:#6a7744; margin-top:7px;text-decoration:line-through;}
.it422_pbox .it422_pbox_d h3.price02{ display:block;  line-height:35px; color:#ff0000; font-size:20px; text-align: center;font-weight: inherit;}
.it422_pbox .it422_pbox_d h3.price02 span{ font-size:18px;}
.it422_pbox .it422_pbox_d a.button{ display:block; width:77px; height:24px; background-color:#e7bb5e; color:#fff; text-align:center; text-decoration:none; font-size:12px; line-height:24px;border-radius:3px; cursor:pointer; }
.it422_pbox .it422_pbox_d a.button:hover{ background-color:#ffcf6a;}  
.it422_video_Box{ max-width:1260px; padding:5px; margin:0 auto; background:#FFF; -webkit-border-radius:8px; -moz-border-radius: 8px; border-radius:8px; margin-bottom:10px;}
.it422_video-container { max-width:1260px; margin:0 auto; position:relative; height:500px; overflow:hidden; border:3px solid #FFF;}
.it422_video-container iframe,.it422_video-container object,.it422_video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; max-height:500px;}
.it422_socialbox{ width: 100%; height: auto;max-width: 1200px; margin: 0 auto 30px; text-align: center;}
.it422_socialbox ul{display: inline-block; margin: 0 auto;}
.it422_socialbox ul li{ float: left; list-style: none; margin: 5px!important; }
.it422_socialbox ul li a{ display:block; width: 30px; height: 30px; background-image: url(images/it422_social_icon.svg); background-repeat: no-repeat; opacity: 1; background-size: 100%; text-decoration: none; cursor: pointer; margin-top: 4px;}
.it422_socialbox ul li a:hover{ opacity: .8; }
.it422_socialbox ul li a.it422_social_fb{ background-position: top center;}
.it422_socialbox ul li a.it422_social_twiter{ background-position: center -30px;}
.it422_socialbox ul li a.it422_social_plurk{ background-position: center -60px ;}
.it422_socialbox ul li a.it422_social_weibo{ background-position: center -90px;}
.it422_socialbox ul li a.it422_social_line{ background-position: center -120px;}
.it422_socialbox ul li.fb-like{width:100%; float: none; padding: 5px 0; text-align: center;}
@media screen and (max-width:1280px) { 
	.it422_video-container{ padding-bottom:38%; height:0;}
}
@media screen and (max-width:1200px){
	.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li>a{ width:70px; height: 70px;}
	.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li>a>img{height: 70px;}
}
@media screen and (max-width:1024px){
	.it422_box .it422_top .it422_top_l{ float:none; width: 100%; padding: 0; margin-bottom: 10px;}
	.it422_box .it422_top .it422_top_r{ float:none; width: 100%;}
	.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul{ width:400px;}
}
@media screen and (max-width:480px){
	.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul{ width:100%;}
}
@media screen and (max-width:400px){
	.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li>a{ width:50px; height:50px;}
	.it422_box .it422_top .it422_top_r>div.it422_top_r02>ul>li>a>img{height: 50px;}
}


@media screen and (max-width: 768px){
	.it422_video_Box{ height: 195px; margin-bottom: 12px;}
	.it422_video-container{ height: 185px;}
  }  

.it422_socialbox{ width: 100%; height: auto;max-width: 1200px; margin: 0 auto 30px; text-align: center;}
.it422_socialbox ul{display: inline-block; margin: 0 auto;}
.it422_socialbox ul li{ float: left; list-style: none; margin: 5px!important; }
.it422_socialbox ul li a{ display:block; width: 30px; height: 30px; background-image: url(images/it422_social_icon.svg); background-repeat: no-repeat; opacity: 1; background-size: 100%; text-decoration: none; cursor: pointer; margin-top: 4px;}
.it422_socialbox ul li a:hover{ opacity: .8; }
.it422_socialbox ul li a.it422_social_fb{ background-position: top center;}
.it422_socialbox ul li a.it422_social_twiter{ background-position: center -30px;}
.it422_socialbox ul li a.it422_social_plurk{ background-position: center -60px ;}
.it422_socialbox ul li a.it422_social_weibo{ background-position: center -90px;}
.it422_socialbox ul li a.it422_social_line{ background-position: center -120px;}
.it422_socialbox ul li.fb-like{width:100%; float: none; padding: 5px 0; text-align: center;}

/* 422-lohas_area */
.it422_lohas_area{ width:100%;}
.it422_la_top{ background-position: center top; background-repeat: no-repeat; height:400px; background-attachment: fixed; position: relative;}
.it422_la_top::before{ content:''; display:block; background-color:rgba(16, 49, 60, 0.5); width:100%; height:100%;}
.it422_la_title{ position: absolute; top:35px; width:90%; left:50%; margin-left: -45%; color:#fff; text-align: center;}
.it422_la_title > h2{ display:block; width:100%; text-align:center; font-weight: 300; font-size: 36px; line-height: 40px; margin:15px auto;}
.it422_la_title > h3{ display:inline-block; width:auto; margin:0 2px 5px 2px; border-radius: 2px; font-size: 14px; font-weight: normal; padding:0 15px; line-height:30px;}
.it422_la_title > h3.it422_sort_icon01{ background-color: #ee6c9d;}
.it422_la_title > h3.it422_sort_icon02{ background-color: #41afa5;}
.it422_la_title > h3.it422_sort_icon03{ background-color: #fcaf3c;}
.it422_la_title > div{ width:100%; max-width: 800px; margin:0 auto; overflow: hidden; text-align:center; font-size: 18px; letter-spacing: 1.5px; line-height: 30px; height:60px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.it422_la_top .scroll-downs:before{ content:''; width:1px; height:45px; background: #fff; display: block; margin: 20px auto;}
.it422_la_top .scroll-downs { display:block; position: absolute; top: 0; right: 0; bottom: -150px; left: 0; margin: auto; width :34px; height: 55px;}
.it422_la_top .mousey { width: 3px; padding: 10px 15px; height: 30px; border: 2px solid #fff; border-radius: 30px; opacity: 0.75; box-sizing: content-box; display:inline-block;}
.it422_la_top .scroller { width: 3px; height: 10px; border-radius: 25%; background-color: #fff; animation-name: it422_scroll; animation-duration: 2.2s; animation-timing-function: cubic-bezier(.15, .41, .69, .94); animation-iteration-count: infinite;}

@keyframes it422_scroll {
	0% { opacity: 0;}
	10% { transform: translateY(0); opacity: 1;}
	100% { transform: translateY(15px); opacity: 0;}
}
.it422_la_html{ padding:20px; line-height:1.5; font-size: 16px; color:#333;}
.it422_la_img .owl-item .la_img{ -webkit-filter:brightness(.4); height:422px;}
.it422_la_img .owl-item .la_img img{ height:100%; width:auto!important; margin: 0 auto; transform: scale(1.1);}
.it422_la_img .owl-item.center .la_img{ -webkit-filter:brightness(1);}

.it422_la_img .owl-theme .owl-nav{ width:100%; position:absolute; left:0; top:50%; margin-top: -25px;}
.it422_la_img .owl-theme .owl-nav .owl-prev,.it422_la_img .owl-theme .owl-nav .owl-next{ position: absolute; padding:0; border-radius: 1px; margin: 0; display:block; width:50px; height:50px; text-indent: -9999px;}
.it422_la_img .owl-theme .owl-nav .owl-prev{ background: url(images/icon_prev.svg) center no-repeat rgba(0, 0, 0, .5); background-size:12px; left:0;}
.it422_la_img .owl-theme .owl-nav .owl-next{ background: url(images/icon_next.svg) center no-repeat rgba(0, 0, 0, .5); background-size:12px; right:0;}

.it422_la_video{ width: 100%; height:auto; padding: 20px;}
.it422_la_videobox{ max-width:1200px; padding:15px; margin:0 auto; background-color: #fff;}
.it422_la_videobox .it422_box_tube{  width:100%; height:auto; position:relative;}
.it422_la_videobox .it422_box_mainword{ width:100%;}

.it422_item_title .title_en { text-align: center; font-size: 24px; display: block;  margin: 0 auto; line-height: 35px; letter-spacing: 1px;}
.it422_item_title .lohasgo_color_p{ color: #8a8acb;}
.it422_item_title .lohasgo_color_y{ color: #fbb445;}
.it422_item_title .title_zh { text-align: center; font-size: 24px; display: block; margin: 0 auto; color: #191919; line-height: 35px; letter-spacing: 1px;}
.it422_item_title{ max-width: 1200px; margin:0 auto; margin-bottom: 15px;}

.it422_la_video_word01{ font-size:16px; color:#333; margin:15px 0;line-height:25px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it422_la_video_word02{ font-size: 14px; line-height:20px; color:#888; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.it422_la_videobox .it422_box_tube .video_422::after{ background: rgba(138, 138, 203, 0.5) url(images/it543_play.svg) center no-repeat; background-size: 45px; content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;}
.it422_la_map{ width: 100%; background:#fff;}
.it422_la_mapbox{ max-width:1200px; margin:0 auto; display:flex; align-items: center; justify-content: space-between; padding:20px; flex-wrap: wrap;}
.it422_la_mapbox > div{ width:100%;}
.it422_la_mapbox_l{ margin-bottom:15px;}
.it422_la_mapbox_l > ul{ display:flex; flex-wrap: nowrap;}
.it422_la_mapbox_l > ul > li{ font-size:14px; color:#222; line-height:40px; padding: 5px 0;}
.it422_la_mapbox_l > ul > li:nth-child(1){ width:145px; text-align:right; padding-right:15px; border-right:1px solid #e7e7e7;}
.it422_la_mapbox_l > ul > li:nth-child(2){ padding-left:15px; width:100%;}
.it422_la_mapbox_l > ul.mapbox_l01 li:nth-child(2){ align-items: center; display: flex; flex-wrap: wrap;}
.it422_la_mapbox_l > ul.mapbox_l01 li:nth-child(2) img{ display:block; width:40px; height:40px; margin-right:8px; margin-bottom: 8px;}
.it422_la_mapbox_r > iframe{ display:block; width:100%;}

@media screen and (max-width:812px){
	.it422_la_img .owl-item .la_img{ height:178px;}
}

@media screen and (max-width:768px){
	.it422_la_img .owl-item .la_img{ height:169px;}
}

@media screen and (max-width:640px){
	.it422_la_img .owl-item .la_img{ height:141px;}
}

@media screen and (max-width:480px){
	.it422_la_img .owl-item .la_img{ height:317px;}
}

@media screen and (max-width:414px){
	.it422_la_img .owl-item .la_img{ height:273px;}
}

@media screen and (max-width:375px){
	.it422_la_img .owl-item .la_img{ height:248px;}
}

@media screen and (max-width:320px){
	.it422_la_img .owl-item .la_img{ height:211px;}
}


/*友善指標*/
.it422_la_mapbox_l > ul.mapbox_l01 > li > span{ display:inline-block; width:35px; height:35px; border-radius:35px; margin-right:8px; text-indent: -9999px; margin-bottom: 8px;}
.it422_icon_power{ background:url(images/it422_la_charging.svg) center no-repeat #fbb445; background-size: 14px;}
.it422_icon_wifi{ background:url(images/it422_la_wifi.svg) center no-repeat #fbb445; background-size: 21px;}
.it422_icon_info{ background:url(images/it422_la_group.svg) center no-repeat #fbb445; background-size: 9px;}
.it422_icon_headset{ background:url(images/it422_la_headset.svg) 8px center no-repeat #fbb445; background-size: 21px;}
.it422_icon_pay{ background:url(images/it422_la_pay.svg) 9px center no-repeat #fbb445; background-size: 23px;}
.it422_la_mapbox_l > ul.mapbox_l02 > li:nth-child(2) > a{ font-size:14px; background:url(images/it422_la_pin.svg) left center no-repeat; background-size: 8px; padding-left:15px;}
.it422_la_mapbox_l > ul.mapbox_l03 > li:nth-child(2){ display:flex; flex-wrap: wrap;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a{ margin: 0 8px 8px 0; display:block; width:100%; height:40px; text-align: center; font-size:16px; line-height:40px; color:#fff; font-weight: 300;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_web{ color:#333; background:url(images/it422_la_foreign.svg) 16px center no-repeat #fff; background-size: 13px; border: solid 1px #e3e3e3;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_fb{ background:url(images/it422_la_fb.svg) 20px center no-repeat #1976d2; background-size: 8px;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_yt{ background:url(images/it422_la_yt.svg) 15px center no-repeat #ff0000; background-size: 17px;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_blog{ background:url(images/it422_la_blog.svg) 18px center no-repeat #ff7b0c; background-size: 15px;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_line{ background:url(images/it422_la_line.svg) 15px center no-repeat #00bf00; background-size: 18px;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_tt{ background:url(images/it422_la_tw.svg) 17px center no-repeat #03a9f4; background-size: 19px;}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_ig{ position:relative; background:linear-gradient(102deg, #fd5 -6%, #ff543e 44%, #c837ab 94%);}
.it422_la_mapbox_l > ul.mapbox_l03 > li > a.links_ig:before{ position: absolute; left:16px; top:12px; content: ''; display:block; width:16px; height:16px; background:url(images/it422_la_ig.svg) center no-repeat;}
.it422_la_mapbox_l > ul.mapbox_l04> li:nth-child(2){ display:flex; flex-wrap: wrap;}
.it422_la_mapbox_l > ul.mapbox_l04 > li > a{ display: block; line-height: 24px; padding:5px 0 5px 25px; margin-right:30px; background:url(images/it422_la_tag.svg) left center no-repeat; color:#ff4949; font-size: 14px;}
.it422_la_news{ padding: 20px 0;}
.it422_la_news_box{ max-width:1200px; margin:0 auto;}
.it422_la_news_box .it422_la_news_item{ max-width:370px; height:auto; background:#fff; padding-bottom:20px;  margin: 15px auto 0 auto; width: calc(100% - 40px);}
.it422_la_news_box .it422_la_news_item .news_item_img{ width:100%; height:auto; position:relative;}
.it422_la_news_box .it422_la_news_item .news_item_img a{ display:block; width: 100%; height:244px; overflow:hidden;  background:#f3f3f3;}
.it422_la_news_box .it422_la_news_item .news_item_img a img{ height:100%; width:auto; transform: scale(1.1); margin: 0 auto;}
.it422_la_news_box .it422_la_news_item .news_item_mark{line-height: 24px; z-index: 1; position: absolute; right:-15px; top:-15px; display:flex; align-items: center; justify-items: center; padding: 0 20px; width:74px; height:74px; border-radius:74px; font-size: 17px; color:#fff; background-color: #e55e5e;}
.it422_la_news_box .it422_la_news_item .news_item_date{ display:block; text-align:left; color: #888; font-size: 14px; margin:15px auto; padding:0 10px;}
.it422_la_news_box .it422_la_news_item .news_item_link{ display:flex; flex-wrap: nowrap; padding:0 10px; justify-content: space-between;}
.it422_la_news_box .it422_la_news_item .news_item_link a{ display:block; font-size: 16px; color:#333; line-height: 22px; height:44px; overflow: hidden; text-align:left;}
.it422_la_news_box .it422_la_news_item .news_item_link a:nth-child(1){ width: 68%;}
.it422_la_news_box .it422_la_news_item .news_item_link a:nth-child(2){ width: 30%; height: 35px; text-indent: -9999px; text-align: center; color: #888; background: url(images/it773_more.svg) right bottom no-repeat;}
.it422_la_right{ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); position:fixed; display:flex; flex-wrap: nowrap;  z-index: 2; bottom:0; left:0; width: 100%; height: 55px; background-color: #fff;}
.it422_la_right > a{ display:flex; align-items: center; width:50%; justify-content: center; height:auto; font-size: 16px; line-height: 55px; color:#888; text-align:center;}
.it422_la_right > a > span{ display:inline-block;}
.it422_la_right > a.it422_share_btn{ border-right:1px solid #f6f6f6;}
.it422_la_right > a.it422_share_btn > span{ background:url(images/it422_share.svg) left center no-repeat; background-size: 24px; padding-left:34px;}
.it422_la_right > a.it422_like_btn > span,.it422_la_right > a.it422_like_btn:hover > span{ background:url(images/it422_heart_x.svg) left center no-repeat; background-size: 20px; padding-left:32px;}
.it422_la_right > a.it422_like_btn_active > span{ background:url(images/it422_heart_o.svg) left center no-repeat!important; background-size: 20px; padding-left:32px;}
.it422_share_lightbox{ width:100%; height:auto; padding:30px;}
.it422_share_lightbox .it422_share_title{ font-size:18px; text-align: center; color:#333; line-height:25px; margin-bottom: 20px;}
.it422_share_iconbox{ width:100%; display: flex; justify-content: space-between;}
.it422_share_iconbox a{ display:block; width:40px; height:40px; text-indent: -9999px;}
.it422_share_iconbox a.it422_share_icon_fb{ background:url(images/it422_facebook.svg) center no-repeat; background-size:40px;}
.it422_share_iconbox a.it422_share_icon_gg{ background:url(images/it422_google.svg) center no-repeat; background-size:40px;}
.it422_share_iconbox a.it422_share_icon_line{ background:url(images/it422_line.svg) center no-repeat; background-size:40px;}
.it422_share_iconbox a.it422_share_icon_ig{ background:url(images/it422_instagram.svg) center no-repeat; background-size:40px;}
.it422_share_iconbox a.it422_share_icon_tt{ background:url(images/it422_twitter.svg) center no-repeat; background-size:40px;}

/* 422-lohas_shop */
.it422_ls_traffic .it422_item_title .title_en,.it422_ls_traffic .it422_item_title .title_zh{ text-align:center;}
.it422_ls_traffic .it422_ls_content{ width:100%; background:#fff; padding:0 20px; margin-top:27px;}
.it422_ls_intitle{ width:160px; padding:14px 0; margin:0 auto; margin-bottom:20px;}
.it422_ls_content_l .it422_ls_intitle{ background:url(images/it422_traffic1.svg) left center no-repeat; background-size:32px; padding-left:45px;}
.it422_ls_content_c .it422_ls_intitle{ background:url(images/it422_traffic2.svg) left center no-repeat; background-size:42px; padding-left:50px;}
.it422_ls_content_r .it422_ls_intitle{ background:url(images/it422_traffic3.svg) left center no-repeat; background-size:38px; padding-left:45px;}
.it422_ls_intitle > span{ display:block; font-size:14px; color: #fbb03b; text-align:left; line-height:25px;}
.it422_ls_intitle > div{ font-size:16px; color:#333; text-align:left;}
.it422_ls_content{ width:1200px; margin:0 auto; display:flex; flex-wrap: wrap;}
.it422_ls_content > div{ width:100%; padding:20px 15px; text-align:center; font-size:16px; color:#333; line-height:20px;}
.it422_ls_content .it422_ls_content_c{ border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.it422_ls_content .it422_ls_inhtml > ul > li > span{ padding:0 15px; color:#fff; background:#ff3939; text-align:center; margin-right:15px;}
.it422_ls_content .it422_ls_inhtml > ul > li{ margin-bottom:15px;}
.it422_ls_content .it422_ls_inhtml > a{ color: #333; background: url(images/it422_la_foreign.svg) 16px center no-repeat #fff; background-size: 13px; border: solid 1px #e3e3e3; margin: 15px auto; display: block; width: 220px; height: 40px; text-align: center; font-size: 16px; line-height: 40px; font-weight: 300;}
.it422_ls_map > iframe{ width:100%; height:256px;} 

.it422_ls_list { background: #fff; padding: 20px;}
.it422_ls_list  > ul{ display:flex; flex-wrap: nowrap;}
.it422_ls_list  > ul > li{ font-size:14px; color:#222; line-height:40px; padding: 5px 0;}
.it422_ls_list  > ul > li:nth-child(1){ width:145px; text-align:right; padding-right:15px; border-right:1px solid #e7e7e7;}
.it422_ls_list  > ul > li:nth-child(2){ padding-left:15px; width:100%;}
.it422_ls_list > ul.mapbox_l01 > li:nth-child(2){ align-items: center; display: flex; flex-wrap: wrap;}
.it422_ls_list > ul.mapbox_l01 > li:nth-child(2) img{ display:block; width:40px; height:40px; margin-right:8px; margin-bottom: 8px;}
.it422_ls_list > ul.mapbox_l01 > li > span{ display:inline-block; width:35px; height:35px; border-radius:35px; margin-right:8px; text-indent: -9999px; margin-bottom: 8px;}
.it422_ls_list > ul.mapbox_l02 > li:nth-child(2) > a{ font-size:14px; background:url(images/it422_la_pin.svg) left center no-repeat; background-size: 8px; padding-left:15px;}
.it422_ls_list > ul.mapbox_l03 > li:nth-child(2){ display:flex; flex-wrap: wrap;}
.it422_ls_list > ul.mapbox_l03 > li > a{ margin: 0 8px 8px 0; display:block; width:100%; height:40px; text-align: center; font-size:16px; line-height:40px; color:#fff; font-weight: 300;}
.it422_ls_list > ul.mapbox_l03 > li > a.links_web{ color:#333; background:url(images/it422_la_foreign.svg) 16px center no-repeat #fff; background-size: 13px; border: solid 1px #e3e3e3;}
.it422_ls_list > ul.mapbox_l03 > li > a.links_fb{ background:url(images/it422_la_fb.svg) 20px center no-repeat #1976d2; background-size: 8px;}
.it422_ls_list > ul.mapbox_l03 > li > a.links_yt{ background:url(images/it422_la_yt.svg) 15px center no-repeat #ff0000; background-size: 17px;}
.it422_ls_list > ul.mapbox_l03 > li > a.links_blog{ background:url(images/it422_la_blog.svg) 18px center no-repeat #ff7b0c; background-size: 15px;}
.it422_ls_list > ul.mapbox_l03 > li > a.links_line{ background:url(images/it422_la_line.svg) 15px center no-repeat #00bf00; background-size: 18px;}
.it422_ls_list > ul.mapbox_l03 > li > a.links_tt{ background:url(images/it422_la_tw.svg) 17px center no-repeat #03a9f4; background-size: 19px;}
.it422_ls_list > ul.mapbox_l03 > li > a.links_ig{ position:relative; background:linear-gradient(102deg, #fd5 -6%, #ff543e 44%, #c837ab 94%);}
.it422_ls_list > ul.mapbox_l03 > li > a.links_ig:before{ position: absolute; left:16px; top:12px; content: ''; display:block; width:16px; height:16px; background:url(images/it422_la_ig.svg) center no-repeat;}
.it422_ls_list > ul.mapbox_l04> li:nth-child(2){ display:flex; flex-wrap: wrap;}
.it422_ls_list > ul.mapbox_l04 > li > a{ display: block; line-height: 24px; padding:5px 0 5px 25px; margin-right:30px; background:url(images/it422_la_tag.svg) left center no-repeat; color:#ff4949; font-size: 14px;}

.it422_lohas_shop .it422_ls_top_bg{ background:#fff; padding:20px;}
.it422_ls_top{ width:100%; margin:0 auto;}
.it422_ls_top .it422_ls_top_l{ width:100%; height:auto;}
.it422_ls_top .it422_ls_top_l img{ width:100%; height:auto;}
.it422_ls_top .it422_ls_top_l .swiper-wrapper{ height: auto;}
.it422_ls_top .it422_ls_top_l .swiper-slide{ height: auto;}
.it422_ls_top .it422_ls_top_r{ width:100%;}
.it422_ls_top .it422_ls_top_r .it422_ls_top_rimg{ height:auto;}
.it422_ls_top .it422_ls_top_r .it422_ls_top_rimg img{ width:100%; height:auto;}
.it422_ls_top .it422_ls_top_r .it422_ls_top_rimg .swiper-wrapper{ height:auto;}
.it422_ls_title_tag{ display:flex; margin:15px 0; flex-wrap: wrap; height: 30px; overflow: hidden;}
.it422_ls_title_tag > span{ display:block; font-size: 14px; height: 30px; line-height:30px; padding:0 15px; border-radius: 2px; color: #fff; margin-right:5px; margin-bottom:5px;}
.it422_ls_title_tag > span.it422_sort_icon01{ background-color: #ee6c9d;}
.it422_ls_title_tag > span.it422_sort_icon02{ background-color: #4bb3aa;}
.it422_ls_title_tag > span.it422_sort_icon03{ background-color: #fcaf3c;}
.it422_ls_title_info{ display:block; font-size: 18px; line-height: 18px; font-weight: 400; letter-spacing: 1.5px; color: #4bb3aa;}
.it422_ls_title_name{ display:block; font-size: 32px; color: #111; line-height:45px; font-weight: 400; margin:5px 0;}
.it422_ls_title_word{ font-size: 16px; line-height: 30px; overflow:hidden; letter-spacing: 0.5px; color: #232323; margin-bottom:15px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.it422_ls_title_star{ width:auto; display:flex; align-items: center; justify-content:flex-start; margin-bottom:15px;}
.it422_ls_title_star > span{ color: #232323; letter-spacing: 2px; font-size: 15px;}
.it422_ls_title_star > a{ font-size: 13px;color: #666;}
.it422_ls_title_star ul{ display:flex; align-items: center; justify-content: space-between; margin:0 8px;}
.it422_ls_title_star ul li{ display:block; width:15px; height:15px; margin:0 2px;}
.it422_ls_title_star ul li.star_o{ background:url(images/it422_star1.svg) center no-repeat; background-size:15px;}
.it422_ls_title_star ul li.star_m{ background:url(images/it422_star2.svg) center no-repeat; background-size:17px;}
.it422_ls_title_star ul li.star_x{ background:url(images/it422_star3.svg) center no-repeat; background-size:16px;}
.it422_ls_top_l .swiper-button-next,.it422_ls_top_l .swiper-button-prev{border-radius: 1px; margin: 0; display: block; width: 50px; height: 50px; text-indent: -9999px;}
.it422_ls_top_l .swiper-button-next{ right:0; margin-top:-25px; background: url(images/icon_next.svg) center no-repeat rgba(0 , 0, 0, 0.5); background-size: 12px;}
.it422_ls_top_l .swiper-button-prev{ left:0; margin-top:-25px; background: url(images/icon_prev.svg) center no-repeat rgba(0 , 0, 0, 0.5); background-size: 12px;}
.it422_ls_html{ width:100%; margin:15px auto; line-height:1.5; font-size: 16px; color:#333;}
.it422_ls_right{ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5); position:fixed; display:flex; flex-wrap: nowrap;  z-index: 2; bottom:0; left:0; width: 100%; height: 55px; background-color: #fff;}
.it422_ls_right > a{ display:flex; align-items: center; width:50%; justify-content: center; height:auto; font-size: 16px; line-height: 55px; color:#888; text-align:center;}
.it422_ls_right > a > span{ display:inline-block;}
.it422_ls_right > a.it422_add_btn{ border-right:1px solid #f6f6f6;}
.it422_ls_right > a.it422_add_btn > span{ background:url(images/it422_add.svg) left center no-repeat; background-size: 24px; padding-left:34px;}
.it422_ls_right > a.it422_share_btn{ border-right:1px solid #f6f6f6;}
.it422_ls_right > a.it422_share_btn > span{ background:url(images/it422_share.svg) left center no-repeat; background-size: 24px; padding-left:34px;}
.it422_ls_right > a.it422_like_btn > span,.it422_ls_right > a.it422_like_btn:hover > span{ background:url(images/it422_heart_x.svg) left center no-repeat; background-size: 20px; padding-left:32px;}
.it422_ls_right > a.it422_like_btn_active > span{ background:url(images/it422_heart_o.svg) left center no-repeat!important; background-size: 20px; padding-left:32px;}

.it422_ls_productbox{ width:100%; margin:0 auto 40px auto;}
.it422_ls_productbox .it422_item_title .title_en,.it422_ls_productbox .it422_item_title .title_zh{ text-align:center;}
.it422_ls_productbox .it422_item_title .title_en{ color: #ed6498;}
.it422_pstyle{ max-width: 240px; height:auto; margin:0 auto 20px auto; position: relative;}
.it422_pstyle .it422_pimg{ width:100%;}
.it422_pstyle .it422_pimg a{ display: block; width:100%; border-radius:100%; overflow:hidden; position: relative;}
.it422_pstyle .it422_pimg a img{ display: block; width:100%; height:auto}
.it422_pstyle .it422_pname{ margin-bottom:10px; margin-top:15px;}
.it422_pstyle .it422_pname a{ display:block; width:100%; height:22px; color: #222; line-height: 22px; font-size:16px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.it422_pstyle .it422_plike{ width:55px; height:55px; position:absolute; bottom: 44px; right: 0;}
.it422_pstyle .it422_plike a{ width:55px; height:55px; border-radius:55px; display:block; text-indent: -9999px; background:url(images/it422_heart_x.svg) center no-repeat #fff; box-shadow: 0 0 3px 0 rgba(117,117,117,.5);}
.it422_pstyle .it422_plike a:hover{ background:url(images/it422_heart_o.svg) center no-repeat #fff;}
.it422_pstyle .it422_plike_active a{ background:url(images/it422_heart_o.svg) center no-repeat #fff;}

/*422-lohas-activity*/
.it422_ly_top_bg{ padding-top: 90px; position: relative; background-size:cover;background-position: top center; background-repeat: no-repeat; background-attachment: fixed;}
/*.it422_ly_top_bg::before{ height: 500px; position: absolute; content: ''; display: block; width: 100%; background: #fff; top:200px;}
.it422_ly_top_bg::after{ height: 500px; position: absolute; content: ''; display: block; width: 100%; background: #fff; bottom:0;}*/
.it422_ly_top_bg::before,.it422_ly_top_bg::after{ display: none;}
.it422_ly_top{ width:100%; margin:0 auto; background: #f0f0f0;}
.it422_ly_html{ width:100%; margin:0  auto 30px auto; padding:25px 20px; background:#fff; line-height: 1.5; font-size: 16px; color:#333;}
.it422_ly_top_bg > div{ position: relative; z-index: 1;}
.it422_ly_top .it422_ly_top_l{ width:100%; background-color:#fff; padding:25px 20px;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_tagbox{ display:flex; flex-wrap: wrap; align-items: center; height:30px; overflow:hidden; margin-bottom:10px;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_tagbox .it422_ly_title_tag{ margin: 0 5px 5px 0; display: inline-block; background-color: #ee6c9d; width: auto; color:#fff; border-radius: 2px; font-size: 14px; font-weight: normal; padding:0 15px; line-height:30px;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_box{ display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin-bottom:10px;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_box .it422_ly_title_date{ letter-spacing: 1px; padding-left: 25px; color: #888; font-size: 14px; line-height: 20px; background:url(images/it422_ly_clock.svg) left center no-repeat; background-size: 17px;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_box .it422_ly_title_view{ padding-left: 25px; background:url(images/it422_ly_view.svg) left center no-repeat; background-size: 20px; color: #888; font-size: 14px; line-height: 20px;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_name{ color: #111; font-size: 32px; line-height: 45px; margin-bottom: 10px; font-weight: normal;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_info{ letter-spacing: 1.5px; color: #ee6c9d; margin-bottom: 20px; font-size: 18px; font-weight: 500;line-height: 1.4; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it422_ly_top .it422_ly_top_l .it422_ly_title_word{ color: #222; line-height: 1.75; font-size: 16px ;height: auto;}
.it422_ly_top .it422_ly_top_r { width:100%; padding:0 20px; background: #fff;}
.it422_ly_top .it422_ly_top_r .swiper-wrapper{ padding-top: 10px; height:auto;}
.it422_ly_top .it422_ly_top_r .swiper-wrapper img{ width:100%; max-width:100%; height:auto;}
.it422_ly_top .it422_ly_top_r .swiper-button-next,.it422_ly_top .it422_ly_top_r .swiper-button-prev{border-radius: 1px; margin: 0; display: block; width: 50px; height: 50px; text-indent: -9999px;}
.it422_ly_top .it422_ly_top_r .swiper-button-next{ right:20px; margin-top:-25px; background: url(images/icon_next.svg) center no-repeat rgba(0 , 0, 0, 0.5); background-size: 12px;}
.it422_ly_top .it422_ly_top_r .swiper-button-prev{ left:20px; margin-top:-25px; background: url(images/icon_prev.svg) center no-repeat rgba(0 , 0, 0, 0.5); background-size: 12px;}



/* 元件425 我要評論*/
/* it425_default */
.it425_box{ width:90%; height: auto; margin: 0 auto; color: #333; border: #c5c5c5 1px solid; margin-top:30px; border-top: none;padding: 0 10px 10px;border-top: var(--primary) 2px solid;}
.it425_box>div.it425title{ height: 41px;  border-bottom: #e7e7e7 1px solid; position: relative; font-size:15px; line-height:40px;}
.it425_box>ul{    border-bottom: 1px solid #dbdbdb;padding: 10px 0;}
.it425_box>ul>li:nth-child(odd){ background: #fbfbfb; }
.it425_box ul>li>ul>li{ color: #333; font-size:13px; line-height:37px;height:40px;}
.it425_comments_star{padding:13px 0px;}
.it425_box ul>li>ul>li>img{display: block; width: auto; height: 13px;}
.it425_box ul>li>ul>li>div{ background:url(images/it425_star.png) no-repeat; background-position:top center; display:inline-block; min-height:37px; width:25px;}
.it425_box ul>li>ul>li>div.cc{  background-position:bottom center;}
.it425_box ul>li>ul>li>div:last-child{margin-right:0px;}
.it425_box ul>li.a01>ul>li{ height:auto;}
.it425_comments{width:100%;border-bottom: 1px solid #dbdbdb;padding: 20px 0 5px;display: inline-block;}
.it425_comments_img{width: 100px; height: 100px; overflow: hidden;float: left;border: 1px solid #dbdbdb;}
.it425_comments_img img{width:100%; height: auto; margin: 0 auto;display:block;}
.it425_comments_deta{padding-left: 110px;width: 100%;}
.it425_comments_deta2{padding-left: 0px;}
.it425_comments_deta2 p{font-size:13px; line-height:24px;color: #222;padding: 5px;}
.it425_comments_deta2 textarea { width: 100%; border: 1px solid #dbdbdb; padding: 5px; font-size:13px; line-height:24px; color: #222; border-radius: 0; resize:vertical; background-color: #fff; min-height: 50px; height: auto; margin-top: 5px; }
.it425_comments_deta>ul>li{ padding: 0; color: #333; font-size:13px; line-height:20px;}
.it425_comments_deta>ul>li>a{display:block;color: #000; font-size:13px; line-height:20px;height: 40px;overflow: hidden;}
.it425_comments_button{width: 100%;padding: 10px 0 0;text-align: center;}
.it425_comments_button>input{ display:inline-block; width:151px; text-align: center; background-color: #f04236; font-size:15px; line-height:40px; color: #fff; border:none;}
.it425_box .ygg_MemberBtn02.jooshop_btn_color2 > a{ color: #fff; line-height: 46px; height: 48px; border: 1px solid var(--primary); }

/* 元件426 我的評論*/
/* it426_default */
.it426_box{ width:90%; height: auto; margin: 0 auto; color: #333; border: #c5c5c5 1px solid; margin-top:30px; border-top: none;border-top: #f04236 3px solid; padding: 0 10px 10px;}
.it426_box>div.it426title{ height: 41px; border-bottom: #e7e7e7 1px solid; position: relative; font-size:15px; line-height:40px; padding-left: 25px;}
.it426_box>ul>li:nth-child(odd){ background: #fbfbfb; }
.it426_box ul>li>ul>li{ float:left; padding:0 10px; color: #333; font-size:13px; line-height:37px; height:37px;}
.it426_box ul>li>ul>li:nth-child(1){ padding:0 20px 0 25px;}
.it426_box ul>li>ul>li:nth-child(odd){ width:20%;}
.it426_box ul>li>ul>li:nth-child(even){ width:30%;}
.it426_box ul>li>ul>li>div{ background:url(images/it425_star.png) no-repeat; background-position:top center; display:inline-block; height:37px; width:25px;}
.it426_box ul>li>ul>li>div.cc{  background-position:bottom center;}
.it426_box>ul>li.a01>ul>li{ height:170px; }
.it426_box>ul>li.a01>ul>li:nth-child(2){ width:60%;}
.it426_box>ul>li.a01>ul>li:nth-child(3){ position:relative; width:20%;}
.it426_box>ul>li.a01>ul>li>input{ display:inline-block; width:151px; height:40px; text-align: center; background-color: #f04236; font-size:15px; line-height:40px; color: #fff; border:none; position:absolute; bottom:15px; float:right;}
.it426_word{width: 100% !important; background-image: none !important;}

/* 元件427 折價券領取 Banner */
/* it427_default */
.it427_box{ width:100%; height: auto; margin-bottom: 20px; padding: 0 20px;}
.it427_box ul li{ display: block; width: 100%; height: auto; margin-bottom: 20px;}
.it427_box ul li img{ display:block; width: auto; max-width: 100%!important; height: auto!important; margin: 0 auto;}

/* 元件429 自動開啟廣告/電子報 */
/* it429_default */
.it429_content{ width: 100%; text-align: center; position:relative;}
.it429_content input{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.it429_content img{ max-width:100%; height: auto; vertical-align: top;}
.it429_content > .it429_table { width:362px; height: auto; margin: 0 auto;}
.it429_content > .it429_table > ul > li{ float: left;}
.it429_content > .it429_table > ul > li.it429_table_01{ width:242px;}
.it429_content > .it429_table > ul > li.it429_table_02{ width:120px; padding-left: 10px;}
.it429_content > .it429_table > ul > li.it429_table_02 input{ width: 100%; height:68px; text-align: center; font-size:15px; line-height:70px; color: #fff; cursor: pointer; border:0;}
.it429_content > .it429_table > ul > li > ul > li{ width:100%; margin-bottom:8px; text-align: left;}
.it429_content > .it429_table > ul > li > ul > li > input{ border:1px solid #ccc; font-size:15px; line-height:30px; color:#555; }
.it429_content > .it429_table > ul > li > ul > li:nth-child(1) > input{ display:block;  width: 100%; height: 30px;}
.it429_content > .it429_table > ul > li > ul > li:nth-child(2) > input{ display: inline-block; width: 90px; height: 30px;}
.it429_content > .it429_table > ul > li > ul > li:nth-child(2) > img{ display: inline-block; margin: -8px 5px;}
.it429_content > .it429_table > ul > li > ul > li:nth-child(2) > a{ display: inline-block;}
@media screen and (max-width:480px){
	.it429_content > .it429_table{ width:242px;}
	.it429_content > .it429_table > ul > li.it429_table_01{ width:100%;}
	.it429_content > .it429_table > ul > li.it429_table_02{ width:100%; padding-left: 0;}
	.it429_content > .it429_table > ul > li > ul > li > input{ font-size:15px; line-height:40px;}
	.it429_content > .it429_table > ul > li.it429_table_02 input{ width: 100%; height:40px; text-align: center; line-height: 40px; color: #fff; cursor: pointer;}
	.it429_content > .it429_table > ul > li > ul > li:nth-child(1) > input{ height: 40px;}
	.it429_content > .it429_table > ul > li > ul > li:nth-child(2) > input{ height: 40px;}
}


/* it436 */
.it436_box{ width:100%; height: auto;}
.it436_box ul li{ display: block; float: left; width: 50%; margin-bottom: 30px;}
.it436_box ul li:nth-child(odd){ padding-right: 15px;}
.it436_box ul li:nth-child(even){ padding-left: 15px;}
.it436_box ul li a,.it436_box ul li img{ display:block;}
.it436_box ul li a{ width:100%; overflow: hidden;}
.it436_box ul li img{ max-width: 100%; width: 100%; height: auto; transform: scale(1); opacity: 1; transition: all 0.5s;}
.it436_box ul li:hover img{ opacity:.8; transform: scale(1.1);}
@media screen and (max-width: 480px){
	.it436_box ul li{margin-bottom: 10px;}
	.it436_box ul li:nth-child(odd){ padding-right: 5px;}
	.it436_box ul li:nth-child(even){ padding-left: 5px;}
} 


/* 元件452 左banner右商品 */
/* it452_default */
.it452{ width:100%; margin: 0 auto; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #d9dfe5;}
.it452 .it452_left{ width:100%; height: auto; margin-bottom: 30px;}
.it452 .it452_left a{ display:block; width: 100%; height:auto;}
.it452 .it452_left a img{ display:block; width: 100%; max-width: 100%; height: auto;}
.it452 .it452_right{ width: 100%; height:auto; position:relative;}
.it452 .it452_right .it452_right_box{ width: 100%; padding: 0.8rem;}
.it452_right .owl-carousel{ position:static;}
.it452_right .owl-stage-outer{ z-index:777;}
.it452_right .owl-controls{ width:100%; height:80px; position:absolute; left:0; top:50%; margin-top:-40px;}
.it452_right .owl-controls .owl-nav{ position:relative; z-index:778;}
.it452_right .owl-controls .owl-prev,.it452_right .owl-controls .owl-next{ width:40px; height:80px; position:absolute; top:0; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:800;}
.it452_right .owl-controls .owl-prev{ left:0; background:url(images/it452_arrow.svg) left top no-repeat; background-size:80px auto;}
.it452_right .owl-controls .owl-next{ right:0; background:url(images/it452_arrow.svg) right top no-repeat; background-size:80px auto;}

/* 元件484 3張小banner */
/* it484_default */
.item_484box{ width: 100%; height: auto; max-width: 1200px;margin:25px auto;padding: 0 15px;}
.item_484box .item_484{width: 100%; height: auto; position: relative;margin:15px auto;}
.item_484box .item_484 a{text-decoration: none;}
.item_484box .item_484 a:hover{text-decoration: none;}
.item_484box .item_484:last-child{margin-right: 0;}
.item_484box .item_484 img{ width:100%;height: auto;display: block;}
.item_484box .item_484 .item_484title{width:100%;height: 110px;padding:25px 10px;position: absolute; bottom: 0; left: 0;background-color: rgba(0,0,0,.8);text-align: center; color: #fff;letter-spacing: 1px;}
.item_484box .item_484 .item_484title h3{font-size: 18px; font-weight:normal; line-height: 20px; display: block; height: 20px; width: 100%; overflow: hidden;}
.item_484box .item_484 .item_484title p{font-size: 24px; font-weight: bold; line-height: 30px; display: block; height: 30px; width: 100%; overflow: hidden;margin-bottom: 10px;}

/* 元件485 商品排行 */
/* it485_default */
.item_485box{ width: 100%; height: auto; max-width: 1200px;margin:25px auto;display: flex;border-bottom: 1px solid #e1e1e1;padding-bottom: 25px;}
.item_485box .item_485{ width:100%; margin:0 auto;}
.item_485 .item_485_title{ width:100%; height:50px; overflow:hidden; text-align:center; font-size: 30px;line-height: 50px; font-weight: bold;color:#000;margin:0 auto;}
.item_485 .item_485b2{ width:100%; position:relative;}
.item_485box .swipe {overflow: hidden; visibility: hidden; position: relative;}
.item_485box .swipe-wrap {overflow: hidden;position: relative;}
.item_485box .swiper-slide {float:left;width:100%;position: relative;}
.item_485 ul.item_485_product{ width:100%;margin: 0 auto;padding: 0 20px;}
.item_485 ul.item_485_product li{float:left; width:50%; padding:10px;}
.item_485 .item_485_productbox{ width:100%;height: auto; text-align: center;position: relative;} 
.item_485 .item_485_productbox .item_485_noicon{position:absolute; left: 0; top: 0;}
.item_485 .item_485_productbox img{width:100%; height: auto; display:block;} 
.item_485 .item_485_productbox .item_485_productbox_d{ width:100%;height: 120px;}
.item_485 .item_485_productbox .item_485_productbox_d h2 {display: block; height: 60px; overflow: hidden;width:100%;}
.item_485 .item_485_productbox .item_485_productbox_d h2 a{ font-size:15px; line-height:60px; color:#000; text-decoration:none;letter-spacing: 1px;}
.item_485_L,.item_485_R{ display:block; width:24px; height:24px;position:absolute; top:50%; margin-top:-12px;text-indent:-9999px; border:0; cursor:pointer;z-index: 99;background-image:url(images/body-shop-icons-arrow.svg);background-size:48px 24px;background-color: rgba(0,0,0,00);}
.item_485_L:hover,.item_485_R:hover{opacity: 1;}
.item_485_L{ background-position: left top;left:5px;}
.item_485_R{ background-position: right top;right:5px;}
@media screen and (max-width: 640px) { 
	.item_485 ul.item_485_product{ padding: 0 10px;}
	.item_485 ul.item_485_product li{padding:10px 5px;}
}

/* 元件489 美體小舖分店搜尋 */
/* it489_default */
.bodyshop_storebox{width: 100%;margin: 0 auto;}
.bodyshop_storebox .bodyshop_store{width: 100%; margin: 10px auto; font-size: 15px;padding: 0 10px; line-height: 30px; color: #000;display: inline-block;}
.bodyshop_storebox .bodyshop_store span{float: left;display: none;}
.bodyshop_storebox .bodyshop_store .bodyshop_select{width:100%;margin:10px auto;}
.bodyshop_select{ border: 1px solid #000; padding: 0 5px;}
.bodyshop_select select{ width: 100%; border: 0px solid #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(images/icon-arrow-down.svg) no-repeat center right; background-size:11px 7px; padding: 6px 40px 6px 2px; text-align: left; font-size:13px; line-height:13px; color: #000; }
.bodyshop_storebox .bodyshop_store .bodyshop_form{float:right;padding: 6px 4px;height: 30px;width: 60px;display: none;}
.bodyshop_storebox .bodyshop_store .bodyshop_form_chick span{background-color:#151515;}
.bodyshop_storebox .bodyshop_store .bodyshop_form span{border: 1px solid #151515;display: block;margin: 1px;}
.bodyshop_storebox .bodyshop_store .bodyshop_form .bodyshop_formlist,.bodyshop_storebox .bodyshop_store .bodyshop_form .bodyshop_formimg{width:18px; height: 18px;float:left;margin: 0 4px;text-align: center;cursor: pointer;}
.bodyshop_storebox .bodyshop_store .bodyshop_form .bodyshop_formlist:hover span,.bodyshop_storebox .bodyshop_store .bodyshop_form .bodyshop_formimg:hover span{background-color:#151515;}
.bodyshop_storebox .bodyshop_store .bodyshop_form .bodyshop_formlist span{width: 16px; height: 4px; }
.bodyshop_storebox .bodyshop_store .bodyshop_form .bodyshop_formimg span{display:inline-block;width: 7px; height: 7px;}
.bodyshop_store_img{width: 100%; flex-wrap: wrap; display: inline-flex;}
.bodyshop_store_img .bodyshop_store_imgbox{width:50%;padding: 10px; }
.bodyshop_store_img .bodyshop_store_imgbox .store_imgbox{width:100%;padding: 20px 15px; height: 100%; background-color: #f5f5f5;    display: flex;}
.store_imgbox .store_imgbox_l{width:208px;height: 208px; border: 1px solid #e3e3e3; background: url(images/body-shop-icons-store-bg.svg) center no-repeat; background-size: 85%;overflow: hidden;text-align: center;}
.store_imgbox .store_imgbox_l img{width:auto;height: 100%; display:block; margin: 0 auto;}
.store_imgbox .store_imgbox_r{padding: 20px;color: #000;float: left;letter-spacing: 2px;max-width: 340px;    align-self: top;}
.store_imgbox .store_imgbox_r .store_imgbox_title{width: 100%; height: 20px; overflow: hidden;margin-bottom: 15px;}
.store_imgbox .store_imgbox_r .store_imgbox_title h3{float:left;font-size:16px;line-height: 20px;}
.store_imgbox .store_imgbox_r .store_imgbox_title span{width: auto;height: 20px;font-size: 13px; line-height: 18px; border: 1px solid #e3e3e3; background-color: #f0f0f0; color: #929292; text-align: center;margin-left: 10px;display: block;    float: left; padding: 0 5px;}
.store_imgbox .store_imgbox_r .store_imgbox_deta{width: 100%; height: auto; margin-bottom:5px;font-size: 13px; line-height: 20px;}
.store_imgbox .store_imgbox_r .store_imgbox_deta2{width: 100%; height: 40px; overflow: hidden;margin-bottom:8px;font-size: 13px; line-height: 20px;}
.store_imgbox .store_imgbox_r .store_imgbox_deta2 span{display: block;float: left;height: 40px; margin-right: 5px}
.store_imgbox .store_imgbox_r a.bs_storemap{margin:0;}
.bodyshop_storebox a.bs_storemap{width:60px;height:25px; display: block; background-color: #151515; text-align: center; font-size: 13px; line-height: 25px;color: #fff;margin: 0 auto;text-decoration: none;}
a.tbs_button{border: 2px solid #151515;padding: 9px 25px; font-size: 14px; line-height: 40px; color: #000;text-decoration: none;margin: 0 auto; font-weight: bold; letter-spacing: 1px;}
a.tbs_button:hover{background-color: #fff; color: #000;text-decoration: none;}
@media screen and (max-width:1024px) { 
	.bodyshop_store_img .bodyshop_store_imgbox{width:100%;}
}

/* 元件504 商品推薦*/
/* it504_default */
.it504{ max-width:1200px; margin:0 auto; margin-bottom: 20px;}
.it504 .it504_box{ width:100%; height:auto; position:relative;}
.it504 .item{ margin: 0 auto; max-width: 250px; width: 100%; padding: 0 10px;}
h2.it504_p_name{ display:block; width:100%; font-size:15px; line-height:20px; color:#333; height:40px; overflow:hidden; margin-top:10px; text-align:left;}
h2.it504_p_name a{ font-size:15px; line-height:20px; color:#333;}
h2.it504_p_name a:hover{ font-size:15px; line-height:20px; color:#54565b;}
.it504_p_price{ text-align:right;}
.it504_p_price > span{ font-size:15px; line-height:20px;}
.it504_p_price > span:first-child{ text-decoration:line-through;}
.it504_p_price > span:last-child{ margin-left:15px;}
.it504_p_price .o_price{ font-size:18px; line-height:20px;}
.it504_box .owl-carousel{ position:static;}
.it504_box .owl-stage-outer{ z-index:777;}
.it504_box .owl-controls{ width:100%; height:80px; position:absolute; left:0; top:50%; margin-top:-15px;}
.iit504_box .owl-controls .owl-nav{ position:relative; z-index:778;}
.it504_box .owl-controls .owl-prev,.it504_box .owl-controls .owl-next{ width:30px; height:30px; position:absolute; top:0; text-indent:-9999px; overflow:hidden; white-space:nowrap; z-index:800;}
.it504_box .owl-controls .owl-prev{ left:0; background:url(images/it504_arrow_L.svg) left top no-repeat !important; background-size:30px auto !important;}
.it504_box .owl-controls .owl-next{ right:0; background:url(images/it504_arrow_R.svg) right top no-repeat !important; background-size:30px auto !important;}
@media screen and (max-width:1200px) {
	.it504_box{ padding:0 30px;}
}

/* 元件508 拉霸機*/
/* it508_default */
.item_508 { background-repeat:repeat; padding:20px 0; height: 100%; width: 100%; }
.item_508 .item_508_content { position:relative; width:320px; min-height: 100%!important; margin:auto; background-repeat:no-repeat; background-size:contain; }
.item_508 .slotmachineBg { position:absolute; width:245px; height:153px; left:40px; top:185px; background:url(../images/machine.png) no-repeat; background-size:contain; }
.item_508 .arrowLeft { position:absolute; left:12px; top:70px; }
.item_508 .arrowRight { position:absolute; right:12px; top:70px; }
.item_508 .arrowLeft img, .item_508 .arrowRight img { width:15px; }
.item_508 #slotmachineHandle { position:absolute; width:47px; height:180px; left:265px; top:175px; z-index:999; cursor:pointer; background:url(../images/bar01.png) no-repeat center top; background-size:contain; }
.item_508 #slotmachineHandle.press { background:url(../images/bar02.png) no-repeat center 75px; background-size:contain; }
.item_508 #slotmachineHandle a { display:block; width:47px; height:180px; }
.item_508 .prizeRow { position:absolute; top:52px; left:24px; }
.item_508 .prize { display:inline-block; margin-right:12px; }
.item_508 #randomize { height: 400px; border-bottom: 10px solid rgb(72, 158, 48); background-color: #EB6B56; border-top: 20px dotted #B8312F; }
.item_508 #randomize .row > div.col-xs-4 { padding-left: 35px; }
.item_508 #randomize .row > div.col-xs-4 > div { padding-top: 40px; padding-left: 40px; width: 175px; height: 175px; background-color: #fff; border-radius: 50%; margin: auto; }
.item_508 .randomizeMachine { width: 51px; height: 51px; }
.item_508 .randomizeMachine img { width:100%; }
.item_508 .prompt{ background: rgba(0,0,0,.5); font-size:15px; line-height:18px; width: 100%; top: 450px; color: #fff; font-weight: bold; text-align: center; padding:10px; letter-spacing: 1px; margin-top:165px; }
.item_508 .fbLink { font-size:15px; line-height:40px; margin-top: 15px; width:100%;}
.item_508 .fbLink a{ display: block; width:100%; font-size:15px; line-height:40px; text-align: center; color: #fff; background:#3b5998;}
.item_508 .fbLink a span{ padding:0 3px;}
.item_508 .fbLink a:hover{ background:#4161a5;}
.item_508 .getAward { width:100%; font-size:15px; line-height:40px; text-align: center; color: #fff; background:#ac1e32; cursor:pointer; margin: 10px auto;}
.item_508 .getAward:hover{ background:#b72237;}
/*抽紅包*/
.item_508 .slotmachineBg2 { position:absolute; width:310px; height:295px; left:5px; top:185px; background:url(images/it508_red_01.png) center top no-repeat; background-size: 90%; }
.item_508 .slotmachineBg2_open{ background:url(images/it508_red_02.png) center top no-repeat; background-size: 90%;}
.item_508 .slotmachineHandle2 { position:absolute; width:100px!important; height:100px!important; left:35%!important; top:480px; z-index:99!important; cursor:pointer; background:url(images/it508_finger.svg) no-repeat center top!important; background-size: 65% !important; -webkit-animation: baloon_1 1.5s infinite; -moz-animation: baloon_1 1.5s infinite; -ms-animation: baloon_1 1.5s infinite; -o-animation: baloon_1 1.5s infinite; animation: baloon_1 1.5s infinite; }
@-webkit-keyframes baloon_1{
	0% { transform:translateY(0px);}
	50% {transform:translateY(30px);}
	100% {transform:translateY(0px);}
}
@-moz-keyframes baloon_1{
	0% { transform:translateY(0px);}
	50% {transform:translateY(30px);}
	100% {transform:translateY(0px);}
}
@-ms-keyframes baloon_1{
	0% { transform:translateY(0px);}
	50% {transform:translateY(30px);}
	100% {transform:translateY(0px);}
}
@-o-keyframes baloon_1{
	0% { transform:translateY(0px);}
	50% {transform:translateY(30px);}
	100% {transform:translateY(0px);}
}
@keyframes baloon_1{
	0% { transform:translateY(0px);}
	50% {transform:translateY(30px);}
	100% {transform:translateY(0px);}
}
.item_508 .slotmachineHandle2 a{ width:100px!important; height:100px!important;}
.item_508 .prompt2{ background:none; font-size:15px; line-height:20px; width: 125px; color:#ac1e32!important; font-weight: bold; text-align: center; padding: 15px 10px; letter-spacing: 0; margin-top: 49px; margin-left: 98px;}
.item_508 .fbLink2 { font-size:15px; line-height:45px; margin: 145px auto 0 auto; width:100%;}
.item_508 .fbLink a{ font-size:15px; line-height:45px;}
.item_508 .getAward2 { width:100%; font-size:15px; line-height:45px; letter-spacing: 1px; text-align: center; color: #fff; background:#ac1e32; cursor:pointer; margin: 15px auto;}

/* 元件519 進階搜尋*/
/* it519_default */
.item_519 { position:relative; font-size:13px; margin:20px 0; }
.item_519 .item_519_title { background-color:#e1e1e1; color:#000; padding:13px 20px; }
.item_519 .item_519_title h3 { text-align:center; margin:0; font-weight:bold; }
.item_519 .item_519_arrow { position:absolute; top:13px; right:20px; }
.item_519 i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transition:0.2s; }
.item_519 .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.item_519 .item_519_content { position:relative; padding:13px 0; display:none; }
.item_519 .content_row { position:relative; padding:13px 20px; background-color:#f7f7f7; margin-top:1px; }
.item_519 .content_row h3 { text-align:center; margin:0; font-weight:bold; }
.item_519 .slideContent { display:none; background-color:#000; padding:20px; }
.item_519 .checkbox_container { display: block; position: relative; padding-left: 25px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color:#FFF; line-height:16px; }
.item_519 .checkbox_container:last-of-type { margin:0; }
.item_519 .checkbox_container input { position: absolute; opacity: 0; }
.item_519 .checkmark { position: absolute; top: 0; left: 0; height: 15px; width: 15px; background-color: #000; border:2px solid #FFF; }
.item_519 .checkbox_container:hover input ~ .checkmark { background-color: #FFF; }
.item_519 .checkbox_container input:checked ~ .checkmark { background-color: #FFF; }
.item_519 .checkmark:after { content: ""; position: absolute; display: none; }
.item_519 .checkbox_container input:checked ~ .checkmark:after { display: block; }

/* 元件526 常見問題 */
/* it526_default */
.it526_search{ width:100%; height: auto; padding: 15px 20px; background: #f7f7f7;border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6; margin-bottom: 20px;}
.it526_search .it526_searchbox{ margin: 0 auto; max-width: 800px; height: auto; display: flex; align-items: center; background: #fff; border-radius: 45px; border: 1px solid #e6e6e6; padding-right: 10px;}
.it526_search .it526_searchbox input[type="text"]{ display: block; width:100%; height: 45px; border: 0; background: none; padding: 0 20px;}
.it526_search .it526_searchbox input[type="button"]{ display: block; width:45px; cursor: pointer; height: 45px; border: 0; background: url(images/it526_search.svg) no-repeat center; background-size: 20px; text-indent: -9999px;}
.it526_bread_crumbs{ padding: 10px; width: 100%; font-size: 13px; line-height: 13px; letter-spacing: 1px; }
.faq_it526_tab .f_it526_tabs { list-style: none; padding: 0; margin: 0; position: relative; text-align: center; }
#video_teaching .faq_it526_tab .f_it526_tabs { padding: 0 10px; text-align: left; }
.faq_it526_tab .f_it526_tabs li { display: inline-block; cursor: pointer; padding: 10px 15px; min-width: 75px; text-align: center; background: #fff; border: 1px solid #7b7b7b; margin: 0 10px; }
#video_teaching .faq_it526_tab .f_it526_tabs li{width:49%;}
.faq_it526_tab .f_it526_tabs li.active { background: #222; color: #fff; border: 1px solid #222; }
.faq_it526_tab .f_it526_tabs li.active a { color: #fff; }
.faq_it526_tab .f_it526_tab_container { margin-top: 20px; }
.faq_it526_tab .f_it526_tab_container img{ max-width: 100%; height: auto!important; }
.it526_sub { width: 100%; margin: 0; border-top: 1px solid #dfdfdf; }
.it526_sub .it526_qa_title { position: relative; background: #f7f7f7; padding: 15px 19px; font-weight: bold; cursor: pointer; }
.it526_sub .it526_qa_title:after { content: ''; position: absolute; right: 20px; top: 25px; display: inline-block; width: 14px; height: 8px; text-align: center; visibility:visible; background: url(images/it526_qa-arrow-doen.png) no-repeat; }
.it526_sub .it526_qa_title.active:after { content: ''; width: 14px; height: 8px; background: url(images/it526_qa-arrow-up.png) no-repeat; top: 20px; }
.it526_sub .it526_qa_content { display: none; padding: 19px; }
.it526_sub .it526_qa_content.active { display: block; }
@media screen and (max-width:810px) { 
	.it526_sub .it526_qa_title{ padding: 15px 39px 15px 19px;}
	.faq_it526_tab .f_it526_tabs li{ width:40%; margin:0 0 5px 0; }
	.faq_it526_tab .f_it526_tabs li:nth-child(3){ border-right:1px solid #7b7b7b;}
	.faq_it526_tab .f_it526_tabs li.active:nth-child(3){ border-right:1px solid #222;}
	.faq_it526_tab .f_it526_tabs li:nth-child(6){ padding:10px 0px;}
}
@media screen and (max-width:395px) { 
	.faq_it526_tab .f_it526_tabs li{ width:auto; display:block; padding: 20px 0;}
	.faq_it526_tab .f_it526_tabs li:nth-child(6){ padding:20px 0px;}
	.faq_it526_tab .f_it526_tabs li:nth-child(2){ border-right:1px solid #7b7b7b;}
	.faq_it526_tab .f_it526_tabs li.active:nth-child(2){ border-right:1px solid #222;}
	.faq_it526_tab .f_it526_tabs li:nth-child(4){ border-right:1px solid #7b7b7b;}
	.faq_it526_tab .f_it526_tabs li.active:nth-child(4){ border-right:1px solid #222;}
}
@media screen and (max-width:355px) { 
	.faq_it526_tab .f_it526_tabs li{ width:auto; display:block; padding: 10px 0;}
	.faq_it526_tab .f_it526_tabs li:nth-child(6){padding:10px 0px;}
	.faq_it526_tab .f_it526_tabs li:nth-child(2){ border-right:1px solid #7b7b7b;}
	.faq_it526_tab .f_it526_tabs li.active:nth-child(2){ border-right:1px solid #222;}
	.faq_it526_tab .f_it526_tabs li:nth-child(4){ border-right:1px solid #7b7b7b;}
	.faq_it526_tab .f_it526_tabs li.active:nth-child(4){ border-right:1px solid #222;}
}

/* 元件538 新品上市 */
/* it538_default */
.item_538 { position:relative; margin:20px 0; padding:0 15px 20px 15px; border-bottom:1px solid #e9e9e9; }
.item_538_top { margin-bottom:20px; }
.item_538_title { float:left; color:#4c5258; font-size:18px; letter-spacing:0.2px; line-height:26px; }
.item_538_title > img{ height: 24px; display: inline-block; float: left; margin-right: 10px;}
.item_538_more { float:right; }
.item_538_more a:link, .item_538_more a:visited { color:#5a5a5a; font-size:15px; letter-spacing:0.6px; line-height:25px; }
.item_538_more a:hover { color:#000; text-decoration:none; }
.item_538_title span { display:inline-block; color:#f73d3e; font-size:13px; font-weight:bold; padding:3px 16px; border:3px solid #f73d3e; border-radius:13px; margin-right:12px; }
.item_538_image { line-height:0; margin-bottom:15px; }
.item_538_image img { width:100%; }
.item_538_textBox { position:relative; }
.item_538_text_1 { font-size:28px; line-height:normal; color:#202528; letter-spacing: 0.3px; margin-bottom:10px; }
.item_538_text_1 a { font-size:30px; color:#1e1e1e; letter-spacing: 0.3px; }
.item_538_text_2 { font-size:15px; color:#5a5a5a; letter-spacing: 0.6px; line-height:22px; margin-bottom:30px; }
.item_538_text_3 a { font-size:16px; color:#231f20; letter-spacing: 0.2px; font-weight: bold; }
.item_538_text_3 a:hover { color:#000; text-decoration:none; }
.item_538 .owl-theme .owl-dots { position:absolute; bottom:0; right:0; }
.item_538 .owl-theme .owl-dots .owl-dot span { background: #bcbcbc; }
.item_538 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #222222; }

/* 元件540 產品列表*/
/* it540_default */
.item_540 { position:relative; margin:20px 0; padding:0 0 20px 0; }
.item_540_banner { position:relative; margin-bottom:15px; background-size: cover; height: 550px; background-position: center center; }
.item_540_banner_image img { width:100%; }
.item_540_banner_text { position:absolute; left:55%; top:10%; }
.item_540_banner_text_1 { font-size:30px; color:#202528; letter-spacing:0.3px; margin-bottom:10px; line-height:normal; text-overflow:ellipsis; overflow:hidden; }
.item_540_banner_text_2 { font-size:13px; color:#5a5a5a; line-height:normal; white-space:normal; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.item_540_contentBox { position:relative; border-bottom:1px solid #f4f4f4; margin-bottom:20px; padding-bottom:20px; }
.item_540_top { margin-bottom:20px; }
.item_540_title { float:left; color:#4c5258; font-size:18px; letter-spacing:0.2px; line-height:26px; }
.item_540_more { float:right; }
.item_540_more a:link, .item_540_more a:visited { color:#5a5a5a; font-size:15px; letter-spacing:0.6px; line-height:25px; }
.item_540_more a:hover { color:#000; text-decoration:none; }
.item_540_content { position:relative; padding:0 15px; }
.item_540_list { list-style:none; margin:0; padding:0; }
.item_540_list li { float:left; box-sizing: border-box; width:50%; padding:10px; }
.item_540_list_image { line-height:0; overflow:hidden; }
.item_540_list_image img { width:100%; transition:0.3s; }
.item_540_list_image a:hover img { transform: scale(1.05, 1.05); }
.item_540_text_1 {text-align:center; white-space:normal; height:50px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:10px; }
.item_540_text_1 a:link, .item_540_text_1 a:visited { font-size:15px; line-height:24px; letter-spacing:0.6px; color:#1e1e1e; }
.item_540_text_1 a:hover { color:#000; text-decoration:none; }
.item_540_text_2 { text-align:center; font-size:15px; color:#00d664; letter-spacing:0.6px; margin-bottom:10px; font-weight: 900; }
.item_540_text_2 span { margin-left:10px; color:#b4b4b4; text-decoration:line-through; }
.item_540_text_3 { text-align:center; }
.item_540_text_3 .item_540_list_label { display:inline-block; color:#FFF; border-radius:15px; padding:0 10px; font-size:12px; }
.item_540_text_3 .item_540_list_label.red { background-color:#ff414e; }
.item_540_text_3 .item_540_list_label.gray { background-color:#b1b7c0; }
@media screen and (max-width: 768px){
	.item_540_banner_text_1,.item_540_banner_text_2{ width:300px;}	
	.item_540_banner{ height: 352px;}
}
@media screen and (max-width: 767px) {
	.item_540_banner_text_1{font-size:22px;}
	.item_540_banner_text_1,.item_540_banner_text_2{ width:200px;}
}
@media screen and (max-width: 640px){
	.item_540_banner{ height: 293px;}
}
@media screen and (max-width: 480px){
	.item_540_banner_text_1{font-size:20px;}
	.item_540_banner_text_1,.item_540_banner_text_2{ width:150px;}	
	.item_540_banner{ height: 220px;}
}
@media screen and (max-width: 375px){
	.item_540_banner{ height: 172px;}
}
@media screen and (max-width: 350px){
	.item_540_banner{ height: 160px;}
}
@media screen and (max-width: 320px){
	.item_540_banner_text_1{font-size:18px;}
	.item_540_banner_text_1,.item_540_banner_text_2{ width:130px;}
	.item_540_banner{ height: 147px;}
}

/* 元件550 商品詳細－商品問與答 */
/* it550_default */
.it550 .qa_after .qaAsk_title{ text-align:center; margin-bottom: 15px;}
.it550 .qa_before{ width: 100%; height: auto; padding: 20px; text-align: center;}
.it550 .qa_before h3{ font-size: 16px; line-height: 25px; min-height:30px; margin-bottom: 20px;}
.it550 .qa_before a,.it550 .qaAsk_content a.qaAsk_btn{ display:inline-block; width:150px; font-size: 16px; line-height: 40px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.it550 .qaAsk_content{ text-align:center; margin-bottom: 30px;}
.it550 .qa_after table,.it550 .qa_after tr,.it550 .qa_after td{ border:0 !important; padding: 15px !important; }
.it550 .qa_after td > div{ padding-top:10px; color: #999;}
.it550 .qa_after tr:nth-child(1){ background:#eee;}
.it550 .qa_after tr{ border-bottom:1px solid #eee !important;}
.it550 .qa_after td span{ display:block; width: 100%; height: auto; border-radius:20px; line-height: 20px; color: #fff; background-color:#222;}
.it550 .qa_after table{ margin-bottom:30px;}
.it550 .qa_bottom{ width:100%; padding: 0 15px;}
.it550 .qa_bottom_in{ border:1px solid #ececec; text-align: right; padding: 10px;}
.it550 .qa_bottom_in > span{ color:#888;}
.it550 .qa_bottom textarea{ width:100%; border:0 !important; overflow-y: hidden; height: 150px;}
.it550 .qa_bottom_btn{ width:315px; height: auto; margin: 0 auto; padding-top: 20px; margin-bottom: 30px;}
.it550 .qa_bottom_btn input{ display:inline-block; width:150px; height: 40px; font-size: 16px; color: #fff; border:0; cursor: pointer; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.it550 .qa_bottom_btn input:first-child{ background-color: #cdcdcd;}
.it550 .qa_bottom_btn input:last-child{ margin-left:15px;}
@media screen and (max-width:420px) { 
	.it550 .qa_bottom_btn{ width:255px;}
	.it550 .qa_bottom_btn input{width:120px;}
}

/* 元件552 文章列表頁 */
/* 元件552_default */
.it552_default .it552_filter { text-align:right; margin-bottom:10px;}
.it552_default .it552_filter_content { max-width:1200px; margin:auto;}
.it552_default .it552_filter .it552_filter_select { margin-right:10px; box-sizing:border-box; height:40px; padding:0px 15px; color:#999; font-size:14px; border:1px solid #ddd;}
.it552_default .it552_filter .it552_filter_btn { display:inline-block; height:40px; margin-right:10px; border:none; cursor:pointer; font-size:14px; background-color:#036eb7; color:#FFF; padding:0 15px; vertical-align:bottom;}
.it552_default .it552_box{ max-width:1200px; height: auto; text-align: center; margin: 0 auto;}
.it552_default .it552_box .it552_list{ width:100%; height: auto; text-align: left;}
.it552_default .it552_list_flex { display: flex; justify-content: space-between; flex-flow: row wrap;}
.it552_default .it552_box .it552_list > ul{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it552_default .it552_box .it552_list > ul > li{ display:block; float: left; flex: 0 33.3%; padding: 10px; margin:0;}
.it552_default .it552_style{ width:auto; height: auto; padding: 15px; position:relative; box-sizing:border-box; background-color:#FFF; border:1px solid #ececec;transition: all .3s;}
.it552_default .it552_style:hover{border:1px solid #bbbbbb;}
.it552_default .it552_style a{ margin-bottom:10px; overflow: hidden; position: relative;}
.it552_default .it552_style a,.it552_default .it552_style img{ display:block; width: 100%; height: auto;}
.it552_default .it552_style img{ width: 100%; height:227px; transition: all 0.5s;}
.it552_default .it552_play{ display:block; width: 40px; height: 40px; background:url(images/it552_play.svg) center no-repeat; background-size: 40px; position: absolute; top:50%; left: 50%; margin-left: -20px; margin-top: -20px; text-indent: -9999px; z-index: 10; opacity: .8;}
.it552_default .it552_imageLink { position:relative; width:340px; height:277px; overflow:hidden;}
.it552_default .it552_date{ width:48px; height:54px; background:url(../images/it552_dateBg.png) no-repeat; position:absolute; right:10px; top:10px;}
.it552_default .it552_date span{ display: block; width: 100%; font-size:13px; line-height:13px; color: #333333; text-align: center; letter-spacing:1.2px; margin-top:10px;}
.it552_default .it552_date h5{ display: block; width: 100%; font-size:20px; line-height:20px; color: #333333; text-align: center;}
.it552_default .it552_word a:link, .it552_default .it552_word a:visited { font-size:16px; line-height:32px; color:#333333; display:inline;}
.it552_default .it552_word a:hover, .it552_default .it552_word a:focus { color:#036eb7;}
.it552_default .it552_word { margin-bottom:25px; font-weight:normal; height:63px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.it552_default .it552_classify { display:inline-block; margin-right:15px; background-color:#036eb7; color:#FFF; font-size:15px; line-height:15px; padding:10px 12px;}.it552_mark{ display:inline-block; padding: 0 15px; height: 25px; font: 13px/25px Arial, Helvetica, sans-serif; color: #fff; background: #a28af6; position: absolute; left: 0; z-index: 11;}
.it552_default .it552_bottom_icon li{ float:left; font: 16px/22px Arial, Helvetica, sans-serif; color: #333333;}
.it552_default .it552_bottom_icon li > a, .it552_default .it552_bottom_icon li > span{ text-indent:-9999px;}
.it552_default .it552_bottom_icon li.it552_share{ position:relative;}
.it552_default .it552_share_open{ position:absolute; left: 50px; top: 0; height: 22px; border-left: 1px #dddddd solid; width: 0; opacity: 0; overflow: hidden;}
.it552_default .it552_share_open ul li{ float: left; margin-left: 8px;}
.it552_default .it552_share_open ul li a{ display:block; width: 22px; height: 22px;}
.it552_default .it552_share_open ul li:nth-child(1) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sline.svg) center no-repeat; background-size: 22px;}
.it552_default .it552_share_open ul li:nth-child(2) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sgoogle.svg) center no-repeat; background-size: 22px;}
.it552_default .it552_share_open ul li:nth-child(3) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sfb.svg) center no-repeat; background-size: 22px;}
.it552_default .it552_active{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 94px; opacity: 1;}
.it552_default .it552_bottom_icon li.it552_share{ width:22px;}
.it552_default .it552_bottom_icon li.it552_share:hover{ width: 80px; background: transparent; bottom: 0px;}
.it552_default .it552_bottom_icon li.it552_share > a{ display:block; width: 22px; height: 22px; background:url(images/it552_share_o.png) center no-repeat; background-size: 22px; margin-left: 15px;}
.it552_default .it552_bottom_icon li.it552_share > a{ display:block; width: 22px; height: 22px; margin-left: 15px;}

.it552_default .it552_bottom_icon li.it552_share:hover > a{ background:url(images/it552_share_x.png) center no-repeat; background-size: 22px;}
.it552_default .it552_bottom_icon li.it552_view span{ display:inline-block; width: 22px; height: 22px; background:url(images/it552_view.png) center no-repeat; background-size: 22px; margin-right: 5px;}
.it552_default .it552_bottom_icon li.it552_like a{ display:block; width: 22px; height: 22px; background:url(images/it552_heart_x.png) center no-repeat; background-size: 22px; margin-left: 15px; margin-right: 5px;}
.it552_default .it552_bottom_icon li.it552_like a:hover{ background:url(images/it552_heart_o.png) center no-repeat; background-size: 22px;}
.it552_default .it552_bottom_icon li.it552_like_active a{ background:url(images/it552_heart_o.png) center no-repeat; background-size: 22px;}
.it552_default .set_PageNumberBox { clear:both; text-align:center;}
.it552_default .set_PageNumberBox ul { list-style:none; margin:0; padding:0;}
.it552_default .set_PageNumberBox ul li { display:inline-block; vertical-align:top; width:40px; height:40px; text-align:center; line-height:40px; font-size:13px;}
.it552_default .set_PageNumberBox ul li.dis { background-color: #ffffff; border: solid 1px #dddddd;}
@media screen and (max-width: 1200px) {
	.it552_default .it552_box .it552_list > ul > li{flex:0 50%;}
}
@media screen and (max-width: 768px) {
	.it552_default .it552_box .it552_list > ul > li{flex:100%;}
}

/* it552_hastag */
.it552_hastag ul.it552_top{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; position: relative;}
.it552_hastag ul.it552_top li.it552_tag{flex:1.2;position: relative;height:100%;}
.it552_hastag ul.it552_top li.it552_tag.it552_tag_hide{height:42px;overflow: hidden;}
.it552_hastag ul.it552_top li.it552_filter{flex:.35;}
.it552_hastag .it552_tag_per .it552_tag_item{float: left; width: auto;}
.it552_hastag .it552_tag > ul{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.it552_hastag .it552_tag_per a{float: left;width: auto;}
.it552_hastag .it552_tag a, .it552_hastag .it552_tag_per a, .it552_hastag .it552_tag_more{margin-left:5px; margin-bottom:9px; font-size:15px; text-decoration: none; border:2px solid #ddd; display: block; padding:3px 6px; background-color: #fff; text-align: center; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px;}
.it552_hastag .it552_tag_per a:first-of-type{margin-left:0;}
.it552_hastag .it552_tag .it552_tagbox > li.active a, .it552_hastag .it552_tag_per a.it552_tag_item_active{ background-color: #222; color:#fff; border-color: #222;}
.it552_hastag .it552_tag > ul.show-more-height{height:auto;}
.it552_hastag .it552_tag_more{ cursor: pointer; position: absolute; top:0; right:0; width:34px;}
.it552_hastag .it552_filter { text-align:right; margin-bottom:10px;}
.it552_hastag .it552_filter_content { max-width:1200px; margin:auto;}
.it552_hastag .it552_filter .it552_filter_select { margin-right:10px; box-sizing:border-box; height:40px; padding:0px 15px; color:#999; font-size:14px; border:1px solid #ddd;}
.it552_hastag .it552_filter .it552_filter_select:last-of-type{margin-right:0;}
.it552_hastag .it552_filter .it552_filter_btn { display:inline-block; height:40px; margin-right:10px; border:none; cursor:pointer; font-size:14px; background-color:#036eb7; color:#FFF; padding:0 15px; vertical-align:bottom;}
.it552_hastag .it552_box{ max-width:1200px; height: auto; text-align: center; margin: 0 auto; padding:0;}
.it552_hastag .it552_box .it552_list{ width:100%; height: auto; text-align: left;}
.it552_hastag .it552_list_flex { display: flex; justify-content: space-between; flex-flow: row wrap;}
.it552_hastag .it552_box .it552_list > ul{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it552_hastag .it552_box .it552_list > ul > li{flex: 0 33.3%; padding: 10px; display:block; float: left;}
.it552_hastag .it552_style{ width:auto; height: auto; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; position:relative; box-sizing:border-box; background-color:#FFF; border:1px solid #ececec;transition: all .3s;}
.it552_hastag .it552_style:hover{border:1px solid #bbbbbb;}
.it552_hastag .it552_style a{ margin-bottom:10px; overflow: hidden; position: relative;}
.it552_hastag .it552_style a,.it552_hastag .it552_style img{ display:block; width: 100%; height: auto;}
.it552_hastag .it552_style img{ width: 100%; height:auto; position: absolute; top:50%; transform: translateY(-50%); transition: all 0.5s;}
.it552_hastag .it552_play{ display:block; width: 40px; height: 40px; background:url(images/it552_play.svg) center no-repeat; background-size: 40px; position: absolute; top:50%; left: 50%; margin-left: -20px; margin-top: -20px; text-indent: -9999px; z-index: 10; opacity: .8;}
.it552_style a.it552_image{height:200px;position: relative;}
.it552_hastag .it552_imageLink { position:relative; width:340px; height:277px; overflow:hidden;}
.it552_hastag .it552_date{ position:absolute; z-index: 1;background: #fff;-moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; width:50px; height:50px;border: 1px solid #ddd;top:5px;right:5px;}
.it552_hastag .it552_date span{ display: block; width: 100%; font-size:13px; line-height:13px; color: #333333; text-align: center; letter-spacing:1.2px; margin-top:10px;}
.it552_hastag .it552_date h5{ display: block; width: 100%; font-size:20px; line-height:20px; color: #333333; text-align: center;}
.it552_hastag .it552_word a:link, .it552_hastag .it552_word a:visited { font-size:16px; line-height:32px; color:#333333; display:inline;}
.it552_hastag .it552_word a:hover, .it552_hastag .it552_word a:focus { color:#036eb7;}
.it552_hastag .it552_word { margin-bottom:10px; font-weight:normal; height:35px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.it552_hastag .it552_nodata{text-align: center;padding:20px 0;font-size:20px;}
.it552_hastag .it552_classify { display:inline-block; margin-right:15px; background-color:#d70110; color:#FFF; font-size:15px; line-height:15px; padding:10px 12px;}.it552_mark{ display:inline-block; padding: 0 15px; height: 25px; font-size:13px; line-height:25px; color: #fff; background: #a28af6; position: absolute; left: 0; z-index: 11;}
.it552_hastag .it552_bottom_icon li{ float:left; font-size:16px; line-height:22px; color: #333333;}
.it552_hastag .it552_bottom_icon li > a, .it552_hastag .it552_bottom_icon li > span{ text-indent:-9999px;}
.it552_hastag .it552_bottom_icon li.it552_share{ position:relative;}
.it552_hastag .it552_share_open{ position:absolute; left:50px; top: 0; height: 22px; border-left: 1px #dddddd solid; width: 0; opacity: 0; overflow: hidden;}
.it552_hastag .it552_share_open ul li{ float: left; margin-left: 8px;}
.it552_hastag .it552_share_open ul li a{ display:block; width: 22px; height: 22px;}
.it552_hastag .it552_share_open ul li:nth-child(1) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sline.svg) center no-repeat; background-size: 22px;}
.it552_hastag .it552_share_open ul li:nth-child(2) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sgoogle.svg) center no-repeat; background-size: 22px;}
.it552_hastag .it552_share_open ul li:nth-child(3) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sfb.svg) center no-repeat; background-size: 22px;}
.it552_hastag .it552_active{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 94px; opacity: 1;}
.it552_hastag .it552_bottom_icon li.it552_share{ width:22px;}
.it552_hastag .it552_bottom_icon li.it552_share:hover{ width:121px;}
.it552_hastag .it552_bottom_icon li.it552_share > a{ display:block; width: 22px; height: 22px; background:url(images/it552_share_o.png) center no-repeat; background-size: 22px; margin-left: 15px;}
.it552_hastag .it552_bottom_icon li.it552_share:hover > a{ background:url(images/it552_share_x.png) center no-repeat; background-size: 22px;}
.it552_hastag .it552_bottom_icon li.it552_view span{ display:inline-block; width: 22px; height: 22px; background:url(images/it552_view.png) center no-repeat; background-size: 22px; margin-right: 5px;}
.it552_hastag .it552_bottom_icon li.it552_like a{ display:block; width: 22px; height: 22px; background:url(images/it552_heart_x.png) center no-repeat; background-size: 22px; margin-left: 15px; margin-right: 5px;}
.it552_hastag .it552_bottom_icon li.it552_like a:hover{ background:url(images/it552_heart_o.png) center no-repeat; background-size: 22px;}
.it552_hastag .it552_bottom_icon li.it552_like_active a{ background:url(images/it552_heart_o.png) center no-repeat; background-size: 22px;}
.it552_hastag .set_PageNumberBox { clear:both; text-align:center;}
.it552_hastag .set_PageNumberBox ul { list-style:none; margin:0; padding:0;}
.it552_hastag .set_PageNumberBox ul li { display:inline-block; vertical-align:top; width:40px; height:40px; text-align:center; line-height:40px; font-size:13px;}
.it552_hastag .set_PageNumberBox ul li.dis { background-color: #ffffff; border: solid 1px #dddddd;}
@media screen and (max-width: 1200px) {
	.it552_hastag .it552_box .it552_list > ul > li{flex:0 50%;}
	.it552_hastag ul.it552_top{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.it552_hastag ul.it552_top li.it552_tag{order:2;-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;margin-right: 5px;}
	.it552_hastag .it552_tag > ul{max-width:calc(100% - 43px)}
	.it552_hastag ul.it552_top li.it552_filter{order:1;flex:100%;}
	.it552_hastag .it552_filter .it552_filter_select:last-of-type{margin-right:10px;}
}
@media screen and (max-width: 768px) {
	.it552_hastag .it552_box .it552_list > ul > li{flex:100%;}
}

/* 元件553 文章列表頁 */
/* it553_default */
.it553 { margin:auto;}
.it553_box{ background:#FFF; margin:0 10px 30px 10px; padding:20px; box-sizing: border-box; border:1px solid #ececec;}
.it553_classify { font-size:18px; line-height:normal; color:#036eb7; margin:20px 0 5px 20px;}
.it553_imgbox { max-width: 1160px; height: 400px; position: relative; background: #fff; font-size: 14px; color:#000; margin: 0 auto; margin-bottom: 111px; padding: 0;}
.it553_imgbox .swiper-container { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.it553_imgbox .gallery-top { height: 100%; width: 100%; }
.it553_imgbox .swiper-slide { background-size: contain; background-position: center top; background-repeat: no-repeat;}
.it553_imgbox .gallery-thumbs { height: 30%; box-sizing: border-box; padding: 10px 0;}
.it553_imgbox .gallery-thumbs .swiper-slide { width: 25%; height: 100%;  opacity: 0.4;}
.it553_imgbox .gallery-thumbs .swiper-slide-active { opacity: 1;}
.it553_vediobox { max-width: 600px; height: auto; position: relative; background: #fff; font-size: 14px; color:#000; margin: 0 auto; padding: 0; margin-bottom: 20px;}
.it553_vediobox img{ width: 100%; max-width: 1280px; height: auto; margin: 0 auto;}
.it553_play{ display:block; width: 40px; height: 40px; background:url(images/it513_play.svg) center no-repeat; background-size: 40px; position: absolute; top:50%; left: 50%; margin-left: -20px; margin-top: -20px; text-indent: -9999px; z-index: 10; opacity: .8;}
.it553_detail{ padding:0 0 15px 0; border-bottom: 1px solid #dddddd; margin: 0 auto;}
.it553_detail,.it553_detail p{ color: #333333; font-size:16px; line-height:26px; letter-spacing:1.6px;}
.it553_detail img{ width:100%; max-width: 100%; height: auto!important; margin: 15px 0;}
.it553_tag{ width: 100%; padding: 25px 0 10px 0;}
.it553_tag a:link{ display:inline-block; font-size:15px; line-height:25px; color: #fff !important; margin-right:12px; background: #036eb7; padding: 5px 12px; margin-bottom: 12px;}
.it553_tag a:visited{ display:inline-block; font-size:15px; line-height:25px; color: #fff !important; margin-right:12px; background: #036eb7; padding: 5px 12px; margin-bottom: 12px;}
.it553_tag a:hover,.it553_tag a:active{ background: #0466a9; color: #fff !important;}
.it553_source,.it553_source p{ font-size:14px; line-height:25px; color: #999999;}
.it553_title { width:100%; margin-bottom: 30px;}
.it553_title > ul > li:nth-child(1){ margin-bottom:10px;}
.it553_title > ul > li:nth-child(2) h1{ display: block; width: 100%; font-size:30px; line-height:34px; color: #222; margin-bottom: 15px;}
.it553_title > ul > li:nth-child(2) span,.it553_title > ul > li:nth-child(2) a,.it553_title > ul > li:nth-child(2) a:hover{ font-size:13px; line-height:22px; color: #a28af7;}
.it553_title h5{ display: block; width: 110px; height: 54px; position: relative; background: linear-gradient(to right, #18b7cd 0%,#036eb7 100%); color:#FFF;  font-weight:normal;}
.it553_title h5 span:first-child { position: absolute; left:15px; top: 9px; font-size:13px; line-height:normal;}
.it553_title h5 span:nth-child(2) { position: absolute; left:13px; bottom: 3px; font-size:17px; letter-spacing:1.1px; line-height:normal;}
.it553_title h5 span:last-child { position: absolute; right:15px; top: 10px; font-size:40px; line-height:33px;}
.it552_bottom_icon.it553_share { float:right;}
.it552_bottom_icon.it553_share li { float:none; display:inline-block; vertical-align:middle;}
.it552_bottom_icon.it553_share li.it552_share > a { margin:0; float:right;}
.it552_bottom_icon.it553_share li.it552_view span { margin-left:15px;}
.it552_bottom_icon.it553_share .it552_share_open { left:-20px; border-right: 1px #dddddd solid; border-left:0; height:33px;}
.it552_bottom_icon.it553_share .it552_active { width:110px;}
.it553_related{ width: 100%; text-align: center; margin: 0 auto; margin-bottom: 20px;}
.it553_related h3.title{ display: inline-block; font-size:30px; line-height:50px; color: #222; font-weight: bold;}
.it553_related_product{ width:100%; height:auto; padding:15px 60px; position:relative; background: #f6f6f6; margin:30px 0; overflow: hidden;}
.it553_related_product .owl-stage-outer{ z-index:777;}
.it553_related_product .owl-controls{ width:100%; height:332px; position:absolute; left:0; top:0; z-index:775;}
.it553_related_product .owl-controls .owl-nav{ position:relative;}
.it553_related_product .owl-controls .owl-prev,.it553_related_product .owl-controls .owl-next{ width:40px; height:332px; position:absolute; top:0; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:800; -webkit-transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out; opacity: 0.3;}
.it553_related_product .owl-controls .owl-prev:hover,.it553_related_product .owl-controls .owl-next:hover{ filter:alpha(opacity=50); opacity:1;}
.it553_related_product .owl-controls .owl-prev{ left:0; background:url(images/skm_p_arrow.svg) no-repeat 0px; center #666666; background-size:80px auto; }
.it553_related_product .owl-controls .owl-next{ right:0; background:url(images/skm_p_arrow.svg) no-repeat -40px; center #666666; background-size:80px auto;}
.related_product{ max-width:200px; margin: 0 auto; text-align: center;}
.related_product .p_img{ width:100%; margin-bottom: 10px;}
.related_product .p_img a{ display:block; width:100%; height:auto;}
.related_product .p_img a img{ display:block; width:100%; height:auto;}
.related_product .p_content{ width: 100%;}
.related_product .p_word{ font-size:15px; line-height:24px; color:#333;}
.related_product .p_name{ margin-bottom:10px;}
.related_product .p_name a{ display: block; width: 100%; height: 48px; font-size:15px; line-height:24px; color:#333; overflow: hidden;}
.related_product .p_brand{ display: inline-block; font-size:11px; line-height:20px; color: #222; height: 20px; overflow: hidden; margin-bottom: 10px;}
.othernews_p{ padding: 15px; background: #fff;border:1px solid #ececec;transition: all .3s;}
.othernews_p:hover{border:1px solid #bbbbbb;}
.othernews_p a{ margin-bottom:10px; overflow: hidden;}
.othernews_p a,.othernews_p img{ display:block; width: 100%; height: auto;}
.othernews_p img{ max-width: 100%; transition: all 0.5s;}
.othernews_p:hover img{ opacity: .8; transform: scale(1.1);}
.it479_date{ width:40px; height: auto; padding:5px; background:#222222;}
.it479_date span{ display: block; width: 100%; font-size:11px; line-height:18px; color: #fff; text-align: center;}
.it479_date h5{ display: block; width: 100%; font-size:20px; line-height:25px; color: #fff; border-top: 1px solid #808080; text-align: center;}
.it479_word a:link, .it479_word a:visited{ text-align:left; margin:0; font-size:16px; line-height:25px; color: #333333; height: 50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.it479_word a:hover { color:#036eb7;}
.othernews_p ul li:first-child{ float: left; width: 40px;}
.othernews_p ul li:last-child{ margin-left: 55px; width: auto;}
.it553_othernews{ width: 100%; text-align: center; margin: 0 auto; padding-bottom: 20px;}
.it553_othernews h3.title{ display: inline-block; font-size:26px; line-height:50px; color: #333333; font-weight: bold;}
.it553_othernews_product{ width:100%; height:auto; padding:20px 40px; position:relative; overflow: hidden;}
.it553_othernews_product .owl-stage-outer{ z-index:777;}
.it553_othernews_product .owl-controls{ width:100%; height:285px; position:absolute; left:0; top:0; z-index:775;}
.it553_othernews_product .owl-controls .owl-nav{ position:relative;}
.it553_othernews_product .owl-controls .owl-prev,.it553_othernews_product .owl-controls .owl-next{ width:40px; height:260px; position:absolute; top:0; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:800; -webkit-transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out; opacity: 1;}
.it553_othernews_product .owl-controls .owl-prev:hover,.it553_othernews_product .owl-controls .owl-next:hover{ filter:alpha(opacity=50); opacity:0.5;}
.it553_othernews_product .owl-controls .owl-prev{ left:0; background:url(images/skm_p_arrow2.svg) no-repeat 0px; center; background-size:80px auto; }
.it553_othernews_product .owl-controls .owl-next{ right:0; background:url(images/skm_p_arrow2.svg) no-repeat -40px; center; background-size:80px auto;}
.it552_bottom_icon{ float:left;}
.it552_bottom_icon li{ float:left; font-size:14px; line-height:22px; color: #222;}
.it552_bottom_icon li > a,.it552_bottom_icon li > span{ text-indent:-9999px;}
.it552_bottom_icon li.it552_share{ position:relative;}
.it552_share_open{ position:absolute; right:30px; top: 0; height: 22px; width: 0; opacity: 0; overflow: hidden;}
.it552_share_open ul li{ float: left; margin-right: 8px;}
.it552_share_open ul li a{ display:block; width: 22px; height: 22px;}
.it552_share_open ul li:nth-child(1) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sline.svg) center no-repeat; background-size: 22px;}
.it552_share_open ul li:nth-child(2) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sgoogle.svg) center no-repeat; background-size: 22px;}
.it552_share_open ul li:nth-child(3) a{ display:block; width: 22px; height: 22px; background:url(images/it552_sfb.svg) center no-repeat; background-size: 22px;}
.it552_active{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 94px; opacity: 1;}
.it552_bottom_icon li.it552_share{ width:22px;}
.it552_bottom_icon li.it552_share:hover{ width:121px;}
/* .it552_bottom_icon li.it552_share > a{ float: right; display:block; width: 22px; height: 22px; background:url(images/it552_share_o.svg) center no-repeat; background-size: 22px;} */
/* .it552_bottom_icon li.it552_share:hover > a{ background:url(images/it552_share_x.svg) center no-repeat; background-size: 22px;} */
.it552_bottom_icon li.it552_view span{ display:inline-block; width: 22px; height: 22px; background:url(images/it552_view.svg) center no-repeat; background-size: 22px; margin-left: 10px; margin-right: 5px;}
.it552_bottom_icon li.it552_like a{ display:block; width: 22px; height: 22px; background:url(images/it552_heart_x.svg) center no-repeat; background-size: 22px; margin-left: 10px; margin-right: 5px;}
.it552_bottom_icon li.it552_like a:hover{ background:url(images/it552_heart_o.svg) center no-repeat; background-size: 22px;}
.it552_bottom_icon li.it552_like_active a{ background:url(images/it552_heart_o.svg) center no-repeat; background-size: 22px;}
@media screen and (max-width:1024px) {
	.it553_imgbox{ height: 420px;}
}
@media screen and (max-width:480px) {
	.it553_imgbox{ height: 250px;}
}

/* 元件562 倒數計時廣告輪播 */
/* it562_default */
.it_562box{ width:100%; margin:0 auto; margin-bottom:20px; padding:0 10px;}
.it_562box .it_562left_time{ width:100%; position:relative; padding:20px;}
.it_562box .it_562left_time .it_562_title01{ font-size:20px; line-height:22px; text-align:center; color:#000; padding:9px 0; font-weight:normal; letter-spacing:2px;background:url(images/clock-circular-outline.svg) no-repeat 55px 50%; background-size:18px; padding-left:20px; width:260px; margin:0 auto;}
.it_562box .it_562left_time .it_562_title02{ font-size:40px; line-height:40px; text-align:center; color:#fff; padding:9px 0; font-weight:bold; letter-spacing:2px;}
.it_562box .it_562left_time .it_562_title03{ font-size:16px; line-height:16px; text-align:center; color:#000; padding:9px 0; font-weight:normal; position:relative; max-width:300px; margin:0 auto;}
.it_562box .it_562left_time .it_562_title03:after{content:""; width:75px; height:1px; background:#000; position:absolute; right:5px; top:19px;}
.it_562box .it_562left_time .it_562_title03:before{content:""; width:75px; height:1px; background:#000; position:absolute; left:5px; top:19px;}
.it_562box .it_562left_time .it_562_timebox01{ font-size:24px; text-align:center; color:#000; line-height:40px; padding:8px 0;}
.it_562box .it_562left_time .it_562_timebox01 span{ display:inline-block; width:50px; height:40px; margin:0 5px; background:#000; color:#fffb86;border-radius:}
.it_562box .it_562left_time .it_562_timebox02{ font-size:20px; text-align:center; line-height:20px; padding:2px 0;}
.it_562box .it_562left_time .it_562_timebox02 span{ display:inline-block; width:50px; margin:0 9px; color:#fff;}
.it_562box .it_562left_time .arrowbox{ position:absolute; left:50%; margin-left:-10px; bottom:-20px; width:0; height:0; border-style: solid;border-width: 18px 0 18px 20px;transform:rotate(90deg);-ms-transform:rotate(90deg); -moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);z-index:2;}
.it_562box .it_562right_banner{ width:100%;}
.it_562_ADbannerBox{ width:100%;}
.it_562_ADbanner{ width:100%; margin:0 auto; position:relative;}
.it_562_ADbannerBox .flexslider{ overflow:hidden;}
.it_562_ADbannerBox .slides{ position:relative; z-index:1;}
.it_562_ADbannerBox .slides li img{ width:100%; height:auto;}
.it_562_ADbannerBox .flex-control-nav{ display:none; position:absolute; height:25px; bottom:0; z-index:2; width:100%; text-align:center;}
.it_562_ADbannerBox .flex-control-nav li{ display:inline-block; width:12px; height:12px; margin:0 2px; *display:inline; zoom:1;}
.it_562_ADbannerBox .flex-control-nav a{ display:inline-block; width:12px; height:12px; overflow:hidden; background:#fff; border-radius:100%; cursor:pointer; background: #fff; border: 1px solid #e5e5e5; text-indent: -9999px;}
.it_562_ADbannerBox .flex-control-nav .flex-active{ background:#8b8b8b; border: 1px solid #8b8b8b;}
.it_562_ADbannerBox .flex-direction-nav{ display:none; position:absolute; z-index:3; width:100%; top:50%; margin-top:-15px;}

/* 元件568 收藏店家 */
/* it568_default */
.it568 .item61_box th{background-color: #f9f9f9;}
.it568 .item61_box tr > th:first-of-type, .it568 .item61_box tr > td:first-of-type{border-right: #eee 1px solid;}
.it568 .item61_box th, .it568 .item61_box td { border-bottom: #eee 1px solid; font-size: 15px; line-height:24px; padding: 10px 5px; text-align: center;}
.it568 .item61_box tr:last-of-type td{ border-bottom: 0;}

/* 元件675 */
.it675_tab{ width: 100%;}
.it675_tab .tabs{ display: flex; align-items: center; background: #fff;}
.it675_tab .tabs li{ width: 33.3%; height: auto; border-bottom: 1px solid #dddddd;}
.it675_tab .tabs li a{ display: block; width:100%; height:48px; line-height: 48px; font-size: 17px; color: #333; font-weight: bold; text-align: center; text-decoration: none;}
.it675_tab .tabs li.active a{ border-bottom:3px solid #2b2e6e; line-height: 45px; height: 45px;}
.it675_list{ padding:0 15px; font-size: 14px; line-height: 18px; text-align:left; margin-bottom: 15px; background: #fff; box-shadow: 0px 0px 3px -3px #5C5C5C; -webkit-box-shadow: 0px 0px 3px -3px #5C5C5C; -moz-box-shadow: 0px 0px 3px -3px #5C5C5C; -o-box-shadow: 0px 0px 3px -3px #5C5C5C;}
.it675_list:nth-child(odd){ background: #fffaea;}
.it675_list_in li{ padding:3px 0;}
.it675_list01 li:nth-child(1) span{ float: right; color: #ff6240;}
.it675_title h5{ color: #355cc8; font-size: 15px; width: 80%;}
.it675_order ul:nth-child(1){ margin-top: -10px;}
.it675_order ul li{ line-height: 24px;}
.it675_order ul li:nth-child(odd){ width: 80%;}
.it675_order ul li:nth-child(even){ width: 20%; text-align: right; padding-right: 10px;}
.it675_order ul li:nth-child(1) span{display: block; font-size:13px; text-align: justify;line-height: 18px;}
.it675_order ul .it675_pd_size{display: inline-block;}
.it675_word{ color:#ff6240; text-align: justify;}
.it675_total ul li:nth-child(1){ width:100%;line-height: 1.8em;}
.it675_total ul li:nth-child(1) span{ font-size: 18px; color: #ff6240; font-weight: bold;}
.it675_total ul li:nth-child(2){ width:100%; justify-content: flex-end;margin-top: 5px;}
.it675_total ul li:nth-child(2) a{ display: block; font-size: 15px; width: 90px; text-align: center; color: #fff; line-height: 40px; margin-left: 10px; border-radius: 3px;}
.it675_total ul li:nth-child(2) a.it675_btn01{ background: #ff6240;}
.it675_total ul li:nth-child(2) a.it675_btn02{ background: #838383; flex-wrap: wrap;}
.it675_total ul li:nth-child(2) span{ display: block; font-size: 15px; width: 100px; text-align: center; color: #f58d24; line-height: 34px; border-radius: 40px; border:3px solid #f58d24;}
.it675_block{ width: 20%; height:30px; position: relative; display: block;}
.it675_block:after{ position: absolute; display: block; width: 40px; height:30px; content:"展開+"; right: 0; top: 5px;}
.it675_active:after{ position: absolute; display: block; width: 40px; height:30px; content:"收合-"; right: 0; top: 5px;}
.it675_box{ display:none;}
.it675_line{ border-bottom: 1px solid #dddddd;}
.it675_line2{ border-bottom: 1px dashed #dddddd;}
.it675_flex{ display:flex; align-items: center;flex-wrap: wrap;}
.it675_ptb10{ padding:10px 0;}
.it675_pb10{ padding:0 0 10px 0;}

/* 元件677 */
.it677_box{ width: 100%; padding:20px 15px 40px 15px; background: #fff; box-shadow: 0px 0px 3px -3px #5C5C5C; -webkit-box-shadow: 0px 0px 3px -3px #5C5C5C; -moz-box-shadow: 0px 0px 3px -3px #5C5C5C; -o-box-shadow: 0px 0px 3px -3px #5C5C5C;}
.it677_box ul{ margin-bottom:15px;}
.it677_box ul li{ font-size: 15px; line-height: 20px; margin-bottom: 20px;}
.it677_box ul li abbr{text-decoration: none;}
.it677_box ul li .it677_ansbox{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it677_flex{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it677_input input[type="text"]{ display: block; width: 100%; height: 50px; border-radius: 3px; border:1px solid #dddddd; font-size: 15px; padding:0 15px;}
.it677_input input::-webkit-input-placeholder { color:#b8c6f2;}
.it677_input input::-moz-placeholder { color:#b8c6f2;}
.it677_input input::-moz-placeholder{color:#b8c6f2;}
.it677_input input::-ms-input-placeholder{color:#b8c6f2;}
.it677_radio{margin-left:15px;}
.it677_radio input{display: none;}
.it677_radio label{position: relative; padding:0; margin:0; color:#333333;display: block;cursor: pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.it677_radio li:last-of-type label { border:none;}
.it677_radio label.inlineStyle { display:inline-block;}
.it677_radio input + label:before{display:inline-block; background-color:#FFF; content: "";width: 20px;height: 20px;line-height:20px;margin-right:5px;text-align:center;border:2px solid #d8d8d8;border-radius:100%;vertical-align:text-top;}
.it677_radio input:checked + label:before {border:2px solid #2b2e6e; background-position: 3px; background-repeat: no-repeat; display: inline-block; color: #2b2e6e; background-image: url(images/scart_point.svg); background-size: 10px; width: 20px; height: 20px;}
.it677_select select{ width: 100px; line-height: 50px; margin:0 5px;height: 50px; border-radius: 3px; border:1px solid #dddddd; font-size: 15px; padding:0 15px;}
.it677_select select:last-of-type{margin-right:0;}
.it677_btn input{display: block; width: 100%; height: 50px; border-radius: 3px; background: #2b2e6e; color: #fff; font-size: 18px; letter-spacing: 2px;}
@media screen and (max-width: 992px) {
	.it677_box ul li.it677_flex {-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.it677_box ul li .it677_title{margin-bottom:5px;}
	.it677_box ul li .it677_title,.it677_box ul li .it677_ansbox{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
}
@media screen and (max-width: 768px) {
	.it677_box{padding: 20px 10px 40px 10px;}
	.it677_select select{width:100%;padding: 0 10px;}
}

/* 元件668 it668 手機電腦分開上圖輪播 */
/* it668_default */
.item_668 .owl-nav{ display: block !important;}
.item_668 .owl-theme .owl-dots .owl-dot {border: 0;background: none;padding: 0;}
.item_668 .owl-dots {text-align: center; height: 20px;position: absolute; bottom: 5px; left:50%; transform: translateX(-50%); width: 100%;}
.item_668 .owl-theme .owl-dots .owl-dot span{ background: var(--pic-neutral-0); margin: 0;}
.item_668 .owl-theme .owl-dots .owl-dot:not(:first-child) span{margin-left: 8px;}
.item_668 .owl-theme .owl-dots .owl-dot:hover span { background: var(--pic-neutral-50); }
.item_668 .owl-theme .owl-dots .owl-dot.active span { background: #2ea7e0;}
.item_668 button.owl-next {float: right;}
.item_668 .owl-nav.disabled>button {background: none;border: unset;font-size: 60px;}
.item_668 .owl-nav.disabled {position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
/*.item_668 .owl-theme .owl-controls .owl-nav .owl-prev ,.item_668 .owl-theme .owl-controls .owl-nav .owl-next {background-size: 128px auto;position: absolute;color: transparent !important;top: 50%;transform: translateY(-50%); z-index: 9;}
.item_668 .owl-theme .owl-controls .owl-nav .owl-prev {left:0;background: url(images/it668_arrow.svg) left center no-repeat;}
.item_668 .owl-theme .owl-controls .owl-nav .owl-next {right: 0;background: url(images/it668_arrow.svg) right center no-repeat;} */
.item_668 .owl-nav .owl-prev,
.item_668 .owl-nav .owl-next{ position: absolute; top: 50%; border-radius: 1px; margin-top: -25px; display: block; width: 50px;  height: 50px; text-indent: -9999px; opacity: .3;}
.item_668 .owl-nav .owl-next { right: 10px; background: url(images/pic/pic-owl-next.svg) top no-repeat; background-size: 50px;}
.item_668 .owl-nav .owl-prev { left: 10px; background: url(images/pic/pic-owl-prev.svg) top no-repeat;  background-size: 50px;}
.item_668 .owl-carousel .owl-item a{display:block;}


/* 元件720 六圖banner */
/* it720_autowidth */
.it720_autowidth {width: 100%;margin: 0 auto;margin-bottom: 15px;}
.it720_autowidth .it720_downbox ul{display:flex;flex-wrap:wrap;padding:0;}
.it720_autowidth .it720_downbox ul li{padding:10px 5px;}
.it720_autowidth .it720_downbox ul li a{width:100%;height:auto;position:relative;display: inline-block;}
.it720_autowidth .it720_downbox ul li a img{display: block;width: 100%;height: auto;margin: 0 auto;}
.it720_autowidth .it720_downbox ul li a p{text-align: center;display: flex;width: 100%;height: auto;align-items: center;justify-content: center;}
.it720_autowidth .it720_downbox ul li a p span {color: #3a3a3a;font-size: 18px;line-height: 28px;letter-spacing: 1px;font-weight: 500;}
@media screen and (max-width: 1200px) {
    .it720_autowidth{padding:0 10px;}
}
@media screen and (max-width: 620px) {
    .it720_autowidth .it720_downbox ul li a p span{font-size:15px;}
}
@media screen and (max-width: 420px) {
    .it720_autowidth .it720_downbox ul li a p span{font-size:13px;}
}

/* 元件721 商品頁籤式輪播 */
/* it721_morelink */
.it721_morelink{ max-width:1200px; margin:0 auto; margin-bottom: 20px; text-align: center; position: relative;}
.it721_morelink .it721_title{position:relative;display: inline-block; text-align: center; height:auto;font-size: 26px;line-height: 24px;font-weight: bold;margin: 0 auto 10px; width: auto; padding: 10px 20px;}
.it721_morelink .it721_title span{ position:absolute;top:0;left:0;max-width:100%; width:100%; height:100%; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; opacity:.12;}
.it721_morelink .it721_morebtn{max-width:100%; width:100% !important;flex: 1 !important; height:auto;text-align: right !important;}
.it721_morelink .it721_morebtn a{text-decoration: underline; font-size: 15px;}
.it721_morelink .swiper-container-horizontal>.swiper-pagination-bullets, .it721_morelink .swiper-pagination-custom, .swiper-pagination-fraction{margin: 0 auto 2px auto;}
.it721_morelink .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0;}
.it721_morelink .it721_tab-owl-carousel .it721_tabitem { opacity:.4; flex:1; height: 32px; text-align: center; line-height: 28px; font-size: 14px; color: #fff; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it721_morelink .it721_tab-owl-carousel .it721_tabitem.active{opacity:1;}
.it721_morelink .it721_tab-owl-carousel{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it721_morelink .it721_tab-owl-carousel .owl-stage{padding-left:0 !important; padding-right:0 !important; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it721_morelink .it721_tab-owl-carousel .owl-stage .owl-item{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it721_morelink .swiper-container .swiper-wrapper{height:100% !important;}
.it721_morelink .swiper-container .it721_product_bg{position:absolute;bottom:0;left:0;max-width:100%; width:100%; height:100%;opacity:.12;}
.it721_morelink .swiper-container-autoheight, .it721_morelink .swiper-container-autoheight .swiper-slide{height:auto !important;}
.it721_morelink .it721_pd-owl-carousel .owl-stage{padding-left:0 !important; padding-right:0 !important;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;}
.it721_morelink .it721_pd-owl-carousel > div{ position: relative; text-align: left; padding:10px 0;}
.it721_morelink .it721_pdlist{position: relative;}
.it721_morelink .it721_pdlist .it721_pdlist_bg{position: absolute; top:0; left:0; width:100%; height:100%; opacity:.1;}
.it721_morelink .it721_pdlist .it721_item{padding:8px;background-color: #fff;}
.it721_morelink .it721_pdlist .it721_iteminner{position: relative;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_img{padding:0;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_img > a > img{max-width:100%; width:100%; height:auto;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_btnbox{transition: all .5s;align-items: center;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_btnbox li{flex:1;margin:0 2px;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_btnbox li a{display: block; max-width:100%; width:100%; height:auto; line-height: 30px;text-decoration: none;color:#6a6a6a; background-color: rgba(0,0,0,.45); background-size: 36px;background-repeat: no-repeat; background-position: center center; text-indent: -99999px; width: 50px; height: 50px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; transition: all .5s; display: block;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_btnbox li a:hover { background-color: rgba(0,0,0,.6); }
.it721_morelink .it721_pdlist .it721_iteminner .it721_btnbox li.add_heart a{background-image: url(images/icon-heart.svg);}
.it721_morelink .it721_pdlist .it721_iteminner .it721_btnbox li.add_cart a{background-image: url(images/icon-cart-w.svg);}
.it721_morelink .it721_pdlist .it721_iteminner:hover .it721_btnbox{opacity: 1;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_namebox .it721_name{height: 40px;margin-top:8px;padding:0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_namebox .it721_name a{color:#222;font-size:15px;font-weight:500;line-height: 20px;display: block; text-decoration: none;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_pricebox{padding: 0;border-bottom:0;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_pricebox .it721_price{color:#d70110;font-size:15px;font-weight: 500;line-height:30px;letter-spacing: 0;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;;-ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; font-weight: 500;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_pricebox .it721_price > li{flex: 100%; line-height: 14px;}
.it721_morelink .it721_pdlist .it721_iteminner .it721_pricebox .it721_price .it721_price_original{-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;color:#bbb;text-decoration: line-through;font-weight: normal;}
.it721_morelink .it721_pdlist .it721_product_more{ height: 100%;}
.it721_morelink .it721_pdlist .it721_product_more a{ max-width:100%; width:100%; height:100%;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;}
.it721_morelink .it721_pdlist .it721_product_more i{display: block;text-align: center;font-size: 36px; color:#d70110; flex:100%;} 
.it721_morelink .it721_pdlist .it721_product_more a span{text-align: center;display: block; margin-top: 5px; color:#d70110; flex:100%;}
@media screen and (max-width: 768px) {
	.it721_morelink .it721_title{font-size:18px;font-weight: 500;line-height:25px;color:#222 !important;text-align: left;display: block;padding: 0px 10px;}
	.it721_morelink .it721_title span{background-color: transparent !important;}
}

/* 元件726 banner倒數計時商品 */
/* it726_default */
.it726_default {position:relative;}
.it726_default .it726_left{width:100%; height:auto; margin:0 auto; display: flex; align-items: end;}
.it726_default .it726_left .it726_title{font-size: 18px; font-weight: 500; padding: 8px 0 8px 12px; width: 132px; display: inline-block;}
.it726_default .it726_left .it726_left_countdown{width:100%;height:auto;background-color: #fff;border-bottom:1px solid #eee;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it726_default .it726_left .it726_left_countdown > a,.it726_left_countdown > a > img{ display: block; width:100%; height:auto;}
.it726_default .it726_left .it726_left_countdown .it726_time{ padding-left:12px; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.it726_default .it726_left .it726_left_countdown .it726_time h2{ font-size: 15px; font-weight: 500; line-height: 30px;}
.it726_default .it726_left .it726_left_countdown .it726_time h2:first-of-type{ padding-right:5px;}
.it726_default .it726_left .it726_left_countdown .it726_time h2:last-of-type{ padding-left:5px;}
.it726_default .it726_left .it726_left_countdown .it726_time > ul{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;; align-items: center;}
.it726_default .it726_left .it726_left_countdown .it726_time > ul > li.num_01{ flex:25%; width:26px; font-size: 15px; font-weight: bold; text-align: center;}
.it726_default .it726_left .it726_left_countdown .it726_time > ul > li.num_02:nth-child(2){ width:28px; text-align: center; font-size: 15px; font-weight: 500;}
.it726_default .it726_left .it726_left_countdown .it726_time > ul > li.num_02{ width:10px; text-align: center; font-size: 24px;}
.it726_default .it726_left .it726_left_countdown .it726_time > ul > li.num_01 div{ background: #222; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 26px; font-size: 14px; text-align: center; color: #fff; font-weight: bold; width: 26px; margin: 0 auto; height: 26px;}
.it726_default .it726_left .it726_productbox {width:100%;padding:10px 0; border-top:1px solid #eee; position: relative; flex:100%;}
.it726_default .it726_left .it726_productbox .it726_product_item{display: -ms-box!important; display:-moz-webkit-flex!important; display: -webkit-flex!important; display: flex !important;align-items:center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;margin-bottom: 5px;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;padding:0 5px;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_img{ width:100%; height:auto;overflow: hidden;text-align: center;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_img > a{display: block; max-width:100%; width:100%; height:auto;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_img > a > img{height:auto;margin:0 auto;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox{width:100%;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox .it726_name{height:40px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox .it726_name a{ display: block;line-height:18px;text-decoration: none; font-size:14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:36px;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox .it726_price{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;-ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;font-size:12px;font-weight: 500;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox .it726_price > li{flex:100%;line-height:14px;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox .it726_price .it726_list_price{font-weight: normal;text-decoration: line-through;}

/* 元件727 關鍵字tag+banner+商品 */
/* it727_default */
.it727_default{position:relative;max-width:1200px;width:100%;margin:20px auto;display:-ms-box;display:-moz-webkit-flex;display:-webkit-flex;display: flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content: center;background-color: #fff;}
.it727_default .prompt_btn{display: none;}
.it727_default.it727_prompt_toright .prompt_btn{position: absolute; top:20px;left: 50px; width:70px;height:70px;background-image: url(images/it727_toright.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat; z-index: 1; animation: it727_prompt_toright 1.5s infinite ease-in-out;}
@-webkit-keyframes it727_prompt_toright { 0% { left: 50px;opacity: 0;} 30% { opacity: 1;} 80%{ opacity: 0;} 100%{ left : 10px;opacity: 0;} }
.it727_default.it727_prompt_toleft .prompt_btn{position: absolute; top:20px;right: 10px; width:70px;height:70px;background-image: url(images/it727_toleft.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat; z-index: 1; animation: it727_prompt_toleft 1.5s infinite ease-in-out;}
@-webkit-keyframes it727_prompt_toleft { 0%{ right : 50px;opacity: 0;} 30%{ opacity: 1;} 80% { opacity: 0;} 100% { right: 10px;opacity: 0;} }
@media screen and (max-width: 699px) {
    .it727_default .prompt_btn {
        display: block;
    }
}
.it727_default .it727_left{max-width:700px;width:700px;height: 450px;text-align: center;overflow-x: scroll;overflow-y: hidden;}
.it727_default .it727_leftbox{max-width:700px; overflow: hidden;}
.it727_default .it727_leftbox,.it727_default .it727_right{flex:1;float:left;position: relative;}
.it727_default .it727_leftbox{overflow:hidden;position: relative;}
.it727_default .it727_leftbox img{vertical-align:top;}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag{position: absolute;background-color: #fff;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;font-size: 13px;}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag a{font-size: 13px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding:5px; position: relative; height:28px;}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag a p{font-size: 13px; text-align: center; width: 80px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;line-height: 18px; overflow:hidden;}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag a:after{content:""; position: absolute;}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag a.it727_arrowT:after{top:-10px; left:50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #ffffff transparent; line-height: 0px; _border-color: #000000 #000000 #ffffff #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag a.it727_arrowB:after{bottom:-10px; left:50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #ffffff transparent transparent transparent; line-height: 0px; _border-color: #ffffff #000000 #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag a.it727_arrowL:after{top:50%; left:-10px; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 7.5px 10px 7.5px 0; border-color: transparent #ffffff transparent transparent; line-height: 0px; _border-color: #000000 #ffffff #000000 #000000; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.it727_default .it727_left .it727_left_tagbox .it727_left_tag a.it727_arrowR:after{top:50%; right:-10px; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent #ffffff; line-height: 0px; _border-color: #000000 #000000 #000000 #ffffff; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
.it727_default .it727_right {padding-left:15px;max-width:500px;}
.it727_default .it727_right .it727_title{display: block; margin: 12px 0 10px 0; font-size: 26px; font-weight: 500; letter-spacing: 0.5px; height: 26px; overflow: hidden; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it727_default .it727_right .it727_subtitle{margin:8px 0 32px 0;line-height:22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:65px;text-align: justify;}
.it727_default .it727_right .it727_pdbox > ul.it727_pdtop{padding-bottom: 5px;}
.it727_default .it727_right .it727_pdbox > ul.it727_pdtop > li:first-of-type{float:left;font-size: 16px; font-weight: 500; line-height: 1.25; color: #7d7d7d;}
.it727_default .it727_right .it727_pdbox > ul.it727_pdtop > li:last-of-type{float:right;}
.it727_default .it727_right .it727_pdbox > ul.it727_pdtop > li:last-of-type a{display:block;font-size: 14px; letter-spacing: 0.44px; text-align: right;text-decoration: none;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem{background-color: #fff;padding:0 10px 10px 10px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;margin-bottom: 20px;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem:last-of-type{margin-bottom: 0;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_img a{display: block;max-width:100%; width:100%; height:auto;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_img a img{max-width:100%; width:100%; height:auto; vertical-align: top;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_namepricebox{width:100%;padding: 4px 0 0 0;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_name{height:40px;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_name a {display: block;font-size: 14px; font-weight: 500; line-height: 18px; text-decoration: none; height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;; text-decoration: none;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_price{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;width: 100%;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;font-size:12px;font-weight: 500;    line-height: 14px;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_price > li.it727_sale_price { font-weight: 500; flex:100%;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_price > li.it727_list_price,.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_price > li.it727_list_price .currency_unit_color{font-weight: normal;text-decoration:line-through ;}
@media screen and (max-width: 1200px) {
	.it727_default{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
	.it727_default .it727_right .it727_title,.it727_default .it727_right .it727_subtitle{padding:0 10px;}
	.it727_default .it727_right .it727_pdbox > ul.it727_pdtop{padding:0 10px 5px 10px;}
	.it727_default .it727_right .it727_pdbox > ul.it727_pdtop > li:first-of-type{line-height:26px;}
	.it727_default .it727_left, .it727_default .it727_right{flex:100%;}
    .it727_default .it727_right{padding: 0; max-width:700px;}
}
@media screen and (max-width: 768px) {
    .it727_default .it727_right{padding: 0; max-width:100%;}
	.it727_default .it727_right .it727_title{ font-size:18px;line-height: 24px;margin: 5px 0 2px 0;height: 24px;}
    .it727_default .it727_right .it727_subtitle { margin: 0 0 12px 0; font-size:12px;line-height: 16px;height: 50px;}
	.it727_default .it727_right .it727_pdbox > ul.it727_pdtop > li:last-of-type a { display: block; font-size: 12px; letter-spacing: 0.44px; text-align: right; text-decoration: none; color: #d70110; border: 1px solid #d70110; padding: 0 5px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
	.it727_default .it727_right .it727_pdbox > ul.it727_pdtop > li:last-of-type a:hover { background-color: #d70110; color: #fff; }
}

/* 元件728 商品頁籤式 */
/* it728_default */
.it728_default{position: relative; width: 100%;padding: 15px 0;max-width: 1200px;margin:0 auto;background-color: #fff;}
.it728_default .it728_top{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flex; display: flex; border-bottom: 1px solid #eee; max-width: 1200px;margin: 0 auto 10px auto;}
.it728_default .it728_top .it728_title{font-size: 24px;line-height: 24px; font-weight: 500; width: 300px; overflow: hidden; float: left;}
.it728_default .it728_top .it728_tab{float: right; top: 0; margin: 0 auto 5px auto; height: 46px; bottom: initial; position: relative; text-align: left; width:100%; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-pack: flex-end;-webkit-justify-content: flex-end;justify-content: flex-end;;background-color: #fff;padding: 5px 0 0 0;}
.it728_default .it728_top .it728_tab .owl-stage { padding-left: 0 !important; padding-right: 0 !important; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; -webkit-align-items: stretch; align-items: stretch;}
.it728_default .it728_top .it728_tab .it728_tabitem {position:relative;width:100%;height:32px;text-align:center;line-height:28px;font-size: 15px; border-radius: 0;opacity: 1; background-color: #fff !important;  cursor: pointer;border:0; color:#222 !important;border-bottom:3px solid #eee; padding:0 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;width:100%;}
.it728_default .it728_top .it728_tab .it728_tabitem.active{border-bottom:3px solid #222;}
.it728_default .it728_top .it728_tab .it728_tabitem:after{content: ''; position: absolute; right: -8px; top:50%; transform: translateY(-50%); background-color: #222; width: 1px; height: 15px;}
.it728_default .it728_top .it728_tab .it728_tabitem:last-of-type:after{content:none;}
.it728_default .it728_pdlist .it728_item{padding:0 10px;}
.it728_default .it728_pdlist .it728_iteminner{position: relative;}
.it728_default .it728_pdlist .it728_iteminner .it728_img{padding:0; position: relative;}
.it728_default .it728_pdlist .it728_iteminner .it728_img .img_hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 97; opacity: 0;transition: all .5s;}
.it728_default .it728_pdlist .it728_item:hover .it728_iteminner .it728_img .img_hover{opacity:1;background-color: rgba(255,255,255,.6);}
.it728_default .it728_pdlist .it728_iteminner .it728_img .img_hover > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.it728_default .it728_pdlist .it728_iteminner .it728_img > a > img{max-width:100%; width:100%; height:auto;}
.it728_default .it728_pdlist .it728_iteminner .it728_btnbox{transition: all .5s;-ms-flex-align: center; -webkit-align-items: center; align-items: center;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;height: 50px; width: 120px; position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); margin: 0 auto; z-index: 101;}
.it728_default .it728_pdlist .it728_iteminner .it728_btnbox li{flex:1;margin:0 2px;}
.it728_default .it728_pdlist .it728_iteminner .it728_btnbox li a{display: block;padding:5px 0;font-size: 15px;text-align: center;}
.it728_default .it728_pdlist .it728_iteminner:hover .it728_btnbox{opacity: 1;}
.it728_default .it728_pdlist .it728_iteminner .it728_namebox .it728_name{height: 40px;margin-top:8px;padding:0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it728_default .it728_pdlist .it728_iteminner .it728_namebox .it728_name a{color:#222;font-size:15px;font-weight:500;line-height: 20px;display: block; text-decoration: none;}
.it728_default .it728_pdlist .it728_iteminner .it728_pricebox{padding: 0;border-bottom:0;}
.it728_default .it728_pdlist .it728_iteminner .it728_pricebox .it728_price{color:#d70110;font-size:15px;font-weight: 500;line-height:30px;letter-spacing: 0;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;;-ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; font-weight: 500;}
.it728_default .it728_pdlist .it728_iteminner .it728_pricebox .it728_price > li{flex: 100%; line-height: 14px;}
.it728_default .it728_pdlist .it728_iteminner .it728_pricebox .it728_price .it728_price_original{-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;color:#bbb;text-decoration: line-through;font-weight: normal;}
.it728_default .owl-carousel{position: relative;}
.it728_default .owl-carousel .owl-controls{width: 100%; height: auto; position: absolute; color: transparent !important; top: 50%; cursor: pointer;}
.it728_default .owl-carousel.owl-theme .owl-nav{margin-top:0;}
.it728_default .owl-carousel .owl-next,.it728_default .owl-carousel .owl-prev{position: absolute; width: 40px; height: 40px; padding: 0; text-indent: -9999px;}
.it728_default .owl-carousel .owl-next,.it728_default .owl-carousel .owl-next:hover{right:0;background: url(images/it683_arrow-r.svg) center no-repeat;}
.it728_default .owl-carousel .owl-prev,.it728_default .owl-carousel .owl-prev:hover{left:0;background: url(images/it683_arrow-l.svg) center no-repeat;}
.it728_default .owl-controls .owl-nav .disabled { opacity: .5; cursor: default; }
@media screen and (max-width: 1200px) {
	.it728_default {padding:0 15px;}
    .it728_default .it728_top{display: block !important;}
    .it728_default .it728_top .it728_title{float:none;padding: 0 10px 10px 0;}
    .it728_default .it728_top .it728_tab{float:none; margin: 0 auto; -ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
}
@media screen and (max-width: 992px) {
	.it728_default .it728_pdlist{height:465px;}
}
@media screen and (max-width: 768px) {
	.it728_default .it728_pdlist{height:372px;}
}
@media screen and (max-width: 680px) {
	.it728_default .it728_pdlist{height:335px;}
}
@media screen and (max-width: 640px) {
	.it728_default .it728_pdlist{height:318px;}
}
@media screen and (max-width: 568px) {
	.it728_default .it728_pdlist{height:288px;}
}
@media screen and (max-width: 480px) {
	.it728_default .it728_pdlist{height:252px;}
}
@media screen and (max-width: 428px) {
	.it728_default .it728_pdlist{height:230px;}
}
@media screen and (max-width: 420px) {
	.it728_default .it728_pdlist{height:227px;}
}
@media screen and (max-width: 390px) {
	.it728_default .it728_pdlist{height:214px;}
}
@media screen and (max-width: 375px) {
	.it728_default .it728_pdlist{height:208px;}
}
@media screen and (max-width: 360px) {
	.it728_default .it728_pdlist{height:202px;}
}
@media screen and (max-width: 320px) {
	.it728_default .it728_pdlist{height:185px;}
}


/* 元件729 手機&電腦 分開上圖輪播 */
/* it729_default */
.it729_default .owl-theme .owl-nav {height: auto;width:100%; display: none;}  
.it729_default .owl-theme .owl-nav.disabled>button {background: none;border: unset;font-size: 60px;}
.it729_default .owl-theme .owl-nav.disabled {position: absolute;top: 50%;transform:translateY(-50%);width:100%;}
.it729_default .owl-theme .owl-nav>button{position: absolute;top: 50%;transform:translateY(-50%);width:100%;width: 40px; height: 60px; background-color: transparent;}
.it729_default .owl-theme .owl-nav>button.owl-prev {left:0;background-image: url(images/it729_arrow_l.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.it729_default .owl-theme .owl-nav>button.owl-next{right:0;background-image: url(images/it729_arrow_r.svg); background-position: center center; background-size: 100%; background-repeat: no-repeat; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.it729_default .owl-theme .owl-dots {text-align: center;position: absolute;bottom:0;left:50%;transform: translateX(-50%);}
.it729_default .owl-theme .owl-dots .owl-dot {border: 0;background: none;padding: 0;}
.it729_default .owl-theme .owl-dots .owl-dot.active span, .it729_default .owl-theme .owl-dots .owl-dot:hover span{background-color: #fff;}

/* 元件731 會員中心首頁 */
/* it731_twglobalmall */
.it731_twglobalmall{max-width: 1200px; height:auto; margin:0 auto; position:relative; color:#444; overflow: hidden;}
.it731_twglobalmall .it731_decobg {position:absolute; width:120%;left: 50%; transform: translateX(-50%);}
.it731_twglobalmall .it731_decobg > a{ width:100%; height:300px; display:none; border-radius: 0 0 40% 40% !important;}
.it731_twglobalmall .it731_memberinfo{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;  max-width:100%; width:100%; height:auto; position:relative;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L{float: left;max-width:485px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R{float: left;width:calc(100% - 485px);}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box{ width: 100%; height:auto;position: relative;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box img{max-width:100%; width:100%; height:auto; vertical-align: top;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_level{position: absolute;top:22px;left:20px;font-size: 18px; font-weight: 600; line-height: 1.42; letter-spacing: 0.5px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_cardlogo{position: absolute;top:15px;right:20px;width: 100%; height: 100%; max-width: 140px; max-height: 40px;background-position: center center; background-size: 100%; background-repeat: no-repeat;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_membername{position: absolute;bottom:20px;left:20px;font-size: 28px; line-height: 0.96; letter-spacing: .7px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_membername span{font-size: 15px; line-height: 1.8; padding-left:5px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate{position: absolute;bottom:20px;right:20px;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate > li{font-size: 20px; line-height: 1.57; letter-spacing: .65px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate > li > span.date{width: 34px; word-break: break-all; display: block; font-size: 12px; font-weight: 500; line-height: 15px; margin-right: 10px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext{font-size: 18px; font-weight: 500; letter-spacing: .5px; padding:6px 15px 10px 15px;text-align: center; display: block;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext span{font-size: 28px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext.it731_welcometext_mem > div:first-of-type{float:left;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext.it731_welcometext_mem > div:last-of-type{float:right;text-align: right;font-size:16px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext.it731_welcometext_mem > .it731_login a{font-size:16px; border-bottom: 1px solid #222; text-decoration: none;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: stretch; flex-direction: column; height:260px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li{flex:0 50%; width:50%; float: left; padding:8px 0 0 15px; text-align: center; flex-grow:1;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li > a{display: block; max-width:100%; width:100%; padding: 25px 0 20px 0; text-decoration: none;border: 1px solid #eee; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background-color: #fff; height: 100%; position: relative; overflow: hidden; transition: opacity .3s;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li:last-of-type > a{padding:85px 0 90px 0;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li a .it731_hoverbox{opacity:0; position: absolute; top:0; width:100%; height:100%; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; background-color: rgba(255,51,66,.8); color:#fff; font-size:14px; letter-spacing: .5px; transition:all .3s;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li a .it731_hoverbox i{margin:0; font-size:20px; padding-right:5px; color:#fff;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li a:hover .it731_hoverbox{opacity:1;transform: scale(1.1);}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li > a i{font-size:52px; vertical-align: middle; text-align: center; margin: 0 auto;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li > a > span{display: block;width: 100%;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li > a > span.it731_memberdata{font-size: 45px; line-height: 45px; font-weight: bold; text-align: center; padding-bottom: 4px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li > a > span.it731_blocktitle{ font-size:18px; font-weight: 500; line-height: 24px;}
.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li ul li:first-of-type{margin-bottom:16px;}
.it731_twglobalmall ul.it731_member_functionbox{max-width:100%; width:100%; height:auto; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin:5px 0;}
.it731_twglobalmall ul.it731_member_functionbox > li{float: left; width: 50%; flex:0 50%; padding: 5px 0;}
.it731_twglobalmall ul.it731_member_functionbox > li:nth-child(odd){padding-right:5px;}
.it731_twglobalmall ul.it731_member_functionbox > li:nth-child(even){padding-left:5px;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function{background-color: #fff; border: 1px solid #ddd; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; padding:10px 15px;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li{flex:0 25%; float:left; width:25%; text-align: center;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a{display: block; font-size:16px; text-decoration: none; transition:all .3s; position:relative;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.new_member_btn_confirm a{color:#fff;max-width: 100px;line-height: 40px;padding:0;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a span{ position: relative;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a span .it731_num{ position: absolute; right:-7px; top:-3px; width:22px; height:22px; font-size:12px; line-height: 22px; background-color: #ff3342; color:#fff; text-align: center; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li .it731_function_img{background-position: center center; background-size: 100%; background-repeat: no-repeat; width:40px; height:40px;display: block; margin: 0 auto;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.jooshop_btn_color{/*max-width: 100px;*/margin: 0 auto;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.jooshop_btn_color a{line-height: 46px;color:#fff;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_wallet .it731_function_img{background-image: url(/member/css/images/member_wallet.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_truck .it731_function_img{background-image: url(/member/css/images/member_truck.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_box .it731_function_img{background-image: url(/member/css/images/member_box.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_cartpay .it731_function_img{background-image: url(/member/css/images/member_cartpay.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_addbox .it731_function_img{background-image: url(/member/css/images/member_addbox.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_paylist .it731_function_img{background-image: url(/member/css/images/member_paylist.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_clientorder .it731_function_img{background-image: url(/member/css/images/member_clientorder.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_wallet .it731_function_img{background-image: url(/member/css/images/member_wallet.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_time .it731_function_img{background-image: url(/member/css/images/member_time.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_pricedown .it731_function_img{background-image: url(/member/css/images/member_pricedown.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_share .it731_function_img{background-image: url(/member/css/images/member_share.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_wishlist .it731_function_img{background-image: url(/member/css/images/member_wishlist.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_eventregister .it731_function_img{background-image: url(/member/css/images/member_eventregister.svg);}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.it731_onlineget .it731_function_img{background-image: url(/member/css/images/member_onlineget.svg);}
.it731_twglobalmall .it731_recommend_pdlist{background-color: #fff;border: 1px solid #ddd;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:10px 15px;margin-bottom:10px;position: relative;}
.it731_twglobalmall .it731_recommend_pdlist .it731_recommend_title{padding:0 0 10px 0;font-size: 20px; line-height: 30px;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container{max-width:100%; width:100%; height:auto; overflow: hidden;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img{ display:block; width:100%; overflow: hidden; position: relative; margin-bottom: 5px;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img > img{ display: block; width:100%; height: auto;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img > .it731_item_imghover{width:100%;height:100%;position:absolute;left:0;top:0;z-index:99;transition:all .3s;opacity:0;background-color: rgba(0,0,0,.5);}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item:hover .it731_item_img > .it731_item_imghover{ transition:all .4s; opacity: 1;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item:hover .it731_item_img > .it731_item_imghover > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img .it731_item_btn{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; align-items: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; width: 100%;  height:100%; position: absolute; left: 0; top: 0;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img .it731_item_btn a{ display: block; width:50px; height: 50px; text-indent: -9999px; border:1px solid #fff; margin:5px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; z-index: 101;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img .it731_item_btn a:nth-child(1){ background:url(/member/css/images/it683_heart.svg) top center no-repeat;background-size:26px;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img .it731_item_btn a:nth-child(2){ background:url(/member/css/images/it683_bag.svg) center no-repeat;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_img .it731_item_btn a:hover{background-color: rgba(255,255,255,.2);}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_name a{ display:block; font-size: 15px; line-height: 20px; width: 100%; height:42px; font-weight: normal; text-decoration: none; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_price{ display:flex; align-items: center; font-size: 13px; font-weight: 500;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_price span{ margin-left:12px; color: #bbb; text-decoration: line-through;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_swiper_button{background-color: rgba(0,0,0,.3); background-position: center center; background-size: 12px; background-repeat: no-repeat; width:40px; height:70px;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .swiper-button-prev{left:0; background-image: url(/member/css/images/white-arrow-left.svg); -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .swiper-button-next{right:0; background-image: url(/member/css/images/white-arrow-right.svg); -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.it731_twglobalmall ul.it731_member_editbox{background-color: #fff; border: 1px solid #eee; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.it731_twglobalmall ul.it731_member_editbox > li{border-bottom:1px solid #eee; transition:all .3s;}
.it731_twglobalmall ul.it731_member_editbox > li:first-of-type{-moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.it731_twglobalmall ul.it731_member_editbox > li:last-of-type{border-bottom:0; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
.it731_twglobalmall ul.it731_member_editbox > li:hover{background-color: #f9f9f9;}
.it731_twglobalmall ul.it731_member_editbox > li > a{display: block; max-width:100%; width:100%; height:auto; line-height: 48px; font-size: 15px; padding-left:15px; text-decoration: none; color:#444; position:relative;}
.it731_twglobalmall ul.it731_member_editbox > li > a span.it731_editbox_icon{position: absolute; right:8px; top:0;height: 100%; overflow: hidden; transition:all .3s;}
.it731_twglobalmall ul.it731_member_editbox > li > a span.it731_editbox_icon i{font-size:25px; color: #aaa; line-height: 48px;}
@media screen and (min-width: 1200px) {
	.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a:after { content: ''; position: absolute; top:-4px; left:50%; transform: translateX(-50%) scale(0); width:50px; height:50px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background-color: rgba(0,0,0,.03); opacity:0; transition:all .3s;}
	.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a:hover:after {opacity:1; transform: translateX(-50%) scale(1);}
	.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.new_member_btn_confirm a:after {content:none;}
	.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a span .it731_num.it731_num_animation{  animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: 1; animation-name: it731_rubberBand;}
	@keyframes it731_rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } }
	.it731_twglobalmall ul.it731_member_editbox > li > a:hover span.it731_editbox_icon{right:5px;}
}
@media screen and (max-width: 1199px) {
	.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li a .it731_hoverbox{display:none;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock{flex-direction: row; height:auto;}
	.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li > a i{font-size: 28px;}
	.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li:hover > a{background-color: transparent;}
	.it731_twglobalmall .it731_decobg > a{display:block;}
    .it731_twglobalmall .it731_memberinfo {-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; padding-top:12px;}
    .it731_twglobalmall .it731_memberinfo > div{flex:100%;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box{margin-right:0;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R{margin-top:10px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock{max-width: 485px; margin:5px auto; border: 1px solid #ddd; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li{ flex: 0 33.333%; width: 33.333%; padding:0;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li > a{border:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;border-radius:0;background-color:transparent;padding:11px 0 5px 0 !important;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li > a > span.it731_memberdata{font-size: 20px;line-height: 20px;padding-bottom:0;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock > li > a > span.it731_blocktitle{font-size: 14px;font-weight: normal;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext{font-size:16px;}
	.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext.it731_welcometext_mem > div:first-of-type{float:none;}
	.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext.it731_welcometext_mem > div:last-of-type{float:none;text-align: center;font-size:15px;}
	.it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext.it731_welcometext_mem > .it731_login a{font-size:15px;}
    .it731_twglobalmall ul.it731_member_functionbox {max-width: 485px; margin:0 auto; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
    .it731_twglobalmall ul.it731_member_functionbox > li{flex:100%;}
    .it731_twglobalmall ul.it731_member_functionbox > li:nth-child(odd),.it731_twglobalmall ul.it731_member_functionbox > li:nth-child(even){padding:5px 0;}
    .it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a{font-size: 15px;}
    .it731_twglobalmall .it731_recommend_pdlist,.it731_twglobalmall ul.it731_member_editbox{max-width: 485px; margin:5px auto 10px auto;}
}
@media screen and (max-width: 500px) {
    .it731_twglobalmall{padding:0 8px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_R .it731_welcometext span{display: block;line-height: 30px; padding-bottom: 6px;}
    .it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_price{font-size: 12px;}
    .it731_twglobalmall .it731_recommend_pdlist .it731_swiper-container .it731_item .it731_item_price span{margin-left: 5px;}
    .it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function{padding:10px}
    .it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a{font-size: 14px;}
}
@media screen and (max-width: 480px) {
	.it731_twglobalmall .it731_decobg > a{ height: 240px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_level{font-size: 16px; top: 18px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_cardlogo{top:10px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_membername{font-size: 26px; bottom:15px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_membername span{font-size: 12px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate{ bottom:15px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate > li{font-size:16px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate > li > span.date{transform: scale(.8); margin-right: 5px;}
    .it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li.jooshop_btn_color a{line-height: 40px;}
	.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a { padding:0 5px;}
}
@media screen and (max-width: 390px) {
	.it731_twglobalmall .it731_decobg > a{ height: 220px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_level{left:15px; top: 15px; font-size:15px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_membername{left:15px; bottom:10px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_cardlogo{max-width: 100px; max-height: 29px; right: 15px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate{right:15px; bottom:10px;}
	.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a { font-size: 13px;}
}
@media screen and (max-width: 360px) {
    .it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function{padding:10px 8px;}
}
@media screen and (max-width: 359px) {
	.it731_twglobalmall .it731_decobg > a{ height: 200px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_level{font-size:14px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box .it731_membername { font-size: 24px;}
    .it731_twglobalmall .it731_memberinfo .it731_memberinfo_L.it731_membercard_box ul.it731_expdate{right: 0px;transform: scale(.8);}
}

/* 元件748 商品分類-推薦商品 */
/* it748 default */
.it748_sort_title{ color: #222222; font-size: 26px; font-weight: 500; margin-bottom: 15px; padding: 0 10px;;}
.it748_box{ width: 100%; display: flex; border: solid 3px #dddddd; background-color: #ffffff; padding: 10px; margin-bottom: 15px;}
.it748_box .product_list > li{ height: auto;width: 100%;box-sizing: border-box; padding:5px; position: relative; overflow: hidden;} 
.it748_box .product_list li .product_list_img{position: relative;}
.it748_box .product_list li .product_list_img .img_hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 97; opacity: 0;}
.it748_box .product_list li .product_list_img .img_hover ul { position: absolute; right: 50%;; top: 50%; transform: translateY(-50%); z-index: 101; }
.it748_box .product_list li .product_list_img .img_hover .product_btn{position: absolute;left:50%;bottom: 20px;transform: translateX(-50%); width:100%; z-index: 101;align-items: center; margin-top: -25%;}
.it748_box .product_list li:hover .product_list_img .img_hover{opacity: 1;}
.it748_box .product_list li .product_list_img .add_cart{z-index: 999;width:50px;height:50px;float: left;margin: 0 8px;}
.it748_box .product_list li .product_list_img .add_heart{z-index: 999;width:50px;height:50px;float: left;margin: 0 8px;}
.it748_box .product_list li .img_hover > a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100;}
.it748_box .product_list li .product_list_img img{ width: 100%; height: 100%;}
.it748_box .product_list li:hover .product_list_text,.it748_box .product_list li:hover .product_list_img{border-color:#ddd;}
.it748_box .product_list li .img_hover > a.detail { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100;}
.it748_box .product-iconposition{position: absolute; width: 14%; height: 14%; right: 10px;top: 10px; background-repeat: no-repeat;z-index: 8;background-size: 100%;}
.it748_box .product_list_text{height: auto;padding-top: 10px; padding-bottom:0;text-align: left;}
.it748_box .product_list_text h2{height:33px;}
.it748_box .product_list_text h2 a{font-size: 15px;font-weight: normal;text-align: left;color:#222;line-height: 30px;max-height: 30px;display: inline-block;overflow: hidden;}
.it748_box .product_list_text .product_size{height:24px;color: #757575;text-align: center;margin-bottom: 6px;line-height: 24px;}
.it748_box .product_list_text .price .original {letter-spacing: 0.38px;line-height: 1.47;color: #b4b4b4;font-size: 15px;text-decoration:line-through;margin-right:10px;}
.it748_box .product_list_text .price.special {text-align: center;line-height: 1.47;letter-spacing: 0.38px;color: #d70110;font-size: 15px;}
.it748_box_m{ margin-bottom:10px; border-bottom: 3px #dddddd solid;}
.it748_box_m .owl-nav .owl-prev,.it748_box_m .owl-nav .owl-next {text-indent: -9999px;padding: 0; margin: 0;position:absolute;width:40px;height:80px;color: transparent !important;top: 50%;transform:translateY(-50%);color: #fff !important; transition: .3s;}
.it748_box_m .owl-nav .owl-next,.it748_box_m .owl-nav .owl-next:hover {right:-5px;background-color:rgba(34,34,34, .3);background-image: url(images/it748_icon-arrow-r.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} 
.it748_box_m .owl-nav .owl-prev,.it748_box_m .owl-nav .owl-prev:hover {left:-5px;background-color:rgba(34,34,34, .3);background-image: url(images/it748_icon-arrow-l.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} 
.it748_pstyle{ padding: 0 10px;}

/* 元件751 客服紀錄 */
/* 元件751_default */
/* 客服紀錄共用 */
.it751_default{color: #444;padding:8px;background-color: #fff;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; max-width: 1200px; width: 100%; margin: 0 auto;}
.it751_default input[type="text"],.it751_default input[type="password"]{word-wrap: break-word; word-break: break-all;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 10px; font-size: 15px;box-sizing: border-box; line-height:30px;color:#444;height:40px; -webkit-appearance: none; background-color: #fff;}
.it751_default select{box-sizing: border-box; line-height:30px;border: 1px solid #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px 22px 8px 10px; font-size: 15px; appearance: none; background-color: transparent;background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: center;color:#444;height:40px;}
.it751_default input::placeholder,.it751_default select::placeholder { color: #bbb; opacity: 1; }
.it751_default input:-ms-input-placeholder,.it751_default select:-ms-input-placeholder { color: #bbb; }
.it751_default input::-ms-input-placeholder,.it751_default select::-ms-input-placeholder { color: #bbb; }
/* 客服紀錄上方-標題 */
.it751_default .it751_top_box { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 10px; align-items: center;}
/* 下拉選單 */
form .it751_selectbox{margin: 5px 0;display: block;}
form .it751_btn_select { width: 100%; height: 45px; line-height:20px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-color:#eee;}
form .it751_btn_select::after { content: ''; position: absolute; top: 19px; right: 20px; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #000000 transparent transparent transparent; }
form .it751_btn_select::selection { background: #0d4b5c !important; color: #fff; text-shadow: none; }
.row_it751 { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
/* 總數-客服問題&商品問題 */
.it751_totalbox {display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it751_totalbox .it751_total_item { width: 50%; height:66px; color: #ddd; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:10px 0; position:relative;}
.it751_totalbox .it751_total_item:first-of-type:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 80%; background-color: #eee; }
.it751_totalbox .it751_total_item .it751_total_text { font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #444; }
.it751_tab_content .it751_content_border ul>li .it751_text_activit_gray { margin: 0; font-size: 14px; line-height: 1.43; font-weight: 600; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: right; color: #aaa; padding: 10px 0px 0px 10px; align-items: center; display: flex; }
.it751_totalbox .it751_total_item .it751_total_amount {font-size: 25px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing:normal;text-align:center;color: #ff3342;line-height:28px;}
.it751_totalbox .it751_total_item p>.it751_text_red_yuan { width: 12px; height: 25px; margin: 17px 0 5px 4px; font-size: 12px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #444; }
/* 選單內容 */
.it751_content_border:first-child { margin-top: 0; }
.it751_tab_content .it751_content_item { flex: 0 0 auto; width: 100%;position: relative; background-color: #fff; border: solid 1px #eee; border-radius: 5px; margin-bottom: 10px;}
.it751_tab_content .it751_content_item .it751_number { font-size: 16px; font-weight: 500; padding: 10px 15px; background-color: #f8f8f8; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it751_tab_content .it751_content_item .it751_number span{margin-left:5px;}
.it751_tab_content .it751_content_item .it751_number span a{color:#ff3342;font-size: 16px; font-weight: 500; text-decoration:underline;}
.it751_tab_content .it751_content_item .it751_question,.it751_tab_content .it751_content_item .it751_answer{padding:8px; width:100%;}
.it751_tab_content .it751_content_item .it751_answer{margin: 10px; background-color: #f5f5f5; width: calc(100% - 20px); padding: 8px;}
.it751_tab_content .it751_answer .it751_aicon { float:left; width: 50px; height: 50px; background-image: url(images/it751_icons-A.png);}
.it751_tab_content .it751_question .it751_qicon { float:left; width: 50px; height: 50px; background-image: url(images/it751_icons-Q.png);}
.it751_tab_content .it751_qa_content_box{float:right; width: calc(100% - 62px); line-height: 22px; font-size: 14px; text-align: justify;}
.it751_tab_content .it751_date { font-size: 12px; color:#bbb;}
.it751_tab_content .it751_pd_info .it751_date{ word-break: break-all; line-height: 18px; margin-top: 5px;}
.it751_tab_content .it751_morebtn { width: 120px; height: 40px; background-color: #f1f1f1; border: solid 1px #ddd; font-size: 14px; margin:0 auto; display:block; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color:#999; cursor:pointer; line-height:40px;}
.it751_tab_content .it751_morebtn:hover{background-color: #eee; border: solid 1px #ddd; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.it751_tab_content #tab_4 .it751_content_item{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.it751_tab_content .it751_content_item .it751_images { -webkit-box-flex: 0 20%; -moz-box-flex: 0 20%; -webkit-flex: 0 20%; -ms-flex: 0 20%; flex: 0 20%;; margin: 10px 0; border-right: 2px solid #ddd; padding: 0 15px 0 10px;}
.it751_tab_content .it751_content_item .it751_images a { width: 100%; height: auto; display: block;}
.it751_tab_content .it751_content_item .it751_images a img { width: 100%; height: auto; vertical-align:top;}
.it751_tab_content .it751_content_item .it751_images .it751_pdname { margin-top:5px;font-size: 14px; line-height: 20px;}
.it751_tab_content .it751_content_item .it751_images .it751_pd_num,.it751_tab_content .it751_content_item .it751_images .it751_pd_num a{ color:#aaa; font-size:12px; word-break: break-all; line-height: 18px; display:inline;}
.it751_tab_content .it751_content_item .it751_images .it751_pd_num a{margin-left:5px; text-decoration:underline;}
.it751_tab_content .it751_content_item .it751_images .it751_pd_num a:hover{color:#999;}
.it751_tab_content #tab_4 .it751_content_item .it751_pd_qa{ -webkit-box-flex: 0 80%; -moz-box-flex: 0 80%; -webkit-flex: 0 80%; -ms-flex: 0 80%; flex: 0 80%; padding-left:5px;}
@media screen and (max-width: 1200px) {
	.it751_default{padding: 0 0 8px;}
	.it751_default .it751_top_box { padding:8px 8px 0; margin-bottom: 5px;}
	.it751_default form .it751_selectbox { padding: 0 8px; }
	.it751_default .it751_tab_content { padding: 0 8px; }
}
@media screen and (max-width: 992px) {
	.it751_tab_content .it751_content_item .it751_images .it751_pdname { margin-top:0;}
	.it751_tab_content .it751_content_item .it751_images,.it751_tab_content #tab_4 .it751_content_item .it751_pd_qa{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
	.it751_tab_content .it751_content_item .it751_images{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; border-right: 0; padding:0 8px 10px; border-bottom: solid 1px #eee; margin-bottom:0;}
	.it751_tab_content .it751_content_item .it751_images a{ max-width: 150px;}
	.it751_tab_content .it751_pd_info{padding-left:10px;}
	.it751_tab_content .it751_content_item .it751_answer{ margin: 0 8px 8px; width: calc(100% - 16px); padding: 8px;}
}

/* 元件753 文案＋直播 */
/* it753_default */
.it753_default{max-width: 1200px; width: 100%; margin:0 auto 10px; background-color: #fff;}
.it753_default .it753_default_inner{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it753_default .it753_L{float: left; max-width: 100%; width: calc(100% - 425px); position: relative; margin-right: 15px;}
.it753_default .it753_L .it753_title { font-size: 24px; line-height: 24px; font-weight: 500; display: block; margin-bottom: 10px;}
.it753_default .it753_L .it753_subtitle { font-size: 16px; line-height: 22px; display: block; color: #888; letter-spacing: .9px; margin-bottom: 10px;}
.it753_default .it753_L .it753_link_more { position: absolute; top:0; right:0;}
.it753_default .it753_L .it753_link_more a{ display: block; font-size: 12px; letter-spacing: 0.44px; text-align: right; text-decoration: none; color: #d70110; border: 1px solid #d70110; padding: 0 5px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.it753_default .it753_L .it753_link_more a:hover{background-color:#d70110; color:#fff;}
.it753_default .it753_item .owl-stage { padding-left: 5px !important; padding-right: 0 !important; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: space-between; -webkit-justify-content: space-between; -webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between; }
.it753_default .it753_L .it753_item li{padding: 0 5px;}
.it753_default .it753_L .it753_item li > a{display: block; max-width:100%; width:100%; height:auto; position: relative; margin: 0 auto; text-align: center; color:#222; font-size: 16px; transition: all .3s;}
.it753_default .it753_L .it753_item li > a img{ max-width:100%; width:100%; height:auto;}
.it753_default .it753_R{float: left; max-width: 800px; width:100%;}
.it753_default .it753_R .it753_R_container{ max-width: 800px; margin: 20px auto;}
.it753_default .it753_R .it753_R_video{position: relative; padding-top: 75%; overflow: hidden;}
.it753_default .it753_R .it753_R_video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
@media screen and (max-width: 1200px) {
    .it753_default .it753_default_inner{-ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .it753_default .it753_L{width: 100%; margin: 0 0 10px 0;}
    .it753_default .it753_L .it753_title{font-size: 18px;line-height: 26px;padding:10px 10px 5px 10px;margin-bottom:0;}
    .it753_default .it753_L .it753_subtitle{font-size: 14px;line-height: 20px;padding:0 10px 5px 10px;margin-bottom:0;}
    .it753_default .it753_L .it753_link_more{top: 10px; right: 10px;}
    .it753_default .it753_R{max-width: 100%;padding: 10px;}
}

/* 元件775 商品分類-推薦商品 */
/* it775_default */
.it775_default { margin-bottom: 15px; padding:0 8px;}
.it775_default .it775_box_ouuter{position: relative; border-style: solid; border-left-width: 3px; border-right-width:3px;border-top-width:0;border-bottom-width:3px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}  
.it775_default .it775_box_ouuter .it775_title_box{ width:100%;height:44px; color: #fff; font-size: 26px; font-weight: 500; position: relative; overflow: hidden;}
.it775_default .it775_box_ouuter .it775_title_box:before { content:''; top:0; left:0; transform: rotate(45deg); width:100%; height:100%; position: absolute; z-index:1; animation: it775_shiny 1s ease-in-out infinite; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.2)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(44, 62, 77, 0) 99%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); }
.it775_default .it775_box_ouuter .it775_title_box:after { content:''; top:0; left:0; transform: rotate(45deg); width:100%; height:100%; position: absolute; z-index:1; animation: it775_shiny2 1s ease-in-out .08s infinite; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.1)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 ); }
.it775_default .it775_box_ouuter .it775_title_box .it775_title_icon{padding: 0 0 0 5px; display: inline-block;vertical-align: middle;transform: scale(.8);}
.it775_default .it775_box_ouuter .it775_title_box .it775_title{font-size: 20px; line-height:46px;letter-spacing: 4px; display: inline-block;cursor: default;vertical-align: middle;}
.it775_pstyle{ padding: 10px 10px 3px;}
.it775_box_m .owl-nav .owl-prev,.it775_box_m .owl-nav .owl-next {text-indent: -9999px;padding: 0; margin: 0;position:absolute;width:40px;height:80px;color: transparent !important;top: 50%;transform:translateY(-50%);color: #fff !important; transition: .3s;}
.it775_box_m .owl-nav .owl-next,.it775_box_m .owl-nav .owl-next:hover {right:-11px;background-color:rgba(34,34,34, .3);background-image: url(images/it748_icon-arrow-r.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;} 
.it775_box_m .owl-nav .owl-prev,.it775_box_m .owl-nav .owl-prev:hover {left:-11px;background-color:rgba(34,34,34, .3);background-image: url(images/it748_icon-arrow-l.svg); background-position: right center;background-repeat: no-repeat;background-size: 100%;z-index: 3; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;} 
@keyframes it775_shiny {
	0% {transform:translateX(-100%) rotate(45deg);}
	100% {transform:translateX(100%) rotate(45deg);}
}
@keyframes it775_shiny2 {
	0% {transform:translateX(-100%) rotate(45deg);}
	100% {transform:translateX(100%) rotate(45deg);}
}

/* 772-頁籤篩選最新消息 */
.it772_bg{ width: 100%; background: #fff; padding:35px 0 35px 0;}
.it772_bg .it772_box{ width:1200px; height:auto; margin: 0 auto; display: flex; flex-wrap:nowrap;}
.it772_bg .it772_box .it772_item_name{ width:100%; margin-bottom: 20px;}
.it772_bg .it772_box .it772_item_name .title_en{ text-align: center; font-size: 24px; color: #ed6498; display: block; margin: 0 auto; line-height: 35px; letter-spacing: 1px;}
.it772_bg .it772_box .it772_item_name .title_zh{ text-align: center; font-size: 24px; display: block; margin: 0 auto; color: #191919; line-height: 35px; letter-spacing: 1px;}
.it772_bg .it772_box .it772_sort{ width: 30%; height:auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between;}
.it772_bg .it772_box .it772_sort > li{ width:48%; display:block;}
.it772_bg .it772_box .it772_sort > li > a{ width:100%; display:block; font-size:20px; text-align:center; padding: 120px 0 24px 0; color: #fff; background-repeat: no-repeat; background-size: 75px; background-position: center 20px;}
.it772_bg .it772_box .it772_list{ width:70%; padding-left:56px;}
.it772_bg .it772_box .it772_list .it772_news_list{ border-top: solid 1px #e0e0e0; display:none;}
.it772_bg .it772_box .it772_list .it772_news_list li{ display: flex; line-height: 20px; padding:15px 0; border-bottom: solid 1px #e0e0e0; flex-wrap: wrap;}
.it772_bg .it772_box .it772_list .it772_news_list li a{ display:block; width: 100%; font-size: 16px; color:#222; text-align:left; order: 2; overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.it772_bg .it772_box .it772_list .it772_news_list li span{ display:block; width: 100%; font-size: 14px; color:#888; text-align:left; order: 1;}
.it772_bg .it772_box .it772_more{ width:140px; padding-top:20px; margin: 0 auto;}
.it772_bg .it772_box .it772_more a{ display: block; width:140px; height:35px; text-align:center; color:#888; background: url(images/it773_more.svg) right bottom no-repeat; background-size: 100% auto;}


@media screen and (max-width:960px) { 
	.it772_bg{ width: 100%; background: #fff; padding:35px 20px;}
	.it772_bg .it772_box{ width:100%; display: block;}
	.it772_bg .it772_box .it772_title .it772_item_name,.it772_bg .it772_box .it772_sort,.it772_bg .it772_box .it772_list{ width:100%;}
	.it772_bg .it772_box .it772_sort > li{ margin-bottom: 15px;}
	.it772_bg .it772_box .it772_list{ padding-left:0;}
	.it772_bg .it772_box .it772_title .it773_top_r{ width:100%;}


}


/* 元件778 商品總覽(單店用) */
/* it778_default */
.it778_top_search.gh_ShopSearchTOP{ margin:0 auto; smax-width:1200px; width:100%; margin:0 auto; border:1px solid #eeeeee; padding: 5px 15px;}
.it778_top_search .gh_ShopSearchTOP_list{ width:100%; height:auto; display:flex; align-items: center; background: #fff;}
.it778_top_search .gh_ShopSearchTOP_list > div{}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L{ width:20%;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L h5{ font-size:15px; line-height:55px; margin-left: 15px;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R{ width:80%; height:auto; background:#FFF; padding: 0 15px;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R > select{width: 100%;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R > ul > li{ float:left; width:20%;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R > ul > li > a{ display:block; width:100%; font-size:13px; line-height:30px; color:#ff9b11;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R > ul > li > a > span{ color:#bbbbbb; margin-left:5px;}
.it778_top_search .gh_ShopSearchTOP select{background-image: url(../arrow_down.svg) !important; background-size: 30px !important; background-repeat: no-repeat !important; background-position: right 14px !important;}
.it778_top_search .gh_ShopSearchTOP input button select textarea{background: #f5f5f5 !important; border: 1px solid #ddd !important; height: 40px !important; font-size:15px; line-height:40px!important; border-radius: 5px !important; padding: 0 10px !important; color: #666 !important;}
.it778_top_search_down .gh_ShopSearchTOP_array{ width:100%; height:40px; margin:0 auto; padding:5px 15px; background:#FFF; border-top:1px solid #eeeeee;}
.it778_top_search_down .gh_ShopSearchTOP_array_L{ float:left;}
.it778_top_search_down .gh_ShopSearchTOP_array_L li{ color:#333; float:left; font-size:15px; line-height:30px;}
.it778_top_search_down .gh_ShopSearchTOP_array_L li a{background:url(images/it778_down_icon.svg) no-repeat right -32px; background-size: 10px; color: #333; font-size:15px; line-height:30px; padding:0 20px 0 10px;}
.it778_top_search_down .gh_ShopSearchTOP_array_L li a:hover{ background:url(images/it778_down_icon.svg) no-repeat right -5px; background-size: 10px; color:#000; font-weight:500; text-decoration:none;}
.it778_top_search_down .gh_ShopSearchTOP_array_L li.moshover a{ background:url(images/it778_down_icon.svg) no-repeat right -5px; background-size: 10px; color: #000; font-weight:500; text-decoration: none;}
.it778_top_search_down .gh_ShopSearchTOP_array_L li span{ color:#e94741; margin:0 5px;}
.it778_top_search_down .gh_ShopSearchTOP_array_L01{ border-right:1px solid #eeeeee; padding-right:15px;}
.it778_top_search_down .gh_ShopSearchTOP_array_L02{ padding:0 5px 0 15px;}
.it778_top_search_down .gh_ShopSearchTOP_array_R{ float:right; display:none;}
.it778_top_search_down .gh_ShopSearchTOP_array_R span{ font-weight: bold; font-size:15px; line-height:30px; margin:0 5px;}
.it778_top_search_down .gh_ShopSearchTOP_array_R li{ float:left;}
.it778_top_search_down .gh_ShopSearchTOP_array_R01{ padding-right:10px;}
.it778_top_search_down .gh_ShopSearchTOP_array_R02{ padding:0 0 0 10px;}
.it778_top_search_down .gh_ShopSearchTOP_array_R02 select{ width:70px; height:25px; font-size:15px; line-height:25px; color:#333;}
.it778_search_shop.gh_ShopSearchBox{ margin:0 auto; max-width:1200px; width:100%; height:auto; margin:0 auto; padding-top:15px; padding-bottom:30px; display:flex;}
.it778_search_shop.gh_ShopSearchBox > ul{ width:100%;}
.it778_search_shop.gh_ShopSearchBox > ul > li{ float:left; width:20%; padding-bottom:20px;}
.it778_search_shop .gh_ShopBox{ width:98%; height:auto; margin:0 auto; background:#fff; border:1px solid #eeeeee; position:relative; padding:10px 0;}
.it778_search_shop .gh_ShopView{ display:block; width:60px; height:22px; position:absolute; right:0; bottom:0;}
.it778_search_shop .gh_ShopView a{ display:block; width:60px; height:22px; font-size:13px; line-height:22px; color:#fff; text-align:center; background:#008cd6; position:relative;}
.it778_search_shop .gh_ShopView a:before{ content:''; display:block; width:10px; height:22px; border-bottom:22px solid #008cd6; border-left:10px solid transparent; position:absolute; left:-10px; bottom:0; z-index:5;}
.it778_search_shop .gh_ShopView a:link{color: #fff;} 
.it778_search_shop .gh_ShopView a:hover{ background:#d5443e;}
.it778_search_shop .gh_ShopView a:hover:before{ border-bottom:22px solid #d5443e;}
.it778_search_shop .gh_ShopLogo a{ display:block; width:200px; height:91px; margin:0 auto;}
.it778_search_shop .gh_ShopLogo a img{ display:block; width:100%; height:auto;}
.it778_search_shop .gh_ShopName a{ display:block; width:200px; height:30px; margin:0 auto; overflow:hidden; font-size:14px; line-height:30px; color:#333; font-weight:bold;}
.it778_search_shop .gh_ShopDetail{ width:200px; height:52px; margin:0 auto; display: -webkit-box; /* 盒子类型 */ word-break: break-all; /* 自动换行的处理方法。允许在单词内换行 */ text-overflow: ellipsis; /* 溢出时用... */ overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; /* 行数 */ font-size:15px; line-height:26px; color:#555; margin-bottom:10px;}
.it778_search_shop .gh_ShopOther{ width:100%; margin:0 auto; padding:10px 10px 0 10px; border-top:1px solid #eee;}
.it778_search_shop .gh_ShopOther li{ float:left; width:50%; height:20px; font-size:12px; line-height:20px; color:#888;}
.it778_search_shop .gh_ShopOther span{ color:#e94741;  padding-left:5px;}
@media screen and (max-width:1200px) {
	.it778_top_search.gh_ShopSearchTOP{ width: calc(100% - 20px);}
	.it778_search_shop.gh_ShopSearchBox{padding:15px 10px 30px;}
	.it778_search_shop.gh_ShopSearchBox > ul > li{width:25%;}
}
@media screen and (max-width:970px) {
	.it778_search_shop.gh_ShopSearchBox > ul > li{ width:33.3%;}
}
@media screen and (max-width:730px) {
	.it778_search_shop.gh_ShopSearchBox > ul > li{ width:50%;}
	.it778_search_shop.gh_ShopSearchBox{ padding-top:15px;}
}
@media screen and (max-width:670px) {
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L{ width:30%;}
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R{ width:70%;}
}
@media screen and (max-width:520px) {
	.it778_search_shop.gh_ShopSearchBox > ul > li{ float:left; width:50%;}
	.it778_top_search_down .gh_ShopSearchTOP_array{ height:80px;}
	.it778_top_search_down .gh_ShopSearchTOP_array_L01{ border:0;}
}
@media screen and (max-width:500px) {
	.gh_ShopName a{ width:100%;}
	.it778_search_shop .gh_ShopLogo a,.gh_ShopLogo a img{ width:100%;; height:auto;}
	.it778_search_shop .gh_ShopDetail{ width:100%;}
	.it778_search_shop .gh_ShopLogo a,.gh_ShopName a,.gh_ShopDetail{ padding:0 10px;}
}
@media screen and (max-width:480px) {
	.it778_search_shop.gh_ShopSearchBox > ul > li{ width:100%;}
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L{ width:35%;}
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R{ width:65%;}
}
@media screen and (max-width:400px) {
	.it778_search_shop.gh_ShopSearchBox > ul > li{ width:100%;}
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L{ width:40%;}
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R{ width:60%;}
}
@media screen and (max-width:360px) {
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L{ width:43%;}
	.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R{ width:57%;}
	.it778_top_search .gh_ShopSearchTOP_list > div:nth-child(1){ padding-right:0;}
	.it778_top_search .gh_ShopSearchTOP_list > div:nth-child(2){ padding:5px 0 10px 0;}
}
/* 頁碼 */
.it778_page.gh_PageNumber{ width:100%; height:80px; text-align:center;}
.it778_page.gh_PageNumber{ width:100%;}
.it778_page .gh_PageNumber ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.it778_page .gh_PageNumber ul li{ float:left;}
.it778_page .gh_PageNumber ul li.dis{ display:block; padding:0 15px; font-size:13px; line-height:35px; color:#555; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#e5e5e5;}
.it778_page .gh_PageNumber ul li a{ display:block; padding:0 15px; font-size:13px; line-height:35px; color:#555; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#FFF;
 text-decoration:none;}
.it778_page .gh_PageNumber ul li.pre a,.gh_PageNumber ul li.next a{ font-size:13px; line-height:35px;}
.it778_page .gh_PageNumber ul li.pre a{ border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.it778_page .gh_PageNumber ul li.next a{ border-right:1px solid #e5e5e5;}

/* 元件781 進階搜尋tag */
/* it781_default */
.it781_body_mask{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.8); z-index: 9999; opacity:0; transition:visibility .5s cubic-bezier(.4,0,.6,1) .2s, opacity .5s cubic-bezier(.4,0,.6,1) .2s;visibility: hidden;}
.it781_body_mask.it781_body_mask_active{ opacity: 100%; transition:visibility .2s cubic-bezier(.4,0,.6,1), opacity .5s cubic-bezier(.4,0,.6,1);visibility: visible;}
.it781_filter_icon{ position: fixed; top: 60px; right: 40px; width: 40px; height: 40px;z-index: 9999;text-align: center;}
.it781_filter_icon i{ font-size: 34px; color: #000; line-height: 40px;}
.it781_default .it781_filter_box{position: fixed;width:85%;height: 100%;top:0;right:-85%;background-color: #fff;z-index: 10000;transition: -webkit-transform .5s cubic-bezier(.4,0,.6,1); transition: transform .5s cubic-bezier(.4,0,.6,1); transition: transform .5s cubic-bezier(.4,0,.6,1),-webkit-transform .5s cubic-bezier(.4,0,.6,1);}
.it781_default .it781_filter_box.it781_filter_box_open{-webkit-transform: translateX(-100%); transform: translateX(-100%); overflow-y: auto;}
.it781_default .it781_filter_box .it781_title{background-color: #f5f5f5;padding:10px 12px;font-size: 18px; font-weight: 600; color: #222;}
.it781_default .it781_filter_box .it781_filter_list{max-height:100%;overflow-y: auto;}
.it781_default .it781_filter_box .it781_filter_list > ul{width: 100%;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;;padding:10px 12px;overflow-y: auto;margin-bottom: 57px;}
.it781_default .it781_filter_box .it781_filter_list > ul > li{width: 100%;padding-bottom: 5px;border-bottom: 1px solid #ddd;margin-bottom:12px;}
.it781_default .it781_filter_box .it781_filter_list > ul > li:last-of-type{padding-bottom: 0;border-bottom:0;margin-bottom:0;}
.it781_default .it781_filter_box .it781_filter_list > ul > li .it781_filter_title{font-size: 16px; font-weight: 600; color: #222;}
.it781_default .it781_filter_box .it781_filter_inner{max-height:110px; overflow: hidden;}
.it781_default .it781_filter_box .it781_filter_inner.filter_open{max-height:100%;}
.it781_default .it781_filter_box .it781_filter_inner > ul{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0; overflow: hidden;}
.it781_default .it781_filter_box .it781_filter_inner > ul li{-webkit-box-flex: 16.66%; -moz-box-flex: 16.66%; -webkit-flex: 16.66%; -ms-flex: 16.66%; flex: 16.66%;}
.it781_default .it781_filter_box ul li:nth-child(even){padding-right:5px;}
.it781_default .it781_filter_box ul li .it781_pd_item_label { display: block; position: relative; cursor: pointer; font-size:14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 24px; padding:3px 5px 3px 34px;cursor: pointer;max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it781_default .it781_filter_box ul li .it781_pd_item_label .label_name{font-size: 14px; color:#222; line-height: 26px;word-break: break-all;}
.it781_default .it781_filter_box ul li .it781_pd_item_label input { position: absolute; opacity: 0; cursor: pointer; top:0;}
.it781_default .it781_filter_box ul li .it781_pd_item_label .label_checkmark { position: absolute; top:7px; left:10px; height:16px; width:16px; background-color: #fff; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 2px solid #eee; box-sizing: content-box;}
.it781_default .it781_filter_box ul li .it781_pd_item_label:hover .label_checkmark{border-color: #d9d9d9;}
.it781_default .it781_filter_box ul li .it781_pd_item_label input:checked ~ .label_checkmark { background-color: #000; border-color: #000;}
.label_checkmark:after { content: ""; position: absolute; display: none; }
.it781_default .it781_filter_box ul li .it781_pd_item_label input:checked ~ .label_checkmark:after { display: block; }
.it781_default .it781_filter_box ul li .it781_pd_item_label .label_checkmark:after { left: 5px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.it781_default .it781_filter_box .it781_tagmore_btn{background-color:#f5f5f5;color:#999;font-size:13px;font-weight:400;line-height: 28px;height: 32px;width:100%;-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;padding: 2px 3px 2px 6px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;cursor: pointer;-ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;}
.it781_default .it781_filter_box .it781_tagmore_btn:hover{background-color:#f1f1f1;}
.it781_default .it781_filter_box .it781_tagmore_btn i{line-height:26px;font-size: 16px;}
.it781_default .it781_filter_box .it781_btn_box{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: 1px solid #ddd;    position: absolute; width: 100%; bottom: 0; left: 0; background-color: #fff;}
.it781_default .it781_filter_box .it781_btn_box > div{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it781_default .it781_filter_box .it781_btn_box > div:first-of-type{padding: 6px 4px 6px 8px;}
.it781_default .it781_filter_box .it781_btn_box > div:last-of-type{padding: 6px 8px 6px 4px;}
.it781_default .it781_filter_box .it781_btn_box a{display: block;width:100%;text-align: center;line-height:44px;}

@media screen and (max-width: 1200px) {
    .it781_default .it781_filter_box .it781_filter_inner > ul li{-webkit-box-flex: 0 20%; -moz-box-flex: 0 20%; -webkit-flex: 0 20%; -ms-flex: 0 20%; flex: 0 20%;}
}
@media screen and (max-width: 992px) {
    .it781_default .it781_filter_box .it781_filter_inner > ul li{-webkit-box-flex: 0 25%; -moz-box-flex: 0 25%; -webkit-flex: 0 25%; -ms-flex: 0 25%; flex: 0 25%;}
}
@media screen and (max-width: 768px) {
    .it781_default .it781_filter_box .it781_filter_inner > ul li{-webkit-box-flex: 0 33.333%; -moz-box-flex: 0 33.333%; -webkit-flex: 0 33.333%; -ms-flex: 0 33.333%; flex: 0 33.333%;}
}
@media screen and (max-width: 568px) {
    .it781_default .it781_filter_box .it781_filter_inner > ul li{-webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%;}
}
@media screen and (max-width: 374px) {
    .it781_default .it781_filter_box .it781_filter_inner > ul li{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
}

/* 元件782 進階搜尋分類 */
/* it782_default */
.it782_body_mask{position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.8); z-index: 2; opacity:0; transition:visibility .5s cubic-bezier(.4,0,.6,1) .2s, opacity .5s cubic-bezier(.4,0,.6,1) .2s;visibility: hidden;}
.it782_body_mask.it782_body_mask_active{ opacity: 100%; transition:visibility .2s cubic-bezier(.4,0,.6,1), opacity .5s cubic-bezier(.4,0,.6,1);visibility: visible;}
.it782_default{position: fixed;top:100px;left:0;width: 100%;height:40px;background-color: #fff;z-index:3; border-bottom:1px solid #ddd;}
.it782_default .it782_container{position: relative;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;height: 100%; width: 100%;-ms-flex-align: center; -webkit-align-items: center; align-items: center;-ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;}
.it782_default .it782_tag{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 39px;}
.it782_default .it782_tag:first-of-type{padding:0 3px 0 8px;}
.it782_default .it782_tag:last-of-type{padding:0 8px 0 3px;}
.it782_default .it782_tag .it782_tag_title{background-color:#f5f5f5;-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height:30px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;-ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top:4px; position: relative;}
.it782_default .it782_tag .it782_tag_title h3{font-size: 15px; font-weight: 500; color:#222;}
.it782_default .it782_tag .it782_tag_title i{font-size:20px; color:#999;line-height: 26px;}
.it782_default .it782_tag.it782_tag_active .it782_tag_title{border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;background-color: #fff;-moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;height: 35px;}
.it782_default .it782_tag.it782_tag_active .it782_tag_title::after { content: ''; position: absolute; bottom:-1px; left:0; width: 100%; height:1px; background-color: #fff;}
.it782_default .it782_tag ul.it782_content{display: none;position: absolute;top:40px; left:0;background-color: #fff;width: 100%;padding:10px;max-height: 350px;overflow-y: auto;}
.it782_default .it782_tag ul.it782_content li{width: 100%;}
.it782_default .it782_tag ul.it782_content li label { display: block; position: relative; cursor: pointer; font-size:14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 24px; padding:5px 5px 5px 34px;cursor: pointer;}
.it782_default .it782_tag ul.it782_content li label input { position: absolute; opacity: 0; cursor: pointer; top:0;}
.it782_default .it782_tag ul.it782_content li label .label_checkmark { position: absolute; top:7px; left:10px; height:16px; width:16px; background-color: #fff; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 2px solid #eee; box-sizing: content-box;}
.it782_default .it782_tag ul.it782_content li label input:checked ~ .label_checkmark { background-color: #000; border-color: #000;}
.label_checkmark:after { content: ""; position: absolute; display: none; }
.it782_default .it782_tag ul.it782_content li label input:checked ~ .label_checkmark:after { display: block; }
.it782_default .it782_tag ul.it782_content li label .label_checkmark:after { left: 5px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }


/* ============== PIC共用css ============== */
	
/* 宣告 */
:root{
	/* old */
	/* 按鈕-主色 */
	--pic-red:#ED2525;
	--danger:#ED2525;
	--pic-second-red:#FF3342;/*按鈕hover*/
	--pic-light-red:#FFF3F3;
	--pic-light-red-5:#FFF3F3;
	--pic-light-red-10:#FDE9E9;
	--pic-light-red-20:#FBD3D3;
	--pic-light-red-40:#F8A8A8;
	--pic-light-red-60:#F47C7C;
	--pic-light-red-80:#F15151;
	--pic-light-red:#FFF3F3;

	--primary: #303030;
    --primary-dark: #000;
    --secondary: #999;
    --secondary-dark: #777;
	--pic-light-orange:#F5924D;
	--pic-light-orange-5:#FFF7F2;
	--pic-light-orange-10:#FEF1E9;
	--pic-light-orange-20:#FDE4D3;
	--pic-light-orange-60:#F8AD7A;
	--pic-light-orange-80:#F5924D;
	--pic-primary: #F18D00;

    --pic-green: #00A4A6;
    --pic-light-green-5: #F2FAFB;
    --pic-light-green-10: #E5F6F6;
    --pic-light-green-20: #CCEDED;
    --pic-light-green-40: #99DBDB;
    --pic-light-green-60: #66C8CA;
    --pic-light-green-80: #33B6B8;
	/* 按鈕框內-背景 */
	--outlined-orange:#FDE4D3;
	--btn-radius: 10px;
	/* 灰色系列 */
	--pic-color-grey-5: #F8F8F8;
	--pic-color-grey-10: #EAEAEA;
	--pic-color-grey-20: #D5D5D5;
	--pic-color-grey-30: #C1C1C1;
	--pic-color-grey-40: #ACACAC;
	--pic-color-grey-50: #979797;
	--pic-color-grey-60: #828282;
	--pic-color-grey-70: #6D6D6D;
	--pic-color-grey-80: #595959;
	--pic-color-grey-90: #444444;
	--pic-color-grey-100:#2F2F2F;

	--pic-neutral-0:#fff;
	--pic-neutral-50:#F2F2F2;
	
	/* 字體 */
	--font-text:-apple-system, BlinkMacSystemFont, Roboto, Droid Sans, Arial, sans-serif;
	/* offset */
	--section-offset: 0;

	/* new */
	/* common color */
    --danger: #f71a1a;

	/* common setting */
	--radius: 5px;
}
.pic-default{margin-bottom: 51px;}

/* 背景 顏色*/
.pic-default .pic-bg-orange,.pic-bg-orange{background: var(--primary);}
.pic-default .pic-bg-orange-10,.pic-bg-orange-10{background: var(--pic-light-orange-10);}
.pic-default .pic-bg-green-10,.pic-bg-green-10{background: var(--pic-light-green-10);}
.pic-default .pic-bg-red,.pic-bg-red{background: var(--pic-red);}
.pic-default .pic-text-white,.pic-text-white{color:white;}
/* .pic-default{background: var(--pic-color-grey-5);} */

/*文字 顏色*/
.pic-default .pic-text-green,.pic-text-green{color:var(--pic-green);}
.pic-default .pic-text-orange,.pic-text-orange{color:var(--primary);}
.pic-default .pic-text-orange-5,.pic-text-orange-5{color:var(--pic-light-orange-5);}
.pic-default .pic-text-orange-60,.pic-text-orange-60{color:var(--pic-light-orange-60);}
.pic-default .pic-text-gray-40,.pic-text-gray-40{color:var(--pic-color-grey-40);}
.pic-default .pic-text-gray,.pic-text-gray{color:var(--pic-color-grey-60);}
.pic-default .pic-text-gray-80,.pic-text-gray-80{color:var(--pic-color-grey-80);}
.pic-default .pic-text-white,.pic-text-white{color:white;}
.pic-default .pic-text-red,.pic-text-red,.pic-GeneralStore-red{color: var(--pic-red);}


/* 文字+背景 EX.按鈕*/
.pic-default .pic-BgText-color-gray,.pic-BgText-color-gray{	background: var(--pic-color-grey-10);color: var(--pic-color-grey-40) !important;border: 0;}
.pic-default .pic-BgText-color-orange,.pic-BgText-color-orange {background: var(--primary);color:#fff !important;border: 0;}
.pic-default .pic-BgText-color-green,.pic-BgText-color-green {background: var(--pic-green);color:#fff;border: var(--pic-green) solid 1px;}
.pic-default .pic-BgText-color-white-red,.pic-BgText-color-white-red {background: #fff;color:var(--pic-red);border: var(--pic-red) solid 1px;}
.pic-default .pic-BgText-color-white,.pic-BgText-color-white {background: #fff;color:var(--primary) !important;border: var(--primary) solid 1px;}
.pic-default .pic-BgText-color-white-green,.pic-BgText-color-white-green {background: #fff;color:var(--pic-green);border: var(--pic-green) solid 1px;}
.pic-default .pic-BgText-color-red,.pic-BgText-color-red ,.pic-sort-color-redBtn{background: var(--pic-red);color:#fff !important;}
.pic-solid-color-orange{border: var(--primary) solid 1px;}
/* 框 */
.pic-confirm-box .pic-rdobutton-confirm-gray,.pic-confirm-logistics-box .pic-rdobutton-confirm-gray{background: var(--pic-color-grey-10);color: var(--pic-color-grey-40);}
/* 字大小 */
.pic-font-size-12{font-size: 12px;}
/* 字體中間 */
.pic-text-center{text-align: center;}
/* 線 */
.pic-line-bottom-none{border-top: 0px;}
.pic-line-none{border: 0px;}
.pic-top-line{border-top: 1px solid var(--pic-color-grey-5);}
.pic-bottom-line{border-bottom: 1px solid var(--pic-color-grey-5);}


/* ================== 間距 ================== */
/* margin 上 */
.pic-margin-t5,.pic_margin-t5{ margin-top: 5px;} 
.pic-margin-t10,.pic_margin-t10{ margin-top: 10px;}
.pic-margin-t25{ margin-top: 25px;}

/* margin 下 */
.pic-margin-b5,.pic_margin-b5{ margin-bottom: 5px;}
.pic-margin-b10,.pic_margin-b10{ margin-bottom: 10px;}
.pic-margin-b15{ margin-bottom: 15px;}
.pic-margin-b20{ margin-bottom: 20px;}
.pic-margin-b25{ margin-bottom: 25px;}
.pic-margin-b30{ margin-bottom: 30px;}
.pic-margin-b35{ margin-bottom: 35px;}
.pic-margin-b40{ margin-bottom: 40px;}
/* margin 右邊 */
.pic-margin-r5,.pic_margin-r5{ margin-right: 5px;}
.pic-margin-r10,.pic_margin-r10{ margin-right: 10px;}
/* margin 左邊 */
.pic-margin-l5,.pic_margin-l5{ margin-left: 5px;}
.pic-margin-l10,.pic_margin-l10{ margin-left: 10px;}
.pic-margin-l15,.pic_margin-l15{ margin-left: 15px;}

/* margin 兩者 */
.pic-margin-10lr,.pic_margin-10lr{margin: 0 10px;}
.pic-margin-tm5{margin:5px 0;}
.pic-margin-tm10{margin:10px 0;}
.pic_margin-lr5,.pic-btn-newstore-100.pic_margin-lr5{ margin:0 5px;}
.pic-margin-10,.pic-GeneralStore-edit{margin: 10px;}
.pic-margin-20{margin: 20px;}


						/* ------padding------- */
.pic-padding-lr15,.pic_padding-lr15{ padding:0 15px;}
.pic-padding-r5,.pic_padding-r5{ padding-right: 5px;}
.pic-padding-l10{ padding-left: 35px;}
.pic-padding-t5,.pic_padding-t5{ padding-top: 5px;}
.pic-padding-b5,.pic_padding-b5{ padding-bottom: 10px;} 

.pic-padding-5,.pic_padding-5{ padding:5px;}

/* ================== 間距 END ==================  */

/* line */
.pic-line-light15{line-height: 15px;}
/*  */
.pic-width-30{width: 30%;}
.pic-width-40{width: 40%;}
.pic-width-100{width: 100%;}

.pic-height-100{height: 100%;}
.pic-weight-300{font-weight: 300;}
/*  */
.pic-top-fixed{position: fixed;width: 100%;top:0;z-index: 99;}
/* flex */
.pic-flex{display: flex;}
.pic-flex-center{display: flex;align-items: center;justify-content: center;}
.pic-flex-center-between{display: flex;align-items: center;justify-content: space-between;}
.pic-flex-center-wrap {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pic-flex-center-column{display: flex;flex-direction: column;}

.pic-flex-align-items {display: flex;align-items: center;}
.pic-flex-justify-start{display: flex;justify-content:flex-start;}
.pic-flex-end{display: flex;align-items: flex-end;}

.pic-flex-none{display:none;}




.pic-common-navbarbox .pic-nav-Top { color:var(--pic-color-grey-100); text-decoration: none; font-size: 14px;font-weight: 400; margin:  0px; line-height: 28px; display: inline-block; width:50%; height: 100%; overflow: hidden; position: relative; text-align: center;}
.pic-common-navbarbox.pic-common-navbarbox-tow-width-50 .pic-nav-Top{width: 50%;}
/* 水平滑動選單 */
.pic-common-navbarbox .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.pic-common-navbarbox .swiper-container-no-flexbox .swiper-slide{ float:left;}
.pic-common-navbarbox .pic-navbar{ position: relative; background-color: #fff; height: 40px;}
.pic-common-navbarbox .pic-nav-list{ overflow-x: scroll; white-space: nowrap; display: flex; height: 40px; align-items: center;}
.pic-common-navbarbox .pic-nav-a { position: relative;color:var(--pic-color-grey-100); text-decoration: none; font-size: 14px;font-weight:300; margin:  0px; line-height: 28px; display: inline-block; width: 33.3%; height: 100%; overflow: hidden; position: relative; text-align: center;}
.pic-common-navbarbox.pic-common-navbarbox-tow-width-50 .pic-nav-a{width: 50%;}
.pic-common-navbarbox .selected { font-weight: bold; color:var(--primary);}
.pic-common-navbarbox .bar { width: 50px; height: 3px; position: absolute; bottom: 6px;}
.pic-common-navbarbox .pic-nav-a span{line-height: 40px;font-size: 14px;}
.pic-common-navbarbox ::-webkit-scrollbar {  width: 0px; height: 0px;}
.swiper-slide.selected{border-bottom: 1px solid var(--primary);font-weight: 300;}
/* 水平滑動選單-end */

/* 團購水平滑動選單CSS */
	.element-group-navbarbox.pic-common-navbarbox .pic-navbar{    position: relative;background-color:var(--primary);height: 40px;}
	.element-group-navbarbox .swiper-slide.selected{position: relative;}
	.element-group-navbarbox.pic-common-navbarbox .pic-nav-a::after{content: ""; border-right: 1px solid var(--pic-light-orange-80);position:absolute;    left: 0; height: 17px;top: 12px;}
	.element-group-navbarbox.pic-common-navbarbox .pic-nav-a span{color:var(--pic-light-orange-80);font-size:14px;}
	.element-group-navbarbox.pic-common-navbarbox .pic-nav-a.selected span{color:#fff;width: 100%;}

	.element-group-navbarbox.pic-common-navbarbox .pic-nav-a{width: 33.3%;}
	.element-group-navbarbox.pic-common-navbarbox .swiper-container{overflow-x: scroll;}
	.element-group-navbarbox.pic-common-navbarbox .pic-nav-list{overflow-x: scroll;}
	.element-group-navbarbox.pic-common-navbarbox ::-webkit-scrollbar {  width: 100%; height: 100%;}
/* 團購水平滑動選單CSS END */

/* 下拉標題 */
.pic-list-title{display: flex;align-items: flex-end;justify-content: space-between;position: relative;color:var(--pic-color-grey-100);padding: 15px 0px 7px 0px;font-size: 16px;}
.pic-list-title.pic-list-HaveLive{padding: 15px 15px 17px 15px;}
/* 點擊搜尋跳出的選單 */
.pic-window-search-bg .pic-window-search{display: flex;flex-direction: column;background: #fff;width: 100%;padding: 10px 5px 3px 5px;margin: 64px 10px 0px 10px;border-radius: 10px;}
.pic-window-bg.pic-window-search-bg{align-items: flex-start;background-color: rgba(0, 0, 0, 0.2);}
.pic-window-search .pic-window-search-name{display: flex;justify-content: center;border: 1px solid var(--primary);color: var(--primary);width: 35%;height: 44px;border-radius: 8px;padding: 10px 0px; margin-right: 5px;}
.pic-window-search .pic-window-search-name::after{content: '';display:inline-block;background:url(images/pic/Icon_Arrows_OrangeDown.svg);width: 22px; height: 22px;margin-left: 8px;}
.pic-window-search .pic-window-search-arrows-down{display: flex;justify-content: center;border-top: 1px solid var(--pic-color-grey-20); margin-top: 15px; width: 100%;}
.pic-window-search .pic-window-search-arrows-down img{width: 25px; height: 25px;margin: 5px 0 2px 0;}
.pic-window-search .pic-window-search-top{display: flex;}
.pic-window-search .pic-window-text-lnput-search{width: 65%;height: 44px;border-radius: 8px;border: 1px solid var(--pic-color-grey-10);}
.pic-window-search .pic-window-text-lnput-search::placeholder{color:var(--pic-color-grey-30);}

.pic-window-search-bg .pic-window-search .pic-confirm-box{margin: 12px 0px 0 0px;}
.pic-window-search-bg .pic-window-search .pic-confirm-box::before{content: "";background: url(images/pic/Icon_search.svg);width: 25px; height: 24px;position: absolute;top:5px;left: 36%;}
/* 點擊搜尋跳出的選單 按 */
.pic-window-bg.pic-window-search-list-bg{align-items: flex-start;background-color: rgba(0, 0, 0, 0.2);}
.pic-window-search-list {background: #fff;width: 100%;margin: 5px;margin-top: 119px;border-radius: 10px;}
.pic-radio-search-list-store {position: relative;padding: 12px 14px;border-bottom: 1px solid var(--pic-color-grey-5);}

/* 限制數字 提示 */
.pic-default span.pic-text-small-num,.pic-text-small-num{color:var(--pic-color-grey-40);font-size: 12px;}

/*----------- 賣場列表--------- */
/* 打勾 樣式-勾起*/
.pic-ckbutton-label{position:relative;display:block;width:24px;height:24px;cursor:pointer;border:1px solid var(--pic-color-grey-70);border-radius:4px;margin: auto;-moz-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;-o-transition:background-color .2s ease-in;transition:background-color .2s ease-in}
.pic-ckbutton-label::before,.pic-ckbutton-label::after{content:"";position:absolute;width:2px;background-color:#fff;-moz-transition:opacity .2s ease-in;-webkit-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in;opacity:0}
.pic-ckbutton-label::before{height:8px;top:9px;left:2px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.pic-ckbutton-label::after{height:19px;top:0;left:10px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.pic-ckbutton-checkbox:checked + .pic-ckbutton-label{background-color:var(--primary);border:2px solid var(--primary);display:inline-block}
.pic-ckbutton-checkbox:checked + .pic-ckbutton-label::before,.pic-ckbutton-checkbox:checked + .pic-ckbutton-label::after{opacity:1}
.pic-ckbutton-checkbox{display:none}
.pic-checkbox-name{display:flex;align-items:center}
.pic-checkbox-name p{margin-left:15px;font-weight: 400;width: 90%;line-height: 20px;}
/* 打勾 樣式-未勾起(灰色)*/
.pic-ckbutton-checkbox:disabled+.pic-ckbutton-label {border: 1px solid var(--pic-color-grey-20);background-color: var(--pic-color-grey-10);pointer-events: none;}

/* 新增賣場 圓圈樣式 New*/
.pic-rdobutton-box{ position: fixed;z-index: 99999;  bottom:0px;width: 100%;background: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 22px 0px;  height:338px;}
.pic-rdobutton-box h3{text-align: center;margin-bottom: 20px;font-size: 17px;}
.pic-rdobutton-radio-box{position:relative;padding:7.5px 14px}
.pic-rdobutton-label{width:100%;display:block;margin-left:41px}
.pic-label-check{display:block;position:absolute;border:2px solid var(--pic-color-grey-70);border-radius:100%;height:24px;width:24px;top:7px;left:20px;z-index:5;transition:border .25s linear;-webkit-transition:border .25s linear}
.pic-rdobutton-radio[type=radio]{position:absolute;visibility:hidden; height: 24px;width: 0px;left: -16px;top: -4px;}
.pic-label-check::before{display:block;position:absolute;content:'';border-radius:100%;height:16px;width:16px;top:2px;left:2px;margin:auto;transition:.25s linear;-webkit-transition: .25s linear}
.pic-rdobutton-radio[type=radio]:checked ~ .pic-label-check{border:2px solid var(--primary); background:#fff;}
.pic-rdobutton-radio[type=radio]:checked ~ .pic-label-check::before{background:var(--primary)}


/* 賣場類型-圓圈 */
.pic-radio-list-store{position: relative;padding: 12px 14px;border-bottom: 1px solid var(--pic-color-grey-5);}
.pic-radio-list-store:last-child{border-bottom: 0px}
.pic-radio-list-store:before+.pic-rdobutton-radio:checked{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background: url(images/pic/Icon_tick.svg);border-radius:25px;opacity:0;-moz-transition:opacity .2s ease-in;-webkit-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in}
.pic-rdobutton-label-2{width: 100%;display: block;}
.icon-one-arrows {content: "";top: 12px;position: absolute;left: 90%;background: url(images/pic/Icon_tick.svg);background-repeat: no-repeat;border:0px;right: 0px;display: inline-block;width: 100%;height:24px;cursor:pointer;border-radius:25px;-moz-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;-o-transition:background-color .2s ease-in;transition:background-color .2s ease-in; margin-right: 4px;}
.pic-rdobutton-radio:checked ~  .pic-store-check {content: "";top: 12px;position: absolute;left: 90%;background: url(images/pic/Icon_tick.svg);background-repeat: no-repeat;border:0px;right: 0px;display: inline-block;width: 100%;height:24px;cursor:pointer;border-radius:25px;-moz-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;-o-transition:background-color .2s ease-in;transition:background-color .2s ease-in; margin-right: 4px;}
.pic-store-check.icon-arrows-preset{content: "";top: 12px;position: absolute;left: 90%;background: url(images/pic/Icon_tick.svg);background-repeat: no-repeat;border:0px;right: 0px;display: inline-block;width: 100%;height:24px;cursor:pointer;border-radius:25px;-moz-transition:background-color .2s ease-in;-webkit-transition:background-color .2s ease-in;-o-transition:background-color .2s ease-in;transition:background-color .2s ease-in; margin-right: 4px;}
/* 圓圈不能按的狀態 */
.pic-label-no .pic-rdobutton-radio + .pic-label-check{border: 2px solid var(--pic-color-grey-20);background-color:var(--pic-color-grey-10);}
.pic-label-no .pic-rdobutton-radio[type=radio]:checked + .pic-label-check::before{background-color:var(--pic-color-grey-20);}
.pic-label-no .pic-rdobutton-radio[type=radio]:checked + .pic-label-check{border: 2px solid var(--pic-color-grey-20);}
.pic-rdobutton-label.pic-label-no::before{border: 2px solid white;background-color:var(--pic-color-grey-20);opacity: 1;}
.pic-rdobutton-radio:disabled+.pic-rdobutton-label{pointer-events: none;color:var(--pic-color-grey-100) ;}
/* 賣場確認 */
.pic-confirm-box{margin: 12px 5px 0 5px;position: relative;}
.pic-confirm-preset-box{margin: 12px 0px 0 0px;position: relative;}

/* 按鈕樣式 */
.pic-confirm-box .pic-rdobutton-confirm{width: 100%;height: 40px;font-size: 16px;background:var(--primary);border-radius: 8px;border: 0;color: #fff;border-radius: 8px;}
.pic-confirm-box .pic-rdobutton-confirm:hover{border-radius: 8px;}
.pic-confirm-box .pic-rdobutton-gray{background: var(--pic-color-grey-10);color:var(--pic-color-grey-40);border: 1px solid var(--pic-color-grey-20);}
.pic-confirm-box .pic-rdobutton-border-orange{background:#fff; color:var(--primary);border: 1px solid var(--primary);}

.pic-rdobutton-border-orange{background:#fff ; color:var(--primary);border: 1px solid var(--primary)!important;}
.pic-rdobutton-gray{background: var(--pic-color-grey-10);color:var(--pic-color-grey-40);border: 1px solid var(--pic-color-grey-20)!important;}
.pic-icon-check::before{content: "";background: url(images/pic/Icon_Interface_W_tick.svg);width: 25px; height: 24px;position: absolute;top: 9px;left: 38%;}
/* 訂單編號 */
.pic-content .pic-num-gray{font-size:12px;margin-left: 40px;color:var(--pic-color-grey-40);line-height: 16px;}
.pic-content .pic-box{background:#fff;border-radius:10px;margin:10px;padding:10px 15px}

/* 選單 */
.pic-sort{display: flex;font-size: 12px;flex-wrap: wrap;align-items: center;}
/* 選單按鈕 */
.pic-btn-outside{display: flex;align-items: center;font-size: 12px;line-height: 16px;padding: 5px 6px; margin: 4px 2px;border-radius: 6px; margin-bottom: 5px;}
.pic-sort li{display: flex;align-items: center;font-size: 12px;padding: 5px 6px; margin: 0 2px;border-radius: 6px; margin-bottom: 5px;}
.pic-sort a{color: #fff; font-size: 14px;display: flex;    align-items: center;}

.pic-sort-style,.pic-GeneralOrder-sort-style {border-radius: 5px;font-size: 12px;padding: 0 6px; margin: 3px 5px 3px 0;}
.pic-sort-color-green{background: #EDFBF7;color: var(--pic-green);border: 1px solid var(--pic-light-green-20);}

.pic-sort-color-orange{background:var(--pic-light-orange-5 );color: var(--primary);border: 1px solid #FDE4D3;}
.pic-sort-color-blue{background: #EEFBFF;color:#008CD6;border: 1px solid #B9DEEF; } 
.pic-sort-color-light-green{background: #F2F9F4;border: 1px solid #BEE5CC;color: #02B347;}
.pic-sort-color-red{background: var(--pic-light-red-10);border: 1px solid var(--pic-red);color: var(--pic-red);} 

.pic-sort-frame { font-size: 12px; padding: 5px 6px; border-radius: 6px; line-height: 16px;}

/* 分類 icon */
.pic-sort-normal::before{background: url(images/pic/Leadingicon.svg);background-repeat: no-repeat;}
.pic-sort-cold::before{background: url(images/pic/Leading_cold.svg);background-repeat: no-repeat;}

.pic-sort-color-orange-label-Noicon{background:var(--pic-light-orange-5 );color: var(--primary);border: 1px solid #FDE4D3;}

.pic-sort-time:before{background: url(images/pic/fi-bs-time-oclock.svg);background-repeat: no-repeat;width: 22px;}
.pic-sort-fast:before{background: url(images/pic/fi-bs-time-fast_1.svg);background-repeat: no-repeat;width: 20px;}
.pic-sort-bag:before{background: url(images/pic/Icon_Interface_bag.svg);background-repeat: no-repeat;}
.pic-sort-post:before{background: url(images/pic/Icon_Interface_paper.svg);background-repeat: no-repeat;}
.pic-sort-fill:before{background: url(images/pic/Icon_Interface_paperNoText.svg);background-repeat: no-repeat;}
.pic-sort .pic-sort-color-red{background:var(--pic-light-red);color: var(--pic-red);border: 1px solid #FBD3D3;}
.pic-sort .pic-sort-color-gray{background: var(--pic-color-grey-5);color: var(--pic-color-grey-30);border: 1px solid var(--pic-color-grey-20);}
/* 分類 icon-end */

/* 日期  START*/
.admweb-v2-input-date {display: flex;align-items: center;}
.admweb-v2-input-date .iopen-text-lnput-style{width: 41px;background:none;}
.admweb-v2-input-date input {align-items: center;}
.admweb-v2-input-date-content {position: relative;display: flex;align-items: center;}
.admweb-v2-input-date-content .admweb-v2-DateBox{position: relative;;width: 163px;}
.iopen-icon-date::before {content: "";display: inline-block;position: absolute;background: url(images/pic/Icon_date.svg);background-repeat: no-repeat;width: 24px;height: 25px;}
.admweb-v2-input-date-content .iopen-icon-date::before{right: 5%;top: 18%;width: 23px;height: 23px;background-size: contain;}
.admweb-v2-input-date-content .admweb-v2-DateNotation{margin:0 3px;}
.admweb-v2-input-date-content .iopen-text-lnput-style{width: 41px;}
/* 日期 END*/


/* 表格 */
.pic-table{width: 100%;margin-bottom: 5px;font-size: 14px;line-height: 20px;}
.pic-table .pic-td-title{width: 20%;background:var(--pic-color-grey-5);color:#828282;border-bottom:1px solid var(--pic-color-grey-5);text-align: center;padding:5px 3px;border:1px solid var(--pic-color-grey-5)}
.pic-table .pic-td-title-orange{background:var(--pic-light-orange-10);color:var(--primary);border-bottom:1px solid var(--pic-light-orange-10);text-align: center;width:23%;padding:5px 0;}
.pic-table .pic-td-material{color: var(--pic-color-grey-100);border: 1px solid var(--pic-color-grey-5);font-size: 14px;font-weight: 400;padding:0 5px;}
.pic-table .pic-td-width-50{width:50%}
/* 表格-總計 */
.pic-table span.pic-price-all{font-size: 17px!important;font-weight: 400;}
/* 編輯 複製 發布直播 */
.pic-sort-btn{justify-content: flex-end;}
.pic-default .pic-sort-color-orangeBtn, .pic-sort-color-orangeBtn{background:var(--primary);color:#fff}
.pic-default .pic-sort-color-orangeBtn a {color:#fff;}

.pic-btn-newstore{color:#fff;background:var(--primary);width:73%;border-radius:8px;padding:5px;margin:0 5px;font-size:16px;display:flex;align-items:center;justify-content:center}

/* 下拉選單 */
.pic-window-cause-feedback-detail .pic-text-lnput-style,.pic-OrderCancel-window-detail .pic-text-lnput-style{background-image: url(images/pic/Icon_Arrows_BlackUp-bold.svg);background-position: 322px 9px;border-radius: 8px;background-repeat: no-repeat;}
.pic-select-box{background:#fff; color: var(--pic-color-grey-100);display:flex;justify-content:space-around;border-top: 1px solid var(--pic-color-grey-10);font-weight: 300;}

.pic-select-box .pic-newold-btn-no:hover{color:#000;}

.pic-nav-icon-arrows::after {content: "";background: url(images/pic/Icon_Arrows_down.svg);display: inline-block;width: 17px;height: 15px;}
.pic-nav-icon-arrows:hover::after{ content: "" ;background: url(images/pic/Icon_Arrows_orenge.svg);}

.pic-select-box .pic-select-list{border-right:1px solid var(--pic-color-grey-10);width:55%;text-align:center}
.pic-select-box .pic-store-list{font-size: 12px; height: 100%;    height: 38px; justify-content: center;align-items:center;display: flex;padding:2px 0;line-height: 1.4;}
.pic-store-date{font-size:12px;color:var(--pic-color-grey-50);padding:8px 10px 0 8px}
.pic-newold{display:flex;align-items:center;}
.pic-newold-icon-arrows-down::after{content: ''; background: url(images/pic/Icon_Arrows_down.svg);display: inline-block;  height: 15px;  width: 17px;position: relative;left: -5px;}
.pic-newold-icon-arrows::after{content: ''; background: url(images/pic/Icon_Arrows.svg);display: inline-block;  height: 15px;  width: 17px;position: relative;left: -5px;}
.pic-icon-arrows-up::after{transform: rotate(180deg);}
.pic-select-box .pic-newold .pic-newold-btn{border:0 ;background:#fff;font-size: 12px;color:var(--pic-color-grey-100);}
.pic-newold img{width:17px;height:15px}
/* 視窗 */
.pic-window-close{background: url(images/pic/Icon_close_X.svg);background-size: contain;width: 15px;height: 15px;}
.pic-window-bg{background-color:rgba(0, 0, 0, 0.5);height:100%;width:100%;z-index:99998;top:0;left:0;display:flex;justify-content:center;align-content:center;position:fixed;align-items:center}
.pic-window-bg .pic-window{display:flex;flex-direction:column;justify-content:flex-end;margin: 0 20px;border-radius:10px;overflow: hidden;width: 100%;}/*!!!改這裡*/
.pic-window-bg .pic-window p{background: #fff;height:100%;width:100%;padding: 24px 50px;font-weight:400;font-size:16px;color:var(--pic-color-grey-100);display:flex;justify-content:center;align-items:center;text-align: center;padding:24px 50px;line-height: 20px;border-radius:10px 10px 0 0;}/*!!!改這裡*/
.pic-window-bg .pic-window-button-box{display:flex;justify-content:end;width: 100%;}
.pic-window-bg .pic-window-button{border:0;height:48px;width:100%;font-size:17px;border-top:1px solid var(--pic-color-grey-20)}
.pic-window-bg .pic-window-button-OneBtn{border:0;height:48px;width:100%;font-size:17px;border-radius: 0 0 10px 10px;display: flex;align-items: center;justify-content: center;}/*一個按鈕*/
.pic-window-bg .pic-window-button-TwoBtn{border:0;height:48px;width:100%;font-size:17px;display: flex;align-items: center;justify-content: center;}/*一個按鈕*/
.pic-window-bg .pic-window-button-TwoBtn-l{border-radius: 0 0 0px 10px;border-top: 1px solid #D5D5D5;}
.pic-window-bg .pic-window-button-TwoBtn-r{border-radius: 0 0 10px 0px;}
.pic-window-bg .pic-window-button.window-button-w{background:#fff;color:var(--primary);border-bottom-left-radius:10px;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.pic-window-bg .pic-window-button.window-button-o{background:var(--primary);color:#fff;border-bottom-left-radius:0px;border-bottom-right-radius:10px;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.pic-window-bg-newstore{bottom: 0;align-items: flex-end;justify-content: inherit;align-content: inherit;}
#pic-delete-success .pic-window-button.window-button-o{border-bottom-left-radius:10px}

.alertaconfirm_box .pic-window-marge-box h4{font-weight:bold;font-size: 16px;margin-bottom:12px;}
.alertaconfirm_box .pic-window-marge-box div{font-size: 14px;}


.pic-select-box .pic-store-list:focus,.pic-select-box .pic-store-list:hover,.pic-select-box .pic-newold-btn:hover,.pic-nav-icon-arrows input:hover {color:var(--primary)}
/* 點擊選單 */
.pic-window-list{background: #fff; width: 100%; margin: 5px;border-radius:10px;}
.pic-window-list li {padding: 10px;display: flex;justify-content: space-between;border-bottom: 1px solid var(--pic-color-grey-5);}
.pic-window-list li:last-child {border-bottom: 0px;}
/* 按鈕寬度 */
.pic-confirm-box .pic-btn-newstore-100{height:40px; line-height: 15px;}
.pic-confirm-box .pic-btn-NewPage-remind{display:flex;align-items:center;width:100%;height:44px;line-height:15px;font-size:14px;font-weight: 300;border-radius:8px;padding: 0px 10px;}
.pic-btn-NewPage-remind.pic-icon-orange-arrows::after{ position: absolute;right: 23px;}
/* 下方按鈕 */
.pic-btn-footer{display:flex;position:fixed;z-index: 999;bottom:0;width:100%;padding: 5px ;border-top:1px solid var(--pic-color-grey-20);background: #fff;}
.pic-btn-footer .pic-ckbutton-all .pic-ckbutton-label{top: 0px; margin:auto;}
.pic-btn-footer .pic-ckbutton-all{margin:0 13px;display:flex;flex-direction:column;align-items:center;width:10%;;font-size: 12px;line-height: 15px;}
.pic-btn-footer .pic-btn-delete-footer img{height:16px}
.pic-btn-footer .pic-btn-delete-footer{display:flex;flex-direction:column;align-items:center;padding: 3px 5px;border-radius:6px;width:14%;margin-right: 5px;font-size: 12px;line-height: 18px;}
.pic-btn-footer .pic-btn-newstore{color:#fff;width:73%;border-radius:8px;padding:5px;margin:0 2.5px;font-size:16px;display:flex;align-items:center;justify-content:center}
.pic-btn-box{margin: 0 5px;}

.pic-btn-footer .pic-btn-newstore-100,.pic-btn-newstore-100{position: relative; color:#fff;width:100%;border-radius:8px;padding:5px;font-size:16px;display:flex;align-items:center;justify-content:center;height: 40px;line-height: 15px;}
.pic-btn-footer .pic-btn-newstore:hover,.pic-btn-footer .pic-btn-newstore-100:hover{border-radius:8px;}
/*----------分格線 公用898 ---------- */
.pic-red-number,.pic-GeneralStore-red-number{background: var(--pic-light-red);text-align: center;border: 1px solid #FDE4D3;color: var(--primary);padding:3px 0px;border-radius: 5px;min-width:30px;}

.pic-rdobutton-box-two{position: fixed;z-index: 99999;bottom: 0px;width: 100%;background: #fff;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 22px 0px;height: 198px;}
.pic-rdobutton-box-two h3{text-align: center;}
.pic-rdobutton-box-two .pic-rdobutton-radio-box{margin-left: 31px;}
.pic-rdobutton-box-two .pic-rdobutton-radio-box .pic-label-check {top: 8px;left: 17px;}
.it898-default .pic-common-navbarbox .pic-nav-a{width: 50%;}

/*文字框*/
.pic-text-lnput[type="text"],.pic-text-lnput{display: block;width: 100%;height: 40px;padding:14px 12px;font-size: 14px;font-weight: 400;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid  var(--pic-color-grey-10);-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 8px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
select.pic-text-lnput{padding:0 12px;}
.pic-text-lnput.pic-text-lnput-textarea{height: 100px;line-height: 20px;padding: 10px;resize: none;margin-bottom: 10px;}
.pic-text-lnput[type="text"]{display: block;width: 100%;height: 40px;padding:14px 12px;font-size: 14px;font-weight: 400;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid  var(--pic-color-grey-10);-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 8px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.pic-lnput-enter::placeholder{color: var(--pic-color-grey-30);opacity: 1;}
.pic-text-lnput::placeholder{ color:var(--pic-color-grey-30) ;}
.pic-text-lnput.pic-lnput-enter:disabled{border: 1px solid var(--pic-color-grey-10);background: #FFFFFF;}

.pic-lnput-enter:focus,.pic-lnput-enter:focus-visible{color: #212529;background-color: #fff;border:solid 2px var(--pic-color-grey-40);outline: 0;}
.pic-lnput-enter-green{color: #212529;background-color: #fff;border:solid 2px var(--pic-green);outline: 0;}
/* 文字框不能打字 - 樣式 */
.pic-text-lnput.pic-lnput-error:disabled, .pic-text-lnput.pic-lnput-option:disabled {border: 1px solid var(--pic-color-grey-10);background: var(--pic-color-grey-5);}
/* 灰背景 */
.pic-GeneralStore-logistics{position: fixed;background: var(--pic-color-grey-10);width: 100%;height: 100%;z-index: 999;top: 0;overflow-y: scroll;}
.pic-NewPage,.pic-GeneralStore-NewPage{position: fixed;background: var(--pic-color-grey-10);width: 100%;height: 100%;z-index: 999;top: 0;}
.pic-NewPage .pic-outside-white-box,.pic-GeneralStore-NewPage .pic-GeneralStore-edit-box{margin: 10px;}
.pic-scroll,.pic-GeneralStore-scroll{overflow: scroll;height: 100%;padding-bottom: 53px;}
/* 賣場 (灰背景的內容)*/
.pic-list-window-title{font-size: 16px;padding: 12px 18px;display: flex;align-items: center;}
.pic-list-window-icon-title span{margin-left: 6px;}

.pic-outside-white-box,.pic-GeneralStore-edit-box{background: #fff;border-radius: 10px;padding: 10px; margin-bottom:10px;}
.pic-outside-white-box.pic-DropDown-padding{padding: 0px 15px 10px 15px}
.pic-outside-white-box .pic-edit-name,.pic-GeneralStore-edit-box .pic-GeneralStore-edit-name{display: flex; align-items: center;justify-content: space-between;background: var(--pic-light-orange-5 );color: var(--pic-color-grey-100);font-weight:400;font-size:17px;padding: 10px 10px;margin-bottom: 5px;}


.pic-text-warn,.pic-GeneralStore-warn{color: var(--pic-red);font-size: 12px;margin-top: 5px;}
.pic-outside-white-box .pic-text-warn,.pic-GeneralStore-edit-box .pic-GeneralStore-warn{line-height: 16px;}
.pic-quantity,.pic-edit-name .pic-quantity,.pic-outside-white-box .pic-edit-name .pic-quantity,.pic-GeneralStore-edit-box .pic-GeneralStore-edit-name .pic-GeneralStore-quantity{color:var(--pic-color-grey-40);font-size: 12px;}
.pic-AddImag,.pic-GeneralStore-AddImag{display: flex;align-items: center;justify-content: center;background:#F3F2F7;height: 120px;border: 1px solid #BEBDC3;}

/* 公用區.銷售.賣場、 ul區塊 898*/
.pic-GeneralStore-setting-box{margin-bottom: 59px;}
.pic-GeneralStore-setting{display: flex;justify-content: space-between;background: #fff;align-items: center;border-radius: 10px;padding:10px; margin-bottom:10px;}
.pic-GeneralStore-setting p{font-size: 17px;}
.pic-GeneralStore-radio{display: flex;}
.pic-GeneralStore-arrows-left{display: flex;align-items: center;font-weight: 300;color: var(--pic-color-grey-100);}
.pic-rdobutton-radio-box .pic-label-check{top:-1px; left:17px;}
.pic-GeneralStore-radio .pic-rdobutton-radio-box{padding: 0px 5px;}
.pic-GeneralStore-radio .pic-rdobutton-label{width: 90%;}
.pic-GeneralStore-rdobutton .pic-rdobutton-radio-box .pic-label-check{top: 7px;}


/* 綠色提示框 - 可共用*/
.pic-GeneralStore-list .reminder_note_for{padding-top: 16px;}
.pic-green-list,.pic-GeneralStore-list{background:var(--pic-light-green-5);line-height: 1.3;margin: 10px 10px 0 10px; padding: 10px;}
.pic-green-list.pic-green-list-NoMargin,.pic-GeneralStore-list.pic-GeneralStore-list-NoMargin{margin: 0px;}/*沒有邊框時使用*/
.pic-green-list .pic-green-list-title,.pic-GeneralStore-list .pic-GeneralStore-list-title{font-size: 16px;font-weight: 400;margin:3px 0 5px 0;}
.pic-green-list li,.pic-GeneralStore-list li{color: var(--pic-green); font-size: 12px;}
.pic-green-icon-tick::before,.pic-GeneralStore-green-tick::before{content:"";background:url(images/pic/Icon_tick_green.svg);display:inline-block;width:16px;height:13px;}
/* 綠色提示框-(下方) - 可共用*/
.pic-green-list-bottom{background:var(--pic-light-green-5);line-height: 1.3; padding: 10px;}
.pic-green-list-bottom.pic-green-list-NoMargin{margin: 0px;}/*沒有邊框時使用*/
.pic-green-list-bottom .pic-green-list-title{font-size: 16px;font-weight: 400;margin:3px 0 5px 0;}
.pic-green-list-bottom li{color: var(--pic-green); font-size: 12px;}
/* 橘色提示框 - 可共用*/
.pic-orange-list{background: var(--pic-light-orange-5); padding: 10px;}
/* 紅色框 - 文字限制 */
.pic-red-text-restrict{display: block;background: var(--pic-light-red); color: var(--pic-red);font-size: 12px;}

/* 運費/出貨說明展開 */
.pic-green-list-arrows-btn-open,.pic-GeneralOrder-btn-open::before{content: ""; background:url(images/pic/Icon_Arrows_green_down.svg);display: inline-block;width: 29px;height: 20px;}
.pic-open-btn-change::before{ position: relative;top: 8px;transform: rotate(180deg);}

/* 記得搬回899 */
.pic-GeneralOrder-btn-open-content.btn-open-content{display: block;}
.pic-GeneralOrder-btn-open-content{display:none;}


/* 按鈕類-- */
.pic-confirm-box.pic-GeneralStore-gray-save::before {content: "";background: url(images/pic/Icon_tick_gray.svg);width: 25px;height: 24px;position: absolute;top: 20px;left: 38%;}
.pic-icon-check {content: "";background: url(images/pic/Icon_tick_gray.svg);width: 25px;height: 24px;position: absolute;top: 20px;left: 38%;}
.pic-confirm-box .pic-btn-all{width: 100%;height: 40px;font-size: 16px;border: 0;border-radius: 8px;}
.pic-confirm-box .pic-btn-all-50{width: 50%;height: 40px;font-size: 16px;border: 0;border-radius: 8px;}
.pic-confirm-box .pic-btn-all,.pic-confirm-box .pic-btn-all-50:hover{border-radius: 8px;}


/* 行數隱藏與顯示 */
.pic-OneRow-simplify,.pic-GeneralOrder-row-hide{overflow: hidden;display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp:1;  -webkit-box-orient: vertical; white-space: normal;}
.pic-OneRow-simplify-2{overflow: hidden;display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp:2;  -webkit-box-orient: vertical; white-space: normal;}
.pic-OneRow-simplify.pic-OneRow-simplify-row-show,.pic-GeneralOrder-row-hide.pic-GeneralOrder-row-show{display:block;}
.pic-OneRow-simplify-btn-open,.pic-GeneralOrder-btn-open{text-align: center; padding-top: 12px;}

/* 訂單狀態 */
.pic-order-state,.pic-GeneralOrder-order-state{display: flex;justify-content: center;align-items: center; }
.pic-order-state::after,.pic-GeneralOrder-order-state::after{content:"";display: inline-block;background: url(images/pic/Icon_Arrows_OrangeDown-bold.svg);width:16px;height:16px;transition:0.3s;}
.pic-icon-order-state-up::after{content:"";display: inline-block;background: url(images/pic/Icon_Arrows_OrangeDown-bold.svg);width:16px;height:16px;transition:0.3s;transform: rotate(-180deg);}
.pic-state-order-btn::after,.GeneralOrder-order-btn::after{transform: rotate(-180deg);transition:0.3s;}
.pic-sort-remark{margin-left: 5px;}
/* 訂單行程-時程表 -到時放公用*/
.pic-schedule-scroll-box{overflow-x: scroll;margin-bottom:5px;  padding-top: 17px;font-size: 14px;}
.pic-schedule-scroll-box::-webkit-scrollbar {display: none;}
.pic-schedule-scroll-box .pic-schedule-box{display: flex;width:522px;}
.pic-schedule-scroll-box .pic-schedule-box-4{display: flex;width:100%;}
    
.pic-schedule-box .pic-schedule-content{display: flex;flex-direction: column;align-items: center;position: relative; margin-right: 17px;}
.pic-schedule-box-4 .pic-schedule-content{display: flex;flex-direction: column;align-items: center;position: relative; margin-right: 0px;}
.pic-schedule-box .pic-schedule-round-orange::after,.pic-schedule-box-4 .pic-schedule-round-orange::after{content: "";position: absolute;background: var(--primary);width: 8px; height: 8px;border-radius: 50%;top: -10px;}
.pic-schedule-box .pic-schedule-round-gray::after,.pic-schedule-box-4 .pic-schedule-round-gray::after{content: "";position: absolute;background: var(--pic-color-grey-20);width: 8px; height: 8px;border-radius: 50%;top: -10px;}
.pic-schedule-content .pic-schedule-content-time{font-size: 11px;line-height: 13px;}
    
/* 訂單行程-流程線 */
.pic-schedule-box li{position: relative; width: 16%;} 
.pic-schedule-box-4 li{position: relative; width: 28%;}
.pic-schedule-line-gray{position: absolute; width: 100%;height: 1px;background-color: var(--pic-color-grey-20);    top: -6px;left: 34px;}
.pic-schedule-line-orange-r {position: absolute;width: 50%;height: 1px;background-color: var(--primary);top: -6px;left:77px;}
.pic-schedule-line-orange-l {position: absolute;width: 50%;height: 1px;background-color: var(--primary); top: -6px;left: 37px;}
.pic-schedule-box-4 .pic-schedule-line-gray{left: 40px;}
.pic-schedule-box-4 .pic-schedule-line-orange-r{left: 100%;}
.pic-schedule-box-4 .pic-schedule-line-orange-l{left: 50%;}
/* 共用918 */
.pic-report img {width: 29px;margin-right: 5px;}
.pic-arrows-down{transform: rotate(180deg);transition: 0.3s;}
/* 共用900上方列表-箭頭 */
.pic-icon-black-arrows-rotate-up{content: "";background: url(images/pic/Icon_Arrows_BlackDown-bold.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;transition: 0.3s;}
.pic-icon-black-arrows-rotate-down{content: "";background: url(images/pic/Icon_Arrows_BlackDown-bold.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;transition: 0.3s;transform: rotate(180deg);}
.pic-icon-gray-arrows-rotate-up{content: "";background: url(images/pic/Icon_Arrows-light-gray-btn.svg)no-repeat;width: 17px;height: 8px;background-size: contain;background-position: center;transition: 0.3s;}
.pic-icon-gray-arrows-rotate-down{content: "";background: url(images/pic/Icon_Arrows-light-gray-btn.svg)no-repeat;width: 17px;height: 8px;background-size: contain;background-position: center;transition: 0.3s;transform: rotate(180deg);}
.pic-arrows-rotate{transform: rotate(180deg);transition: 0.3s;}
.pic-arrows-rotate-up{transform: rotate(0deg);transition: 0.3s;}
/* 人像 icon */
.pic-HumanHead-orange-icon{display: inline-block;width: 40px;height: 40px; background: url(images/pic/Icon_white_HumanHead.svg) no-repeat;background-color: var(--primary);background-position: center;border-radius: 50%;margin-right: 8px;}
.pic-HumanHead-green-icon{display: inline-block;width: 40px;height: 40px; background: url(images/pic/Icon_HumanHead-G.svg) no-repeat;background-color: var(--pic-green);background-position: center;border-radius: 50%;margin-right: 8px;}
/* 下方按鈕 共用*/
.pic-icon-margin-r .pic-icon-OrderPage::before,.pic-icon-margin-r .pic-icon-EditorPrint::before,
.pic-icon-margin-r .pic-icon-EditorQRcode::before,.pic-icon-margin-r .pic-icon-cancel-information::before,
.pic-icon-margin-r .pic-icon-EditorBarcode::before,.pic-icon-margin-r .pic-icon-EditorQRcode::before,
.pic-icon-margin-r .pic-icon-white-check::before,.pic-icon-margin-r .pic-icon-orage-close::before,
.pic-icon-margin-r .pic-icon-order::before,.pic-icon-margin-r .pic-icon-pd-detail::before,
.pic-icon-margin-r .pic-icon-order-query::before,.pic-icon-margin-r .pic-icon-order-ask::before,
.pic-icon-margin-r .pic-icon-gray-check::before,.pic-icon-margin-r .pic-icon-orange-add::before,.pic-icon-white-add::before,
.pic-icon-margin-r .pic-icon-gray-add::before,.pic-icon-margin-r  .pic-icon-file::before ,
.pic-icon-margin-r .pic-icon-shelves::before,.pic-icon-shelves-black::before
{margin-right: 5px;}
.pic-icon-OrderPage::before{content: "";background: url(images/pic/Icon_Interface_OrderPage_White.svg) no-repeat;width: 24px;height: 25px;background-size: contain;background-position: center;}
.pic-icon-EditorPrint::before{content: "";background: url(images/pic/Icon_Editor_print.svg) no-repeat;width: 28px;height: 24px;background-size: contain;background-position: center;}
.pic-icon-EditorBarcode::before{content:"";background: url(images/pic/Icon_Editor_barcode.svg) no-repeat;width: 23px;height: 23px;background-size: contain;background-position: center;}
.pic-icon-EditorQRcode::before{content:"";background: url(images/pic/Icon_QRcode.svg) no-repeat;width: 23px;height: 23px;background-size: contain;background-position: center;}
.pic-icon-white-check::before{content: "";background: url(images/pic/Icon_Interface_W_tick.svg) no-repeat;width: 25px; height: 24px;background-size: contain;background-position: center;}
.pic-icon-gray-check::before {content: "";background: url(images/pic/Icon_tick_gray.svg)no-repeat;width: 25px; height: 24px;background-size: contain;background-position: center;}
.pic-icon-orage-close::before{ content: "";background: url(images/pic/icon_pd_close.svg) no-repeat;background-position: center;width: 12px;height: 16px;}
.pic-icon-white-close::before{content: ""; background: url(images/pic/Icon_Interface_add.svg) no-repeat;transform: rotate(45deg);width: 25px; height: 24px;background-size: contain;background-position: center;}
.pic-icon-gray-close::before{content: ""; background: url(images/pic/Icon_add_gray.svg) no-repeat;transform: rotate(45deg);width: 25px; height: 24px;background-size: contain;background-position: center;}
.pic-icon-order::before{content:""; background: url(images/pic/icon_order.svg) no-repeat;display: inline-block;width:28px; height:28px;}
.pic-icon-icon-blockade::before{content:""; background: url(images/pic/icon_blockade.svg) no-repeat;display: inline-block;width:28px; height:28px;}
.pic-icon-cancel-information::before{content:""; background: url(images/pic/Icon_cancel_information.svg) no-repeat;display: inline-block;width:28px; height:28px;}
.pic-icon-pd-detail::before{content:""; background: url(images/pic/icon_pd_detail.svg) no-repeat;display: inline-block;width:28px; height:28px;}
.pic-icon-order-query::before{content:""; background: url(images/pic/icon_order_query_record.svg) no-repeat;display: inline-block;width:28px; height:28px;}
.pic-icon-order-ask::before{content:""; background: url(images/pic/icon_order_ask.svg) no-repeat;display: inline-block;width:28px; height:28px;}
.pic-icon-file::before {content: "";	background: url(images/pic/Icon_Interface_file_save.svg) no-repeat;width: 25px;height: 25px;background-size: contain;background-position: center;}
.pic-icon-shelves::before {content: "";background: url(images/pic/Icon_shelves.svg);width: 25px;height: 25px;background-size: contain;background-position: center;}
.pic-icon-shelves-black::before {content: "";background: url(images/pic/Icon_black_shelves.svg);width: 20px;height: 21px;background-size: contain;background-position: center;}
.pic-icon-white-line-3::before {content: "";background: url(images/pic/Icon_line3_white.svg)  no-repeat;width: 16px;height: 13px;background-size: contain;background-position: center;display: inline-block;}

.pic-icon-white-add::before{content: ""; background: url(images/pic/Icon_Interface_add.svg) no-repeat;width: 25px; height: 24px;background-size: contain;background-position: center;}
.pic-icon-orange-add::before{content: ""; background: url(images/pic/Icon_add_orange.svg) no-repeat;width: 25px; height: 24px;background-size: contain;background-position: center;}
.pic-icon-gray-add::before{content: ""; background: url(images/pic/Icon_add_gray.svg) no-repeat;width: 25px; height: 24px;background-size: contain;background-position: center;}
.pic-icon-light-gray-add::before {content: "";background: url(images/pic/Icon_Interface_add_gray.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;}

.pic-icon-white-arrows::after {content: "";background: url(images/pic/Icon_Arrows_white.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;}
.pic-icon-gray-arrows::after {content: "";background: url(images/pic/Icon_Arrows_right_gray.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;}
.pic-icon-orange-arrows::after {content: "";background: url(images/pic/Icon_Arrows_OrangeLeft.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;}
/* 底部頁碼箭頭icon */
.pic-icon-black-left-arrows::after {content: "";display: inline-block;background: url(images/pic/Icon_Arrows_page_black_right.svg)no-repeat;transform: rotate(180deg);width: 25px;height: 24px;background-size: contain;background-position: center;}
.pic-icon-black-right-arrows::after {content: "";display: inline-block;background: url(images/pic/Icon_Arrows_page_black_right.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;}
.pic-icon-page-left-first-arrows::after {content: "";display: inline-block;background: url(images/pic/Icon_page_right_last.svg)no-repeat;transform: rotate(180deg);width: 25px;height: 24px;background-size: contain;background-position: center;}
.pic-icon-page-right-last-arrows::after {content: "";display: inline-block;background: url(images/pic/Icon_page_right_last.svg)no-repeat;width: 25px;height: 24px;background-size: contain;background-position: center;}
/* 下方按鈕-結束 */
.pic-icon-check::before{content: "";background: url(images/pic/Icon_Interface_W_tick.svg) no-repeat;width: 25px; height: 24px;position: absolute;top: 9px;left: 38%;}

/* 刪除按鈕 */
.pic-sort-delete{ position: absolute; top: 2px; right: 0; font-size: 12px; padding: 2px 6px; margin: 0 2px; border-radius: 5px; display: flex; align-items: center; margin-bottom: 5px;}
.pic-sort-delete::before{content: ""; display: inline-block;background: url(images/pic/Icon_Interface_D.svg);height: 17px;width: 16px;}



/* -----頁碼 開始-----*/
.pic-page-bottom-text{ margin-bottom: 10px;}
.admweb-v2-pagination{ font-size: 14px;display: flex;padding-left: 0;list-style: none;}
.admweb-v2-pagination .admweb-v2-page-num-box{ margin: 0 3px 3px; border-radius: var(--radius);}
.admweb-v2-page-num-box .admweb-v2-page-link-num{ display: flex; justify-content: center; align-items: center; padding: 0; width: 36px; height: 36px; font-size: 14px; transition: all .3s; border: 1px solid rgba(0, 0, 0, .1); border-radius: var(--radius);}
.admweb-v2-page-num-box .admweb-v2-page-link-num:hover{ background-color: rgba(0, 0, 0, .1);}
.admweb-v2-page-num-box.admweb-v2-page-num-active .admweb-v2-page-link-num{ background-color: var(--pic-color-grey-100); border-color:var(--pic-color-grey-100); color: #fff;}
.admweb-v2-page-num-box.admweb-v2-page-num-active .admweb-v2-page-link-num:hover{ background-color: var(--pic-color-grey-90);}
.admweb-v2-page-bottom-text{ font-weight: 300; font-size: 12px; line-height: 16px; color: var(--pic-color-grey-100);}
.admweb-v2-page-num-box .admweb-v2-page-link-arrows{ display: flex; justify-content: center; align-items: center; padding: 0; width: 36px; height: 36px; font-size: 14px; border-radius: var(--radius); color: var(--pic-color-grey-100); border: 1px solid rgba(0, 0, 0, .1); background: #fff;}
span.admweb-v2-icon-page-left-first-arrows{ display: flex; align-items: center;}
span.admweb-v2-icon-black-left-arrows{ display: flex; align-items: center; position: relative; top: -2px;}
span.admweb-v2-icon-page-right-last-arrows{ display: flex; align-items: center;}
span.admweb-v2-icon-black-right-arrows{ display: flex; align-items: center; position: relative; top: -2px;}
.admweb-v2-pagination .admweb-v2-icon-black-right-arrows::after, .admweb-v2-pagination .admweb-v2-icon-black-left-arrows::after{ width: 12px; height: 16px; position: relative; top: 2px;}
.admweb-v2-pagination .admweb-v2-icon-page-right-last-arrows::after, .admweb-v2-pagination .admweb-v2-icon-page-left-first-arrows::after{  width: 16px; height: 16px; position: relative; top: 2p }
.admweb-v2-icon-black-left-arrows::after{ content: ""; display: inline-block; background: url(images/pic/Icon_Arrows_page_black_right.svg)no-repeat; transform: rotate(180deg); background-size: contain; background-position: center;}
.admweb-v2-icon-page-left-first-arrows::after{ content: ""; display: inline-block; background: url(images/pic/Icon_page_right_last.svg)no-repeat; transform: rotate(180deg); background-size: contain; background-position: center;}
.admweb-v2-icon-black-right-arrows::after{ content: "";display: inline-block;background: url(images/pic/Icon_Arrows_page_black_right.svg)no-repeat;background-size: contain;background-position: center;}
.admweb-v2-icon-page-right-last-arrows::after{ content: ""; display: inline-block; background: url(images/pic/Icon_page_right_last.svg)no-repeat; background-size: contain; background-position: center;}
.pic-pagination {font-size: 14px;display: flex;padding-left: 0;list-style: none;}
.pic-pagination .pic-page-num-box{margin: 10px 3px;border-radius: var(--radius);}
.pic-page-num-box .pic-page-link-arrows{ display: flex;justify-content: center;align-items: center;padding:0;width: 36px;height: 36px;font-size: 14px;border-radius: var(--radius);color: var(--pic-color-grey-100);border: solid #ddd 1px;background: #fff;}
.pic-page-num-box .pic-page-link-arrows:hover{background:var(--pic-color-grey-10);}
.pic-page-num-box .pic-page-link-arrows:active{background:var(--pic-color-grey-30);}
.pic-page-num-box .pic-page-link-num{display: flex;justify-content: center;align-items: center;padding:0;width: 36px;height: 36px;font-size: 14px;border-radius: var(--radius);color: var(--pic-color-grey-100);}
.pic-page-num-box .pic-page-link-num:hover{background:var(--outlined-orange);}
.pic-page-num-box .pic-page-link-num:active{background:var(--primary)}
.pic-page-link-num {position: relative;display: block;font-size: 14px;font-size: var(--bs-pagination-font-size);color: var(--bs-pagination-color);text-decoration: none;background-color: var(--bs-pagination-bg);border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.pic-page-num-active>.pic-page-link-num{background:var(--primary);border-radius: var(--radius);color: #fff;}
.pic-page-bottom-text{font-weight: 300;font-size: 12px;line-height: 16px;color:var(--pic-color-grey-100);}
/* 頁碼 icon 位置大小調整 */
.pic-pagination .pic-icon-black-right-arrows,.pic-pagination .pic-icon-black-left-arrows,
.pic-pagination .pic-icon-page-right-last-arrows,.pic-pagination .pic-icon-page-left-first-arrows{padding-top: 5px;}
.pic-pagination .pic-icon-black-right-arrows::after,.pic-pagination .pic-icon-black-left-arrows::after{width: 12px;height: 16px;}
.pic-pagination .pic-icon-page-right-last-arrows::after,.pic-pagination .pic-icon-page-left-first-arrows::after {width: 16px;height: 16px;}
/* -----頁碼 結束-----*/

/* window-點擊合併訂單 - i */
.pic-td-icon-merge {display: inline-block;position: relative;background: url(images/pic/Icon_merge.svg) no-repeat;	width: 18px;height: 16px;top: 2px;}
.pic-marge-title{margin-top: 24px;}
.pic-window-marge-box{background: #fff;font-size: 16px;font-weight: 400;border-radius: 10px 10px 0 0;padding: 24px;}

.pic-images-SoldOut{content: "";background: url(images/pic/SoldOut-pag.svg)no-repeat;width:161px; height: 190px;}
/* 打開分享跳出來的視窗  */
.pic-window-order{width: 100%;text-align: center;margin:0 20px;}
.pic-window-link-box{ background: #fff;font-weight: 400;border-radius: 10px;padding: 8px 0px;}
.pic-window-link{width: 180px;height: 44px;}
.pic-window-title{position: relative;font-weight: 400;color: var(--pic-color-grey-100);font-size: 16px;line-height: 20px;padding-bottom: 8px;}
.pic-window-link-box .pic-window-link-close-position{position: absolute; right: 11px;top: 3px;}
.pic-window-link-box li{width: 100%; border-bottom: 1px solid var(--pic-color-grey-5);}
.pic-window-link-box li:last-child{border-bottom: 0px solid var(--pic-color-grey-5);padding-bottom: 0;}
.pic-window-link-box .pic-window-link-btn{padding: 10px;}
.pic-window-link-box .pic-window-link-btn a.pic-window-link{display: flex;align-items: center;justify-content: center;color: #fff;width: 180px;height: 44px;border-radius: 10px;font-size: 17px;margin: auto;}
.pic-window-link-box .pic-window-btn-link-Fb{background: #325DCA;}
.pic-window-link-box .pic-window-btn-link-Fb::before{content: ""; background: url(images/pic/link_icon_fb.svg);background-size: contain; width: 31px;height: 31px;margin-right: 11.6px;}
.pic-window-link-box .pic-window-btn-link-Line{background: #1BDA6B;}
.pic-window-link-box .pic-window-btn-link-Line::before{content: ""; background: url(images/pic/link_icon_line.svg);background-size: contain; width: 31px;height: 31px;margin-right: 11.6px;}
.pic-window-link-box .pic-window-btn-CopyLink{background: var(--primary);}
.pic-window-link-box .pic-window-btn-CopyLink::before{content: ""; background: url(images/pic/link_icon_CopyLink.svg);background-size: contain;width: 31px;height: 31px;margin-right: 11.6px;}
/* 取消訂單視窗 */
.pic-window-cause-feedback{background: #fff;border-radius: 10px;width: 100%;margin: 0 10px;font-size: 16px;}
.pic-window-cause-feedback .pic-window-cause-feedback-box{position: relative; border-bottom: 1px solid var(--pic-light-green-5);}
.pic-window-cause-feedback-box  .pic-OrderCancel-window-close{background: url(images/pic/Icon_close_X.svg);position: absolute;background-repeat: no-repeat; width: 25px;height: 25px;right: 18px;top: 12px;}
.pic-window-cause-feedback .pic-window-cause-feedback-num{font-weight: 400;margin-bottom: 6px;}
.pic-window-cause-feedback .pic-window-cause-feedback-detail{padding: 10px;}
.pic-window-cause-feedback-detail .pic-window-cause-feedback-title-category{font-size: 14px;padding:6px 0;}
.pic-window-cause-feedback-detail .pic-text-lnput-style{background-position: 95% 8px;}

/* 封鎖黑名單視窗 */
.pic-GeneralOrder-OrderCancel-window .pic-OrderCancel-window-detail {padding: 10px;}
.pic-GeneralOrder-OrderCancel-window {background: #fff;border-radius: 10px;width: 100%;margin: 0 10px;font-size: 16px;}
.pic-GeneralOrder-OrderCancel-window  .pic-list-window-title {align-items: normal;color: var(--pic-color-grey-100);border-bottom: 1px var(--pic-color-grey-5) solid;}
.pic-GeneralOrder-OrderCancel-window  .pic-text-lnput.pic-text-lnput-textarea{line-height: 15px;}
.pic-GeneralOrder-OrderCancel-window  .pic-OrderCancel-window-box{position: relative;}
.pic-GeneralOrder-OrderCancel-window  .pic-window-close{background: url(images/pic/Icon_close_X.svg);background-size: contain;width: 20px;height: 20px;}
.pic-GeneralOrder-OrderCancel-window  .pic-OrderCancel-close{position: absolute; position: absolute;right: 10px;top: 13px;}

/* 最下面按鈕 報表 揀貨單 叫貨單 交貨便代碼*/
    .pic-footer-btn-four .pic-btn-newstore{display: flex;flex-direction: column;font-size: 12px;width:58px;height: 40px; margin: 0 2.5px;line-height: 12px;}
		
/* 900/919元件共用區 -開始*/
		.pic-order-delivery-num{padding: 13px 20px;font-weight: 400;font-size: 16px;}
		.pic-icon-order::before,.pic-icon-pd-detail::before,.pic-icon-order-query::before,.pic-icon-order-ask::before,.pic-icon-cancel-information::before{margin-right: 10px;}
		.pic-table .pic-td-order-flex {display: flex;align-items: center;}
		.pic-sort-color-orangeBtn a {color: #fff;}
		.pic-list-arrows-btn::before {content: "";display: inline-block;position: absolute;background-image: url(css/images/pic/Icon_Arrows_BlackDown.svg);background-repeat: no-repeat;width: 28px;height: 28px;transform: rotate(-360deg);left: 332px;top: 14px;}
		
		.pic-OrderCancel-window-detail .pic-text-lnput-style{background-position: 95% 9px;}
		.pic-list-arrows-gray{position: absolute;right: 34px;}
		.pic-btn-outside {margin-left: 10px;}
		.pic-list-title img{margin-right: 8px;}
		
		/* 展開的資訊 */
		.pic-expand-information{color: var(--pic-color-grey-80);font-size: 12px;font-weight: 300;border-left: 1px solid var(--pic-color-grey-5 ); border-right: 1px solid var(--pic-color-grey-5 );}
		.pic-expand-information li{display: flex;}
		.pic-expand-information .pic-expand-title{text-align: center;width: 23%;padding-left: 12px;}
		.pic-expand-information .pic-expand-content{padding-left: 20px;}
		
		.pic-btn-outside-2{display: flex;font-size: 12px;line-height: 16px;padding: 5px 6px;margin: 4px 2px;border-radius: 6px;margin-bottom: 5px;}
		.pic-information {display: flex;align-items: center;}
		/* 商品明細 */
		.pic-commodity-details-box{padding:0;}
		.pic-commodity-details{display: flex;align-items: center;padding-bottom: 5px; margin-bottom: 5px;}
		.pic-commodity-details img{background-size: contain;width: 70px;height: 70px;border-radius: 5px;}
		.pic-commodity-details .pic-commodity-details-content{font-size: 14px;width: 100%;}
		.pic-commodity-details .pic-commodity-details-pd-title{font-weight: 400;}
		
		/* 訂單詢問紀錄 */
		.pic-list-conten-QA{ margin-bottom: 10px;}
		.pic-list-conten-QA:last-child{margin-bottom: 0px;}
		.pic-commodity-name{display: flex;justify-content: space-between;align-items: center;width: 100%;}
		.pic-commodity-name img{margin-right: 5px;}
		.pic-outside-white-box .pic-commodity-price-end{text-align: end;}
		.pic-table .pic-td-order-flex-space-between{display: flex;align-items: center;justify-content: space-between;height: 35px;}
	
		.pic-commodity-details-list{display: flex;padding: 10px;flex-direction: column;}
		.pic-commodity-details-list .pic-commodity-time{color: var(--pic-color-grey-70);font-size: 11px;}

		.pic-commodity-title{font-weight: 400;font-size: 14px;}
		.pic-commodity-text{font-size: 12px;color: var(--pic-color-grey-100);}
		
		/* 訂單詢問 */
		.pic-outside-white-box.pic-order-ask{padding: 0px 0px 0px 0px;}
		.pic-order-ask .pic-list-arrows-btn::before{left: 352px;}
		.pic-order-ask .pic-OrderCancel-window-detail{padding:0px 15px 10px 15px;}
		.pic-OrderCancel-window-detail .pic-OrderCancel-window-title-category {font-size: 14px;padding: 6px 0;}
		
		.pic-OrderCancel-window-title-category-1 {display: flex;justify-content: space-between;}

		/* 買家進行回覆 */
		.pic-GeneralOrder-order-textarea{background: #fff;padding: 10px;}
		.pic-table .pic-td-width-GeneralOrder-orange{text-align: start; width: 57%;padding-left: 48px;}
		.pic-icon-white-check,.pic-icon-orage-close{font-size: 14px;}
	
		/* 常見問答 */
		.pic-common-order-ask{margin: 0 10px;padding: 8px;line-height: 30px;}
		.pic-common-order-ask p{font-size: 14px; margin: 0 10px; line-height: 15px;}

/* 900/919元件共用區-結束 */

/* 上面步驟樣式  921 */
.pic-step-box{ display: flex; width: 260px; padding: 25px 0 0; margin: 0 auto;}
.pic-step-box li { position: relative; -webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; text-align: center;}
.pic-step-line-gray { position: absolute; width: 100%; height: 2px; background-color: var(--pic-color-grey-20); top: 0; left: 50%; }
.pic-step-line-orange-l{ position: absolute; width: 50%; height: 2px; background-color: var(--primary); top: 0; left: 0;}
.pic-step-line-orange-r{ position: absolute; width: 50%; height: 2px; background-color: var(--primary); top: 0; left: 50%;}
.pic-step-box .pic-step-round-orange::after { position: absolute; background: var(--primary); width: 22px; height: 22px; border-radius: 50%; top: -10px;left: 50%; transform: translate(-50%); color: #fff;}
.pic-step-box .pic-step-round-gray::after { position: absolute; background: var(--pic-color-grey-30); width: 22px; height: 22px; border-radius: 50%; top: -10px;left: 50%; transform: translate(-50%); color: #fff;}
.pic-step-box > li:nth-child(1) .pic-step-round-orange::after,.pic-step-box > li:nth-child(1) .pic-step-round-red::after { content: "1";}
.pic-step-box > li:nth-child(2) .pic-step-round-orange::after,.pic-step-box > li:nth-child(2) .pic-step-round-red::after,.pic-step-box > li:nth-child(2) .pic-step-round-gray::after { content: "2";}
.pic-step-content{margin-top: 15px;}

/*956 957 紅色style步驟 */
.pic-step-box .pic-step-round-red::after { position: absolute; background: var(--pic-red); width: 22px; height: 22px; border-radius: 50%; top: -10px;left: 50%; transform: translate(-50%); color: #fff;}
.pic-step-line-red-l{ position: absolute; width: 50%; height: 2px; background-color: var(--pic-red); top: 0; left: 0;}
.pic-step-line-red-r{ position: absolute; width: 50%; height: 2px; background-color: var(--pic-red); top: 0; left: 50%;}

.it956-default {background: var(--pic-color-grey-10);padding:29px 0 43px;}

/* 訂單編號 box 921 922 923 */
.pic-edit-box-top{position: relative; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-bottom: 3px;}
.pic-edit-box-top > div:nth-child(2),
.pic-edit-box-top > div:nth-child(3){ margin-left: 5px;}


/* 924 default*/
.it924-default .iopen-carousel-box{position: relative;}
.it924-default .iopen-carousel-box .it924-bn-carousel{width:100%;border-radius:0 0 464px 464px /0px 0 116px 116px;overflow:hidden}
.it924-default .iopen-carousel-box .owl-dots{position:relative;top:-62px}
.it924-default .iopen-carousel-box .owl-carousel .owl-nav.disabled{position:static;}
.it924-default .it924-carousel-default .it924-bn-carousel img{width:100%;max-width:100%}
/* .it924-default .it924-carousel-default .it924-bn-carousel{border-radius:50%} */
.it924-default .it924-carousel-default .it924-bn-carousel video,.it924-carousel-default .it924-bn-carousel iframe{object-fit:cover;width:100%;height:360px}
.it924-default .it924-carousel-default .nav-btn.prev-slide{top:133px;left:17px}
.it924-default .it924-carousel-default .html5-video-player .video-stream{width:100%!important;left:0!important}
.it924-default .it924-carousel-default .nav-btn.next-slide{top:133px;right:17px}
.it924-default .curved-corner-bottomleft{width:100px;height:100px;overflow:hidden;position:absolute}
.it924-default .curved-corner-bottomleft:before{content:"";display:block;width:200%;height:200%;position:absolute;border-radius:50%}
.it924-default .iopen-carousel-box .ytp-fit-cover-video .html5-main-video{object-fit:cover;width:100%!important;left:0!important}
@media screen and (max-width: 768px) {
.it924-default{border-radius:0 0 280px 280px /0px 0 73px 73px}
.it924-default .style-1.iopen-carousel-box::before{height:103px;top:133px;left:0}
.it924-default .it924-carousel-default .it924-bn-carousel img{max-width:1366px;height:auto}
.it924-default .it924-carousel-default .it924-bn-carousel video,.it924-carousel-default .it924-bn-carousel iframe{width:100%;height:180px}
.it924-default .it924-carousel-default .nav-btn.prev-slide{top: 32%;left:13px}
.it924-default .it924-carousel-default .nav-btn.next-slide{top:32%;right:13px}
}
@media screen and (max-width: 390px) {
.it924-default .style-1.iopen-carousel-box::before{top:137px}
}
/* 924 style01*/
.it924-style01{width:100%}
.it924-style01 .iopen-carousel-box .owl-dots{position:relative;bottom: 22px;}
.it924-style01 .it924-carousel-style01 .it924-bn-carousel img{width:100%}
.it924-style01 .it924-carousel-style01 .owl-nav{height:0;}
.it924-style01 .it924-carousel-style01 .it924-bn-carousel video,.it924-carousel-style01 .it924-bn-carousel iframe{object-fit:cover;width:100%;height:360px}
.it924-style01 .it924-carousel-style01 .nav-btn.prev-slide{top:152px;left:17px}
.it924-style01 .it924-carousel-style01 .nav-btn.next-slide{top:152px;right:17px}
.it924-style01 .curved-corner-bottomleft{width:100px;height:100px;overflow:hidden;position:absolute}
.it924-style01 .curved-corner-bottomleft:before{content:"";display:block;width:200%;height:200%;position:absolute;border-radius:50%}
.it924-style01 .iopen-carousel-box .ytp-fit-cover-video .html5-main-video{object-fit:cover;width:100%!important;left:0!important}
@media screen and (max-width: 768px) {
/* .it924-style01 .iopen-carousel-box .it924-carousel-style01{height: 154px;} */
.it924-style01 .iopen-carousel-box{position: relative;}
.it924-style01 .it924-carousel-style01 .it924-bn-carousel img{max-width:100%;}
.it924-style01 .it924-carousel-style01 .it924-bn-carousel video,.it924-carousel-style01 .it924-bn-carousel iframe{width:100%;height:146px}
.it924-style01 .it924-carousel-style01 .nav-btn.prev-slide{ top: 30%;left:13px}
.it924-style01 .it924-carousel-style01 .nav-btn.next-slide{ top: 30%;right:13px}
}


    /* 日期篩選 改原版樣式 */
    .ranges::before{content: "選擇日期";background: var(--primary);color: #fff;text-align: center;display: block;display: -webkit-block;position: -webkit-fixed;position: fixed;width: 278px;line-height: 20px;padding: 8px;top:79px;border-radius: 10px 10px 0 0;font-size: 16px;z-index: 999;}
    .pic-default .daterangepicker .drp-calendar.left{padding:25px 0 8px 8px;}
    .pic-default .daterangepicker .drp-calendar.right{padding: 8px 8px 38px 8px;}
    .pic-default .daterangepicker th.month{font-weight: 600 !important;}
    .pic-default .daterangepicker{border-radius:10px;overflow: scroll;height: 440px;top: 73px !important;margin-top:5px;-webkit-overflow-scrolling:touch}
    .daterangepicker td.available:hover{border-color: #fff !important;}
    .pic-default .daterangepicker:after,.pic-default .daterangepicker:before{top: 0px;border-right: 0px solid transparent;border-bottom: 0px solid #fff;border-left: 0px solid transparent;}
    .pic-default .daterangepicker td.in-range{background: #FEF1E9;}
    .pic-default .daterangepicker td.active, .daterangepicker td.active:hover,.pic-default .daterangepicker td.active, .daterangepicker td.active:hover{background: var(--primary);}
    .pic-default .daterangepicker td.start-date,.pic-default .daterangepicker td.end-date{border-radius: 0;}
    .pic-default .daterangepicker .calendar-table th,.pic-default .daterangepicker .calendar-table td{width: 38px;height: 38px;font-size: 17px;font-weight: 400;}
    .pic-default .daterangepicker .calendar-table td{border: 3px solid #fff;}
    .pic-default .table-condensed tr:nth-child(2) th{font-size: 12px;color: #D5D5D5;}
    .pic-default .daterangepicker td.active, .daterangepicker td.active:hover{background-color: var(--primary)!important;border-radius: 0px;}
    .pic-default .daterangepicker td.start-date.end-date{ border-radius: 0px;}
    .pic-default .daterangepicker .drp-selected{display: none;}
    .daterangepicker.show-calendar .drp-buttons{display: block;position: fixed;top: 476px;width: 100%;max-width: 278px;}
    .pic-default .daterangepicker .drp-buttons{padding: 0px;text-align: center;border-top:0px;}
    .pic-default .daterangepicker .drp-buttons .btn{width: 50%;font-size: 17px;border: 0;margin-left:0px;padding: 9px 8px;}
    .pic-default .daterangepicker .drp-buttons .btn-default{background: #fff;color:var(--primary);border-radius: 0px 0px 0px 10px;border-left: 1px  solid #D5D5D5;border-top: 1px  solid #D5D5D5;border-bottom: 1px  solid #D5D5D5;}
    .pic-default .daterangepicker .drp-buttons .btn-primary{background: var(--primary);color: #fff;border-radius: 0px 0px 10px 0px;border: 1px solid #D5D5D5;}

    @media screen and (max-width: 375px){
        .pic-default .daterangepicker{height: 418px;}
        .pic-default .daterangepicker .calendar-table th, .pic-default .daterangepicker .calendar-table td {width: 38px;height:38px;font-size: 14px;font-weight: 400;}
        .daterangepicker.show-calendar .drp-buttons{top: 457px;}
        .pic-default .daterangepicker .drp-buttons .btn{width: 50%;font-size: 15px;margin-left: 0px;padding: 8px 8px;}
    }

/* ============== PIC共用css(END ============== */

/* ============== PIC行銷活動頁元件 ============== */
/* 活動頁商品樣式公用 */
.pic-activity-pdbox{ max-width: 280px; height: auto; padding: 10px; background-color:white; border-radius: 10px; margin: 0 auto;}
.pic-activity-pdbox a{ display: block; width: 100%; height: 100%;}
.pic-activity-pdbox .pic-apd_imgbox,
.pic-activity-pdbox .pic-apd_infobox{ width: 100%; height: auto; position: relative;}
.pic-activity-pdbox .pic-apd_infobox{ padding-top:10px;}
.pic-activity-pdbox .pic-apd_imgbox img{ display: block; max-width: 100%; width: 100%; height: auto;}
.pic-activity-pdbox .pic-apd_infobox h3{ padding: 0 15px; display: block; width: 100%; font-size: 14px; font-weight: 500; color: white; line-height: 30px;  text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-activity-pdbox .pic-apd_infobox h2{ display: block; width: 100%; font-size: 14px; line-height: 18px; height: 36px; font-weight: 500; color: var(--pic-color-grey-100); overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pic-activity-pdbox .pic-apd_infobox p{ font-size: 13px; text-align: center; color: var(--pic-color-grey-50); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-activity-pdbox .pic-apd_infobox .pic-apd-price ul{ display: flex; align-items: baseline; justify-content: center;}
.pic-activity-pdbox .pic-apd_infobox .pic-apd-price .pic-apd-price_01{ font-size: 12px; line-height: 16px; color: var(--pic-color-grey-40); text-decoration: line-through; margin-right: 10px;}
.pic-activity-pdbox .pic-apd_infobox .pic-apd-price .pic-apd-price_02{ font-size: 20px; line-height: 25px; color: var(--pic-red);}
.pic-activity-pdbox .pic-apd_infobox .pic-apd-price .pic-apd-price_02 span{ font-size: 12px;}

@media screen and (max-width: 768px){
	.pic-activity-pdbox .pic-apd_infobox .pic-apd-price ul{ display: block; padding-top: 5px;}
}


/* 活動頁商品樣式01-旗幟 */
.pic-activity-pd01 .pic-apd_infobox h3{ position: relative;}
.pic-activity-pd01 .pic-apd_infobox h3::before{ content: ""; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background-color: #fff; opacity: 0.4;}
.pic-activity-pd01 .pic-apd_infobox h3::after { position: absolute; content: ""; top: 0; right: 0; width: 0; height: 0; border: 15px solid transparent; border-left-width: 0; border-right-color: #fff;}

/* 活動頁商品樣式02-方框 */
.pic-activity-pd03 .pic-apd_infobox h3{ border-radius: 0;}

/* 活動頁商品樣式03-圓角 */
.pic-activity-pd03 .pic-apd_infobox h3{ border-radius: 30px;}

/* ============== PIC行銷活動頁元件(END) ============== */

/* ============== BBC商城元件 會連動請勿任意變更(START)============== */
/* 公用 元件框架*/
.iopen-mall-item-mb{ margin-bottom: 20px;}
.iopen-mall-item-box{ width: 100%; max-width: 1200px; margin: 0 auto;}
.iopen-mall-item-title{ width: 100%; max-width: 1200px;}
.iopen-mall-item-title h3{ position: relative; font-size: 22px; font-weight: 600; color: var(--pic-color-grey-100); line-height: 24px; text-align: left; padding-left: 16px;}
.iopen-mall-item-title h3::before{ position: absolute; left: 0; top: 0; display: block; content:''; width: 6px; height: 24px; border-radius: 3px; background: var(--primary);}
.iopen-mall-item-content .owl-carousel{ position: relative;}
.iopen-mall-item-content .owl-carousel .owl-nav .owl-prev,
.iopen-mall-item-content .owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; border-radius: 1px; margin-top: -25px; display: block; width: 50px;  height: 50px; text-indent: -9999px;}
.iopen-mall-item-content .owl-carousel .owl-nav .owl-next { right: -25px; background: url(images/pic/pic-owl-next.svg) top no-repeat; background-size: 50px;}
.iopen-mall-item-content .owl-carousel .owl-nav .owl-prev { left: -25px; background: url(images/pic/pic-owl-prev.svg) top no-repeat;  background-size: 50px;}
.iopen-mall-item-content .owl-carousel .owl-nav .owl-next:hover { background: url(images/pic/pic-owl-next.svg) bottom no-repeat; background-size: 50px;}
.iopen-mall-item-content .owl-carousel .owl-nav .owl-prev:hover { background: url(images/pic/pic-owl-prev.svg) bottom no-repeat;  background-size: 50px;}

@media screen and (max-width:960px) {
.iopen-mall-item-mb{ margin-bottom: 15px;}

}
@media screen and (max-width:640px) {
.iopen-mall-item-title h3{ font-size: 20px; line-height: 20px;}
.iopen-mall-item-title h3::before{ height: 20px;}

}

/* 基本商品樣式01 */
.pic-pds-default01{ width: 100%; max-width: 200px; min-width: 100px; margin: 0 auto;}
.pic-pds-default01 .pic-pds-imgbox{ width: 100%; position: relative;}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn{ position: absolute; right: 10px; bottom: 10px; z-index: 10; display: flex; justify-content: space-between; width: 110px; height: 50px; opacity: 0; transition: all 0.5s;}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn a{ display: block; width: 50px; height: 50px; text-indent: -9999px; border-width: 1px; border-style: solid; border-color:var(--primary); border-radius: 50px;} 
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addlist a{ background: url(images/pic/pic-pd-addlist.svg) left top no-repeat; background-size: 50px; background-color:white ;}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addcart a{ background: url(images/pic/pic-pd-addcart.svg) left top no-repeat; background-size: 50px; background-color:var(--primary);}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addlist a:hover{ background: url(images/pic/pic-pd-addlist.svg) left -50px no-repeat; background-size: 50px; background-color:white ;}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addcart a:hover{ background: url(images/pic/pic-pd-addcart.svg) left -50px no-repeat; background-size: 50px; background-color:var(--primary);}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addlist.active a{ background: url(images/pic/pic-pd-addlist.svg) left -50px no-repeat; background-size: 50px; background-color: white;}
.pic-pds-default01 .pic-pds-imgbox:hover .pic-pds-btn{ opacity: 1;}
.pic-pds-default01 .pic-pds-imgbox a{ display: block; width: 100%; height: auto; border-radius: 10px; overflow: hidden;}
.pic-pds-default01 .pic-pds-imgbox a img{ display: block; max-width: 100%; width: 100%; height: auto; -webkit-filter:brightness(1); transition: all .5s;}
/*.pic-pds-default01 .pic-pds-imgbox:hover a img{ -webkit-filter:brightness(.7);}*/
.pic-pds-default01 .pic-pds-infobox h2{ margin: 5px 0;}
.pic-pds-default01 .pic-pds-infobox h2 a{ font-size: 14px; line-height: 20px; color: var(--pic-color-grey-100); height: 40px; font-weight: 500; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;}
.pic-pds-default01 .pic-pds-infobox .pic-pds-price ul { display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: 45px;}
.pic-pds-default01 .pic-pds-infobox .pic-pds-price ul > li{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.pic-pds-default01 .pic-pds-infobox .pic-pds-price .pic-pds-price_01{ font-size: 12px; line-height: 16px; color: var(--pic-color-grey-40); text-decoration: line-through; margin-left: 10px;}
.pic-pds-default01 .pic-pds-infobox .pic-pds-price .pic-pds-price_02{ font-size: 20px; line-height: 25px; color: var(--pic-red); font-weight: bold;}
.pic-pds-default01 .pic-pds-infobox .pic-pds-price .pic-pds-price_02 span{ font-size: 12px; font-weight: 600;}

/* 補貨中+折扣旗幟 */
.pic-pds-default01 .pic-pds-stock-block{ position: relative;}
.pic-pds-default01 .pic-pds-stock-block .pic-pds-stock{ position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background: rgba(47,47,47,0.5); border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.pic-pds-default01 .pic-pds-stock-block .pic-pds-stock span{ color: #fff; font-weight: bold; font-size: 20px;}
.pic-pds-default01 .pic-pds-stock-block .pic-pds-btn{ display: none!important;}
.pic-pds-default01 .pic_pds_discount_tag{ position: absolute; top: 0; right: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 36px; height: 30px; font-size: 12px; line-height: 1.6; color: #fff; background: var(--pic-green); border-radius: 0 10px 0 0;}
.pic-pds-default01 .pic_pds_discount_tag:after{ content: ''; width: 0px; height: 0px;  border-color: var(--pic-green) transparent transparent transparent; border-style: solid solid solid solid;  border-width: 12px 18px 0px 18px;  position: absolute; top: 30px;}
.pic-pds-default01 span.pic_pds_discount_number{ position: relative; top: 6px;}

 /* 行銷標語 */
.pic-pds-default01 .pic_pds_mkt_box{ position: absolute; top: 10px; left: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start;}
.pic-pds-default01 .pic_pds_mkt_box .pic_pds_mkt_tag{ font-size: 15px; line-height: 16px; color: #fff; background: var(--pic-green); padding: 2px; transform: scale(.7); transform-origin: 0 0; display: inline-block;}

 @media screen and (max-width:640px) {
	.pic-pds-default01 .pic-pds-infobox .pic-pds-price .pic-pds-price_01{ margin-left: 0;}
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn{ width: 80px; height: 35px;}
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addlist a,
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addcart a{ width: 35px; height: 35px; border-radius: 35px;}
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addlist a,
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addcart a{ background-size: 35px; background-position:left top;}
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addlist a:hover,
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addcart a:hover,
	.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn .pic-pds-addlist.active a{ background-size: 35px; background-position:left -35px;}
	.pic-pds-default01 .pic-pds-stock-block .pic-pds-stock span{ color: #fff; font-weight: 600; font-size: 18px;}

}


/* 基本商品樣式02*/
.pic-pds-default02{ position: relative; width: 100%; max-width: 265px; background: #fff; margin: 0 auto; border-radius: 10px; overflow: hidden;}
.pic-pds-default02 .pic-pds-flexbox{ display: flex; align-items: center;}
.pic-pds-default02 .pic-pds-imgbox{ width: 100%; max-width: 100px; position: relative;}
.pic-pds-default02 .pic-pds-btn{ position: absolute; left: 0; top: 0; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; background: rgba(0,0,0,0.3);}
.pic-pds-default02 .pic-pds-btn a{ display: block; width: 50px; height: 50px; text-indent: -9999px; border-width: 1px; border-style: solid; border-color:var(--primary); border-radius: 50px; margin: 0 5px;} 
.pic-pds-default02 .pic-pds-btn .pic-pds-addlist a{ background: url(images/pic/pic-pd-addlist.svg) left top no-repeat; background-size: 50px; background-color:white ;}
.pic-pds-default02 .pic-pds-btn .pic-pds-addcart a{ background: url(images/pic/pic-pd-addcart.svg) left top no-repeat; background-size: 50px; background-color:var(--primary);}
.pic-pds-default02 .pic-pds-btn .pic-pds-addlist a:hover{ background: url(images/pic/pic-pd-addlist.svg) left -50px no-repeat; background-size: 50px; background-color:white ;}
.pic-pds-default02 .pic-pds-btn .pic-pds-addcart a:hover{ background: url(images/pic/pic-pd-addcart.svg) left -50px no-repeat; background-size: 50px; background-color:var(--primary);}
.pic-pds-default02 .pic-pds-btn .pic-pds-addlist.active a{ background: url(images/pic/pic-pd-addlist.svg) left -50px no-repeat; background-size: 50px; background-color: white;}
.pic-pds-default02:hover .pic-pds-btn{ opacity: 1;}
.pic-pds-default02 .pic-pds-imgbox a{ display: block; width: 100%; height: auto; border-radius: 10px; overflow: hidden;}
.pic-pds-default02 .pic-pds-imgbox a img{ display: block; max-width: 100%; width: 100%; height: auto; -webkit-filter:brightness(1); transition: all .5s;}
.pic-pds-default02 .pic-pds-infobox { padding-left: 10px; width: calc(100% - 100px);}
.pic-pds-default02 .pic-pds-infobox h2{ margin: 5px 0;}
.pic-pds-default02 .pic-pds-infobox h2 a{ font-size: 12px; line-height: 16px; color: var(--pic-color-grey-100); height: 48px; font-weight: 500; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all;}
.pic-pds-default02 .pic-pds-infobox .pic-pds-price ul { display: flex; align-items: baseline; justify-content: left;}
.pic-pds-default02 .pic-pds-infobox .pic-pds-price .pic-pds-price_01{ font-size: 12px; line-height: 16px; color: var(--pic-color-grey-40); text-decoration: line-through; margin-left: 10px;}
.pic-pds-default02 .pic-pds-infobox .pic-pds-price .pic-pds-price_02{ font-size: 20px; line-height: 25px; color: var(--pic-red); font-weight: bold;}
.pic-pds-default02 .pic-pds-infobox .pic-pds-price .pic-pds-price_02 span{ font-size: 12px; font-weight: 600;}

/* 補貨中+折扣旗幟 */
.pic-pds-default02.pic-pds-stock-block .pic-pds-stock{ position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; background: rgba(47,47,47,0.5); border-radius: 10px; display: flex; justify-content: center; align-items: center;}
.pic-pds-default02.pic-pds-stock-block .pic-pds-stock span{ color: #fff; font-weight: bold; font-size: 20px;}
.pic-pds-default02.pic-pds-stock-block .pic-pds-btn{ display: none!important;}
.pic-pds-default02 .pic_pds_discount_tag{ position: absolute; top: 0; right: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 36px; height: 30px; font-size: 12px; line-height: 1.6; color: #fff; background: var(--pic-green); border-radius:0 10px 0 0;}
.pic-pds-default02 .pic_pds_discount_tag:after{ content: ''; width: 0px; height: 0px;  border-color: var(--pic-green) transparent transparent transparent; border-style: solid solid solid solid;  border-width: 12px 18px 0px 18px;  position: absolute; top: 30px;}
.pic-pds-default02 span.pic_pds_discount_number{ position: relative; top: 6px;}

@media screen and (max-width:640px) {
	.pic-pds-default02{ width: 265px;}
	.pic-pds-default02 .pic-pds-infobox .pic-pds-price ul{ display: block;}
	.pic-pds-default02 .pic-pds-infobox .pic-pds-price .pic-pds-price_01{ margin-left: 0;}
    .pic-pds-default02 .pic-pds-btn .pic-pds-addlist a,
    .pic-pds-default02 .pic-pds-btn .pic-pds-addcart a{ width: 35px; height: 35px; border-radius: 35px;}
    .pic-pds-default02 .pic-pds-btn .pic-pds-addlist a,
    .pic-pds-default02 .pic-pds-btn .pic-pds-addcart a{ background-size: 35px; background-position:left top;}
    .pic-pds-default02 .pic-pds-btn .pic-pds-addlist a:hover,
    .pic-pds-default02 .pic-pds-btn .pic-pds-addcart a:hover,
    .pic-pds-default02 .pic-pds-btn .pic-pds-addlist.active a{ background-size: 35px; background-position:left -35px;}
	.pic-pds-default02.pic-pds-stock-block .pic-pds-stock span{ color: #fff; font-weight: 600; font-size: 18px;}
}

/* 團購商品樣式01 */
.pic-pds-igroup01{ width: 100%; max-width: 220px; min-width: 100px; margin: 0 auto; border: 1px solid var(--pic-color-grey-10); -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;overflow: hidden;}
/* 商品tag */
.pic_pds_delivery_tag{ position: absolute; top: 0; left: 0; z-index: 2; display: flex; align-items: center; width: auto; height: 36px; padding: 3px 12px; font-size: 14px; font-weight: 500; line-height: 1.6; color: #fff; -moz-border-radius: 0 0 10px 0; -ms-border-radius: 0 0 10px 0; -o-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;}
.pic_pds_delivery_tag.pic_pds_delivery_tag01{ background: var(--pic-green);}
.pic_pds_delivery_tag.pic_pds_delivery_tag02{ background: var(--primary);}
.pic_pds_delivery_tag img{ width: 30px; height: 30px; object-fit: contain; border: 1px solid var(--pic-color-grey-10); -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; margin-right: 5px; vertical-align: top;}
/* 商品圖 */
.pic-pds-igroup01 .pic-pds-imgbox{ width: 100%; position: relative;}
.pic-pds-igroup01 .pic-pds-imgbox a{ display: block; width: 100%; height: auto;}
.pic-pds-igroup01 .pic-pds-imgbox a img{ display: block; max-width: 100%; width: 100%; height: auto;}
/* 商品內容 */
.pic-pds-igroup01 .pic-pds-infobox{padding: 5px;}
.pic-pds-igroup01 .pic-pds-infobox h2{ margin-bottom: 2px;}
.pic-pds-igroup01 .pic-pds-infobox h2 a{ font-size: 14px; line-height: 20px; color: var(--pic-color-grey-100); height: 40px; font-weight: 500; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 商品價格 */
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-price ul { display: flex; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; height: 45px;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-price ul > li{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-price .pic-pds-price-text{ margin-right: 5px; font-weight: normal;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-price .pic-pds-price_01{ font-size: 12px; line-height: 16px; color: var(--pic-color-grey-40); text-decoration: line-through;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-price .pic-pds-price_02{ font-size: 20px; line-height: 20px; color: var(--pic-red); font-weight: bold;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-price .pic-pds-price_02 span{ font-size: 12px; font-weight: 600;}
/* 商品團購狀態 */
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status ul { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: 5px;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status ul li{margin-left: -5px;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status ul li.pic-pds-status-more{margin-left:0;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status ul li img{ width: 30px; height: 30px; object-fit: contain; border: 1px solid var(--pic-color-grey-10); -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; vertical-align: top;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status .pic-pds-status-num{ color: var(--primary); font-size: 12px; font-weight: 500; line-height: 16px;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status .pic-pds-status-num span{display: inline-block;}
.pic-pds-igroup01 .pic-pds-infobox .pic-pds-status i{ font-size: 25px; color:var(--pic-color-grey-30);}
/* 商品按鈕 */
.pic-pds-igroup01 ul.pic-pds-btn{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.pic-pds-igroup01 ul.pic-pds-btn li{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.pic-pds-igroup01 ul.pic-pds-btn li a{ font-size: 14px; font-weight: 500; text-align: center; color: var(--pic-red); display: block; width: 100%; height: 35px; line-height: 35px;}
.pic-pds-igroup01 ul.pic-pds-btn li a.pic-pds-groupbuying{border: 1px solid var(--pic-red); background-color: var( --pic-light-red-10); -moz-border-radius: 0 0 0 10px; -ms-border-radius: 0 0 0 10px; -o-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px;}
.pic-pds-igroup01 ul.pic-pds-btn li a.pic-pds-groupnow{ background-color: var(--pic-red); color: #fff;}
.pic-pds-igroup01 ul.pic-pds-btn li a i{ font-size: 12px; line-height: 35px; vertical-align: bottom; margin-left: 5px;}
.pic-pds-igroup01 ul.pic-pds-btn li a.pic-pds-groupnow i{ font-size: 16px;}
/* 商品倒數計時 */
.pic-pds-igroup01 .pic-pds-countdown{ background-color: var(--pic-color-grey-10); display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; padding: 3px 0;}
.pic-pds-igroup01 .pic-pds-countdown{ font-size: 14px; display: flex; align-items: center; justify-content: center; height: 30px;}
.pic-pds-igroup01 .pic-pds-countdown .pic-pds-tiles{ display: flex; align-items: center;}
.pic-pds-igroup01 .pic-pds-countdown .pic-pds-tiles > span{ display: block; width:20px; height: 20px; font-size: 12px; margin: 0 3px; text-align: center; border-radius: 5px; line-height: 20px; background: var(--pic-color-grey-100); color: #fff;}

/* ============== BBC商城元件 會連動請勿任意變更(END)============== */

/* ============== BBC賣家元件 (START)============== */
.iopen-Set-Space{margin-bottom: 15px;}

.iopen-carousel-box .owl-theme .owl-dots .owl-dot span{background:var(--pic-color-grey-20);    margin: 5px 4px;}
.iopen-carousel-box.owl-theme .owl-dots .owl-dot:hover span {background:var(--pic-color-grey-90);}
.iopen-carousel-box .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #444444;}
.iopen-carousel-box .nav-btn.prev-slide{background: url(images/bbc/it924-carousel-arrow-left.svg)center no-repeat;width: 40px;height: 40px;position: absolute; background-size: 100% !important;}
.iopen-carousel-box  .nav-btn.next-slide{background: url(images/bbc/it924-carousel-arrow-right.svg)center no-repeat;width:40px;height:40px;position: absolute; background-size: 100% !important;}
.iopen-carousel-box .nav-btn.prev-slide{background: url(images/bbc/it924-carousel-arrow-left.svg)center no-repeat;width: 40px;height: 40px;position: absolute; background-size: 100% !important;}
.iopen-carousel-box  .nav-btn.next-slide{background: url(images/bbc/it924-carousel-arrow-right.svg)center no-repeat;width:40px;height:40px;position: absolute; background-size: 100% !important;}

/* 熱門商品 */
.pic-icon-commodity-cart::before{content: ""; background: url(images/bbc/Icon-commodity-cart.svg) no-repeat;display: inline-block;width: 26px; height:26px;background-size: contain;background-position: center;}
.pic-icon-commodity-heart::before{content: ""; background: url(images/bbc/Icon-commodity-heart.svg) no-repeat;display: inline-block;width: 25px; height: 25px;background-size: contain;background-position: center;}
.iopen-commodity-box{background: #fff;}
.iopen-commodity-box li p{font-weight: 400;font-size: 14px;line-height: 20px;padding-top:0px;min-height: 40px;height: 100%;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.iopen-original-price-style{text-decoration: line-through;color: var(--pic-color-grey-40);}
.iopen-new-price-style{color: var(--pic-red);font-weight: 700;font-size: 20px;line-height: 25px;}


/* ============== BBC賣家元件 (START)============== */

/* ============== BBC前台登入頁 (START)============== */
.iopen-LoginPage-container{display: flex;width: 100%;}
/* 圖文 區塊 */
.iopen-LoginPage-IopenLogo{display: none;}
.iopen-LoginPage-ImagesTitle{letter-spacing:0px;margin-bottom: 35px;}
.iopen-login-member-style-1 .iopen-LoginPage-ImagesTitle.iopen-member-StyleTitle h1,.iopen-login-member-style-2
.iopen-LoginPage-ImagesTitle.iopen-member-StyleTitle h1,.iopen-login-member-style-3 .iopen-LoginPage-ImagesTitle.iopen-member-StyleTitle h1{color:var(--primary);font-size: 34px;font-weight: 400;line-height: 41px;}
.iopen-login-seller-style-1 .iopen-LoginPage-ImagesTitle.iopen-seller-StyleTitle h1{color:var(--pic-green);font-size: 34px;font-weight: 400;line-height: 41px;}
.iopen-LoginPage-ImagesTitle .iopen-LoginPage-ImagesText{color:var(--pic-color-grey-100);font-size: 22px;font-weight: 400;line-height: 28px;}
.iopen-LoginPage-ImagesTitle{display: flex;flex-direction: column;align-items: center;}
/* 圖片樣式 */
.iopen-LoginPage-container .iopen-LoginPage-images{width: 628px;height: 354px;}
.iopen-login-member-style-1 .iopen-LoginPage-images{background: url(images/bbc/iopen-login-member-style-1.svg)no-repeat;}
.iopen-login-member-style-2 .iopen-LoginPage-images{background: url(images/bbc/iopen-login-member-style-2.svg)no-repeat;}
.iopen-login-member-style-3 .iopen-LoginPage-images{background: url(images/bbc/iopen-login-member-style-3.svg)no-repeat;}
.iopen-login-seller-style-1 .iopen-LoginPage-images{background: url(images/bbc/iopen-login-seller-style-1.svg)no-repeat;}
.iopen-LoginPage-container .iopen-LoginPage-ImagesBox{display: flex;align-items: center;justify-content: center;width:65%;}

/* 登入區塊 */
.iopen-LoginPage-container .iopen-LoginPage-BtnBox{text-align: center;width: 32%;max-width: 380px;}
.iopen-LoginPage-container .iopen-LoginPage-BtnBox .iopen-LoginPage-BtnContent{margin: 10px;padding:30px;background: #fff;border-radius:8px;}
.iopen-login-seller-style-1 .iopen-LoginPage-BtnBox, .iopen-login-member-style-1 .iopen-LoginPage-BtnBox, 
.iopen-login-member-style-2 .iopen-LoginPage-BtnBox,.iopen-login-member-style-3 .iopen-LoginPage-BtnBox{background: var(--primary);border-radius: 8px;}
.iopen-login-seller-style-1 .iopen-LoginPage-BtnBox {background: var(--pic-green);border-radius: 8px;}
.iopen-LoginPage-container .iopen-LoginPage-BtnBox .iopen-LoginPage-BtnContent .pic-confirm-box{margin: 15px 0px 0 0px;}
.iopen-LoginPage-container .iopen-LoginPage-BtnBox .iopen-LoginPage-BtnContent .pic-btn-newstore-100{font-size: 17px;font-weight: 400;height: 48px;padding-left: 38px;}
.iopen-logo-OpnePoint::before{content: "";background: url(images/bbc/iopen-OpnePoint-logo.svg) no-repeat;display: inline-block;width: 36px; height: 36px;background-size: contain;background-position: center;    position: absolute;left: 30px;}
.iopen-logo-Line::before{content: "";background: url(images/bbc/iopen-Line-logo.svg) no-repeat;display: inline-block;width: 36px; height: 36px;background-size: contain;background-position: center;    position: absolute;left: 30px;}
.iopen-logo-Fb::before{content: "";background: url(images/bbc/iopen-FB-logo.svg) no-repeat;display: inline-block;width: 36px; height: 36px;background-size: contain;background-position: center;    position: absolute;left: 30px;}
.iopen-logo-Google::before{content: "";background: url(images/bbc/iopen-Google-logo.svg) no-repeat;display: inline-block;width: 36px; height: 36px;background-size: contain;background-position: center;    position: absolute;left: 30px;}
.iopen-logo-Apple::before{content: "";background: url(images/bbc/iopen-Apple-logo.svg) no-repeat;display: inline-block;width: 36px; height: 36px;background-size: contain;background-position: center;    position: absolute;left: 30px;}

.iopen-LoginPage-BtnContent{position: relative;}
.iopen-LoginPage-BtnContent h3{display: flex; flex-direction: column;align-items: center;}
.iopen-LoginPage-BtnContent h3>span.iopen-text-login{position: relative;font-weight: 400;font-size: 20px;line-height: 25px;z-index: 9;}

.iopen-login-member-style-1 .iopen-LoginPage-BtnContent .iopen-text-line, .iopen-login-member-style-2 .iopen-LoginPage-BtnContent .iopen-text-line, .iopen-login-member-style-3 .iopen-LoginPage-BtnContent .iopen-text-line
{position: relative;display: flex; height: 1px;border-bottom: #FFF7F2 solid 8px;width: 20%;top: -9px;}
.iopen-login-seller-style-1 .iopen-LoginPage-BtnContent .iopen-text-line{position: relative;display: flex; height: 1px;border-bottom: #EDFBF7 solid 8px;width: 20%;top: -9px;}
.iopen-LoginPage-BtnContent .iopen-text-line.iopen-text-line-width{width: 35%;}
.iopen-LoginPage-BtnContent .iopen-LoginPage-RegisterText{margin: 12px 0 25px 0;font-size: 17px;font-weight: 400;}
.iopen-LoginPage-BtnContent .iopen-LoginPage-RegisterText a{color:var(--pic-green);font-size: 17px;font-weight: 400;margin-left: 5px;}
.pic-default .iopen-BgText-color-line,.iopen-BgText-color-line{background: #19D219;color: #fff;}
.pic-default .iopen-BgText-color-fb,.iopen-BgText-color-fb{background: #4267B2;color: #fff;}
.pic-default .iopen-BgText-color-google,.iopen-BgText-color-google{background: #4285F4;color: #fff;}
.pic-default .iopen-BgText-color-apple,.iopen-BgText-color-apple{background: #000;color: #fff;}

/* BBC前台登入頁 - 手機版部分調整 */
.iopen-LoginPage-IopenLogo{display:block;}
.iopen-LoginPage-IopenLogo{display: flex; justify-content: center; margin-bottom: 20px;}
.iopen-LoginPage-IopenLogo img{width: 196px;height: 50px;}
.iopen-LoginPage-container {flex-direction: column;margin: 15px 0;}
.iopen-LoginPage-container .iopen-LoginPage-ImagesBox{width:100%;}
.iopen-LoginPage-container .iopen-LoginPage-images{width:220px;height: 127px;}
.iopen-login-member-style-1 .iopen-LoginPage-ImagesTitle.iopen-member-StyleTitle h1, .iopen-login-member-style-2 .iopen-LoginPage-ImagesTitle.iopen-member-StyleTitle h1, 
.iopen-login-member-style-3 .iopen-LoginPage-ImagesTitle.iopen-member-StyleTitle h1
,.iopen-login-seller-style-1 .iopen-LoginPage-ImagesTitle.iopen-seller-StyleTitle h1{font-size: 20px;line-height: 25px;}
.iopen-LoginPage-ImagesTitle .iopen-LoginPage-ImagesText{font-size: 14px;font-weight: 400;line-height: 20px;}
.iopen-login-seller-style-1 .iopen-LoginPage-images,.iopen-login-member-style-1 .iopen-LoginPage-images
,.iopen-login-member-style-2 .iopen-LoginPage-images,.iopen-login-member-style-3 .iopen-LoginPage-images{background-size: contain;}

/* 登入區 */
.iopen-LoginPage-container .iopen-LoginPage-BtnBox .iopen-LoginPage-BtnContent{margin: 15px 15px 0 15px;padding:30px;background: #fff;border-radius: 20px 20px 0 0;}
.iopen-LoginPage-container .iopen-LoginPage-BtnBox{width: 100%;max-width:100%; border-radius: 0px;padding: 0px;}
.iopen-LoginPage-BtnContent .iopen-text-line{ top: -6px;}

/* ============== BBC前台登入頁 (END)============== */

/*針對939、940 共用 步驟 微調*/
.iopen-member-container .pic-step-box{width: 100%;    max-width: 340px;}
.iopen-member-container .pic-step-box .pic-step-round-orange::after,.pic-step-box .pic-step-round-gray::after {font-size: 14px; top: -14px;width: 25px;height:  25px;}

/* ============== 939 申請開店-同意條款_bbc (START)============== */

.iopen-consent-container{background: #fff;padding: 20px;border-radius: 5px;width:800px; margin: 0 auto;color: var(--pic-color-grey-100);}
.iopen-consent-container .component_title{width: 100%;    float: initial;}
.iopen-consent-container .iopen-consent-content {margin: 8px 0;padding:12px 15px;border: 1px solid #EEEEEE;border-radius: 5px;overflow-y: scroll;height: 185px;}
/*.iopen-consent-container .iopen-consent-content::-webkit-scrollbar {display: none;}*/
.iopen-consent-container .iopen-consent-content h2{font-weight: 400;font-size: 16px;line-height: 20px;}
.iopen-consent-container .iopen-consent-content p{font-size: 14px;line-height: 20px;}
.iopen-consent-container .pic-ckbutton-label{margin:0;}
.iopen-consent-container .pic-checkbox-name{justify-content: center;margin-bottom: 12px;}
.iopen-consent-container .pic-checkbox-name p{line-height: 20px;width: auto;text-align: center;}
.pic-consent-confirm-box a{padding: 10px;font-size: 16px;border-radius: 8px;}
  /* 針對手機版調整 */

	.iopen-consent-container {background: #fff;padding: 10px;border-radius: 5px;width:100%; margin: 0 auto;}
	.iopen-consent-container .pic-checkbox-name{margin-bottom: 6px;}
	.pic-consent-confirm-box a {width: 100%;text-align: center;}
/* ============== 939 申請開店-同意條款_bbc (END)============== */


/*==============BBC店家專用 開始===============*/

/* ============== BBC店家元件 會連動請勿任意變更(START)============== */
.iopen-shop-item-box{ width: 100%; margin: 0 auto;}
.iopen-shop-item-mb{ margin-bottom: 20px;}
.iopen-shop-item-title{ width: 100%; max-width: 1200px;}
.iopen-shop-item-title h3{ position: relative; font-size: 22px; font-weight: 600; color: var(--pic-color-grey-100); line-height: 24px; text-align: left; padding-left: 16px;}
.iopen-shop-item-title h3::before{ position: absolute; left: 0; top: 0; display: block; content:''; width: 6px; height: 24px; border-radius: 3px; background: var(--primary);}
.iopen-shop-item-content{ width: 100%; max-width: 1200px; margin: 0 auto;}
.iopen-shop-item-content .owl-carousel{ position: relative;}
.iopen-shop-item-content .owl-carousel .owl-nav .owl-prev,
.iopen-shop-item-content .owl-carousel .owl-nav .owl-next{ position: absolute; top: 50%; border-radius: 1px; margin-top: -25px; display: block; width: 40px;  height: 40px; text-indent: -9999px;}
.iopen-shop-item-content .owl-carousel .owl-nav .owl-next { right: 0px; background: url(images/pic/pic-owl-next.svg) top no-repeat; background-size: 50px;}
.iopen-shop-item-content .owl-carousel .owl-nav .owl-prev { left: 0px; background: url(images/pic/pic-owl-prev.svg) top no-repeat;  background-size: 50px;}
.iopen-shop-item-content .owl-carousel .owl-nav .owl-next:hover { background: url(images/pic/pic-owl-next.svg) bottom no-repeat; background-size: 50px;}
.iopen-shop-item-content .owl-carousel .owl-nav .owl-prev:hover { background: url(images/pic/pic-owl-prev.svg) bottom no-repeat;  background-size: 50px;}


/* 店家基本商品樣式01 */
.pic-shop-pds-default01{ width: 100%; max-width: 200px; min-width: 100px; margin: 0 auto; padding: 10px;}
.pic-shop-pds-default01 .pic-shop-pds-imgbox{ width: 100%; position: relative;}
.pic-shop-pds-default01 .pic-shop-pds-imgbox:hover .pic-shop-pds-btn{ opacity: 1;}
.pic-shop-pds-default01 .pic-shop-pds-imgbox a{ display: block; width: 100%; height : auto; overflow: hidden;}
.pic-shop-pds-default01 .pic-shop-pds-imgbox a img{ display: block; max-width: 100%; width: 100%; height: auto;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-bottom{ display: flex; align-items: center; justify-content: space-between;}
.pic-shop-pds-default01 .pic-shop-pds-infobox > p { margin-top: 5px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox > p > a,
.pic-shop-pds-default01 .pic-shop-pds-infobox > p > a:hover{ display: block; font-size: 13px; text-align: center; margin-top: 5px; line-height: 18px; color: var(--pic-color-grey-50); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pic-shop-pds-default01 .pic-shop-pds-infobox h2{ margin: 5px 0;}
.pic-shop-pds-default01 .pic-shop-pds-infobox h2 a{ font-size: 14px; line-height: 20px; color: var(--pic-color-grey-100); height: 40px; font-weight: 500; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-price ul { display: block;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-price .pic-shop-pds-price_01{ font-size: 12px; min-height: 16px; line-height: 16px; color: var(--pic-color-grey-40); text-decoration: line-through;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-price .pic-shop-pds-price_02{ font-size: 20px; line-height: 25px; color: var(--pic-red); font-weight: bold;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-price .pic-shop-pds-price_02 span{ font-size: 12px; font-weight: 600;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn{ display: flex; justify-content: space-between; width: 58px; height: 24px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn a{ display: block; width: 24px; height: 24px; text-indent: -9999px;} 
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn .pic-shop-pds-addlist a{ background: url(images/bbc/Icon-commodity-heart.svg) left top no-repeat; background-size: 24px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn .pic-shop-pds-addcart a{ background: url(images/bbc/Icon-commodity-cart.svg) left top no-repeat; background-size: 24px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn .pic-shop-pds-addlist a:hover{ background: url(images/bbc/Icon-commodity-heart.svg) left -24px no-repeat; background-size: 24px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn .pic-shop-pds-addcart a:hover{ background: url(images/bbc/Icon-commodity-cart.svg) left -24px no-repeat; background-size: 24px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn .pic-shop-pds-addlist.active a{ background: url(images/bbc/Icon-commodity-heart.svg) left -24px no-repeat; background-size: 24px;}

/* 補貨中+折扣旗幟 */
.pic-shop-pds-default01 .pic-shop-pds-stock-block{ position: relative;}
.pic-shop-pds-default01 .pic-shop-pds-stock-block .pic-shop-pds-stock{ position: absolute; top: 0; left: 0; z-index: 97; width: 100%; height: 100%; background: rgba(47,47,47,0.5); display: flex; justify-content: center; align-items: center;}
.pic-shop-pds-default01 .pic-shop-pds-stock-block .pic-shop-pds-stock span{ color: #fff; font-weight: bold; font-size: 20px;}
.pic-shop-pds-default01 .pic-shop-pds-stock-block .pic-shop-pds-btn{ display: none!important;}
.pic-shop-pds-default01 .pic_pds_discount_tag{ position: absolute; top: 0; right: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 36px; height: 30px; font-size: 12px; line-height: 1.6; color: #fff; background: #ee2625; border-radius: 0;}
.pic-shop-pds-default01 .pic_pds_discount_tag:after{ content: ''; width: 0px; height: 0px;  border-color: #ee2625 transparent transparent transparent; border-style: solid solid solid solid;  border-width: 12px 18px 0px 18px;  position: absolute; top: 30px;}
.pic-shop-pds-default01 span.pic_pds_discount_number{ position: relative; top: 6px;}

@media screen and (max-width: 768px){
	.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn{ display: none;}
	}
	
	/* 遮罩 開始 */
	.iopen-layout-mask{position: relative;}
	.iopen-layout-mask::after{content: "";display: block;background: var(--pic-green);width: 100%;height: 100%;position: absolute;z-index: 98;top: 0;opacity: 0.3;}
	.iopen-layout-mask::before{content: "";position: absolute;background: url(images/bbc/iopen-Icon-edit-green-2.svg)no-repeat center;background-color:#E6F2EF; border: 1px solid var(--pic-green);width: 13px;height: 13px;padding:14px ;z-index: 99;border-radius: 5px;top: 5px; left: 5px;}

	/* 遮罩 結束 */
/*==============BBC店家專用 結束===============*/

/*元件398 自訂最新消息連結  end*/
.it398{ width:100%;}
.it398_box{ max-width:1200px; width:100%; margin:0 auto; padding:15px 0;}
.it398_box .it398_title{ text-align:center; width:100%; padding:0 15px;}
.it398_box .it398_title img{ max-width:286px; height:auto; width:100%;}
.it398_box .it398_inbox{ padding: 0;}
.it398_box .it398_inbox>ul{ padding:0 2%;}
.it398_box .it398_inbox>ul>li{ width:100%; padding:0 0 0 3% ; background:#fcfbfa; height:66px; overflow:hidden;}
.it398_box .it398_inbox>ul>li>a{ text-decoration:none;}
.it398_box .it398_inbox>ul>li span{ padding:23px 20px; display:inline-block; color:#555555; letter-spacing:2px; font:15px 微軟正黑體, Arial, Helvetica, sans-serif;
}
.it398_box .it398_inbox>ul>li span h3{ font:15px/15px 微軟正黑體, Arial, Helvetica, sans-serif; height:20px; overflow:hidden; width:80px; margin:0 auto; line-height: 20px;}
.it398_box .it398_inbox>ul>li>span.it398_date,.it398_box  .it398_inbox>ul>li>span.it398_slogan{ width:145px; text-align:center; overflow:hidden;}
.it398_box .it398_inbox>ul>li>span.it398_slogan{ background:url(images/it398_news_g.png) center center no-repeat; color:#fff; height:60px; overflow:hidden;}
.it398_box .it398_inbox>ul>li>a>span.it398_text{ display:inline; position:absolute; padding:0; margin:23px 30px 23px 20px; height:20px; overflow:hidden;}
.it398_box .it398_inbox>ul>li:nth-child(even){ background:none;} 
.it398_box .it398_inbox>ul>li:nth-child(even) span.it398_slogan{ background:url(images/it398_news_y.png) center center no-repeat;}

@media screen and (max-width:1100px){
.it398_box .it398_inbox>ul>li>a>span.it398_text{ position:relative;}
.it398_box .it398_inbox>ul>li>a{ display:block; height:20px; width:100%; overflow:hidden;}
.it398_box .it398_inbox>ul>li{ padding:0; height:105px; overflow:hidden; position:relative;}
.it398_box .it398_inbox>ul>li>span.it398_date{ margin-left:120px;}
.it398_box .it398_inbox>ul>li>span.it398_slogan{ position:absolute; left:0;}
.it398_box .it398_inbox>ul>li span{ padding: 23px 20px 15px;}}
@media screen and (max-width:450px){
.it398_box .it398_inbox>ul>li span{ font:14px 微軟正黑體, Arial, Helvetica, sans-serif; padding:20px 10px;}
.it398_box .it398_inbox>ul>li span.it398_date,.it398_box  .it398_inbox>ul>li span.it398_slogan{ width:125px;}
.it398_box .it398_inbox>ul>li{ height:97px;}
}
/*元件398 自訂最新消息連結  end*/
/* 399左影片右banner is */
h2.isong_titlename{ position:relative;height:40px; margin-bottom:5px; font:bold 22px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; padding-left:10px; overflow:hidden;}
h2.isong_titlename_img{ position:relative; margin-bottom:5px;overflow:hidden;}
h2.isong_titlename_img img{ display:block; width:100%; height:auto;}
h2.isong_titlename span{ font-size:18px; margin-left:10px;}
.item399box{width:100%; margin:0 auto; margin-bottom:15px; padding:0 10px; }
.item399box .item399_moviebox{ width:100%;}
.item399box .item399_moviebox iframe{ width:100%;}

/*元件7 item7 信息內容公告7 */
.normal_item7BOX{ max-width: 1200px; margin: 0 auto; width: 100%; padding: 20px 15px;}
.item7_img{ display:inline-block; padding:15px; border: 1px solid #dfdfdf; margin: 0 auto;}
.item7_img > a{ display:block; max-width:100%; width:100%; height: auto;}
.item7_img img{ display:block; max-width:100%; width:100%; height: auto;}
.item7_box{ padding-top:20px;}
.item7_date{ display: block; padding-top: 15px; background: url(../images/it539_image4.png) no-repeat left bottom 4px; padding-left: 25px; color: #b4b4b4; font-size: 12px;    border-top: 1px solid #dfdfdf; margin-top: 30px;}
.item7_time{ display: block; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif!important; height:30px; background:#888; color:#fff !important; border-radius: 30px; padding: 0 20px;letter-spacing: 2px; text-align: center;}
.item7_title{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif!important; height:auto; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
.item7_title .item7_time{ display:inline-block; margin-right: 15px;}
.item7_content img{ max-width:100%; height: auto !important;}

/*元件427 item427*/
.it427_box{ width:100%; height: auto; margin-bottom: 20px; padding: 0 20px;}
.it427_box ul li{ display: block; width: 100%; height: auto; margin-bottom: 20px;}
.it427_box ul li img{ display:block; width: auto; max-width: 100%!important; height: auto!important; margin: 0 auto;}

/*item_454*/
.item_454box{ width: 100%; margin: 25px auto;}
.item_454box .item_454{ width: 100%; max-width: 1200px; margin: 0 auto;}
.item_454 .item_454data{ width: 100%; }
.item_454 .item_454data ul{ display:inline-block; margin: 0 auto; width: 100%;}
.item_454 .item_454data ul li{width: 33.3333%; padding: 0 0.75%; float: left; margin: 0 auto 40px;}
.item_454 .item_454data ul li .item_454data_box{ width: 100%; padding: 5px;}
.item_454 .item_454data ul li .item_454data_box:hover{ background: url(images/item_454_bgicon.png) repeat ;}
.item_454 .item_454data ul li .item_454data_box .imgbox{ width: 100%;}
.item_454 .item_454data ul li .item_454data_box .imgbox a{width:100%; height: auto;}
.item_454 .item_454data ul li .item_454data_box img{ width:100%; height: 245px; display: block;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2{ width:100%;padding:0 2.15%; text-align: left;letter-spacing: 1px; cursor: pointer;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 h3{ display: block;width:100%; padding: 12px 0 5px 0; height: 73px; overflow: hidden; font: bold 16px/28px 微軟正黑體, Arial,Gotham, Helvetica; color: #01ac68;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 h3 a{font: bold 16px/28px 微軟正黑體, Arial,Gotham, Helvetica; color: var(--primary); text-decoration: none;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 p{ display:block;width:100%; padding:0 0 0 0;height: 116px; overflow: hidden; font: 13px/28px 微軟正黑體, Arial,Gotham, Helvetica; color: #666666; margin-bottom: 10px;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 a.item_454_more{ display:block; width: 100%; height: 38px; background-color: #e9e9e9;font: 15px/38px Arial,Gotham, Helvetica,微軟正黑體; color: #999999; text-decoration: none; text-align: center; letter-spacing: 2px; cursor: pointer;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 a.item_454_more:hover{ background-color: var(--primary); color: #fff;}
@media screen and (max-width:1024px) {
.item_454 .item_454data ul li{width: 50%;}
.item_454 .item_454data ul li .item_454data_box img{ height: 320px;}
}
@media screen and (max-width:860px) {
.item_454 .item_454data ul li .item_454data_box img{ height: 240px;}
}
@media screen and (max-width:480px) {
.item_454 .item_454data ul li{width: 100%;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 h3{height: auto;max-height: 73px;}
.item_454 .item_454data ul li .item_454data_box .item_454data_box2 p{height: auto;max-height: 190px;}
.item_454 .item_454data ul li .item_454data_box img{ height: auto;}
}

/* it952&74前往頁面 */
.it952_default .page_number .choose_page,
.it74_default .page_number .choose_page{ display: flex; align-items: center;}
.it952_default .page_number .choose_page_text,
.it74_default .page_number .choose_page_text{ margin-right: 10px; color: var(--pic-color-grey-100);}
.it952_default .page_number .choose_page select,
.it74_default .page_number .choose_page select{ background-color: #fff; border-radius: 10px; color: var(--pic-color-grey-100); border: solid #ddd 1px; line-height: 36px; height: 36px;}


/* 大型視窗公用 */
.iopen-window-large-container{background:#fff;width: 100%;height: 437px;border-radius: 5px;padding:0px;}
.iopen-window-large-container h2 .pic-window-close {position: absolute;width: 25px;height: 25px;right: 15px;top: 12px;}
.iopen-window-large-container h2{font-weight: 400; position: relative;color:#2F2F2F;height: 48px;padding: 14px;font-size: 17px;margin-bottom: 0px; padding-top: 10px;padding-top: 12px;border-radius: 10px 10px 0 0; border-bottom: 1px solid var(--pic-color-grey-10);}
.iopen-window-Remark{ display: flex;justify-content: center; align-items: center;margin: 3px auto;}
.iopen-window-Remark img{    width: 346px;}

/*按鈕*/
a.MemberLogin_newInput05,a.MemberLogin_newInput06,a.MemberLogin_newInput07{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}
.jooshop_btn_color > input, .jooshop_btn_color > a{ background-color:var(--pic-orange); color:#FFF; border: 1px solid var(--pic-orange);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; border-radius: 3px;}
.jooshop_btn_color > input:hover, .jooshop_btn_color > a:hover{ background-color:var(--pic-light-orange-80);}
.jooshop_btn_color2 > input, .jooshop_btn_color2 > a{ border: 1px solid var(--pic-orange); line-height: 46px !important; padding: 0 16px; height: 48px; background-color:#fff; color:var(--pic-orange); -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; border-radius: 3px;}
.jooshop_btn_color2 > input:hover, .jooshop_btn_color2 > a:hover{ background-color:var(--pic-light-orange-20);}
.jooshop_btn_diabled > input, .jooshop_btn_diabled > a{ display: block; text-align: center; font-size: 17px; border: 1px solid var(--pic-color-grey-30); line-height: 46px; padding: 0 16px; height: 48px; background-color:var(--pic-color-grey-30); color:#fff; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; border-radius: 3px;}
.jooshop_btn_diabled > input:hover, .jooshop_btn_diabled > a:hover{ background-color:var(--pic-color-grey-50);}
.jooshop_btn_color > input, .jooshop_btn_color2 > input{cursor: pointer;}
/* page_product_search */
#product_search .jooshop_btn_color > input{padding:5px 10px;}
/* page_cancel_order */
#cancel_order .btnArea .jooshop_btn_color > input,
#cancel_order .btnArea .jooshop_btn_color > a{ display: block; text-align: center; font-size: 17px; line-height: 46px; padding: 0 16px; height: 48px; border-radius: 3px;}
#cancel_order .btnArea .jooshop_btn_color2 > input,
#cancel_order .btnArea .jooshop_btn_color2 > a{ display: block; text-align: center; font-size: 17px !important; }
/* page_shopping_cart */
body#shopping_cart .all_scart_btn.jooshop_btn_color a#it45_choose_topay{ display: none;}
body#shopping_cart .all_scart_btn.jooshop_btn_color input[type="submit"], body#shopping_cart .all_scart_btn.jooshop_btn_color input[type="submit"]:hover, body#shopping_cart .all_scart_btn.jooshop_btn_color input[type="button"], body#shopping_cart .all_scart_btn.jooshop_btn_color input[type="button"]:hover{ padding: 0 16px; font-size: 17px;}
@media screen and (max-width:400px) {
.all_scart_btn.jooshop_btn_color input[type="submit"], .all_scart_btn.jooshop_btn_color input[type="submit"]:hover, .all_scart_btn.jooshop_btn_color input[type="button"], .all_scart_btn.jooshop_btn_color input[type="button"]:hover {font-size: 12px;}
body#shopping_cart .all_scart_btn.jooshop_btn_color2 input[type="button"], body#shopping_cart .all_scart_btn.jooshop_btn_color2 input[type="button"]:hover{ font-size: 17px;}
}

/*公用copyright*/
.joo_normal_cr{ width:100%; height: auto; padding:25px 0; background: #fff; text-align:left;}
.joo_normal_cr .joo_menu{ width:1200px; padding: 0 15px; margin: 0 auto; position: relative; text-align: left;}
.joo_normal_cr .joo_menu > ul{ float: left; margin-right: 80px;}
.joo_normal_cr .joo_menu > ul:last-child{ margin-right: 0;}
.joo_normal_cr .joo_menu > ul > li > h5{ font-size: 15px; line-height: 20px; color:#222; margin-bottom:10px; font-weight: bold;}
.joo_normal_cr .joo_menu > ul > li > a{ font-size: 14px; line-height: 25px; color:#555;}
.joo_normal_cr .joo_menu > ul > li > a:hover{ color:#222;}
.joo_normal_cr .joo_menu > ul.menu_sort{ width:680px;}
.joo_normal_cr .joo_menu > ul.menu_sort li:nth-child(1){ display:block; width: 100%;}
.joo_normal_cr .joo_menu > ul.menu_sort li{ float:left; display: block; width: 25%; text-align: left;}

.joo_normal_cr .joo_bottom_btn{ position:absolute; right: 15px; bottom:0; width: auto; height: 32px;}
.joo_normal_cr .joo_bottom_btn ul li{ float:left; margin-left: 12px;}
.joo_normal_cr .joo_bottom_btn ul li a{ display:block; width: 32px; height: 32px;}
.joo_bottom_btn .icon-bottom_web, .joo_bottom_btn .icon-bottom_email, .joo_bottom_btn .icon-bottom_fb, .joo_bottom_btn .icon-bottom_line, .joo_bottom_btn .icon-bottom_ig{ width:32px; height: 32px; fill:#a8a8a8; transition:all .2s;}
.joo_bottom_btn .icon-bottom_web:hover, .joo_bottom_btn .icon-bottom_email:hover, .joo_bottom_btn .icon-bottom_fb:hover, .joo_bottom_btn .icon-bottom_line:hover, .joo_bottom_btn .icon-bottom_ig:hover{ width:32px; height: 32px; fill:#8e8e8e;}

.joo_normal_cr2{ width: 100%; font-size: 13px; line-height: 30px; color:#fff; text-align: center;}

@media screen and (max-width:1200px) {
.joo_normal_cr .joo_menu{ width:100%;}
}

@media screen and (max-width:1115px) {
.joo_normal_cr .joo_menu > ul{ float: left; margin-right: 50px;}
.joo_normal_cr .joo_menu > ul.menu_sort{ width:475px;}
}

@media screen and (max-width:900px) {
.joo_normal_cr .joo_menu > ul.menu_sort{ width:320px;}
.joo_normal_cr .joo_menu > ul.menu_sort li{ width: 33.3%;}
}

@media screen and (max-width:720px) {
.joo_normal_cr{ text-align:center;}
.joo_normal_cr .joo_menu > ul.menu_sort li{ text-align: center;}
.joo_normal_cr .joo_menu > ul.menu_main,.joo_normal_cr .joo_menu > ul.menu_member{ width: 50%; margin-right: 0;}
.joo_normal_cr .joo_menu > ul.menu_sort{ width:100%; padding-top: 30px;}
.joo_normal_cr .joo_menu > ul.menu_sort li{ width: 50%;}
.joo_normal_cr .joo_menu,.joo_normal_cr .joo_bottom_btn{ position:inherit; text-align:center;}
.joo_normal_cr .joo_bottom_btn{ clear: both; margin:0 auto; padding-top: 30px; margin-bottom: 30px;}
.joo_normal_cr .joo_bottom_btn ul li{ float: none; display: inline-block;}
}


/*774*/
.it774{ display:flex; align-items: center; justify-content: center; background-position: center top; background-repeat: no-repeat; height:300px; background-attachment: fixed; position: relative; padding:0 20px;}
.it774 .it774_title{ line-height: 1.8; letter-spacing: 1.2px; display:block; width:100%; color:#fff; font-size:25px; text-align:center; text-shadow: 0 5px 15px rgb(51, 51, 51, .1);}
.it774 .it774_word{ color:#fff; line-height: 1.5; letter-spacing: 1.2px; font-size:18px; text-align:center;}
.it774 .it774_search{ position:relative; z-index:3;}
.it774 .it774_search_bar{ width:100%; margin:20px auto; display: flex; flex-wrap: nowrap; justify-content: space-between; border-radius:5px; overflow: hidden; background:#fff; box-shadow: 0 0 3px 0 rgba(117, 117, 117, 0.5);}
.it774 .it774_search_bar input[type="text"],.it774 .it774_search_bar input[type="button"]{ display:block; line-height:50px; height:50px; border:0;}
.it774 .it774_search_bar input[type="text"]{ width:100%; padding: 0 20px; font-size: 16px; color: #333; letter-spacing: 1px;}
.it774 .it774_search_bar input::placeholder{ font-size: 16px; color: #333; line-height:50px;white-space:nowrap;}
.it774 .it774_search_bar input[type="button"]{ width:20%; text-indent: -9999px; background: url(images/it771_search.svg) center no-repeat rgba(65, 175, 165, 1); background-size:20px;}
.it774 .it774_search_open{ position:absolute; top:60px; left:50%; margin-left:-50%; width:100%; height:auto; padding:15px 15px; background:#fff; border-radius:5px; box-shadow: 0 0 3px 0 rgba(117, 117, 117, 0.5); z-index: 1;}
.it774_open_style01 .it774_style01 a{ display:flex; flex-wrap: nowrap; padding:5px;}
.it774_open_style01 .it774_style01 a:hover{ background:#f6f6f6;}
.it774_open_style01 .it774_style01 .it774_s1_l{ width:50px; height:50px; overflow: hidden; border-radius:3px;}
.it774_open_style01 .it774_style01 .it774_s1_l img{ width:100%; height:auto;}
.it774_open_style01 .it774_style01 .it774_s1_r{ padding-left:15px; display: flex; align-items: center;justify-content: space-between; width: calc(100% - 65px);}
.it774_open_style01 .it774_style01 .it774_s1_r .it774_s1_tag,.it774_open_style01 .it774_style01 .it774_s1_r .it774_s1_name{ display: flex;}
.it774_open_style01 .it774_style01 .it774_s1_r .it774_s1_name{ width:calc(100% - 65px);}
.it774_open_style01 .it774_style01 .it774_s1_r .it774_s1_name h3{ display: -webkit-box; align-items: center; width:100%; height:50px; line-height: 25px; overflow: hidden; color:#333; font-weight: normal; font-size:16px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it774_open_style01 .it774_style01 .it774_s1_r .it774_s1_tag{ margin-left: 10px; width:65px; background: url(images/icon_map.svg) left center no-repeat; padding-left:20px; background-size: 13px;}

.it774_open_style02 .it774_style02 a{ display:flex; flex-wrap: nowrap; padding:5px;}
.it774_open_style02 .it774_style02 a:hover{ background:#f6f6f6;}
.it774_open_style02 .it774_style02 .it774_s2_l{ width:50px; height:50px; overflow: hidden; border-radius:3px;}
.it774_open_style02 .it774_style02 .it774_s2_l img{ width:100%; height:auto;}
.it774_open_style02 .it774_style02 .it774_s2_r{ padding-left:15px; display: flex; align-items: center;justify-content: space-between; width: calc(100% - 65px);}
.it774_open_style02 .it774_style02 .it774_s2_r .it774_s2_tag,.it774_open_style01 .it774_style02 .it774_s2_r .it774_s2_name{ display: flex;}
.it774_open_style02 .it774_style02 .it774_s2_r .it774_s2_name h3{ width:100%; display:block; color:#333; height:25px; overflow: hidden; font-weight: normal; font-size:16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.it774_open_style02 .it774_style02 .it774_s2_r .it774_s2_tag{background: url(images/icon_map.svg) left center no-repeat; padding-left:20px; background-size: 13px;}
.it774_open_style02 .it774_style02 .it774_s2_r .it774_s2_name .it774_s2_price span.it774_s2_price01{ color:#888; font-size:14px; text-decoration: line-through;}
.it774_open_style02 .it774_style02 .it774_s2_r .it774_s2_name .it774_s2_price span.it774_s2_price02{ color:#ed6498; margin-left:15px; font-weight: bold;}
.it774_open_style02 .it774_style02 .it774_s2_r .it774_s2_name{width:100%}

/* 輸入匡隱碼 */
.password-container { position: relative; display: inline-block; width: 100%;}
.password-container input { padding-right: 40px; padding: 10px; line-height: 20px; width: 100%; height: 40px;}
.toggle-password { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); cursor: pointer; width: 24px; height: 24px;}