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

/* reset */
@charset "utf-8";body{word-wrap:beak-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;border-radius:3px}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;border-radius:3px;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;-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;margin-top:-22px;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:8030}.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{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?pvyemr);
	src:url(../css/images/fonts/icons-line.eot?pvyemr#iefix) format("embedded-opentype"),
	url(../css/images/fonts/icons-line.ttf?pvyemr) format("truetype"),
	url(../css/images/fonts/icons-line.woff?pvyemr) format("woff"),
	url(../css/images/fonts/icons-line.svg?pvyemr#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?3zyegd);src:url(../css/images/fonts/icons-solid.eot?3zyegd#iefix) format("embedded-opentype"),url(../css/images/fonts/icons-solid.ttf?3zyegd) format("truetype"),url(../css/images/fonts/icons-solid.woff?3zyegd) format("woff"),url(../css/images/fonts/icons-solid.svg?3zyegd#icons-solid) format("svg");font-weight:400;font-style:normal;font-display:block}
i.icons-solid{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icons-solid' !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Enable Ligatures ================ */
	letter-spacing: 0;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	font-feature-settings: "liga";
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;

	/* Better Font Rendering =========== */
	-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";
}
/*GDPR*/
.personal_statement{ text-align: center; width:100%; height: auto; padding: 20px 25px; position: fixed; bottom:0; background: rgba(255,255,255,.95); font-size: 14px; line-height: 30px; color: #222; z-index: 9999; 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{ 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{ display:inline-block; width: 100px; height: 40px; margin: 0 auto; margin-left: 15px;}

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

/* 商品(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: 110px; background-repeat: no-repeat;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .img_eighteen_only,
.iopen_pstyle_g03 .iopen_pstyle_g03_detail .iopen_pstyle_g03_detail_l .iopen_pstyle_g03_img .img_eighteen_only,
.it77_PDetail_Imgbox .img_eighteen_only{ background-size: 200px;}
.pd-dt-pic .pd-dt-pic-topbox .Product_plus .Product_imgbox .img_eighteen_only,
.pd-dt-pic .pd-dt-pic-topbox .thumblist li .img_eighteen_only,
.scart_prod_list table td .it45_pd_box .img_eighteen_only,
.it903-default .img_eighteen_only,
.it907-default .img_eighteen_only,
.it908-style02 .img_eighteen_only,
.it938-default .img_eighteen_only,
#shopping_cart .scart_prod_list .img_eighteen_only{ background-size: 70px;}

/* product_detail_pic */
/*---------------------------- 上方 -----------------------------*/
.pd-dt-pic{ margin:0 auto; max-width: 1200px; width: 100%; padding: 10px; background-color: #fff; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.pd-dt-pic .pd-dt-pic-topbox{ max-width: 1200px; width:100%;border-bottom: 0;padding-bottom: 0;margin:0 auto 15px; display: flex; flex-direction: row;}
/*****************左-商品圖*****************/
/* 圖 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg,
.pd-dt-pic .pd-dt-pic-topbox .imageBox{display: block; margin-bottom: 10px; position: relative; transition: 0.5s;}
/* 大圖 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .imageBox > .big_product{ width: 500px; height: 500px; outline: 1px solid #eaeaea; border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;}
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .imageBox > .big_product img{ width:100%; height: 100%; vertical-align: top; object-fit: contain; display: block;}
/*影片圖示*/
.pd-dt-pic .pd-dt-pic-topbox .big_product .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;}
.pd-dt-pic .product_cont_box{ width: 85px; height: 380px; overflow: hidden; position: absolute; top: 24px;}
.pd-dt-pic .pd-dt-pic-productimg .small_product{ width:85px; height: 428px; position:relative; order: 1;margin-right: 20px;}
.TopArrowT,.BottomArrowT,.RightArrowT,.LeftArrowT{ opacity:0.3;}
.TopArrowF,.BottomArrowF,.RightArrowF,.LeftArrowF{ opacity:1;}
.pd-dt-pic .thumblist{ height:125px; text-align: center; position: absolute; padding: 0 11px;}
.pd-dt-pic .thumblist li{ width:125px; height:125px; margin-bottom: 10px; overflow:hidden; float: left; margin-right: 15.5px; outline: 1px solid #eaeaea; border-radius: 10px;}
.pd-dt-pic .thumblist li a{ display:block; width: 125px; height: 125px;}
.pd-dt-pic .thumblist li img{ display:block; width:100%; height:auto;}
/*下方商品圖輪播*/
.pd-dt-pic .bottom_product { position: relative; margin: 10px 0 0 0;}
.pd-dt-pic .product_cont_box.bottom{ width: auto; height: 127px; overflow: hidden; top: 0; position: relative; margin: 0 35px; display: flex; align-items: center; justify-content: flex-start;}
.pd-dt-pic .pd-dt-pic-productimg .bottom .thumblist li{margin-bottom: 0px; flex-shrink: 0; position: relative;}
.pd-dt-pic .bottom_product_btnL,
.pd-dt-pic .bottom_product_btnR{ position:absolute; top:0; left:0; width: 35px; height: 125px; line-height: 135px; text-align: center; background-color: #eaeaea; cursor:pointer; z-index:80;display: block;}
.pd-dt-pic .bottom_product_btnR{ left: initial; right: 0;}
.pd-dt-pic .bottom_product .bottom_product_btnL i,
.pd-dt-pic .bottom_product .bottom_product_btnR i{font-size: 26px; color:rgba(0, 0, 0, .3); line-height: 125px;}
.pd-dt-pic .pd-dt-pic-productimg .bottom .thumblist { display: flex;}
.pd-dt-pic .LeftArrowT{ display: block !important;}
.pd-dt-pic .TopArrowT,  .BottomArrowT,  .RightArrowT,  .LeftArrowT{ opacity: 1;}
/* 商品分享社群 */
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .comment_and_social_box{margin: 10px 0 0 0;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;width:auto;float: left; margin: 10px 0;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share span{padding-right:10px;font-size: 14px; font-weight: normal; line-height: 28px;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share_socialbox{height:auto;padding-top: 0;min-width: auto;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share_socialbox ul{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share_socialbox ul li{margin-right: 5px;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share_socialbox ul li:last-of-type{margin-right: 0;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share_socialbox 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_share_socialbox a i{font-size: 22px; color:#fff; line-height: 28px;}
.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;}
.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;}
.pd-dt-pic .pd-dt-pic-topbox .pd_dt_share_socialbox .copy_url{opacity: 0; position: absolute; z-index: -9999; pointer-events: none;}
/* 商品評價 */
.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; display: none;}
.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;}
.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;}
.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;}
/* 商品放大鏡 btn */
.pd-dt-pic .big_product .button_lightbox { position: absolute; cursor: pointer; z-index: 501; background-color:#fff; color:#222; border-radius: 100%;width:36px; height:36px; border:1px solid #ddd;text-align: center; line-height: 30px; font-size: 22px; right:8px; bottom:8px; display: flex; align-items: center; justify-content: center;}
.pd-dt-pic .big_product .button_lightbox .icon-search-01:before{ font-weight: bold;}
.pd-dt-pic .big_product .button_lightbox:hover{color:#fff;background-color:#222;border-color: #222;}
.pd-dt-pic .big_product .button_lightbox:hover .icon-search-01:before{ color: #fff; width: 36px;height: 36px; border-radius: 100%;}
/* 商品放大鏡 lightbox */
.pd-dt-pic .Lightbox { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.37); position: fixed; right: 0px; top: 0px; justify-content: center; align-items: center; flex-direction: column;}
.pd-dt-pic .Lightbox > div { background-color: #fff; padding: 10px; position: relative; border-radius: 10px; width:1200px; max-height: 590px; display: flex; flex-direction: row; overflow-Y: auto !important; overflow: unset;}
.pd-dt-pic .Lightbox .product_cont_box{ width: auto; height: auto; position: static;}
.pd-dt-pic .Lightbox .Lightbox_thumblist { width: auto; height: auto; display: flex; overflow-x: auto; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pd-dt-pic .Lightbox .big_product{ position: relative;border: 1px solid #ccc; overflow: hidden; width: 550px; min-width: 550px;}
.pd-dt-pic .Lightbox .big_product img { width: 100%; height: 100%; display: block; object-fit:contain;}
.pd-dt-pic .Lightbox .small_product{ padding-right: 30px; width: 100%; height: auto;}
.pd-dt-pic .Lightbox .product_cont_box li { -webkit-box-flex: 0 50%; -moz-box-flex: 0 50%; -webkit-flex: 0 50%; -ms-flex: 0 50%; flex: 0 50%; max-width: 90px; height: auto; border-radius: 10px; overflow: hidden; filter: opacity(50%); transition: 0.3s; border: 1px solid #EAEAEA; margin: 0 10px 10px 0;}
.pd-dt-pic .Lightbox .product_cont_box li:last-child{margin-right: 0px;}
.pd-dt-pic .Lightbox .small_product img { width: 100%; height: auto;    vertical-align: top; }
.pd-dt-pic .Lightbox .small_product .product_cont_box li.nowPic{ border: 1px solid #2f2f2f; filter: opacity(1);}
.pd-dt-pic .Lightbox .lightbox_title_small_pd_picture { padding: 0 20px;}
.pd-dt-pic .Lightbox h3.Lightbox-title{ font-size:22px; line-height:28px; font-weight: bold; padding: 10px 30px 10px 0;}
.pd-dt-pic .Lightbox h3.Lightbox-title span{ display: none;}
.btn_close { position: absolute; right: 10px; top: 13px; background-image: url(images/icon_close_X_black.svg); background-position: center center; background-repeat: no-repeat; background-size: 18px; width: 38px; height: 38px; border: 0; cursor: pointer; }
.pd-dt-pic .Lightbox .small_product_btnT, .pd-dt-pic .Lightbox .small_product_btnB{ display: block; width: 35px; height: 125px; z-index: 80; transition: background-color .3s; cursor:pointer; position: absolute; top: 50%; transform: translateY(-50%); background-position: center center; background-repeat: no-repeat; background-color: rgba(0,0,0,.1); background-size: 35px;}
.pd-dt-pic .Lightbox .small_product_btnT{ left: 0; background-image: url(images/icon_arrow_left.svg);}
.pd-dt-pic .Lightbox .small_product_btnB{ right: 0; background-image: url(images/icon_arrow_right.svg);}
.pd-dt-pic .Lightbox .small_product_btnT:hover, .pd-dt-pic .Lightbox .small_product_btnB:hover{ background-color: rgba(0,0,0,.2);}
.pd-dt-pic .Lightbox .disabled{opacity: 0;}
/* 評價、有效期限 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_assess{width:100%;height: 20px; margin: 20px 0;letter-spacing: 1px;display: flex;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_assess img{width:70px; height: 13px; margin-top: 4px; display: block; float: left;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .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 .big_productinfo .Product_lastday{font-size:13px;line-height:19px;border-bottom: 1px solid #000; float: left; display: block;height: 20px;color: #000;}
/* 本商品適用活動 */
.discountbox{ transition: all .8s; -webkit-transition: all .8s; height:auto !important; background-color: #fff; margin-top: 10px; border: 1px solid var(--pic-color-grey-10); border-top: none;}
.discountbox.is-pulldown{ margin-top: 75px;}
.discountbox .discountbox_title{ font-size:17px; line-height:22px; color: var(--pic-color-grey-60); padding: 10px; background: var(--pic-color-grey-10); outline: 1px solid var(--pic-color-grey-10);}
.discountbox .discountboxinner{ padding: 0.5em; }
.discountbox > ul > li{margin:0;padding:5px 5px;position:relative;display:block;max-width:100%; width:100%; text-decoration: none;color:#222;}
.discountbox > ul .discountbox_activity a{ text-align: center;}
.discountbox > ul > li > ul{float:left;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.discountbox > ul > li > ul > li{line-height:22px;margin:0;font-size:15px;min-height:28px;}
.discountbox > ul > li > ul > li:first-of-type div{
padding: 2px 2px 2px 16px; border-radius: 6px; line-height: 1.6; width: 90px; min-width: 90px; background: url(images/icon_buy.svg) 5px 5px no-repeat #ed2525; background-size: 16px; cursor: default; color:#fff; text-align:center; text-indent:4px; font-weight:bold; font-size:14px; letter-spacing: 0.8px;}
.discountbox > ul > li > ul > li:last-of-type{ font-size: 14px; line-height: 20px; min-width: 280px; padding-top: 0; line-height: 1.9; word-break: break-all;padding-top:3px;margin-left:5px;max-width: 180px;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 span{width: 16px; height: 16px; display: inline-block;position: relative; top: 3px;}
.discountbox > ul > li > ul > li a{font-size: 15px;text-decoration: underline;}
.discountbox > ul > li > .discountbox_goto_btn{float:right;width:92px; border:1px solid #ddd; background-color: #fff;cursor: pointer;line-height:26px;font-size: 14px; padding: 0 0 0 5px; text-decoration:none; font-weight:normal; border-radius: 8px;}
.discountbox > ul > li > .discountbox_goto_btn:hover{ background-color: #eee;}
.discountbox > ul > li > .discountbox_goto_btn i{ font-size: 20px; color:var(--pic-color-grey-100); vertical-align: sub;}
.discountbox > ul .discountbox_activity i{vertical-align: sub;}
.discountbox > ul > 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 > 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 > 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{ padding: 0 12px 10px 10px; display: block; text-align:right;}
.discountbox .discountbox_togglebtn > div{color:#666;font-size:14px;width:92px; 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;}
/*****************右-商品資訊*****************/
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo{ margin-left:30px; position: relative; flex-grow: 1;}
/* 運送優惠 */
.pd-dt-pic .pd-dt-pic-topbox .p_kind01,
.pd-dt-pic .pd-dt-pic-topbox .p_kind02{ display:inline-block; width: auto; color: #fff; margin-bottom: 8px; border-radius: 15px; padding: 0 10px; font-size: 12px; height: 25px;line-height: 2.2;}
.pd-dt-pic .pd-dt-pic-topbox .p_kind01{ background-color: #d70110;}
.pd-dt-pic .pd-dt-pic-topbox .p_kind02{ background-color: #ffa01b;}
/* 商品溫層 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_temp{ display:flex; margin-bottom: 8px;}
/* 商品名稱 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo h1.Product_name{ font-size:28px; line-height:34px; margin-bottom:5px; font-weight:500;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo h1.Product_name span{font-size:20px; line-height:30px;display: block;}
/* 商品編號 + 原始貨號 */
.pd-dt-pic .big_productinfo .Item_number{color:var(--pic-color-grey-40);margin-bottom: 5px;}
.pd-dt-pic .big_productinfo .Item_number.setP_no span{ font-size:12px; line-height:16px; color: var(--pic-color-grey-20);}
/* 商品說明 */
.pd-dt-pic .Product_notesbox{ width:100%; font-size:14px; letter-spacing:0.6px; line-height:22px; padding-bottom:10px;}
.pd-dt-pic .Product_notesbox ul{list-style-type:disc; padding-left:18px;}
.pd-dt-pic .Product_notesbox .Product_notes {width:100%; height: auto; font-size:14px; line-height:20px;}
.pd-dt-pic .Product_notesbox .Product_notes.showDetail { height:auto; overflow:inherit; display:inherit;}
.pd-dt-pic .Product_notesbox .Product_notes img { vertical-align: middle; max-width: 100%!important; width: auto!important; height: auto!important;}
.pd-dt-pic .Product_notesbox .Product_notes table{ max-width: 100%; width: auto;}
.pd-dt-pic .Product_notesbox .pd_dt_joo4_seemoreBox { text-align:right; margin-top:5px;}
.pd-dt-pic .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 .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_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_joo4_seemoreSwitch a.seemore_arrow_up {transform: rotate(180deg);  background-position: 72%;}
.pd_dt_joo4_seemoreLink{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 .Product_price{ font-size:28px; font-weight:bold; position: relative; width: 100%; letter-spacing:1.2px; line-height:45px; display: flex; align-items: flex-end; padding: 0 0 20px 0;}
.pd-dt-pic .Product_price .now_price.jooPC_price01{ font-size:34px; line-height:41px; font-weight: bold; color: var(--pic-red); width: auto; white-space: nowrap; margin-right: 5px;}
.pd-dt-pic .Product_price .now_price.jooPC_price01 span{ font-size: 17px; position: relative; top: 4px;}
.pd-dt-pic .Product_price .now_price.jooPC_price03{ font-size:34px; line-height:41px; font-weight: bold; color: var(--pic-red); width: auto; white-space: nowrap; margin-right: 5px;}
.pd-dt-pic .Product_price .now_price.jooPC_price03 span{ font-size: 17px; position: relative; top: 4px;}
.pd-dt-pic .Product_price .was_price{line-height:24px; text-decoration: line-through; position: relative; font-size:12px; color:var(--pic-color-grey-40); padding-left: 5px;}
.pd-dt-pic .Product_price .was_price,
.pd-dt-pic .Product_price .now_price{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.pd-dt-pic .Product_price .was_price_2{font-size:20px;padding-right: 2px;font-weight: normal;display: block;}
/* 預計出貨日 */
.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 .big_productinfo .Product_gift { margin-bottom:23px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_gift 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:7px 15px 7px 50px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_gift a:hover{ background-color:#ee3643;}
/* 規格( 尺寸 or 顏色 or 口味 ) */
.pd-dt-pic .Product_color{ display: flex; align-items: center; margin: 0 0 7px 0;}
.pd-dt-pic .Product_color .color_name{ font-size:16px; margin-bottom:2px; width:135px;}
.pd-dt-pic .Product_color .color_list{ display: flex; align-items: center; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width:calc(100% - 135px);}
.pd-dt-pic .Product_color .color_list .sizeBox{ width:100%;display: flex; flex-wrap: wrap;}
.pd-dt-pic .Product_color .color_list .sizeBox li{font-size: 15px; padding: 7px 10px; line-height: 18px; cursor: pointer; text-align: center; background: #fff; border: 2px solid var(--pic-color-grey-10); -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width: 36px; width: auto; height: 36px; margin: 5px 5px 5px 0; display: inline-block; position: relative;}
.pd-dt-pic .Product_color .color_list .sizeBox li.active{border-color:var(--pic-color-grey-100);}
.pd-dt-pic .Product_color .color_list .sizeBox 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 .Product_color .color_list .colorBox{ width:100%; display: flex; flex-wrap: wrap; min-height:40px;}
.pd-dt-pic .Product_color .color_list .colorBox li{font-size: 15px; padding: 7px 10px; line-height: 18px; cursor: pointer; background: #fff; border: 2px solid var(--pic-color-grey-10); -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-width: 36px; width: auto; min-height: 36px; margin: 5px 5px 5px 0; display: inline-block; position: relative;}
.pd-dt-pic .Product_color .color_list .colorBox li.active{border-color:var(--pic-color-grey-100);}
.pd-dt-pic .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 .Product_color .color_list .colorBox li.active span{line-height:26px;}
.pd-dt-pic .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 .Product_color .color_list .colorBox li.color_bg_li{ padding: 0;}
.pd-dt-pic .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_joo4_number{ justify-content:space-between; display:flex; align-items: center; width:100%; height:50px; -ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start; margin-bottom: 14px;}
.pd-dt-pic .pd_dt_joo4_number .Product_num .color_list > span{ font-size: 16px; margin-right: 2px;}
.pd-dt-pic .pd_dt_joo4_product_number{ width:auto; display: inline-block;}
.pd-dt-pic .pd_dt_joo4_product_number > ul{ display:flex;}
.pd-dt-pic .pd_dt_joo4_product_number > ul > li{ display: flex;}
.pd-dt-pic .pd_dt_joo4_product_number li:nth-child(1) a,
.pd-dt-pic .pd_dt_joo4_product_number li:nth-child(3) a{display: block;line-height: 40px;height: 48px; width: 48px; text-align: center;font-size: 36px;border: 1px solid var(--pic-color-grey-20); background:#fff; -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; background-color:#fff; text-decoration: none !important;}
.pd-dt-pic .pd_dt_joo4_product_number li:nth-child(3) a{ -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;}
.pd-dt-pic .pd_dt_joo4_product_number li:nth-child(2) { background:#fff; width: 120px;height: 48px; text-align: center;font-size: 20px; line-height: 44px; border: 1px solid var(--pic-color-grey-20);}
.pd-dt-pic .pd_dt_joo4_product_number li:nth-child(2) input{ font-size: 20px; line-height: 44px;padding: 0; background-color: rgba(255, 255, 255, 0);}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo  .pd_dt_joo4_product_number li:nth-child(1) a{ border-right: 0;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo  .pd_dt_joo4_product_number li:nth-child(3) a{ border-left: 0;}
.pd-dt-pic .pd_dt_joo4_product_number li:hover a{ background-color: var(--pic-color-grey-5);}
/* 最多可購買_件、現貨只剩_件即將完售 */
.pd-dt-pic .pd_dt_joo4_product_maxbuy.jooPC_price01{ margin-left: 15px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_number .pd_dt_joo4_number_alert{ font-size: 15px;letter-spacing:.5px;color: var(--pic-red); margin-left: 15px; padding-bottom: 6px;}
/* 加購 & 組合商品 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus { margin-bottom:23px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_title { background-color:#999; color:#FFF; padding:15px 20px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_title span { display:inline-block; font-size:26px; margin-right:15px; vertical-align:middle;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_title p { display:inline-block; color:#FFF; letter-spacing:0.5px; vertical-align:middle;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_content { background-color:#fafafa; color:#222; font-size:13px; letter-spacing:0.5px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list { list-style:none; margin:0; padding:0;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Combination{ background:#fafafa;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Combination .color_name{ background-color: #c7c7c7; color: #FFF!important; padding: 15px 20px;margin-bottom: 0!important;font-size:15px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Combination .pd_dt_joo4_group a{ font-size:14px; padding-left: 5px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list li,
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_group { cursor:pointer;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list li .gift_spec { font-size: 12px; line-height: 14px; color: #888; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list li a:hover { color: #ed2525; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_group a { color:#222; padding: 0 5px; font-weight:bold; font-size:15px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item img { vertical-align:middle; width:60px; height:60px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item input,
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_group input { display:none;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item label,
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_group label { position: relative; padding:15px; display: block; cursor: pointer; box-sizing: border-box;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item input + label:before,
.pd_dt_joo4_group input + label:before {display:inline-block;content: "";width: 24px;height: 24px; border-radius: 3px;line-height:20px;margin-right:10px;text-align:center;border:1px solid #b2b7bf;background-color:#FFF;vertical-align:text-top;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item input:checked + label:before,
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_group input:checked + label:before{display:inline-block;content:""; background-image:url(images/check_white.svg); background-size: 14px;background-repeat:no-repeat;background-position:center center;width: 24px; height: 24px; border-radius: 3px; background-color: var(--primary);margin-right:10px;font-size:13px;text-align:center;border:none;}
/* 加入追蹤清單 & 購物車 & 推薦人 & 揪人來買 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_btnbox{margin-bottom:24px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_btnbox ul{display:flex;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_btnbox ul li{ flex:auto!important; margin-right: 10px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_btnbox ul li:last-child { margin-right:0;}
.pd-dt-pic .recommendation_btn a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.pd-dt-pic .p_bottomBtn_joo{display:inline-block;width:47px;height:50px;background:url(images/joo_Btn_Joo.png) center center no-repeat;text-indent:-9999px;}
.pd-dt-pic .recommendation_btn{display:inline-block;}
@media screen and (max-width:1190px){
    .pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_btnbox ul{flex-wrap: wrap;}
    .pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_btnbox ul li { flex: auto!important; margin-bottom: 10px; }
}
/* 贈品 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_Gift { border-bottom:1px solid #ececec; margin-bottom:25px; padding-bottom:25px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .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 .big_productinfo .Product_Gift a { color:#444; font-size:13px; text-decoration: underline;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_Gift a:hover { color:#222;}
/* 付款&運送方式 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_Payment { font-size:14px; color:#555; letter-spacing:0.5px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_Payment #pay_method, .Product_Payment #delivery_method { display:inline-block;}
/*特惠組合移至左側*/
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .Product_color.Combination{ border: solid 1px #dddddd; background-color: #fff; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .Product_color.Combination .color_name{ font-size: 15px; color: #666666; background-color: #eeeeee; padding: 3px 0; padding-left: 1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .Product_color.Combination .color_list{ padding: 0.5em 0; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .Product_color.Combination .color_list .pd_dt_joo4_group input { display: none; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .Product_color.Combination .color_list .pd_dt_joo4_group input + label:before{ display: none; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .Product_color.Combination .color_list .pd_dt_joo4_group label{ font-size: 13px; text-decoration: underline; color: #000000; padding-left: 1em; }
.pd-dt-pic .pd-dt-pic-topbox .pd-dt-pic-productimg .Product_color.Combination .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-productimg .imageBox.shareBoxOpen{ margin-bottom: 80px; }
/*更多詳細介紹*/
.pd-dt-pic .Product_notes.showAll{ height: auto; display: block; }
.pd-dt-pic .Product_notesbox .pd_dt_joo4_seemoreBox.showAll{ border-bottom: 1px solid #000; }
.pd-dt-pic .Product_notesbox .pd_dt_joo4_seemoreBox.showAll .pd_dt_joo4_seemoreLink { text-decoration: none; }
/*顏色*/
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .joo4Color{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.5em; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .joo4Color .color_name{ font-size: 14px; color: #000000; display: inline-block; margin-right: 1.5em; margin-bottom: 0; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .joo4Color .color_list{ display: inline-block; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .joo4Color .color_list .colorBox{ min-height: unset; }
.pd-dt-pic .Product_color.joo4Color .color_list .colorBox li,.pd-dt-pic .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; }
.pd-dt-pic .Product_color.joo4Color .color_list .colorBox li.active,.pd-dt-pic .Product_color.joo4Color .color_list .sizeBox li.active{ border: 2px solid #000; }
.pd-dt-pic .Product_color.joo4Color .color_list .colorBox li.active:after,.pd-dt-pic .Product_color.joo4Color .color_list .sizeBox li.active:after{ opacity: 1; right: -2px; bottom: -2px; }
.pd-dt-pic .Product_color.joo4Color .color_list .colorBox li:after,.pd-dt-pic .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 .big_productinfo .Product_Gift.joo4Gift{ border: none; margin-bottom: 0; margin: 1rem 0; padding-bottom: 0; }
.pd-dt-pic .pd-dt-pic-topbox .big_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-topbox .big_productinfo .Product_Gift.joo4Gift .Product_Gift_list li a{ color: #000; }
/*加購*/
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus.joo4Type{ border: solid 1px #dddddd; background-color: #fff; }
.pd-dt-pic .pd-dt-pic-topbox .big_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 .big_productinfo .Product_plus.joo4Type .Product_plus_title span{ display: none; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus.joo4Type .Product_plus_title p{ color: #666666; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus.joo4Type .Product_plus_content{ padding: 0.5em 0; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus.joo4Type .Product_plus_content .Product_plus_list>li label{ padding: 0 1em; color: #000; }
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo .Product_plus.joo4Type .Product_plus_content .Product_plus_list>li a{ color: #000; }
/* 活動 LightBox */
.pd_dt_joo4_addcar_box.joo4Type { max-width: 800px; }
.pd_dt_joo4_addcar_box .pd_dt_joo4_seemore { border:none;}
/*---------------------------- 下方 -----------------------------*/
/* 頁籤內容 */
.pd-dt-pic .Product_contentbox02{font-size:14px; line-height:24px;  padding-bottom:20px; margin:0 auto; max-width: 1200px; width: 100%;}
.pd-dt-pic .Product_contentbox02 ul{list-style-type:disc; padding-left:16px;}
.pd-dt-pic .Product_contentbox02 h3{font-size:14px; line-height:36px; color:#1e1e1e; margin-bottom: 10px;}
.pd-dt-pic .Product_contentbox02:not(.summernote) img,.pd-dt-pic .Product_contentbox01 img{ object-fit: contain; max-width: 100%!important; width: auto!important; height: auto!important;}
/* .pd-dt-pic .Product_contentbox02 img,.pd-dt-pic .Product_contentbox01 img{ object-fit: contain; max-width: 100%!important; width: auto!important; height: auto!important;} */
.pd-dt-pic .Product_contentbox02 table,.pd-dt-pic .Product_contentbox01 table{ max-width: 100%; width: auto;}
.pd-dt-pic .Product_contentbox02 h3.pc_title{ font-size:20px; line-height:36px; color:#1e1e1e; font-weight: bold;}
/* 商品評論 */
.pd-dt-pic .bodyshop_comment {width: 100%;margin: 0 auto;}
.pd-dt-pic .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%;}
.pd-dt-pic .bodyshop_comment .comment_box h3{font-size:15px; text-align: center; letter-spacing: 2px;}
.pd-dt-pic .bodyshop_comment .comment_box img.start_img{width:70px;height: 13px!important; }
.pd-dt-pic .bodyshop_comment .comment_box_l{width: 170px;float: left;}
.pd-dt-pic .bodyshop_comment .comment_box_l img.member_img{width: 36px; height: 35px; display: block; float: left;}
.pd-dt-pic .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;}
.pd-dt-pic .bodyshop_comment .comment_box_r{max-width: 1000px; float: left;position: relative;}
.pd-dt-pic .bodyshop_comment .comment_box_r p{font-size: 13px; line-height:24px;color: #000;}
.pd-dt-pic .bodyshop_comment .comment_button{width: 100%;text-align: center;}
.pd-dt-pic .bodyshop_comment .comment_button a{padding: 12px 70px;}
.pd-dt-pic .bodyshop_comment .comment_box_r .comment_good{width: 36px;height: 36px;float: left;background: url(comment_good.svg) center no-repeat;position: absolute; top: -14px;left: -21px;}
/* 活動 Light Box */
.pd_dt_joo4_addcar_box{width:100%;max-width: 600px; padding:10px;background-color: #fff;border: 1px solid #ddd;}
.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: 15px; line-height: 30px;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;line-height:46px;flex:1;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.pd_dt_joo4_addcar_box .addcar_box .addcar_box_deta a{flex:.3;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;}
.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;}
/* 組合商品 */
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination{margin: 10px 0 0 0; border: 1px solid #ddd;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .color_name{ background-color: #eee; line-height: 34px; padding: 0 10px; font-size: 15px;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .color_list{padding:10px;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .color_list .pd_dt_joo4_group{margin-bottom:5px;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .color_list .pd_dt_joo4_group:last-of-type{margin-bottom:0;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group a{ font-size:15px; line-height: 1;position:relative;display: block; width: 100%;min-height: 28px; }
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group span{border: 1px solid #ddd; background-color: #fff; cursor: pointer; line-height: 26px; height:28px; font-size: 14px; font-weight:normal; padding: 0 0 0 5px; text-decoration: none; display: inline-block; position: absolute;right:0;top: 50%; transform: translateY(-50%);}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .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;font-size:15px;font-weight:normal;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group a:hover span{border-color: #333; color: #fff; background-color: #333;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group input{ display: none;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group label{ position: relative; padding: 15px; display: block; cursor: pointer; box-sizing: border-box;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .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 form .pd-dt-pic-topbox .pd-dt-pic-productimg .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 form .pd-dt-pic-topbox .big_productinfo .combination_list{ border:0; color:#222; background-color: #f5f5f5; padding:10px; margin-bottom: 10px;width:100%;}
.pd-dt-pic form .pd-dt-pic-topbox .big_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 form .pd-dt-pic-topbox .big_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;width: 34px; text-align: center;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .combination_list span.homoeothermy{border-color: #e99416; color: #e99416;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .combination_list a{color:#222; font-size: .9375rem; line-height: 1.2; max-width:calc(100% - 45px);}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .combination_list a:hover{border-bottom-style: solid; border-bottom-width: 1px;}
.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;display: flex;}
/* 運送優惠 */
.pd-dt-pic .pd-dt-pic-topbox ul.free_events{margin-bottom: 8px;}
.pd-dt-pic .pd-dt-pic-topbox ul.free_events li{border-left: 3px solid #bbb; padding: 0 0 0 8px;}
/* 全館免運 */
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_allweb_event {margin:10px 0;}
.pd-dt-pic form .pd-dt-pic-topbox .big_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 form .pd-dt-pic-topbox .big_productinfo .Product_allweb_event a i{font-size:20px;vertical-align: middle;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_allweb_event a span{vertical-align: middle;}
/* 商品加入追蹤按鈕 */
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_btnbox{margin-bottom: 10px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_btnbox > ul > li{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_btnbox > ul > li a{ padding: 0 15px; display: block; text-decoration: none; text-align: center; font-size: 16px; height: 44px; line-height: 43px; 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 form .pd-dt-pic-topbox .big_productinfo .Product_btnbox > ul > li a i{font-size:22px; padding-right: 5px; vertical-align: bottom; line-height: 43px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_btnbox a.tbs_button_like{border:0; background-color:#ddd;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_btnbox a.tbs_button_like:hover{background-color:#d5d5d5;}
/* 加購 */
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus{border:1px solid #ddd;margin-bottom: 10px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_title{background-color:#f7f7f7;padding:6px 15px;color:#222;border-bottom:1px solid #ddd;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list span.discount_price, .pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_group a{color: #d70110;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item .Product_imgbox{ width: 100px; height: 100px; border: 1px solid #eaeaea; border-radius: 10px; margin-right: 15px; position: relative; overflow: hidden;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item img{ width: 100%; height:100%; object-fit:contain;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_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;font-size: 15px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list .Product_plus_item label .discount_pd_content{ width:calc(100% - 139px);}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_content{background-color: #fff;}
/* 購買商品的贈品 */
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_Gift{ margin:10px 0 14px 0; border:0; padding-bottom:0;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_Gift ul.Product_Gift_list li{ display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_Gift ul.Product_Gift_list li span.gift_tag{ min-width:57px; color: #ed2525; font-size: 13px; height: 26px; 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 form .pd-dt-pic-topbox .big_productinfo .Product_Gift ul.Product_Gift_list li a{font-size:16px; text-decoration: none; width: auto; color: #2f2f2f; line-height: 1.6;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_Gift ul.Product_Gift_list li a .gift_spec{ font-size: 12px; line-height: 14px; color:#888;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_Gift ul.Product_Gift_list li a:hover{ color: #ed2525;}
/* 商品付款與運送方式 */
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo ul.Product_Payment{font-size:15px;padding:15px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo ul.Product_Payment li:first-of-type{margin-bottom:15px;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo ul.Product_Payment li .Product_Payment_title{color:#222;}
.pd-dt-pic .pd-dt-pic-topbox .big_productinfo ul.Product_Payment li .Product_Payment_text{color:#888;}
/* 商品標籤 */
.pd-dt-pic .product_tag_all{ margin-top: 10px;}
.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;}
/* 商品下方描述 */
.pd-dt-pic .product_detailA ul{width:auto;display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;border-left: 1px solid #ddd;}
.pd-dt-pic .product_detailA ul li a{border-top:1px solid #ddd; letter-spacing: .6px;display: block;text-decoration: none; line-height: 1.8; padding: 10px 55px; height: 46px; font-size:15px ; background-color: #fff;}
.pd-dt-pic .product_detailA ul li.active a{background-color: #222; border-color:#222; color:#fff;}
.pd-dt-pic .product_detailB{padding:20px 30px;border: 1px solid #D5D5D5;margin-bottom: 20px;background-color: #fff;}
.pd-dt-pic .product_detailB .it550 .qa_after table{padding: 0 !important;}
/* 商品下方評論 */
.pd-dt-pic .product_detailB .Product_contentbox02{padding-bottom: 0;}
.pd-dt-pic .product_detailB .Product_contentbox02 .comment_box:last-of-type{margin-bottom: 0;}
.pd-dt-pic .Product_range .Product_range_box>ul>li:nth-child(2) .Joo4Sale .jooPC_price01{ font-size: 20px;}
/* product_detail */
.pd-dt-pic .product_detailA ul li.active a{ color: #fff; line-height: 1.8; padding: 10px 55px;}

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

/* paying_deliver_way */
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo ul.Product_Payment{ border-top: 1px solid #eaeaea;  padding: 10px 0;}
.pd-dt-pic ul.Product_Payment li{ display: flex; margin-bottom: 5px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo ul.Product_Payment li:first-of-type{ margin-bottom: 5px;}
.pd-dt-pic ul.Product_Payment .Product_Payment_title{ font-size:14px; line-height:20px; color: #828282 !important; min-width: 74px;}
.pd-dt-pic ul.Product_Payment .Product_Payment_text{ font-size:14px; line-height:20px; color: #828282 !important;}

/* discountPrice_add_product */
.pd-dt-pic .add_product_title{ font-size:17px; line-height:22px; color: #828282; padding: 10px 40px; background: url(images/icon_add.svg) 9px center no-repeat #eaeaea;}
.pd-dt-pic ul.discount_product_all{ border: 1px solid #D5D5D5; border-top: none;}
.pd-dt-pic li.discount_product{ display: flex; align-items: center; padding: 15px;}
.pd-dt-pic .discount_product_content{ display: flex; flex-direction: column;}
.pd-dt-pic .pd_add_button { height: 42px;}
.pd-dt-pic .discount_product_picture{ border: 1px solid #eaeaea; border-radius: 10px; overflow: hidden; display: flex; align-items: center; justify-content: center; margin: 0 15px;}
.pd-dt-pic p.discount_product_title{ font-size:16px; line-height:20px; font-weight: 500; color: #2f2f2f; padding: 5px 0;}
.pd-dt-pic .discount_price_tilte{ font-size:15px; line-height:20px; color: #2f2f2f; padding-bottom: 5px;}
.pd-dt-pic span.discount_price{ font-size:17px; line-height:22px; color: #ed2525; font-weight: bold; padding-left: 5px;}
/* discountPrice_add_product 以優惠價加購商品 */
.pd-dt-pic form .pd-dt-pic-topbox .big_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 .dicount_pd_name a{font-size:16px; line-height:20px; display: block; color: #2f2f2f; padding: 5px 0 2px;}
.pd-dt-pic .dicount_pd_name a:hover{color: #ed2525;}
.pd-dt-pic .dicount_text{ font-size:15px; line-height:20px; color: #2f2f2f; padding: 4px 0 5px;}
.pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .Product_plus .Product_plus_list span.discount_price, .pd-dt-pic form .pd-dt-pic-topbox .big_productinfo .pd_dt_joo4_group a{ color: #ed2525; font-size:17px; line-height:22px; font-weight: bold; padding-left: 5px;}
.pd-dt-pic .Product_plus_content input.main_pd_dt_joo4_product_number{ display: block !important;}
.pd-dt-pic .discount_pd_content ul.calculate_number li.add a { font-size: 28px !important; line-height: 39px !important;}
/* 特惠組合 */
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .color_name{ font-size:17px; line-height:22px; color: #828282; padding: 10px; background: #eaeaea; outline: 1px solid #eaeaea;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .color_list .pd_dt_joo4_group{ flex: 1;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group a{ display: flex; align-items: center; color: #2f2f2f;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group span{ padding: 0 17px 0 5px; border-radius: 8px;
background: url(images/icon_arrow_black.svg) no-repeat right center; background-size: 18px; transition-duration: 0.3s;}
.pd-dt-pic form .pd-dt-pic-topbox .pd-dt-pic-productimg .Combination .pd_dt_joo4_group a:hover span{ border-color: var(--primary); background-color: var(--primary);
background: url(images/icon_arrow_white.svg) no-repeat right center var(--primary); background-size: 18px;}
/* 商品頁籤內容 */
.pd-dt-pic .Product_contentbox02 h3.pc_title{ color: #2f2f2f;}
.pd-dt-pic .pd_introduce .pd_introduce_text p{ font-size:16px; line-height:20px; 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;}
.pd-dt-pic .pd_introduce ul.pd_picture li img{ width: 500px;}

/* 加入購物車完成 遮罩 */
.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-weight: 700; letter-spacing: 1px; }

/* 瀏覽記錄 */
.history_sidebar { width: 138px; position: fixed; right: -100px; top: 200px; z-index: 999; transition: all .8s; display: none;} /* 瀏覽記錄隱藏 */
.history_sidebar.history_sidebar_open{right: -1px;transition: all .8s;}
.history_sidebar .history_title { float: left; font-size: 16px; font-weight: 400; text-align: center; color: #fff; line-height: 20px; border-radius: 5px 0 0 5px; height: 116px; width: 38px; padding: 8px 10px; cursor: pointer; background-color:var(--primary); position: relative;}
.history_sidebar .history_title::after{content: ''; position: absolute; right: 11px; 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: 100px; 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:310px; margin: 0 auto; position:relative; padding: 28px 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;}

/* 放大鏡 */
div.zoomDiv{ z-index:500;position:absolute;top:-1px;left:0px;width:500px;height:500px;display:none;text-align:center;overflow:hidden;}
div.zoomMask{ position:absolute;background:url("images/anyong_symbol/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:85;}


/* 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: 12px; 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-left: 10px; color: var(--primary); font-size: 12px; font-weight: 500; line-height: 16px;}
.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-group{ padding-bottom: 164px;}
/* 團購區塊 */
.Product_igroup{ -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; box-sizing: content-box;}
.Product_igroup .Product_igroup_content{ padding: 15px;}
.Product_igroup .Product_igroup_content .Product_temp{ margin-bottom: 0;}
.Product_igroup .Product_igroup_content .Product_price{ padding-bottom: 10px;}
.Product_igroup .Product_igroup_content .pd_dt_joo4_number{ margin-bottom: 0;}
/* 團購買家取貨方式 */
.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-bottom: 20px;}
.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; min-width: 450px;}
.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-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;}
.pd-dt-pic-pickup-method .pickup-method-text ul{ list-style-type: disc; padding-left: 20px;}
/* 團購放大圖 */
.pd-dt-pic-group .big_product .button_lightbox{ border-color: var(--primary);}
.pd-dt-pic-group .big_product .button_lightbox i{ color: var(--primary);}
.pd-dt-pic-group .big_product .button_lightbox:hover { background-color: var(--primary); border-color: var(--primary); }
/* 團購價 */
.pd-dt-pic-group .Product_price{ flex-wrap:wrap;}
.pd-dt-pic-group .Product_price .was_price{ flex:100%; padding-left: 0; font-weight: normal; letter-spacing: 0;}
.pd-dt-pic-group .Product_price .now_price{ flex:100%; align-items:center; font-weight: normal; letter-spacing: 0;}
.pd-dt-pic-group .Product_price .now_price p{ font-size: 16px; line-height: 20px; margin-right: 5px;}
.pd-dt-pic-group .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;}
/* 團購規格 */
.pd-dt-pic-group .Product_color .color_list .sizeBox li.active,
.pd-dt-pic-group .Product_color .color_list .colorBox li.active{border-color:var(--pic-red);}
.pd-dt-pic-group .Product_color .color_list .sizeBox li.active:after,
.pd-dt-pic-group .Product_color .color_list .colorBox li.active:after{ background-image: url("images/joo4_checked_red.svg"); }
/* 團購按鈕 */
.pd-dt-pic-group form .pd-dt-pic-topbox .big_productinfo .Product_btnbox > ul > li:last-of-type a i{ font-weight:bold; font-size: 24px;}
.pd-dt-pic-group .jooshop_btn_color2 a{ background-color: var(--pic-red); border-color: var(--pic-red); color:#fff;}
.pd-dt-pic-group .jooshop_btn_color2 a:hover{ background-color: var(--pic-light-red-80); border-color: var(--pic-light-red-80);}
.pd-dt-pic-group .jooshop_btn_disabled{ background-color: var(--pic-color-grey-40); border-color: var(--pic-color-grey-40); color:#fff; padding: 0 15px; display: block; text-decoration: none; text-align: center; font-size: 16px; height: 44px; line-height: 43px; 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-group .Product_igroup.igroup_profit{ cursor: pointer;}
/* 團購倒數 */
.pd-dt-pic-group .Product_igroup_title{ position: relative; 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-group .Product_igroup_title i{margin-right: 5px;}
.pd-dt-pic-group .Product_igroup_title span{ margin-left: 5px; font-size: 13px;}
.pd-dt-pic-group .Product_igroup_title .toggle{ position:absolute; right:5px; top:50%; transform: translateY(-50%);}
.pd-dt-pic-group .Product_igroup_title .toggle i{ font-size: 24px;}
.pd-dt-pic-group .pic-pds-countdown .pic-pds-tiles{ display: flex; align-items: center; margin-left: 6px;}
.pd-dt-pic-group .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-group .Product_igroup_item:nth-child(even){ background-color: var(--pic-light-red-5);}
.pd-dt-pic-group .Product_igroup_item.igroup_item_title{ background-color: var(--pic-color-grey-5);}
.pd-dt-pic-group .Product_igroup_item{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 15px; line-height: 26px;}
.pd-dt-pic-group .Product_igroup_item > li{ text-align: center; padding: 5px 0;}
.pd-dt-pic-group .Product_igroup_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-dt-pic-group .Product_igroup_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-dt-pic-group .Product_igroup_item.igroup_item_title > li{ color: var(--pic-color-grey-100); font-size: 14px; line-height: 20px;}
.product-bottom{ position: relative; border-top: 1px solid var(--pic-color-grey-10); padding-top: 15px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse;}
/* (新)商品內容右側標題 */
.product-bottom .product-nav{ position: relative; width: 250px; left: 0;}
.product-bottom .product-nav-box{ position: absolute; top: 15px;}
.product-bottom .product-nav-box.product-nav-box-fixed{ position: fixed; top: 95px;}
.product-bottom .menu-item-link .menu-item-text{ width:100%; display:block; font-size:17px; margin-bottom:2px; display: block; width: 100%; position: relative; padding-left: 16px; color: var(--pic-color-grey-70); transition: all .3s;}
.product-bottom .menu-item-link.active .menu-item-text{color: var(--pic-color-grey-100);}
.product-bottom .menu-item-link{ position: relative; display: block;}
.product-bottom .menu-item-link.active:before{ content:''; position: absolute; top: 0; left: 0; width: 6px; height: 24px; display: inline-block; background-color: var(--pic-light-red-80); -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.product-bottom .menu-item-link:not(:last-of-type){ margin-bottom: 10px;}
.product-bottom .product-nav-box .menu-item-text::before { position: absolute; left: 0; top: 0; display: block; content: ''; width: 6px; height: 24px; border-radius: 3px; background: var(--pic-light-red-80); opacity: 0;}
.product-bottom .product-nav-box .menu-item-text.active::before { opacity: 1;}
.product-bottom .product-nav-box .menu-item-text.active{ color: var(--pic-color-grey-100);}
/* (新)商品內容 */
.product-bottom .product-content{ width: calc(100% - 250px); padding-right: 20px;}
.product-bottom .product-content .section{ margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #eee;}
.product-bottom .product-content .section-title{ font-size: 20px; line-height: 25px; margin-bottom: 5px;}
.product-bottom .product-content .section img{ max-width: 100% !important; height: auto !important; vertical-align: bottom;}

/* 公版麵包屑 */
.m_breadCrumbs{ width: 100%; height: auto; padding: 5px 0; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px;}
.m_breadCrumbs .breadCrumbs2{ width:1200px; 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;}

/* 公版價格和價格單位 */
.currency_unit_color { display: inline-block;}
.currency_unit_color, .price_color01 { font-size: 12px;}

/*公用搜尋結果*/
.normal_no_search{ width: 100%; padding: 30px 15px; text-align: center;}
.normal_no_search h5.normal_no_search_title{ display: inline-block; width: auto; height:auto; font-size:15px; line-height:30px; color: #666; overflow: hidden; letter-spacing: 1px; margin-left: 15px;}
.normal_no_search h5.normal_no_search_title span{ color:#ef2c3e;}
.icon_sadface{ display: inline-block; fill: #666; width: 32px; height: 32px;}
.Store_PSearch_Pbox h5.normal_no_search_title{ display:block; width: auto; height:auto; font-size:22px; line-height:30px; color: #666; overflow: hidden; padding:10px 0;text-align:center;}
.Store_PSearch_Pbox h5.normal_no_search_title span{ font-weight: bold;}
.search_result { font-size: 15px; line-height: 40px; color: #484848; text-align: left; border-bottom: 1px dotted #ddd; font-weight: bold;}
.search_result span{ font-size: 20px;}

/* 會員中心共用 */
.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: 4; -moz-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; color: #444;}
.component_title .component_remark{display:inline-block;font-size: 13px;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;vertical-align: baseline;}
.new_member_modal { display: none; vertical-align: middle; position: relative; z-index: 2; max-width: 500px; max-height:360px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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: 0 10px; display: flex; font-weight: 500; align-items: center; background-color: #f7f7f7; color:#444; height:35px; margin:0;}
.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;text-decoration:none;}
.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: 290px; 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{ transition:all .3s; 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(--primary-dark);}
.new_member_nodata{ 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; margin:35px auto;}
.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{ transition:all .3s; 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 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_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{ transition:all .3s; 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{ transition:all .3s; display: block; height: 40px; line-height: 40px; border: 0; color: #fff; font-size: 15px; cursor: pointer; background-color: #ccc; 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:hover{background-color: #c8c8c8;}
.new_member_btn_cancel a i{vertical-align: text-bottom;font-size:28px;line-height: 40px;}
.new_member_btn_confirm a i,.new_member_btn_invalid a i{color:#fff;vertical-align: text-bottom;font-size:18px;margin-right:5px;}
.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; }
.component_add .jooshop_btn_color { display: inline-block; }
.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; font-size: 15px; color:#fff; padding:0 20px; font-size:15px; line-height:45px; height:45px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.component_openarea{position: relative;padding:12px 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;margin-bottom:10px;}
.member_title_sort i{vertical-align: middle; font-size:28px; transition: all .3s;}
.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;}
.new_member_page ul.new_member_page_box{display: inline-block; background-color: #fff;}
.new_member_page ul.new_member_page_box li { float: left; width: 38px; height: 38px; text-align: center; display: block; padding: 0px; font-size: 13px; line-height:38px; text-decoration: none; color: #444; border: #eee 1px solid; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.new_member_page ul.new_member_page_box li a { transition: background-color .3s; width: 38px; height: 38px; text-align: center; display: block; padding: 0px; font-size: 13px; line-height:38px; text-decoration: none; color: #444;}
.new_member_page ul.new_member_page_box li.dis{background: #eee;}
.new_member_page ul.new_member_page_box li.countlist,.new_member_page ul.new_member_page_box li.next,.new_member_page ul.new_member_page_box li.dis{border-left-width:0;}
.new_member_page ul.new_member_page_box li.dis:first-of-type{border-left-width:1px;}
.new_member_page ul.new_member_page_box li a:hover{background: #fcfcfc;}
.new_member_page ul.new_member_page_box li.dis a:hover{background: #eee;}
.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; margin-bottom:5px;}
.member_titlebox .member_title_style{ width: 50%;}
.member_titlebox .member_title_style{ display: flex;color: #444; align-items: center; line-height: 32px;}
.member_titlebox .member_title_style{ 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; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.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; position: relative;}
.member_title_sort > ul > li.member_title_sort02 a i{ color:rgba(0,0,0,.2); vertical-align: top;}
.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;}
span.new_member_tooltip-ja{position: absolute;display: inline-block;max-width: 100px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding:5px 8px;line-height: 16px; top:36px; left: 50%; transform: translateX(-50%); text-align: center; vertical-align: middle; -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,20,.2); box-shadow: 0 1px 6px 0 rgba(0,0,20,.2); background-color: rgba(0,0,0,.3); -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 12px; opacity: 0; z-index: 1;}
span.new_member_tooltip:before { z-index: -1; content: ""; position: absolute; border-color: transparent transparent rgba(0,0,0,.3); border-style: solid; border-width: 0 8px 8px; opacity: .8; height: auto; top:-8px; left: 50%; transform: translateX(-50%);;}
a:hover span.new_member_tooltip{opacity: 1; transition:opacity .3s;}
a.accent_color, .accent_color { color: var(--pic-red); }
/* 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: 428px) {
	.component_title{font-size:18px;line-height:22px;}
	.component_title i{font-size:20px;}
	.component_title .component_remark{font-size:12px;}
}

/* 元件1 圖文 */
/* it1_default */
.normal_item1BOX{ width: 100%; max-width: 1200px; margin: 0 auto;}
.normal_item1BOX .normal_item1IMG img{ max-width:100%; height:auto !important; vertical-align: bottom;}
.normal_item1BOX .item7_img{ border: 0; padding: 0; display: unset;}
.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{ vertical-align:middle; display:block; max-width:100%; width:auto; height:auto;}

/* 元件8 訊息公告元件 */
/* it8_default */
.item8_box{ width:100%; padding: 15px 0;}
.item8_box ul{ width:100%; height: auto; background:#fcfbfa; padding: 15px; display: inline-block;}
.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;}

/* 元件16 加入會員 - 會員條款 */
/* 註冊01會員條款 */
.SB_MemberClause{ width:660px; height:434px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff;}
.SB_MemberClause textarea{ width:100%; height:384px; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; border:none; resize:none}
.SB_MemberClause_agree{ width:470px; height:20px; font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin:0 auto;; margin-bottom:20px;}
.SB_MemberClause_agree input{ margin-right:5px;}
.SB_MemberClause_btn{ width:150px; height:50px; margin:0 auto;}
.SB_MemberClause_btn input{ display:block; width:150px; height:40px; font-size: 15px; line-height: 40px; color:#FFF; background:#000; border-radius: 5px; border:none; cursor:pointer;}
.SB_MemberClause ul{list-style-type:disc; padding-left:15px;}
.SB_MemberClause ol{list-style-type:decimal; padding-left:15px;}

.it16_default .loginother { border-top: 0;}
.it16_default .MemberLogin_newbox { text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 10px; max-width: 660px; margin: 0 auto}

/* 元件19 會員專區左邊選單 */
/* it19_default */
.L_Box .L_padding {padding:0;}
.AF_MemberLitemContent01{ width:200px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid;}
.AF_MemberLitem_listnow{ width:198px; height:39px; font-size:15px;line-height:40px;font-weight:bold; padding-left:37px; border-bottom:#e2e2e2 1px solid; border-left:3px #c5c5c5 solid; background-color:#FFF;}
ul.AF_MemberLitem_list li a{ display:block; width:198px; height:38px; font-size:15px;line-height:40px; text-decoration:none; padding-left:40px; border-bottom:#e2e2e2 1px solid; border-top:#fefefe 1px solid; background:#f2f2f2;}
ul.AF_MemberLitem_list li a:hover{ display:block; width:198px; height:38px; font-size:15px;line-height:40px; text-decoration:none; padding-left:40px; border-bottom:#e2e2e2 1px solid; border-top:#fefefe 1px solid; background:#ededed;}

/*元件20-會員登入*/
 .newmember_box{ width: 1000px; text-align: center; margin:0 auto;}
 .newmember_lbox{ margin-right:10px;}
.AF_Member_LoginPage_left{ width: 420px; display: inline-block; vertical-align: top;}
.AF_Member_LoginPage_left tr td{text-align: left;}
.AF_Member_LoginTitle_left{ width:100%; font:bold 18px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:20px 0 10px 0;background: #f9f9f9;}
.AF_Member_LoginContent_left{ width: 100%;padding:0 0 30px 0; border:0!important; background-color:#f9f9f9;}
ul.AF_Member_LoginBox_left{ width:100%; margin:0 auto; height: auto; padding: 0 30px; text-align: left;}
.AF_Member_LoginBox_left {font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AF_Member_LoginBox_left li{ padding:5px 0;}
.AF_Member_LoginBox_left .AF_Member_Input100{ width:100%; height:40px;}
input.MemberLogin_Input01{width: 100%;}
input.AF_Member_Input90{width: 160px; height:40px;}
.AF_attest_number input, .AF_attest_number img{ display:inline-block !important; margin:0 !important; float:inherit !important;}
.AF_Member_LoginOther{ width:100% !important;border-top:0 !important;}
.AF_Member_Login_R_left{ width: 360px;padding: 10px 0;margin: 0 auto;}
.AF_Member_Login_R_left input{ display:block; width:360px; height:50px; cursor:pointer; font: 20px/48px 微軟正黑體, Arial, Helvetica, sans-serif !important; border:0;}
.AF_Member_Login_bt{ width: 420px; margin: 0 auto; text-align: center;padding: 10px 0;}
.AF_Member_Login_bt li { font:14px/20px Arial, Helvetica, sans-serif; color:#bbb; display: inline-block; padding:0 10px;}
.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;}
.AF_Member_Login_bt li{border-left: 1px solid #ddd;}
.loginother{ width: 360px; 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 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_newInput05:hover, a.MemberLogin_newInput05:active{ background-color:#4368AA; text-decoration:none;}
a.MemberLogin_newInput06:link, a.MemberLogin_newInput06:visited{ display: inline-block; text-align:center; font: 18px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color: #333; 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_newInput06:hover, a.MemberLogin_newInput06:active{ background-color:#fff; background-size:36px; text-decoration:none; opacity: .9;}
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_newInput07:hover, a.MemberLogin_newInput07:active {background-color:#01cf01;text-decoration: none;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%;}
a.MemberLogin_newInput08:hover, a.MemberLogin_newInput08:active {background: url(images/familymart_logo.svg) center center no-repeat;text-decoration: none;background-size: 100%;opacity: .9;}
.AF_Member_LoginPage{ padding-top:0 !important;}
.AF_Member_LoginContent{ border:0 !important;}
.AF_Member_LoginPage.first_shopping{ display: none; vertical-align: top; width: 395px; background: #fff;}
.AF_Member_LoginTitle_right {width:100%; font: bold 18px/40px 微軟正黑體, Arial, Helvetica, sans-serif;color: #333;padding: 20px 0 10px 0;}
.AF_Member_LoginPage>.AF_Member_LoginContent.bb{width: 100%; padding: 15px 30px; position: relative;}
.AF_Member_LoginPage>.AF_Member_LoginContent.bb p{ padding:10px 0; font: 15px/25px 微軟正黑體, Arial, Helvetica, sans-serif;}
.jooshop_btn_login.cc > input, .jooshop_btn_login.cc >input:hover{width: 100%; height:50px; margin: 5px; font: 20px/48px 微軟正黑體,Arial,Helvetica,sans-serif;letter-spacing: 1px; border: none;cursor: pointer;}

.SB_MemberData{ width:660px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff;}
.SB_MemberData_write{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}

/* 註冊03會員帳號開通 */
.SB_MemberOpening{ width:660px; height:300px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background:#FFF;}
.SB_MemberOpening_btn{ width:150px; height:50px; margin:0 auto;}
.SB_MemberOpening_btn a{ display:block; width:150px; height:40px; font-size: 15px !important; line-height: 40px !important; color:#FFF; background:#000; border-radius: 5px; border:none; cursor:pointer; text-align: center;}
.SB_MemberOpening_in{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.SB_MemberOpening_in span{ color:var(--danger);}

/* 註冊04註冊完成 */
.SB_MemberFinal{ width:660px; height:250px; border:#d1d1d1 3px solid; margin:0 auto; padding:30px 20px 50px 20px; margin-bottom:15px; background-color:#fff;}
.SB_MemberFinal_in{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.SB_MemberFinal_in span{ color:var(--danger);}
.SB_MemberSignnow_btn{ width:150px; height:50px; margin:0 auto;}
.SB_MemberSignnow_btn a{ display:block; width:150px; height:40px; text-align: center; font-size: 15px; line-height: 40px!important; color:#FFF; background:#000; border-radius: 5px; border:none; cursor:pointer;}

/* it57 重發驗證 */
.it57_box { width: 784px; margin: 0 auto;}
.it57_box input[type="text"]{ width:90%;}
.SB_MemberWitemTitle03{ width:784px; height:41px; border:#c5c5c5 1px solid; }
.SB_MemberWitemTitle03 p{ display:block; width:781px; height:40px; border-bottom:#e7e7e7 1px solid; font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#555; padding-left:15px;}
.SB_MemberWitemContent03{ width:784px; border-left:#c5c5c5 1px solid; border-right:#c5c5c5 1px solid; border-bottom:#c5c5c5 1px solid; padding:5px 0;}
.SB_MemberWitemModify{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.SB_MemberWitemModify select,.SB_MemberWitemModify input{ margin-right:10px;}

/*150303新增*/
#member_confirm .SB_MemberWitemSay{ margin:0 auto;}
#member_confirm .SB_MemberWitemSay { width: 782px; height: 37px; padding-left: 40px; font-size: 15px; line-height: 37px; background: url(images/icon_say2.png) left top no-repeat; }
#member_confirm .SB_MemberWitemBOX{ width: 784px; height: auto; margin:0 auto; background-color:#fff;}
#member_confirm .SB_tableW150 { width: 195px; }
#member_confirm .poM_memberPrompt{ line-height: 20px; font-size: 12px; color:#999;}
#member_lostpw .SB_MemberWitemSay{ margin:0 auto;}
#member_lostpw .SB_MemberWitemBOX{ margin:0 auto;background-color:#fff;}

/* 元件22 會員密碼修改 */
/* 元件22_default */
.it22_default{color: #444;background-color: #fff;padding:10px;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it22_default input[type="text"],.it22_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: 0 10px; font-size: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:30px; color:#444;}
.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 #eee; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 12px 15px;}
.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: 45px; 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; line-height: 45px; margin: 0 auto; border: 0; color: #fff; font-size: 15px; cursor: pointer;}
@media screen and (max-width:960px) {
	.it22_default{padding:0 8px;}
}

/* 元件23 會員密碼查詢 */
/* it23_default */
.it23_box{width:784px;margin:0 auto}
.it23_input01{width:90%}
.it23_word{font-size:15px;line-height:40px;color:#444;padding-left:15px}
.it25_box{width:784px;margin:0 auto}
.it25_box input{margin-bottom:5px;}
.it25_input01{width:70%}
.it25_box #it22_authimg_img { margin: 0 5px; display: inline-block; position: relative; top: 5px;}
.it25_box .SB_tablepaddingL10 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;}
.it25_box .SB_tablepaddingL10 a:hover { transform: rotate( 180deg ); }
.it25_box .SB_MemberNologinPage_btn input{height:auto;}
#member_lostpw .SB_MemberWitemSay{font-size:13px;}
.SB_MemberWitemContent03 { position: relative; padding:5px 0;}
.SB_tableW120{width: 175px; text-align: right; padding-right: 10px;}
.SB_tablepaddingL10 { padding-left: 10px; }
.SB_tablepaddingL10 input{ height:40px; width: 90%;}
.SB_tablepaddingR10 { padding-right: 10px;}
.SB_tableWstyle05{ color: #aaa; font-weight: 400; line-height: 20px; font-size: 12px;}
.SB_MemberNologinPage_btn { width: 100px; height: 50px; margin: 10px auto 0 auto;}
.SB_MemberNologinPage_btn input { display: block; min-width: 100px; height: 40px; font-size: 15px; line-height:40px; color: #FFF; background: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; cursor: pointer;}

/* 元件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: var(--pic-red); 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;}

/* 元件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;}

/* 元件40 分類篩選 */
/* it40_default */
.warpper_pro{ width:100%;}
.Page_itemBox { width: 100%; margin: 0 auto; }
.Page_itemBox .Store_PSearch_Pbox > li{margin-bottom: 25px;}
.it40_menubox{width: 100%; padding: 5px 10px;margin-bottom: 20px;background-color:#fff;}
.it40_menuL{float:left;}
.it40_menuL li{display:inline;vertical-align: middle;}
.it40_menuL li input{max-width:100px;}
.it40_menuL li a{ padding:0 20px 0 5px; text-align:center; font-size:13px; line-height:15px; color:#666; background: url(images/it40_arrow_updown.gif) right -51px no-repeat;margin-right: 5px;}
.it40_menuL li a:hover{background: url(images/it40_arrow_updown.gif) no-repeat right -11px;}
.it40_menuL li a.arrow_down{ background: url(images/it40_arrow_updown2.gif) no-repeat right -11px;}
.it40_menuL li a.arrow_up{ background: url(images/it40_arrow_updown2.gif) no-repeat right -51px;}
.it40_menuL li.price-range{border-left:1px solid #ccc;padding-left: 10px;}
.it40_menuR {float: right;}
.it40_menuR li{display:inline;vertical-align: middle;}
.it40_menuR li select{min-width:70px;width:70px;text-align:center;}
.it40_sort_intro{ width:100%; margin-bottom:10px;}
.it40_sort_intro h1{ font-size:20px; line-height:40px; color: #484848; text-align:left; border-bottom:1px dotted #ddd;}
.it40_sort_intro .it40_sort_intro_img{ width:100%; margin-bottom:10px;}
.it40_sort_intro .it40_sort_intro_img a{ display:block;}
.it40_sort_intro .it40_sort_intro_img img{ display:block; width:100%; height:auto;}
.it40_sort_intro .it40_sort_intro_box{ padding:10px 0; font-size:14px; line-height:22px; color:#999;}

/* 舊購物車 */
.all_scart_box{ width: 100%; height: auto; margin-bottom: 40px;}
/*步驟區塊*/
.all_scart_top{ width: 100%;}/*步驟外框*/
.all_scart_top .top_title{ float: left; display: inline-block; font-size:18px; font-weight:normal; letter-spacing:0.7px; line-height: 20px; margin:40px 0 0 0;}/*購物車標題*/
.all_scart_top{ text-align:left;}
.all_scart_top .cart_step { margin:-38px 0 0 0;}
.all_scart_top .cart_step li{ float:left; display:block; width:137px; height:42px; font-size:13px; line-height: 30px; text-align:center; white-space:nowrap; letter-spacing:0.7px;}
.all_scart_top .cart_step li:first-of-type { text-align:left; text-indent:-24px; width:68px;}
.all_scart_top .cart_step li:last-of-type { text-align:left; text-indent:34px; width:68px;}
.all_scart_box_ja .all_scart_top .cart_step li:last-of-type{ text-indent: 49px;}
.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 var(--pic-color-grey-100);}
.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-border:none; text-indent:0; border-radius:100%; display:block;background-color: var(--pic-color-grey-100);}
.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 var(--pic-color-grey-20);}
.cart_step_bg1,.cart_step_bg2,.cart_step_bg3,.cart_step_bg4{ float: right; width:410px; height:4px; background-color:var(--pic-color-grey-20); text-align:center; margin:60px 30px 20px 0;}
.cart_step_bg1.center_step,.cart_step_bg2.center_step,.cart_step_bg3.center_step,.cart_step_bg4.center_step { float:none; margin:50px auto 30px auto;}
.center_step .cart_step { float:left;}
/*主區塊－商品清單*/
.it45_prodInCart_s{ display: block; line-height: 18px;}
.select-all-shoppinglist{padding-left: 10px; margin-bottom: 5px;}
.it45_pd_item_label_box{ padding-left: 10px; width: 40px; overflow: hidden;}
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;}
label.it45_pd_item_label.it45_pd_item_label_all{ 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); }
.it45_pd_item_info div{text-align: left;}
.scart_quantity.it45_min_quantity_mt20{ margin-top: 30px;}
.it45_min_quantity{ font-size: 12px; line-height: 14px; color: var( --pic-red);}
.scart_list_title{ background-color: #f7f7f7; padding: 21px 0;}/*商品區塊標題*/
.scart_prod_list{ background-color:#FFF;}/*商品區塊項目*/
.scart_prod_list table{ border-bottom:1px solid #e6e6e6;}
.scart_prod_list table td{ text-align:center; font-size:15px; letter-spacing:0.8px; line-height:30px; padding:15px 10px; vertical-align:top;}
#shopping_cart .scart_prod_list table td:first-child {text-align: left; padding:10px; 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;}
.scart_prod_list table td:first-child {text-align: left; padding:15px;}
.scart_list_title table th{padding: 0 10px;}
.scart_list_title table th:nth-child(2), .scart_list_title table th:nth-child(3), .scart_list_title table th:nth-child(4), .scart_list_title table th:nth-child(5), .scart_list_title table th:nth-child(6), .scart_list_title table th:nth-child(7){width: 140px;}
.scart_list_title table th:last-child {width: 75px; text-indent:-9999px;}
#shopping_checkout_2 .scart_list_title table th:last-child {width: 140px;}
#shopping_cart .scart_list_title table th:last-child {width: 40px;}
#shopping_checkout_2 .scart_list_title table th:last-child {text-indent:0;}
#shopping_cart .scart_prod_list table tr{ display:flex; align-items: center;}
#shopping_cart .scart_prod_list table tr:first-child td:nth-child(2),#shopping_cart .scart_list_title table th:nth-child(2){ width: calc(100% - 830px);}
.scart_prod_list table td:nth-child(2), .scart_prod_list table td:nth-child(3), .scart_prod_list table td:nth-child(4), .scart_prod_list table td:nth-child(5), .scart_prod_list table td:nth-child(6), .scart_prod_list table td:nth-child(7){ width: 140px; vertical-align: middle;}
#shopping_cart table .detail_add_list td:first-child{width: calc(100% - 790px);}
#shopping_cart table .detail_gift_list td:first-child{width: calc(100% - 790px);}
.scart_total{ text-align:right; padding:28px 20px; font-size:16px; letter-spacing:0.6px; line-height:22px;}/*數量價格統計區塊*/
.scart_total b { display:inline-block; margin:0 2px;}
.scart_total small, .scart_total b { font-size:18px;}
.scart_total span { margin-right:50px;}
#shopping_checkout_2 .scart_total span { margin:0 3px;}
#shopping_checkout_2 .scart_total .scart_total_01 span {color:var(--pic-color-grey-100)!important;}
.scart_total .scart_total_01 { display:inline-block; vertical-align:top; margin-right:50px;}
.scart_total .scart_total_02 { display:inline-block; vertical-align:top;}
.scart_total.lastTotal {border:1px solid #e6e6e6; background-color:#FFF; margin-top: 10px;}
.scart_total.lastTotal {line-height: 50px;}
.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 { font-weight:bold;}
#shopping_checkout_2 .scart_total.lastTotal span { margin-right:50px;}
.scart_prod_list td .product-img{float: left;width: 100px;height: 100px;position:relative;}
.scart_prod_list td h2 {padding: 8px 0 4px 0;font-weight: normal; font-size:15px; text-align: left;}
.scart_prod_list td h2.noPadding { padding:0;}
.scart_prod_list td h2.botPadding { padding: 0 0 4px 0;}
.scart_prod_list td h2{ margin-left: 110px;}
.scart_prod_list .category_gift td h2,
.scart_prod_list .detail_add_list td h2,
.scart_prod_list .detail_gift_list td h2{ margin-left: 150px;}
/* .scart_prod_list td p { white-space:nowrap; height:30px;} */
.scart_prod_list td p.smallP { height:31px; padding: 8px 0 4px 0;}
.scart_prod_list a:link, .scart_prod_list a:visited, .scart_prod_list a:hover { font-size:15px; letter-spacing:0.8px; line-height:22px; display: inline-block;}
.scart_prod_list td:first-child div {margin-left:110px; text-align: left;}
#shopping_cart .scart_prod_list td:nth-child(2) div { text-align: left;}
#shopping_cart .scart_prod_list td:nth-child(2) h2.font_size_02 + div{ margin-left: 110px;}
.scart_quantity {width: 100px;margin: 0 auto;}/*加減數量外框*/
.scart_quantity input { float:left;}
.scart_quantity input[type="text"] {display: inline-block;width: 40px;height: 30px;background: #FFF;border: 1px solid #d8d8d8; border-radius:0;font-size:15px; line-height:20px;color: #1e1e1e;text-align: center;padding: 0;}
.scart_quantity input[type="button"] {width: 30px;height: 30px;background: #FFF; border-radius: 0px!important;cursor: pointer;color: #3c3c3c;}
div.scart_quantity input:nth-child(1) {border: 1px solid #d8d8d8;}
.scart_quantity input:nth-child(2) {border-left: 0;border-right: 0;text-align: center;color: #222;cursor: default;}
div.scart_quantity input:nth-child(3) {border: 1px solid #d8d8d8;}
.scart_saleItem { background-color:#f7f7f7; padding:15px 20px;}
.scart_saleItem h3 { display:inline-block; vertical-align:top; margin-right:37px; font-size:15px; color:#1e1e1e; font-weight:normal; letter-spacing:0.8px;}
.scart_saleItem div { display:inline-block; vertical-align:top;}
#com_receive, .scart_coupon_box .scart_coupon_title, a.invoice_carruer_type_content { display:inline-block; border:1px solid var(--pic-color-grey-100); border-radius: 3px; background-color:#FFF; font-size:13px; text-decoration:none; padding:5px 12px; line-height:normal; margin:0 0 15px 0; text-decoration:none!important; float:right;}
#com_receive { 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);}
.icon_buildup_P {display: inline-block;font-size: 13px;line-height: normal;font-weight: normal;background-color: #666;color: #FFF;padding: 5px 19px;margin:0 10px 0 0;}
.inlineStyle { display:inline-block; vertical-align:middle;}
h2.inlineStyle { margin-left:10px!important;}
h2.inlineStyle .icon_buildup_P { margin:0 5px 0 0;}
.noneShow { visibility:hidden;}
.foodmap_quantity { display:none;}
.it66_agree_to_terms{ margin-bottom: 30px;}
.it66_agree_to_terms label{ width:auto;padding-left: 26px;}
.it66_agree_to_terms label a{ border-bottom-width: 1px; border-bottom-style:solid; color:var(--primary);}
.content_style{ background-color:#FFF; margin:30px 0; border:1px solid #e6e6e6; font-size:14px;}/*區塊樣式*/
.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:hover { border:1px solid #9f9f9f;}
.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;}
.supplier_pdlist .hideBlock{border:1px solid #ddd;margin-bottom:10px;padding:10px;}
.supplier_pdlist .scart_list_title{padding:10px 0;color:#999;}
.supplier_pdlist .scart_list_title .font_size_06{font-size: 15px;}
.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 .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 select{background-color: #fff;margin-right:5px;}
.supplier_pdlist .supplier_pickup .supplier_pickup_floor{margin-left:5px;}
.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 .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_2 { margin-left:10px;}
.scart_content_E .pay_method_2 .jooPC_price01 { font-weight:bold;}
.scart_content_E .pay_method_3 .font_color_05 { color:rgb(59, 53, 53) !important; margin-left:10px;}
a.it66_staging_open:active ,a.it66_staging_open:link, a.it66_staging_open:visited { /*color:#d50000;*/}
.scart_content_F{}/*訂購人*/
.scart_content_F input { width:300px;}
.scart_content_F .scart_order_name, .scart_content_F .scart_order_phone, .scart_content_F .scart_order_email, .scart_content_F .foodmap_non_style { display:inline-block; vertical-align:top; margin-bottom:15px;}
.scart_content_F .scart_order_name, .scart_content_F .scart_order_email { margin-right:15px;}
.scart_content_F .scart_order_add input, .scart_content_F .scart_order_add select { margin-bottom:15px; margin-right:15px; vertical-align:bottom;}
.scart_content_F .scart_order_add #buyer_order_zip_158 { /*margin:-5px 0 0 0;*/}
.scart_content_F .scart_w80 { width:80px;}
.scart_content_F .foodmap_prompt1 { display:none;}
.scart_content_F .foodmap_non_style { display:none;}
.scart_content_F.twgloblmall_show_buyer ul{padding: 15px 20px;}
.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{margin-right:10px;width:80px;display: inline-block;}
.scart_content_F.twgloblmall_show_buyer ul li select{width:150px;}
.scart_content_G > ul{padding: 10px 25px;}/*收件人*/
.scart_content_G .receivebox .update_checkbox{ margin-left: 10px;}
.scart_content_G .order_addressee_and_phone .scart_mark{ font-weight: 400; margin-bottom:10px;}
.scart_content_G input[type="text"], .scart_content_G input[type="password"], .scart_content_G select,
.scart_content_H input[type="text"], .scart_content_H input[type="password"], .scart_content_H select { margin:0 15px 15px 0; vertical-align:baseline;}
.scart_content_G .but_select { vertical-align:baseline;}
.scart_content_G #alert_real_name { margin-bottom:15px;}
.scart_content_G #alert_real_name span { color:var(--pic-red);}
.scart_content_G .shipping_store_new{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;}
.scart_content_G .shipping_store_new select{margin:0 5px 0 0;}
.scart_content_G .shipping_store_new .shipping_twglobalmall_btn{background-color: #222; color:#fff; display:inline-block;padding:8px 15px;margin-left:10px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:15px; line-height: 24px;vertical-align: top;cursor:pointer;}
.scart_content_G .shipping_store_new .shipping_twglobalmall_btn i{font-size:20px;vertical-align: top; line-height: 24px; display: inline-block;}
.scart_content_H{}/*發票*/
.scart_content_H .addrInput { display:block;}
.scart_content_H .addrInput.inline { display:inline-block;}
.scart_content_H .scart_mark { display:inline-block; margin-bottom:10px;}
.scart_content_H #invoice_carruer_type1 .scart_mark,.scart_content_H #invoice_issue_type3 .scart_mark { display:block; margin:0 0 15px 0;}
.scart_content_G .scart_mark { margin-bottom:0;}
.scart_content_H .scart_mark a, .scart_content_G .scart_mark a { display:inline-block; margin-right:10px; line-height: 20px; position: relative;}
.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:40px;}
.scart_content_H .scart_padding_tp10 .scart_content_radio label { margin:0;}
.scart_content_H .scart_prompt { text-align:left; margin:0 0 15px 0; display:block;}
.scart_content_H .invoice_issue_type .scart_content_radio { /*margin:10px 0;*/}
.scart_content_H a:link, .scart_content_H a:visited { color: var(--pic-color-grey-100); font-size:14px;}
.content_style.scart_content_H .scart_content_radio li { margin:0 0 15px 0;}
.content_style.scart_content_H .scart_padding_tp10:first-of-type .scart_content_radio li { margin:0 0 5px 0;}
.scart_content_H .CodeQuery { margin-bottom:15px;}
.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 10px!important;}
.scart_content_I{ width:730px; float:left; margin-top:0; margin-bottom:50px; position:relative;}/*備註*/
.scart_content_I div{position:relative;}
.scart_content_I .remark_title{color:var(--pic-red);margin-bottom:2px;font-size: 15px;}
.scart_content_I textarea { width:100%; height:125px; border:1px solid var(--pic-color-grey-100); padding:15px 20px; box-sizing: border-box;resize : none;}
.scart_content_I .scart_prompt { position:absolute; right:20px; bottom:20px; max-width: calc(100% - 30px); font-size: 12px; line-height: 18px; color:#888; text-align: right;}
.scart_content_J{ float:right; padding-top: 100px;}
.scart_content_J .scart_total { padding:0 0 20px 0;}
.scart_content_J .scart_mark a:link, .scart_content_J .scart_mark a:visited, .scart_content_I .scart_mark a:link, .scart_content_I .scart_mark a:visited { text-decoration:underline!important;}
.scart_content_K{ float:left; width:49%; margin-right:1%;}/*完成－訂購人資料*/
.scart_content_K table, .scart_content_L table, .scart_content_M table { font-size:14px; letter-spacing:0.6px; display: block; padding:10px;}
.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 10px 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{ float:right; width:49%; margin-left:1%;}/*完成－收件人資料*/
.scart_content_M{ margin-top:0}/*完成－付款／發票資料*/
.scart_content_Z ul li,.scart_content_G .receivebox,.scart_content_H > div:nth-child(2){padding:10px 25px;}
#shopping_checkout_ok .content_style{padding:10px;}
#copy_inv_addr_2_recv, #copy_inv_addr_2_buy, #copy_inv_addr_recv { text-decoration:none!important; color:var(--pic-color-grey-100)!important;}
.scart_content_title{ font-size:15px; font-weight:normal; line-height:30px; letter-spacing:0.8px; border-bottom:1px solid #e6e6e6; padding:0 0 10px 0; text-indent:10px;}/*以上區域標題*/
#invoice_carruer_type1, #invoice_carruer_type2, #invoice_carruer_type3 { margin-top:15px;}
.scart_total small.it66_CurrencyOnly_sword{ display: block; font-size: 13px; color: #888888; text-align: right; line-height: 20px;}
/*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:15px 25px; margin:0; display: block;cursor: pointer;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.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; background-color:#FFF; content: "";width: 20px;height: 20px;line-height:20px;margin-right:10px;text-align:center;border:2px solid #d8d8d8;border-radius:100%;vertical-align:text-top;}
.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;}
.content_style .scart_content_radio input:disabled + label{cursor:default;}
.content_style .scart_content_radio input:disabled + label:before{background-color:#e9e9e9;}
.content_style .scart_content_radio a { display:inline-block; font-size:14px;  text-decoration:none;}
.content_style .pay_method_1, .content_style .pay_method_2, .content_style .pay_method_3 { display:inline-block; vertical-align:middle;}
.content_style .pay_method_1.pay {width:160px;}
.content_style .pay_method_2.pay {width:160px; text-align:right;}
.content_style .pay_method_3.pay { margin-left:40px; color:#888; font-size:12px;}
.pay_method_3 .remark { margin:0; color:#888; font-size:12px;}
.content_style .pay_method_3 img { vertical-align:middle;}
.pay_method_3 a:link, .pay_method_3 a:visited { font-size:12px;}
.content_style.scart_content_D .scart_content_radio span { color:red; margin:10px;}
.scart_content_radio select { margin:0 15px; vertical-align:baseline;}
#invoice_donation_radio_2 input, #input_seven {vertical-align:baseline;}
.unerLineLink { text-decoration:underline!important; font-size:14px!important;}
.scart_special_01{ margin: 0!important; padding: 6px 33px; display: block;}
/*checkbox*/
.update_checkbox { display:inline-block; vertical-align:middle;}
.update_checkbox input{display: none;}
.update_checkbox label{position: relative; 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); }
/*加購＆贈品＆行銷活動*/
.box_style_01{display:inline-block; font-size:13px; letter-spacing:0.7px; line-height:normal; font-weight:normal; color:#e0000b; border:1px solid #e0000b; padding:5px 19px; margin:0 5px 5px 0;}/*加購＆贈品*/
.box_style_02{display:inline-block; font-size:13px; letter-spacing:0.7px; line-height:normal; font-weight:normal; background-color:#e0000b; color:#FFF; padding:5px 19px; margin:0 5px 5px 0; min-width:80px; text-align:center;}/*活動＆符合*/
.box_style_03{display:inline-block; font-size:13px; letter-spacing:0.7px; line-height:normal; font-weight:normal; background-color:#e0000b; color:#FFF; padding:5px 19px; margin:0 5px 5px 0;}/*未符合*/
.box_style_04{display:inline-block; font-size:13px; letter-spacing:0.7px; line-height:normal; font-weight:normal; background-color:#e0000b; color:#FFF; padding:5px 19px; margin:0 5px 5px 0;}/*免運*/
.scart_prod_list .box_style_01, .scart_prod_list .box_style_02, .scart_prod_list .box_style_04 { margin-bottom:0;}
/*選擇優惠折抵區塊*/
.scart_coupon_box{ text-align:right; width:100%; display:table;}
.scart_coupon{ vertical-align:top; text-align:right; width:100%; margin-bottom: 25px; clear:both;}
.scart_coupon_block { font-size:14px; color:#222222; margin:5px 0;}
.scart_coupon_block h5 { font-weight:normal; font-size:14px;}
.scart_coupon_list { list-style:none; margin:0; padding:0; text-align: right;}
.scart_coupon_list li { float:left}
.scart_coupon_list li:first-of-type { width:150px; padding-top:10px;}
.scart_coupon_list .scart_coupon_list_last { text-align:right; width:150px; float:right; padding-top:5px;}
.scart_coupon_list .scart_coupon_list_last span {margin-left:5px;}
.scart_coupon_list .noPadding { padding:0!important;}
.scart_coupon_list > span{ padding:0 10px;}
.scart_coupon_list > span.box_style_02{ padding:5px 19px;}
.scart_coupon_list > span.jooPC_price01{ padding-left:10px; padding-right: 0; font-weight:bold;}
.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 3px;*/ margin-left:3px;}
.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 button { display:inline-block; vertical-align:middle; cursor:pointer; height:40px; line-height:0; border-radius: 3px; background-color: #666; color:#FFF; padding:20px; margin:0 5px; border:none; font-size:14px;}
.scart_coupon button:hover { background-color: #000;}
input[name="order_use_bonus_input"], input[name="order_use_emoney_input"] { width:77px;}
#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); border-radius:100%; font-size:12px; line-height:15px; text-align:center; margin-right:5px; color:#fff;}
.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;}
/*信用卡付款*/
.userInfo table td { white-space:nowrap;}
.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;}
.scart_bottom_btn { text-align:right;}
#shopping_checkout_3 .userInfo { font-size:14px; color:#222222;}
#shopping_checkout_3 .userInfo input, #shopping_checkout_3 select { margin:3px;}
.it67_linepay_image { width:300px; margin-bottom:10px;}
.scart_join_member{ display: inline-block; line-height: 50px;}
/*完成訂購*/
.all_scart_result { background-color:#f7f7f7; padding:25px 45px; 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 { float:left; color:var(--pic-color-grey-100)!important;}
.all_scart_result .cart_step li:nth-of-type(2), .all_scart_result .cart_step li:last-of-type { float:right;}
.all_scart_result .cart_step li:last-of-type { margin-right:50px;}
.foodmap_end, #shopping_checkout_ok .all_scart_content > .foodmap_non_style:first-of-type { display:none;}
#shopping_checkout_ok .scart_list_title table th:last-child { text-indent:0; width: 140px;}
#shopping_checkout_ok .scart_total span { margin:0; font-weight:bold;}
/*非會員購物*/
.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: 140px;height: 50px;}
.it45_gotopaybox .it45_gotopaybtnbox .jooshop_btn_color{margin:0 5px;}
/*上一步＆下一步按鈕*/
.all_scart_btn{ margin-top:20px;}/*按鈕樣式*/
.all_scart_btn span { float:left; font-size:13px;}
.all_scart_btn span a:link, .all_scart_btn span a:visited, .scart_content_I span a:link, .scart_content_I span a:visited{ font-size:13px; 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 .all_scart_btn_group a.it45_gotopaybtn { cursor:pointer; font-size:16px; line-height:normal; border-radius: 3px;width: auto;height: 50px;}
.all_scart_btn .all_scart_btn_group a.it45_gotopaybtn{display:block;line-height: 50px; text-align: center;}
.all_scart_btn .all_scart_btn_group input:hover { font-size:16px; line-height:normal; border-radius: 3px;}
.all_scart_btn.jooshop_btn_color, .all_scart_btn.jooshop_btn_color2,.all_scart_btn.jooshop_btn_color3 { display:inline-block; vertical-align:top; margin:0 0 0 10px;}
#shopping_checkout_ok .all_scart_btn.jooshop_btn_color input { text-indent:0!important;}
.all_scart_btn.jooshop_btn_color2 input[type="submit"],.all_scart_btn.jooshop_btn_color input[type="submit"] { line-height:normal;}
.all_scart_btn.jooshop_btn_color2 input[type="button"],.all_scart_btn.jooshop_btn_color input[type="button"] { line-height:normal;}
.all_scart_btn .normal-cancel-btn {display: block;width: 190px;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;}
.all_scart_btn .normal-ok-btn{display: block;width: 190px;height: 50px; line-height:50px; text-align: center;border-radius:3px; cursor:pointer; font-size:15px;}
.scart_content_J .all_scart_btn input { display:inline-block;min-width: 120px;height: 50px; line-height:50px; text-align: center;border-radius:3px; cursor:pointer; font-size:15px; border:0; color:#fff;}
.scart_content_J .all_scart_btn input:hover { font-size:15px; border-radius:3px;}
/*隱藏明細*/
.i-shoppinglist-title { background-color:#f7f7f7; padding:13px 10px; margin-bottom:20px;}
.i-shoppinglist-title h3 { float:right; font-size:13px; font-weight:normal; color:var(--pic-color-grey-70); letter-spacing:0.7px; cursor:pointer; margin-right: 16px;}
.i-shoppinglist-title .scart_clean { float:left; display:inline-block; font-size:13px; line-height:normal; border:1px solid #333; padding:5px 15px;}/*清空購物車*/
.i-shoppinglist-title .scart_clean:hover { background-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: 20px;height: 20px;text-indent: -99999px;margin:5px auto 0 auto;background:url(../images/x.png) no-repeat center center;}/*刪除*/
/*寬度*/
.scart_w30{ width:30px;}
.scart_w50{ width:50px;}
.scart_w80{ width:80px;}
.scart_w150{ width:150px;}
.scart_w315{ width:315px;}
.scart_w670{ width:670px;}
/*文字大小*/
.font_size_01{}/*我有組合商品*/
.font_size_02{}/*品名*/
.font_size_03{ font-size:14px; color:#222222; font-weight:normal;}/*贈品＆加購＆活動＆促銷－後面的文字*/
.font_size_04{}/*贈品＆加購＆活動＆促銷*/
.font_size_05{color:var(--pic-color-grey-70); letter-spacing:0.7px; font-size:13px;}/*下單詳閱購物須知*/
.font_size_06{ font-size:16px; letter-spacing:0.6px; line-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;}
/*常用收件人*/
.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 { border-bottom:1px solid #dedede; padding:15px 15px; vertical-align:middle;}
.meatTxt.noBorder td { border:none;}
.meatTxt .smallTD { width:1%; white-space:nowrap;}
.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_input.w315 { width:315px;}
.meatTxt_input.w120 { width:120px;}
.meatTxt_input.w80 { width:80px;}
.meatTxt_input.w270 { width:270px;}
.meatTxt_input.w95 { width:95px;}
.it45_scart_delete a{ display: block; width: 25px; height: 25px; margin: 0 auto; margin-top: 38px; background: url(images/it45_scart_delete.png) left top no-repeat; text-indent: -9999px; cursor: pointer;}
.it45_scart_delete a:hover{ display: block; width: 25px; height: 25px; margin: 0 auto; margin-top: 38px; background: url(images/it45_scart_delete.png) left bottom no-repeat; text-indent: -9999px; cursor: pointer;}
.it45_sale_icon01,.it45_sale_icon02,.it45_sale_icon03,.it45_sale_icon04{ display:inline-block; width: auto; font-size: 13px; color: #fff; background-color: #e0000b;}
.it45_scrt_temperature_01,.it45_scrt_temperature_02,.it45_scrt_temperature_03{ display:inline-block; width: auto; font-size: 13px; color: #fff; line-height: 25px; padding: 0 5px; margin:0 5px;}
.it45_scrt_temperature_01{ background-color: #F39800;}
.it45_scrt_temperature_02{ background-color: #56bce7;}
.it45_scrt_temperature_03{ background-color: #22AC38;}
.AY_SB_temperature .it45_scrt_temperature_01,.AY_SB_temperature .it45_scrt_temperature_02,.AY_SB_temperature .it45_scrt_temperature_03,.AY_SB_temperature .it45_scrt_temperature_04{ margin-top: 38px;}
.foodmap_list{display:none;}
.scart_content_box{ display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: stretch;}
.no_order_buyer_new > div{flex:1;width:auto;margin: 30px 0;}
/* 45_頁籤 */
ul.it45_tabs { width: 100%; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 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: 10px 16px; font-size: 18px;}
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;}
.tab_container { width: 100%; background: #fff; padding: 10px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e6e6e6;}

/* 元件49 訂單查詢&列表 */
/* it49_default */
.SB_tablelineb01 .ticket_btn{ margin:0 auto; width:80px; height:40px; margin-bottom:15px;}
.SB_tablelineb01 .ticket_btn a,.it49_default .it49_perorder ul.it49_order_detail .it49_gotopay form input{ display:block;width:100%; height:40px; font-size:16px; line-height:40px; text-decoration:none; color:#fff;border-radius:3px;}
.it49_default .it49_perorder ul.it49_order_detail .it49_gotopay{line-height: 14px;position:relative;}
.it49_default .it49_perorder ul.it49_order_detail .it49_gotopay span{display:block;letter-spacing: -.5px;padding-bottom: 7px;}
.it49_default .it49_perorder ul.it49_order_detail .it49_gotopay input{padding-left:10px;padding-right:10px;cursor:pointer;margin: 3px 0;position: relative; left: -20px;line-height:40px;color:#fff;border:0;}
.it49_gotopay:after{content:'';position:absolute;bottom:10px;right:-20px;width:30px;height:30px;background-image: url(images/it49_hand.svg); background-position: center center; background-size: 30px; background-repeat: no-repeat; z-index: 99999; display: block;}
.it49_default{ color: #222; background-color: #fff; padding: 10px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.it49_default .it49_title{padding-left:35px;margin-bottom:15px;font-size: 24px;line-height: 1;letter-spacing: 0.6px;text-align: left; background-image: url(images/it49_order_icon.png);background-repeat: no-repeat;height:26px;}
.it49_default .search_area{max-height:36px;margin-bottom:10px;display: flex;}
.it49_default .search_area li.it49_date{text-align: right;}
.it49_default .search_area li.it49_date input {width: 160px;height: 36px;border-radius: 18px;border: solid 1px #ddd;background-color: #fff;padding:0 10px;}
.it49_default .search_area li{float:left;}
.it49_default .search_area li:first-child{margin-right:15px;}
.it49_default .search_area li.it49_num .searchbox{width: 300px;height: 36px;border-radius: 18px;border: solid 1px #ddd;background-color: #fff;padding-left: 10px;}
.it49_default .search_area li.it49_num .searchbox input{border:0;height: 34px;}
.it49_default .search_area li.it49_num .searchbox input.it49_searchbox{width:100%;border:0;height: 34px;font-size: 15px;border-radius: 18px 0 0 18px;vertical-align:top;background-color: transparent;}
.it49_default .search_area li input.daterange_icon{width:36px;background-image: url(images/it49_search.png);background-repeat: no-repeat;background-color: transparent;background-position: left 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_outer{ border: solid 1px #ddd;-moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;background-color: #fff;margin-bottom:12px;overflow: hidden;}
.it49_default ul.it49_tabbox{width: 100%;min-height: 45px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden;}
/* .it49_default ul.it49_tabbox::-webkit-scrollbar { height: 3px; }
.it49_default ul.it49_tabbox::-webkit-scrollbar-track { background: #f1f1f1; }
.it49_default ul.it49_tabbox::-webkit-scrollbar-thumb { background: #888; }
.it49_default ul.it49_tabbox::-webkit-scrollbar-thumb:hover { background: #555; } */
.it49_default ul.it49_tabbox li{flex:1; border-right: 1px solid #ededed;}
.it49_default ul.it49_tabbox li:first-child{flex:.7;}
.it49_default ul.it49_tabbox li:nth-child(3),.it49_default ul.it49_tabbox li:nth-child(4),.it49_default ul.it49_tabbox li:nth-child(5),.it49_default ul.it49_tabbox li:nth-child(7){flex:.7;}
.it49_default ul.it49_tabbox li:nth-child(6),.it49_default ul.it49_tabbox li:nth-child(8),.it49_default ul.it49_tabbox li:nth-child(9),.it49_default ul.it49_tabbox li:last-child{flex:.8;}
.it49_default ul.it49_tabbox li:nth-child(10){flex: 1.1;}
.it49_default ul.it49_tabbox li:last-child{border-right: 0;flex:.9;}
.it49_default ul.it49_tabbox li a{display: inline-block; width: 100%; height: 100%; text-align: center; line-height: 44px; position: relative; font-size:15px;color:#222;white-space: nowrap;padding: 0 10px;}
.it49_default ul.it49_tabbox li a:hover{ color:#444;}
/* .it49_default ul.it49_tabbox li:first-child a,.it49_default ul.it49_tabbox li:first-child{ -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;}
.it49_default ul.it49_tabbox li:last-child a,.it49_default ul.it49_tabbox li:last-child{ -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;} */
.it49_default ul.it49_tabbox li.active{background-color: var(--pic-red);border-bottom:0;transition: all .3s;}
.it49_default ul.it49_tabbox li.active a{color:#fff;}
.it49_default ul.it49_tabbox li.active a:after{content: ""; position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0px 8px; border-color: var(--primary) transparent transparent transparent;transform: translateX(-50%);}
.it49_default ul.it49_tabbox li.active:hover{ background-color:var(--pic-second-red);}
.it49_default ul.it49_order_detail li.jooPC_price01{font-weight:bold;}
.it49_default ul.it49_order_detail li.open_product{background-image: url(images/newmem_arrow_toggle.svg);background-size: 20px;background-repeat: no-repeat; background-position-x: center;background-position-y: -91px;cursor: pointer;height:30px;}
.it49_default ul.it49_order_detail li.open_product.active{background-position-y: -21px;}
.it49_default ul.it49_order_detail li .ticket_btn > a{display:block;max-width: 100px;width:100%; margin: 0 auto 8px auto; line-height: 32px; font-size: 15px;}
.it49_default .it49_tabinner{ width:100%; text-align: center;position: relative;}
.it49_default .it49_tabinner .it49_empty{position: absolute;top: 80px;left: 50%;transform: translateX(-50%); background: url(images/newmem_no_data.svg) no-repeat top center;background-size: 200px;height: 200px;font-size: 20px;color:#aaa;padding-top: 120px;letter-spacing: 1px;}
.it49_default .it49_tabinner .amount{ line-height: 50px; color:#777; font-size: 15px;}
.it49_default .it49_tabinner .it49_neworder{margin-bottom:6px;}
.it49_default ul.it49_order_itemtitle{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; width: 100%;height: 35px; border-bottom: solid 1px #ddd; background-color: #f8f8f8; -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;}
.it49_default ul.it49_order_detail{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;align-items:center; width: 100%;height: auto;padding:5px 0;}
.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 ul.it49_order_detail{border-bottom: solid 1px #eee;}
.it49_default .it49_perorder ul.it49_order_detail:last-child{border-bottom: 0;}
.it49_default ul.it49_order_itemtitle li{flex:1; text-align: center; color:#aaa; font-size:13px; line-height:35px;letter-spacing:.33px;}
.it49_default ul.it49_order_detail li{flex:1; text-align: center; color:#222; line-height:20px;letter-spacing:0.33px;font-size:14px;}
.it49_default ul.it49_order_itemtitle li:nth-child(3),.it49_default ul.it49_order_detail li:nth-child(3){flex:1.2;}
.it49_default ul.it49_order_detail > li .it49_applepay_box{line-height:18px; padding-bottom:8px;font-size:12px;}
.it49_default ul.it49_order_detail > li .it49_applepay_box button{cursor:pointer;}
.it49_default ul.it49_order_detail li a.open_product{width:100%;height:100%;display:inline-block;}
.it49_default ul.it49_order_itemtitle > li:nth-child(2),.it49_default ul.it49_order_detail > li:nth-child(2){flex:.7;}
.it49_default ul.it49_order_itemtitle > li:last-child,.it49_default ul.it49_order_detail > li:last-child{flex:.3;}
.it49_default .it49_order_productlist{width:100%;height:auto;border-top: solid 1px #eee;display:block;}
.it49_default .it49_order_productlist table{width:100%;}
.it49_default .it49_order_productlist table tr{border-bottom: solid 1px #eee;}
.it49_default .it49_order_productlist table tr:last-child{border-bottom: 0;}
.it49_default .it49_order_productlist td:first-child{border-right: solid 1px #eee;}
.it49_default .it49_order_productlist td:first-child,.it49_default .it49_order_productlist td:last-child{border-right:0;}
.it49_default .it49_order_productlist td{width:8%;height: 100%;border-right:1px solid #eee;text-align: center;vertical-align: middle;}
.it49_default .it49_order_productlist td.event{width:12%;}
.it49_default .it49_order_productlist td.event > span{padding:2px 8px;color:#fff;}
.it49_default .it49_order_productlist td span.size{color:#999;}
.it49_default .it49_order_productlist td > span.event01{background:#ff8011;}
.it49_default .it49_order_productlist td > span.event02{background:#00a0e9;}
.it49_default .it49_order_productlist td > span.event03{background:#009944;}
.it49_default .it49_order_productlist td > span.event04{background:#e60012;}
.it49_default .it49_order_productlist td.it49product_img{width:10%;text-align: right;}
.it49_default .it49_order_productlist td.it49product_img img{max-width:150px;max-height:150px;padding: 10px;}
.it49_default .it49_order_productlist td.nameasize{width:52%;text-align: left;padding: 0 10px;}
.it49_default .it49_order_productlist td.nameasize > span{display:block;}
.it49_default .it49_order_productlist td.nameasize > span a{font-size:15px;line-height: 22px; display: block;}
.it49_default .it49_order_productlist td:last-child{width:18%;}
.it49_default .it49_gotodeatil{width:100%;border-top: solid 1px #eee;padding:5px 10px; text-align: right;}
.it49_default .it49_gotodeatil .it49_benefit{display: inline-block; padding: 0 15px; border-right:1px solid #eee;}
.it49_default .it49_gotodeatil .it49_benefit span{padding:0 3px;font-size: 13px;}
.it49_default .it49_gotodeatil .all_price{display: inline-block; margin: 0 0 0 15px;font-size: 13px;}
.it49_default .it49_gotodeatil a.it49_more{display: inline-block; width: auto;height: 40px;border: solid 1px #ddd;background-color: #f1f1f1;padding:0 15px;color:var(--pic-color-grey-100);font-size: 14px;letter-spacing: .35px;line-height: 38px;border-radius: var(--radius);transition: all .3s;}
.it49_default .it49_gotodeatil a.it49_more:hover{border: solid 1px #bbb;background-color: #ddd;color:var(--pic-color-grey-100);}
.it49_default .it49_gotodeatil a.it49_inquiryrecord{margin-left: 5px;display: inline-block; width: auto;height: 40px;border: solid 1px var(--primary);background-color: var(--primary);padding:0 15px;color:#fff;font-size: 14px;letter-spacing: .35px;line-height: 38px;border-radius: var(--radius);transition: all .3s;}
.it49_default .it49_gotodeatil a.it49_inquiryrecord:hover{border-color: var(--primary-dark);background-color: var(--primary-dark);}
.it49_default .it49_order_productlist .price span{display: block;}
.it49_default .it49_order_productlist .price span.old_price{color:#bbbbbb;text-decoration: line-through;}
.it49_default .it49_order_productlist .price span.new_price,.it49_default .it49_gotodeatil .all_price span{font-weight: bold;}
.it49_default .SB_b_page{height:auto;}
/* 評論 */
.it49_default .it49_comment{ text-align: right; width: 100%; border-top: solid 1px #eee; padding: 5px 10px;}
.it49_default .it49_comment span{ margin-right: 5px; font-size: 12px; color: #bbb;}
.it49_default .it49_comment > div{ display: inline-block;}
.it49_default .it49_comment a{ margin-left: 5px;display: inline-block; width: auto;height: 40px;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;}
.it49_default .it49_comment a:hover{border-color: var(--pic-second-red);background-color: var(--pic-second-red);}
/* 顯示單狀態單筆內容-無資料 */
.it49_nodata{ 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; margin:35px auto;}
.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;}

/* 訂單列表49&訂單詳細53 共用貨態 */
.it49status_text{ display: block;}
.it49status_tracker,.it53status_tracker {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 12px;margin:0 10px;list-style: none;text-align: center;overflow:hidden;}
.it49status_tracker.it49status_tracker_lengthy, .it53status_tracker.it53status_tracker_lengthy {max-width:100%;}
.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: auto;position: relative;left: 50%;transform: translateX(-50%);}
.it49status_tracker.it49status_tracker_lengthy .it49status_step .change_store input, .it53status_tracker.it53status_tracker_lengthy .it53status_step .change_store input{width:100%;min-height: 40px;font-size:13px;text-align: center;padding: 3px;min-width:auto;cursor:pointer;border: 0;color:#fff; background-color: var(--pic-red);transition: all .3s;border-radius: 5px;}
.it49status_step, .it53status_step{-webkit-box-flex: 1;-ms-flex: 1 1 0%;flex: 1 1 0%;margin: 0;padding: 0;min-width: 24px;padding: 25px 0 5px 0;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%;}}
.it49status_tracker .it49status_step .it49status_marker, .it53status_tracker .it53status_step .it53status_marker {display: block;position: relative;}
.it49status_tracker .it49status_step.is-complete .it49status_marker::before, .it53status_tracker .it53status_step.is-complete .it53status_marker::before {border: solid 2px transparent;}
.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_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-of-type .it49status_marker::after, .it53status_tracker .it53status_step:last-of-type .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;}
/*  訂單列表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 */
#menu {text-align:center; height:35px; padding-top:5px;}
#menu li {float:right;display:block; height:23px; font-size:15px; line-height:23px; text-decoration:none; margin-left:7px;}
#menu li a {display:block; height:23px; font-size:15px; line-height:23px;  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; 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-default{color: #444; background-color: #fff; padding: 10px; -moz-border-radius: 5px; -ms-border-radius: 5px;  -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 40px;}
.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-default .it53_orderinfo .SB_tablelineb07{ text-align:center; border-right: #eee 1px solid;}
.it53_applepay_box button{margin:0 auto!important;width:100% !important;}
.it53_linepay{max-width:140px; width:100%; height:auto;margin-top:5px;}
.it53_linepay_word{line-height:18px; padding-bottom:8px;font-size:12px;}
.it53_linepay_box{ width: 100%; /*height: 58px;*/ background:#fff; border-bottom: 1px solid #e7e7e7; padding: 8px 15px;}
.it53_linepay_box > div > div{ /*float:left;*/ font-size:14px; line-height:30px; color:#333;}
.it53_gotopay ul li{line-height:40px;position: relative;}
.it53_gotopay{position:relative;}
.it53_gotopay input{display:block;width:auto; height:40px; font-size:16px; line-height:40px; text-decoration:none;border:0; color:#fff;padding-left:10px;padding-right:10px;cursor:pointer;margin-bottom: 5px;}
.it53_gotopay:after { content: ''; position: absolute; bottom: 5px; right: -36px; width: 30px; height: 30px; background-image: url(images/it49_hand.svg); background-position: center center; background-size: 30px; background-repeat: no-repeat; z-index: 99999; display: block; }
.it53_linepay_box ul li#form_pay_later_tips{padding-left:35px;line-height:40px;}
.it53_prod_num{color:#aaa;font-size: 13px; line-height: 16px; text-align: left; margin-top: 5px;}
/*.it53_timeline_01{ background: url(images/Order_TimeLine01.png) left top no-repeat;}
.it53_timeline_02{ background: url(images/Order_TimeLine02.png) left top no-repeat;}
.it53_timeline_03{ background: url(images/Order_TimeLine03.png) left top no-repeat;}
.it53_timeline_04{ background: url(images/Order_TimeLine04.png) left top no-repeat;}*/
.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; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;}
.it53_refund .jooshop_btn_color a{ width: auto; height: 35px; padding: 0 10px; font-size: 14px; line-height: 34px; margin-left: 5px;}

/* it53針對表格調整*/

.it53-default .SB_MemberOrder_title.SB_MemberOrder_w01 { background-color: #f8f8f8;}
.it53-default .SB_MemberOrder_w01 { color: #aaa; text-align: center; font-size: .8125rem; line-height: 34px;}
.it53-default .SB_tableW110{ width: 110px;}

.it53-default .SB_tablelineb06 tr{ border-top: #eee 1px solid;}
.it53-default .SB_tablelineb06 tr:first-child{ border-top: 0;}
.it53-default .SB_MemberWitemTitle03,
.it53-default .SB_MemberWitemContent03{ width: 100%; border: #ddd 1px solid; border-top: 0; padding: 0;}
.it53-default .SB_MemberWitemBOX{ margin-bottom: 15px;}

.it53-default .SB_MemberWitemTitle03 { border-top: #ddd 1px solid; border-left: #ddd 1px solid; border-right: #ddd 1px solid; position: relative; background-color: #f7f7f7;}
.it53-default .SB_tableW107 { width: 107px; background: #fbfbfb; border-right: #eee 1px solid; }
.it53-default .SB_MemberOrder_w03 { font-size: .8125rem; line-height: 34px; color: #aaa; text-align: center;}
.it53-default .SB_MemberOrder_w02, .it53-default.SB_MemberOrder_w02 { font-size: .9375rem; padding-left: 10px;}
.it53-default .SB_tablelineb07{ border-right: #ddd 1px solid;}
.it53-default  .MemberOrder_Price { text-align: center;}
.it53-default .SB_MemberWitemContent03 .SB_tablelineb06 .SB_tablelineb07.MemberOrder_Name {  padding: 10px; line-height: 20px; font-size: 14px; }
.it53-default .SB_MemberOrder_btn input{ display: block; width: 150px; height: 45px;  margin:0 auto 30px auto;background-color: #333;}
.it53-default .SB_MemberOrder_btn input:hover{ display: block; width: 150px; height: 45px;  margin:0 auto 30px auto;background-color: #7a7979;}

.it53-default .MemberOrder_Deal{ text-align: center;}


/* 元件54 紅利登錄與查詢 */
/* 元件54_default */
/* 紅利共用 */
.it54_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;}
.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: #ff3342; }
.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 .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; color: #444; line-height: 24px; margin:0;}
.it54_default .it54_totalbox .it54_total_amount { font-size: 30px; font-weight: 500; text-align: center; color: #ff3342; 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; color: #444; 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; line-height: 26px;}
.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% - 175px); 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: 70px; height: 20px; font-size: 13px; line-height: 20px; text-align:right; color: #ff3342;}
.it54_morebox .it54_detail_item .it54_add_price { width: 70px; 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;}

/* 元件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; 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; 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:15px;color: #fff;}
.it64_confirm_num{width:100px!important;}
.it64_box .spa_content{display: inline-block;}
.it64_confirm_btn input{border:0;}

/* 元件68 行銷活動元件 */
/* it68_default */
.AY_SaleproductBox{ width:100%;}
.AY_SaleproductBox > ul > li { float:left; width:25%;}
.AY_SaleproductBox_Info{ width:100%; font-size:15px; line-height:50px;; background:#ebebeb; padding:15px; position:relative;}
.AY_SaleproductBox_Info span{ font-size:30px; line-height:35px; color:var(--pic-red); margin:0 5px;}
.AY_btn_saleStatus_ok,.AY_btn_saleStatus{ width:190px; height:50px; position:absolute; right:15px; top:15px;}
.AY_btn_saleStatus_ok a:link,.AY_btn_saleStatus a:link{ display:block; width:190px; height:50px; font-size:20px; line-height:50px; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.AY_btn_saleStatus_ok a:link{ background-color:var(--pic-red);}
.AY_btn_saleStatus_ok a:hover{ background-color:var(--pic-red);}
.AY_btn_saleStatus_ok2{ width:190px; height:50px; position:absolute; right:15px; top:15px;}
.AY_btn_saleStatus_ok2 a:link,.AY_btn_saleStatus_ok2 a:hover{ display:block; width:190px; height:50px; font-size:20px; line-height:50px; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.AY_btn_saleStatus a{ background-color:#666;}
.AY_Saleproduct200_box{ width:200px; margin:0 auto; padding:10px 0 15px 0;}
.AY_Saleproduct200_box table{width: 100%;}
.AY_Saleproduct200_box table tr{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.AY_Saleproduct200_box table tr td{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 2px;}
.AY_Saleproduct200_img{ width:100%; height:auto;}
.AY_Saleproduct200_img img{ width:100%; height:auto;}
.AY_Saleproduct200_name{ display:block; width:100%; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:2px 0;}
.AY_Saleproduct200_name a:link,.AY_Saleproduct200_name a:visited{ font-size:14px; line-height:22px; color:#333;}
.AY_Saleproduct200_name a:hover,.AY_Saleproduct200_name a:active{ font-size:14px; line-height:22px; color:#147abc;}
.AY_Saleproduct200_price{ width:100%; font-size:30px; line-height:35px; text-align:center; color:var(--pic-red);margin-bottom: 2px;}
.AY_Saleproduct200_format{ display:block; width:120px; height:30px; font-size:15px; line-height:30px; color:#333;}
.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; }
.AY_Saleproduct200_quantity{ display:block; width:70px; height:30px; font-size:15px; line-height:30px; color:#333;}
.AY_Saleproduct200_wordstyle01{ font-size:15px; line-height:30px; color:#333;}
.AY_SaleproductBox .it68_label{margin-left:0 ;}
.AY_SaleproductBox .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;}
.AY_SaleproductBox .it68_checkouterbox:after {content: ""; position: absolute; display: none; }
.AY_SaleproductBox .AY_Saleproduct200_box.active .it68_checkouterbox:after{display:block;left:57px; top: 18px; width: 7px; height: 12px; border: solid #333; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.AY_SaleproductBox .it68_checkouterbox:hover{text-decoration:none; font-size: 15px;}
.AY_SaleproductBox .it68_checkouterbox input{height:20px;width:20px;margin: 0 10px 0 0;outline: none;-webkit-appearance: none;position: relative; top: 4px;}
.AY_SaleproductBox .it68_checkouterbox span{vertical-align: top;}
.AY_SaleproductBox .AY_Saleproduct200_box.active .jooshop_btn_color a{background-color:#999;}

/* 元件77 網頁行銷活動 */
/* it77_default */
.none_style{ display: none;}
.lock_sell-imgBox{ width:100%; margin-bottom:20px;}
.lock_sell-imgBox img{ width:100%; height:auto;}
span.lock_sell_title{font-size:18px; line-height:50px;}
.lock_sellBox{ width:100%;}
.lock_sellBox > 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;}
.lock_sellBox > ul > li{ flex:0 25%;}
.lock_sellBox > ul > li .thumb{ width:200px; height:360px; margin:0 auto; padding:10px 0 15px 0;}
.lock_sellBox > ul > li .thumb .imgbox{ text-align:center; width:200px; height:200px; overflow:hidden; position: relative;}
.lock_sellBox > ul > li .thumb .imgbox img{ width:100%; height:auto;}
.lock_sellBox > ul > li .thumb .ui_pname{ display:block; width:100%; height:44px; font-size:14px; line-height:22px; margin:10px 0; overflow:hidden;}
.lock_sellBox > ul > li .thumb .ui_pname a{ font-size:14px; line-height:22px;}
.lock_sellBox > ul > li .thumb .ui_pname a:hover{ color:#147abc; font-size:14px; line-height:22px;}
.lock_sellBox > ul > li .thumb .ui_pprice_e{ color:var(--pic-red); font-size:30px; line-height:35px; text-align:center;}
.lock_sellBox > ul > li .thumb .ui_pprice_e span.{ font-size:20px; margin-right:5px;}
.lock_sellBox > ul > li .thumb .ui_pprice_e span.ui_pprice_e_money{ font-size:30px; line-height:35px;}
.lock_sellBox > ul > li .thumb table{width: 100%;}
.lock_sellBox > ul > li .thumb table tr{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.lock_sellBox > ul > li .thumb table tr td{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 2px;}
.alladdbox,.saleInfo{ width:100%; font-size:15px; line-height:50px;; background:#ebebeb; padding: 15px; position:relative;}
.saleInfo .addbtn a{ display:block; width:190px; height:50px; font-size:20px; line-height:50px; color:#fff; text-align:center; border-radius:3px; background-color:var(--pic-red); border:0;}
.saleInfo .addbtn a:hover{ background-color:var(--pic-red);}
.saleInfo .addbtn01 a{ display:block;  width:190px; height:50px; cursor: default; background-color:#666;}
.saleInfo .prod_price{color:var(--pic-red); font-size:20px; line-height:24px; font-weight:bold;}
.addon-highlight{border:1px solid #ebebeb; border-top:0;}
.addon-highlight .titleuse{ color:#333 !important;}
.addon-highlight > ul{ padding:20px 0; 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;}
.addon-highlight > ul > li{ float:left; width:25%; flex:0 25%; padding:0; border:0 !important; font-size:14px; line-height:22px; color:#333;}
.addon-highlight .detail table td{ padding:0 !important}
.addon-highlight .addprobox{ width:200px; margin:0 auto;}
.addon-highlight .addprobox .thumb{ width:100%; height:auto;}
.addon-highlight .addprobox .thumb a{ width:100%;}
.addon-highlight .addprobox .thumb a img{ width:100%; height:auto;}
.addon-highlight .addprobox .detail{ width:100%;}
.addon-highlight .addprobox .detail .highLight{color:var(--pic-red); font-size:30px; line-height:35px;}
.addon-highlight .addprobox .detail .prod_name{ height:36px; overflow:hidden;}
.addon-highlight .addprobox .detail .prod_name a{ display:block; width:100%; height:44px; font-size:14px; line-height:22px;  margin:10px 0; overflow:hidden;}
.addon-highlight .addprobox .detail .prod_name a:hover{ color:#147abc; text-decoration:none;}
.alladdbox input.addbtn{ position:absolute; right:15px; top:15px; display:block; width:190px; height:50px; font-size:15px; line-height:50px; color:#fff; text-align:center; border-radius:3px;  border:0; cursor:pointer;}
.AY_FormTxt01{ display: block; font-size:14px; line-height:30px; height: 30px; width: 120px; overflow: hidden; white-space: nowrap;}
.AY_FormTxt02{ display: block; font-size:14px; line-height:30px; height: 30px; width: 70px;}
.AY_FormTxt01 option,.AY_FormTxt02 option{ display: block; width: 100%; height: 30px; padding: 5px 0; line-height: 30px;}
.AY_C_article span.prod_price{ color: var(--pic-red); font-size:30px; line-height:35px;margin: 0 5px;}
/*網頁行銷活動商品lightbox*/
.it77_PDetail_Top{ width:100%; margin-bottom:40px; margin-top:40px; padding:0 10px;}
.it77_PDetail_L{ float:left; width:410px;}
.it77_PDetail_Imgbox, .it77_PDetail_Imgbox img{ width:410px; height:auto;}
.it77_PDetail_R{ margin-left:440px;}
.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; 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; display:inline-block; margin-right:10px;}
.it77_PDetail_R .it77_setP_price ul li span.it77__price{font-size:18px;color:var(--pic-red);font-weight:bold; }
.it77_PDetail_R .it77_setP_price ul li:last-child span{ font-size:18px; font-weight:bold; color:var(--pic-red);}
.it77_set_PDetail_Bottom{ position:relative; width:100%; height:auto; margin-bottom:15px; padding-top:40px; }
.it77_set_PDetail_Bottom .it77_product_detailA{ width:100%; height:40px; position:absolute; left:0; top:1px; }
.it77_product_detailA ul.tabs li{ float:left; width:100px; height:40px; text-align:center; overflow:hidden; margin-right:3px;border-bottom:1px solid #dfdfdf;border-top:2px solid #eaeaea;}
.it77_product_detailA ul.tabs li:hover{border-top:2px solid #666;}
.it77_product_detailA ul.tabs li a{ display:block; width:100%; 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:20px;border-top:1px solid #dfdfdf;}
.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;}

/* 元件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:5px; background:url(images/it668_arrow.svg) left center no-repeat; background-size: 60px auto;}
.Index_ADbannerBox .Index_ADbanner .it91_flexslider .flex-direction-nav li a.flex-next{ right:5px; background:url(images/it668_arrow.svg) right center no-repeat; background-size: 60px auto;}

/* 會員中心-詢問紀錄 */
.status_result{ margin-bottom:30px;}
.member_norespond{ text-align: center; font-size: 26px; padding: 20px;}
.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%;line-height: 24px;}
.status_result table.qa_record td			{ vertical-align:top; padding:10px; 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; display: inline-block;}
/* reply */
.extraBox{position:relative;width:99.8%;margin-bottom:15px;padding-bottom:10px;font-size:15px;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;}
.extraBox .receiverSame{position:absolute;top:20px;left:270px;display:inline-block;width:300px;}
.extraBox .head{height:50px;font-size:16px;color:var(--pic-color-grey-100);padding-top:10px;background:#f6f6f6;border-top:3px solid var(--primary);padding-left:15px;}
.extraBox .title{display:inline-block;position:relative;margin-left:20px;line-height:1em;}
.extraBox .title span{position:absolute;display:block;right:-105px;top:5px;width:91px;height:8px;}
.userInfo table{width:100%;}
.userInfo td{padding:10px;vertical-align:middle;}
.userInfo td:first-child{padding:10px 20px 10px 45px;width:18%;}
.userInfo td:first-child{padding:10px 20px 10px 25px;width:20%;}
.userInfo td td:first-child{padding:0;width:auto;}
.col_bg td {background-color: #fbfbfb;}
/* input[type="text"], input[type="password"], select {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;}
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;}
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;} */
.btn_prev{width:150px;height:46px;}
.btn_prev a{display:block;width:150px;height:46px;}
.btn_prev a:hover{background-position:bottom;}

/* 元件110 訂單紀錄 */
/* it110_default */
.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: var(--pic-red);}
.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;}
.h3-return { background: url(images/h3-return.png) 0 0 no-repeat; }
.q-time, .a-time{padding:3px 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, .it110_img_a, .it110_img_q2, .it110_img_a2{ width: 90px;}
.it110_img_q{ 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{ 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{ 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{ 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;}
.btnArea { width: 100%; margin: 0 auto 30px auto; 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;}
.btnArea a { display: block; text-align: center; font-size: 17px !important; line-height: 46px !important; padding: 0 16px; height: 48px;}
.btnArea > div:not(:last-of-type){ margin-right: 10px;}
.btn_ask_question { width: 150px; height: 45px; }


/* 元件111 會員中心-取消訂單 */
/* it111_default */
.it111_pickuptext, .it111_pickuptitle{display:none;}


/* 元件112 會員中心-退貨 */
/* it112_default */
.successInfo .leadin	{ text-align:center; font-weight:500; font-size:15px;}
.successInfo .leadin span	{ color:var(--pic-orange); }
.successInfo .infoTable	{ font-size:15px; padding:20px 0;}
.successInfo .infoTable .head	{  background-color:#f6f6f6; color:var(--pic-orange); padding:10px 0; text-align:center; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; background-color:#fff;}
.successInfo .infoTable table	{ width:100%; }
.successInfo .infoTable .table_v1 { background-color:#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 { background-color:#fff;}
.successInfo .infoTable .table_v2 td		{ text-align:center; border-bottom:1px solid #eaeaea; padding:10px;}
.successInfo .infoTable .table_v2 thead td	{color:var(--pic-color-grey-70);}
.successInfo .infoTable .table_v2 td:first-child		{ text-align:left; padding:10px 10px 10px 50px;}
.successInfo .infoTable td.aliLeft	{ text-align:left; }
.return_partial_btn{margin-right:5px;}
.return_all_btn input, .return_partial_btn input{ display: block; text-align: center; font-size: 17px; line-height: 48px; padding: 0 16px; cursor: pointer;}
.notice { padding: 20px; border-bottom: 1px solid #eaeaea; }
.userInfo p { text-align: center; font-size: 22px; margin: 15px 0; }
.btn_back_cart a { display: block; height: 45px; width: 150px; text-align: center; line-height: 45px;}
.number { font-size: 15px; color: var(--pic-orange); font-weight: 500; }
.it112_notice{ background-color:#fff; padding: 10px; text-align: left;}
.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;}


/* 元件113 會員中心-退貨申請 - 填寫退款帳號 */
/* it113_default */
.it113_default .btnArea input{ display: block; text-align: center; font-size: 17px; line-height: 48px; padding: 0 16px;}


/* 元件119 全館行銷活動 */
/* it119_default */
.AY_SaleproductBox{ width:100%;}
.AY_SaleproductBox > ul > li { float:left; width:25%;}
.AY_Saleproduct200_box{ width:200px; margin:0 auto; padding:10px 0 15px 0;}
.AY_Saleproduct200_img{ width:100%; height:auto;}
.AY_Saleproduct200_img a { display: block; text-align: center;}
.AY_Saleproduct200_img img{ width:100%; height:auto;vertical-align: top;}
.AY_Saleproduct200_name{ display:block; width:100%; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin:2px 0;}
.AY_Saleproduct200_price{ width:100%; font-size:30px; line-height:35px; text-align:center; color:var(--pic-red);margin-bottom: 2px;}
.btn_saleStatus,.btn_saleStatus_ok{ position:absolute; right:15px; top:15px; width:190px; height:50px;}

/* 元件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"]{ transition: all .3s; appearance: none; -moz-appearance: none; -webkit-appearance: none; 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;}
.it120_default select{ transition: all .3s; line-height: 22px; -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: 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: var(--pic-red); 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 .triangle-top { right: 88px;}
.it120_default .it120_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; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it120_default .it120_add_box form > ul > li div{-webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.it120_default .it120_add_box .it120_recipients_title{width:100%;margin-bottom:3px;margin-right: 10px;line-height:20px;font-size: 14px; font-weight: 500;}
.it120_default .it120_recipients_title{width:80px;margin-right: 10px;line-height: 35px;font-size: 14px; font-weight: 500;}
.it120_default .it120_recipients_title abbr{text-decoration: none; color: var(--pic-red);}
.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-right:5px;}
.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);}
.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 > 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;}
.it120_default li > .address_zip{margin-right:3px;}
.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:84px;}
.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 15px;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 ul.it120_recipients_detail > li { display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 10px; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_edit{position: absolute;top:10px;right:15px;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 {padding:0 15px;}
.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% - 235px);}
.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% - 250px);border-left: 0;border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.it120_default .it120_recipients_detail li.it120_recipients_tel_num_box input,.it120_default .it120_recipients_detail li.it120_recipients_mobile_num_box input{width: calc(100% - 340px);}
.it120_default .it120_recipients_info :disabled{border-width:0;background-color: #fff;padding:0;width:auto;color:#444;}
.it120_default .it120_recipients_info select:disabled { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; }
@media screen and (max-width: 1200px) {
    .it120_default .it120_recipients_edit a{margin-left: 0;}
    .it120_default .it120_recipients_title{line-height: 22px;}
    .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: block;}
    .it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li .it120_recipients_title{text-align: left;}
	.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_editing select, .it120_default .it120_editing 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%;}
    .it120_default .it120_address_box .it120_address{margin-top:0;}
}
@media screen and (max-width: 768px) {
    .it120_default .it120_top_box{display: block;}
    .it120_default .it120_top_box > div,.it120_default .it120_top_box .it120_content{flex:100%;float:none;}
    .it120_default .it120_top_box .it120_content .jooshop_btn_color{display: block; margin-top:5px;}
    .it120_default .it120_bottom_box .it120_recipients_info,.it120_default .it120_add_box{padding:8px;}
    .it120_default .it120_add_box .triangle-top{right:50%; transform: translateX(-50%);}
    .it120_default .it120_bottom_box .it120_recipients_info ul.it120_recipients_detail > li .it120_recipients_title,.it120_default .it120_add_box .it120_recipients_title{line-height: 22px;}
}

/* 元件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 .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{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 #eee; 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;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_img{ /*max-width: 150px; min-width: 150px; width: 150px; height: 150px;*/ 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_item .it125_iteminner .it125_img a{ display: block;max-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; margin: 0 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:calc(100% - 150px); padding-left: 10px; position: relative; -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 {width:calc(100% - 26px);}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_name a{ overflow: hidden; display: block; font-size: 14px; font-weight: 500; line-height: 20px; height: 40px; text-decoration: none; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;; text-decoration: none; color:#444; word-break:break-all;}
.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:8px;}
.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.it125_sale_price { font-weight: 500; font-size:12px; color:var(--primary); height:18px; line-height:18px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_pricebox > li.it125_list_price { font-weight: 500; font-size:12px; padding-left: 10px; height:18px; line-height:18px; 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{ position: absolute; bottom:0; right: 0; display: flex;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox .it125_btn_confirm,.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox .it125_btn_invalid{ margin-right:5px;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox 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%; transition:background-color .3s;text-decoration: none;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox .it125_btn_invalid a{cursor:default;background-color: #f5f5f5;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox i{font-size:26px; color:#444;line-height:35px; width: 100%; height: 100%; display: block;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox .it125_btn_invalid i{color:#ccc;}
.it125_default .it125_content .it125_item .it125_iteminner .it125_item_btnbox a:hover {background-color: #f5f5f5;}
/* 並排顯示 */
.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(5n){padding-right:0;}
.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_img{-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_img a{width:170px; height:170px;}
.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,.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_img a{width:150px; height:150px;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_item_btnbox a{ height:40px; 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; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; padding:0 15px 0 10px;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_item_btnbox a i{line-height:40px; width:auto; height: 100%; display: inline-block;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_item_btnbox a span.new_member_tooltip-ja{position: relative; opacity: 1; top: initial; left: initial; transform: translateX(0); width: 100%; background-color: transparent; color: #444; box-shadow: none; max-width: 100%; padding: 0; text-align: left; font-size: 15px; line-height:40px; padding-left:3px;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_item_btnbox .it125_btn_invalid a span.new_member_tooltip{color:#ccc;}
.it125_default .it125_content.it125_content_one .it125_item .it125_iteminner .it125_item_btnbox a span.new_member_tooltip-ja:before{content:none;}
/* 追蹤清單-九大行銷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:15px;line-height:30px;margin-bottom:5px;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_box_deta{width:100%;padding:0 0 0 10px;border-bottom:1px solid #ededed;height:46px;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.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;line-height:46px;float:left;max-width:450px;}
.it125_cart_morebox .jooshop_addcar_box .addcar_box .addcar_box_deta a{display:block;width:auto;height:38px;text-align:center;font-size:15px;text-decoration:none;color: #fff;float:right;margin-top:4px;line-height:38px;border-radius:0 !important;cursor: pointer;}
.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;}

/* 元件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;}


/* 元件219 抵用金查詢 */
/* 元件219_default */
.it219_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; }
/* 可以使用的抵用金&七日內將逾期的抵用金 */
.it219_default .it219_totalbox{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it219_default .it219_totalbox .it219_total_item { padding: 14px 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:80px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; -webkit-border-radius: 30px; 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;}
.it219_default .it219_totalbox .it219_total_item:first-of-type{margin-right:5px;}
.it219_default .it219_totalbox .it219_total_item:last-of-type{margin-left:5px;}
.it219_default .it219_totalbox .it219_total_item .it219_total_text { font-size: 15px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #444; line-height: 24px; margin:0;}
.it219_default .it219_totalbox .it219_total_item .it219_total_amount { font-size:30px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #ff3342; line-height:32px; margin:0;}
.it219_default .it219_totalbox .it219_total_item .it219_total_amount .item_219_text_red_yuan { vertical-align: baseline;width: 18px; height: 25px; margin: 0 0 0 8px; 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_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;}
.it219_default .it219_nav .it219_nav_item:first-of-type > a { -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;}
.it219_default .it219_nav .it219_nav_item:last-of-type > a{-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;}
.it219_default .it219_nav .it219_nav_item{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it219_default .it219_nav .it219_nav_item > a { transition:all .3s; width:100%; height: 40px; line-height:30px;display: inline-block;padding: 5px 0;font-size:15px;text-align: center;position:relative;color:#444;border-bottom:solid 1px #eee;border-left:solid 1px #eee;border-top:solid 1px #eee;text-decoration: none;background-color:transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it219_default .it219_nav .it219_nav_item:last-of-type > a{border-right:solid 1px #eee;}
.it219_default .it219_nav .it219_nav_item > a.active{ color:#444; background-color: #eee; text-align: center;}
.it219_default .it219_nav .it219_nav_item > a:hover{background-color: #fcfcfc;}
.it219_default .it219_nav .it219_nav_item > a.active:hover{background-color: #eee;}
.it219_default .it219_nav .it219_nav_item > a:hover, .it219_default .it219_nav .it219_nav_item > a:focus { text-decoration: none; }
.it219_default .it219_nav .it219_nav_item > a.disabled { color: #6c757d; pointer-events: none; cursor: default; }
.it219_default .it219_nav .it219_nav_item > a.active::after {content: "";border:transparent 10px solid;border-width:8px 9px;border-top-color: #eee;position:absolute;top:39px;left:50%;transform:translateX(-50%);}
.it219_default .it219_nav .it219_nav_item > a span.it219_status_amount{color:#999; font-size:14px; margin-left:3px;}
.it219_default .it219_nav .it219_nav_item > a span.it219_status_amount.it219_status_amount_em{color:#ff0000;}
/* 顯示單狀態列表 */
.it219_tab_content .collapse:not(.show) { display: none; }
.it219_tab_content>.item_219_tab-pane {display: none;}
.it219_tab_content>.active {display: block;}
/* 顯示單狀態單筆內容 */
.it219_tab_content .it219_content_item { position: relative; background-color: #ffffff; border: solid 1px #eee; border-radius: 5px; margin-top: 15px;}
.it219_content_item:first-child {margin-top: 0;}
.it219_tab_content .it219_content_item .it219_content_item_inner{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;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:72px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_status{line-height: 72px;text-align: center; -webkit-box-flex: .6; -moz-box-flex: .6; -webkit-flex: .6; -ms-flex: .6; flex: .6;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_status > span{width: auto; height: 24px; padding: 2px 7px; display: inline-block; line-height: 19px; vertical-align: middle; font-size: 13px; font-weight:400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_info{-webkit-box-flex: 4; -moz-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4; border-left:1px solid #eee;border-right:1px solid #eee; padding: 10px;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_info .it219_text_activity { margin: 0; font-size: 14px; line-height: 1.43; text-align: right; padding:3px 0; -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_content_item_inner > li.it219_item_info .it219_text_activity .it219_text_activity_title{color: #aaa; width: 58px;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_info .it219_text_activity .it219_activit_text{width: calc(100% - 58px); 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: 13px;}
.item_219_text_activit_gray_1 { margin: 0; font-size: 14px; line-height: 1.43; font-weight: 600 !important; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: right; color: #5c5959; padding-bottom: 6px; padding-top: 6px; padding: 6px 0px 0px 14px; align-items: center; display: flex; }
.item_219_text_activit_gray_1 span { padding-left: 10px; font-size: 15px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #444; }
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_info .it219_text_activity .it219_activit_text a{border-bottom-width:1px;border-bottom-style:solid; font-size: 14px;line-height: 16px; display: inline-block; margin-right: 2px; color:#444;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_info .it219_text_activity .it219_activit_text a:hover{ font-size: 14px;line-height: 16px;color:#444;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_use_price{text-align: center;border-right:1px solid #eee;padding:14px 5px 9px; 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-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;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_use_price .it219_price { -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; font-size: 22px; font-weight:600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #444; margin:0 auto;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_use_price .it219_price_text{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; font-size:14px; font-weight:400; margin:0 auto;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_use_price .it219_text_yuan { width: 15px; height: 21px; font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #444; padding-left:3px;vertical-align: baseline;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_open_btn { transition:background-color .3s; color: #aaa; cursor: pointer; font-size: 13px; text-align: center; background-image: url(images/newmem_arrow_toggle.svg); background-position: top right 8px; background-size: 20px; background-repeat: no-repeat; text-indent: -16px; line-height:75px;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_open_btn:hover{background-color:#fcfcfc; -moz-border-radius: 0 5px 0 0; -ms-border-radius: 0 5px 0 0; -o-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;}
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_open_btn.collapsed{background-position: bottom right 8px;}
.it219_order_productlist { width: 100%; height: auto; border-radius: 0 0 5px 5px;}
.it219_order_productlist .it219_table{width: 100%;border-collapse: collapse;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_order_productlist .it219_table tr{border-top: 1px solid #eee;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 6px 15px;}
.it219_order_productlist .it219_table tr td{flex:1;}
.it219_order_productlist .it219_table .it219_date { flex:.75; height: 100%; vertical-align: middle; font-size: 12px; color: #aaa; line-height: 24px;}
.it219_order_productlist .it219_table .it219_new_price { flex:3; height: 20px; font-size: 14px; font-stretch: normal; font-style: normal; line-height: 24px; letter-spacing: normal; color: #444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it219_order_productlist .it219_table .it219_price_sale { color: #ff3342; font-size: 13px; font-weight:400; text-align:right; line-height: 24px;}
.it219_order_productlist .it219_table .it219_add_price { font-size: 13px; font-weight: 400; font-stretch: normal; font-style: normal; line-height:24px; letter-spacing: normal; text-align: right; color: #444;}
.it219_order_productlist .it219_table .it219_add_price .it219_add_price_text{color: #aaa; padding-right: 15px; font-size: 12px; font-weight: normal;}
/* 可使用 */
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_status .it219_item_available { background: #ff3342; color: #fff;}
/* 已使用 */
.it219_tab_content .it219_content_item .it219_content_item_inner > li.it219_item_status .it219_item_alreadyused { background: rgb(177, 177, 177); color: #fff;}
.it219_content_item .item_219_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_icondone_stamp { position: absolute; top:6px; 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) }
/* 已過期 */
.item_219_use_timesup { width: 100%; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; z-index: 999; background-color: #ccc;}
.it219_tab_content .it219_content_item .it219_content_item_inner.item_219_use_timesup > li.it219_open_btn{color:#777;}
.it219_tab_content .it219_content_item .it219_content_item_inner.item_219_use_timesup > li.it219_open_btn:hover{background-color: rgba(0,0,0,.05);}
.it219_tab_content .it219_content_item .it219_content_item_inner.item_219_use_timesup > li.it219_item_info .it219_text_activity .it219_text_activity_title{color:#777;}
.it219_tab_content .it219_content_item .it219_content_item_inner.item_219_use_timesup > li.it219_item_info,.it219_tab_content .it219_content_item .it219_content_item_inner.item_219_use_timesup > li.it219_use_price{border-color:#bbb;}
.item_219_gray_2 { background: rgb(112, 110, 110); color: rgb(179, 179, 179);}



/* 元件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%;}
}

/* 元件316 視窗訂閱電子報 */
/* it316_default */
.it316_BOX{ width:320px; height:255px; 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:15px; line-height:30px; color:#333;}
.it316_Content li.it316_input01 input{ display:block; width:100%; height:30px; font-size:15px; 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%;}
.productItem320_list{width:100%;}
.productItem320_list li{ width:16.66666%; text-align:center; float:left; padding:0 8px;}
.productItem320_list li a{ display:inline-block; 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{ width:1200px; margin:0 auto; padding:5px 0;}
.item393box-news{ width:25%; float:left; padding-right:10px;}
.item393box-news>li{background:url(images/item393_title_bg.png) 5px center no-repeat;}
.item393box-news_01{ float:left; width:27%;/* padding:15px 0;*/}
.item393box-news>li:hover{ background:url(images/item393_title_bg_h.png) 5px 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: 22px; top:15px; display:inline-block;}
.item393box-news_02{ float:left; width:73%; 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:75%; float:right;}
.item393box-movie li{ float:left; width:50%; padding:0 5px;}
.item393box-moviebox{ margin:0 auto;}
.item393box-moviebox iframe{ width:100%; height:auto;}

/* 最新消息輪播(416) */
.item_416{ max-width:1200px; margin:0 auto;}
.item_416 .it416_content{ width:100%; height:auto; position:relative;}
.item_416 .it416_news{ text-align:center; margin:0 auto; max-width:1120px; width:100%;}
.item_416 .it416_newsbox{ width:100%;}
.item_416_img{ position:relative;}
.item_416_img > img{ width:100%; height:auto;}
.item_416_img > span{ display: block; position: absolute; left: 0; bottom: 0; font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; padding: 0 25px; background: #8b8b8b; text-align: center; z-index: 70;}
.item_416 .it416_newsbox > a{ text-decoration:none; text-align:right; width:100%; display:inline-block; padding:10px;}
.item_416 .it416_newsbox > a > p{ font:13px/25px 微軟正黑體, Arial, Helvetica, sans-serif ; color:#999; height:25px; overflow:hidden; text-align:left; margin:0;}
.item_416 .it416_newsbox > a > h3{ font:15px/20px 微軟正黑體, Arial, Helvetica, sans-serif ; color:#333; height:40px; overflow:hidden; text-align:left;}
.it416_content .owl-carousel{ position:static;}
.it416_content .owl-stage-outer{ z-index:777;}
.it416_content .owl-controls{ width:100%; height:80px; position:absolute; left:0; top:50%; margin-top:-15px;}
.it416_content .owl-controls .owl-nav{ position:relative; z-index:778;}
.it416_content .owl-controls .owl-prev,.it416_content .owl-controls .owl-next{ width:30px; height:30px; position:absolute; top:0; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:800;}
.it416_content .owl-controls .owl-prev{ left:0; background:url(images/icon_arrow2.svg) left top no-repeat; background-size:60px auto;}
.it416_content .owl-controls .owl-next{ right:0; background:url(images/icon_arrow2.svg) right top no-repeat; background-size:60px auto;}

/* 元件420 */
/* it420_default */
.it_420{ margin:0 auto; width:100%; max-width: 1260px; padding-bottom: 15px;}
.it_420>div{ width:100%; height:46px;}
.it_420>div>div.title_img_l{ float:left; width:106px; padding:8px 10px;}
.it_420>div>div.title_img_l>img{ display:block;}
.it_420>div>div.text_r{ padding:5px 10px 5px 120px;}
.it_420 .news_marqueeeeBox{ background:#FFF; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.it_420 div#it83_news_marqueeee {position: relative;overflow: hidden;	/* 超出範圍的部份要隱藏 */width: 100%;height: 36px;}
.it_420 div#it83_news_marqueeee ul, div#it83_news_marqueeee li {margin: 0;padding: 0;list-style: none;}
.it_420 div#it83_news_marqueeee ul {position: absolute;left: 30px;			/* 往後推個 30px */}
.it_420 div#it83_news_marqueeee ul li{font-size:14px; line-height:36px; color:#147abc;height: 36px; overflow:hidden; padding-right:22px;}
.it_420 div#it83_news_marqueeee ul li a {display: block;overflow: hidden;	/* 超出範圍的部份要隱藏 */font-size:14px;height: 36px;line-height: 36px;text-decoration: none;color:#cf0e37;}
.it_420 div#it83_news_marqueeee ul li a:hover{ text-decoration:underline;}
.it_420 div#it83_news_marqueeee div.it83_marqueeee_btn {position: absolute;cursor: pointer;}
.it_420 div#it83_news_marqueeee div#it83_marqueeee_next_btn {left: 5px;}
.it_420 div#it83_news_marqueeee div#it83_marqueeee_prev_btn {right: 5px;}
.it_420 .text_r .news_marqueeeeBox{position: relative;overflow:hidden; /* 超出範圍的部份要隱藏 */ width: 100%;height: 36px;}
.it_420 .text_r .it83_marqueeee_btn{ position:absolute; cursor: pointer;}
.it_420 .news_marqueeeeBox ul, div#it83_news_marqueeee li {margin: 0;padding: 0;list-style: none;}
.it_420 .news_marqueeeeBox ul {position: absolute;left: 30px;			/* 往後推個 30px */}
.it_420 .news_marqueeeeBox ul li{font-size:14px; line-height:36px; color:#147abc;height: 36px; overflow:hidden; padding-right:22px;}
.it_420 .news_marqueeeeBox ul li a {display: block;overflow: hidden;	/* 超出範圍的部份要隱藏 */font-size:14px;height: 36px;line-height: 36px;text-decoration: none;color:#cf0e37;}
.it_420 .news_marqueeeeBox ul li a:hover{ text-decoration:underline;}
.it_420 .news_marqueeeeBox  div.it83_marqueeee_next_btn_left{left: 5px; }
.it_420 .news_marqueeeeBox div.it83_marqueeee_next_btn_right{right: 5px;}
.it_420 .news_marqueeeeBox ul{position: absolute;left: 30px;}
.it_420 div.news_marqueeeeBox ul {position: absolute;left: 30px;			/* 往後推個 30px */}

/* 元件421 文章列表 */
/* it421_default */
.it421_box{ margin:0 auto; max-width:1200px; padding-bottom:20px;}
.it421_box .it421_tab>ul{ margin:0 auto;}
.it421_box .it421_tab>ul>li{ width:20%; float:left; text-align:center; border-bottom: solid 1px #888888; height:36px;}
.it421_box .it421_tab>ul>li>a{ font-weight:bold; font-size:14px; line-height:25px;; color:#555; text-decoration:none; padding:4px 7px; display:block;}
.it421_box .it421_tab>ul>li>a:hover{ border-bottom: solid 3px #888888;}
.it421_box .it421_tab>ul>li>a:active{ border-bottom: solid 3px #888888;}
.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; width:100%; display: inline-block;}
.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;}

/* 元件422 文章詳細 */
/* it422_default */
.it422_box{ margin:0 auto; max-width:1200px;}
.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; display: inline-block;}
.it422_box .it422_top .it422_top_l{ margin-right: 470px;}
.it422_topimg1{ width:100%; height:auto;}
.it422_box .it422_top .it422_top_l .it422_topimg2{ width:100%; height:auto;}
.it422_box .it422_top .it422_top_l img{ max-width:100%; height:auto; display:block;}
.it422_box .it422_top .it422_top_r{ float:right; width:450px;}
.it422_top_r01 > div{ letter-spacing:1px; padding-bottom:8px; width:100%; border-bottom:solid 1px #c2c1b4;}
.it422_top_r01 > div > .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 > div > .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; 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; margin-right:8px; margin-bottom:8px;}
.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_socialbox{ width: 100%; height: auto; max-width: 1200px; min-width: 1200px; margin: 0 auto 20px; display:inline-block;}
.it422_socialbox ul li{ float: left; margin-right:5px; list-style: none; margin-left: 0px!important;}
.it422_socialbox ul li a{ display:block; width: 20px; height: 20px; background-image: url(images/it422_social_icon.svg); background-repeat: no-repeat; opacity: 1; background-size: 20px 100px; text-decoration: none; cursor: pointer;}
.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 -20px;}
.it422_socialbox ul li a.it422_social_plurk{ background-position: center -40px ;}
.it422_socialbox ul li a.it422_social_weibo{ background-position: center -60px;}
.it422_socialbox ul li a.it422_social_line{ background-position: center -80px;}
.it422_socialbox ul li.fb-like{width:100%; float: none; padding: 5px 0;}
/*新增評論*/
.it422_discuss{ padding: 50px 60px 0 60px; position:relative; width: 100%; height:auto;}
.it422_discuss .owl-carousel{ position:static;}
.it422_discuss .owl-stage-outer{ z-index:777;}
.it422_discuss .owl-controls{ width:100%; height:80px; position:absolute; left:0; top:50%; margin-top:-15px;}
.it422_discuss .owl-controls .owl-nav{ position:relative; z-index:778;}
.it422_discuss .owl-controls .owl-prev,.it422_discuss .owl-controls .owl-next{ width:30px; height:30px; position:absolute; top:0; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:800;}
.it422_discuss .owl-controls .owl-prev{ left:0; background:url(images/icon_arrow2.svg) left top no-repeat; background-size:60px auto;}
.it422_discuss .owl-controls .owl-next{ right:0; background:url(images/icon_arrow2.svg) right top no-repeat; background-size:60px auto;}
.it422_discuss_list{ padding:15px; border: 1px solid #dfdfdf; max-width: 250px; margin: 0 auto;}
.it422_discuss_list h5{ display:block; width: 100%; height: auto; margin-bottom: 10px;}
.it422_discuss_list h5 img{ display:block; width: 100%; height: auto;}
.it422_discuss_list span{ display:inline-block; font-size:14px; line-height:20px !important; color: #555; background: url(images/cook_user.svg) left center no-repeat; padding-left: 25px; background-size: 16px; margin-bottom: 5px;}
.it422_discuss_list h3{ font-size:15px; line-height:24px !important; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px;}
.it422_discuss_no{ letter-spacing: 1px; font-weight:bold; font-size:18px; line-height:30px; color: #57585a; padding: 20px; margin: 14px 0; background:#eaeaea; text-align: center;}
.it422_discuss_no > a{ display:block; width: 190px; height: 50px; font-size:20px; line-height:50px; color: #FFF; text-align: center; margin: 0 auto; margin-top: 20px;}
.it422_discuss_btn > a{ display:block; width: 190px; height: 50px; font-size:20px; line-height:50px; color: #FFF; text-align: center; margin: 0 auto; margin-top: 20px;}
.it422_discuss_go{ display:block; width: 100%; height: 50px; font-size:20px; line-height:50px; color: #FFF; text-align: center; margin: 0 auto; margin-top: 20px; cursor: pointer;}
.it422_discuss_open ul li:first-child{ float: left; width: 300px;}
.it422_discuss_open ul li:first-child a{ display:block; width: 300px; height: 300px; background:url(images/it422_camerabg.svg) center no-repeat #ccc;}
.it422_discuss_open ul li:first-child a img{ display:block; width: 100%; height: auto;}
.it422_discuss_open ul li:last-child{ margin-left: 320px; width: auto;}
.it422_discuss_open ul li:last-child textarea{ height: 120px;font-size:15px; line-height:30px; color: #888; border: 1px solid #ccc;}
.it422_discuss_open ul li:last-child p{font-size:15px; line-height:30px; color: #888;}
.it422_discuss_open{ padding:40px;}


/* 422-lohas_area */
.it422_lohas_area{ width:100%; min-width: 1200px;}
.it422_la_top{ background-position: center 129px; background-repeat: no-repeat; height:490px; background-attachment: fixed; position: relative; background-size: cover;}
.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:90px; width:1200px; left:50%; margin-left: -600px; 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:20px 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:100px; background: #fff; display: block; margin: 0 auto 30px auto;}
.it422_la_top .scroll-downs { position: absolute; top: 0; right: 0; bottom: -132px; 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{ width:1200px; padding:40px 0; margin:0 auto; line-height:1.5; font-size: 16px; color:#333;}
.it422_la_img{ min-width:1200px;}
.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:40px 0;}
.it422_la_videobox{ width:1200px; padding:40px 0 0 0; margin:0 auto; position: relative;}
.it422_la_videobox .it422_box_tube{ position:absolute; width:473px; height:auto; left:0; top:0; z-index: 2;}
.it422_la_videobox .it422_box_mainword{ width:calc(100% - 50px); background-color: #fff; padding:20px 25px 80px 450px; margin-left: 50px;}
.it422_la_videobox .it422_item_title { max-width: 1200px; margin: 0 auto 20px; position: relative;}
.it422_la_videobox .it422_item_title:before {content: '';display: block;width: 150px;height: 1px;transform: rotate(-45deg);background: #e7e7e7;position: absolute;left: 35px;top: 77px;}

.it422_item_title .title_en { text-align: left; 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: left; 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 20px auto;}
.it422_la_video_word01{ font-size:16px; line-height:25px; overflow:hidden; color:#333; padding-left:135px; margin-bottom:30px; 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; height: 60px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -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{ width:1200px; margin:0 auto; display:flex; align-items: center; justify-content: space-between; padding:20px 0;}
.it422_la_mapbox > div{ width:50%;}
.it422_la_mapbox_l > ul{ display:flex; flex-wrap: nowrap;}
.it422_la_mapbox_l > ul > li{ font-size:16px; color:#222; line-height:40px; padding: 5px 0;}
.it422_la_mapbox_l > ul > li:nth-child(1){ width:145px; text-align:right; padding-right:20px; border-right:1px solid #e7e7e7;}
.it422_la_mapbox_l > ul > li:nth-child(2){ padding-left:20px; 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{ padding-left:25px;}
.it422_la_mapbox_r > iframe{ display:block; width:100%;}

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

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

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

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

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


/*友善指標*/
.it422_la_mapbox_l > ul.mapbox_l01 > li > span{ display:inline-block; width:40px; height:40px; border-radius:40px; margin-right:10px; text-indent: -9999px;}
.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) 10px center no-repeat #fbb445; background-size: 21px;}
.it422_icon_pay{ background:url(images/it422_la_pay.svg) 11px center no-repeat #fbb445; background-size: 23px;}
.it422_la_mapbox_l > ul.mapbox_l02 > li:nth-child(2) > a{ font-size:16px; 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:220px; 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; align-items: center;}
.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:40px 0 55px 0;}
.it422_la_news_box{ width:1200px; margin:0 auto;}
.it422_la_news_box .it422_la_news_item{ max-width:370px; height:auto; background:#fff; padding-bottom:20px; margin-top: 15px;}
.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{ position:fixed; z-index: 2; right:0; top:30%; width: 50px; height: 170px; border-top-left-radius:5px; border-top-right-radius:0; border-bottom-left-radius:5px; border-bottom-right-radius:0; box-shadow: 0 0 3px 0 rgba(117, 117, 117, 0.5); background-color: #fff; padding:26px 5px;}
.it422_la_right > a{ display:block; width:100%; height:auto; font-size: 13px; color:#888; text-align:center; margin-bottom: 25px;}
.it422_la_right > a.it422_share_btn{ background:url(images/it422_share.svg) center top no-repeat; background-size: 24px; padding-top:24px;}
.it422_la_right > a.it422_like_btn{ background:url(images/it422_heart_x.svg) center top no-repeat; background-size: 20px; padding-top:22px;}
.it422_la_right > a.it422_like_btn:hover{ background:url(images/it422_heart_o.svg) center top no-repeat; background-size: 20px; padding-top:22px;}
.it422_la_right > a.it422_like_btn_active{ background:url(images/it422_heart_o.svg) center top no-repeat; background-size: 20px; padding-top:22px;}
.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:35px 0; 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:100%; margin:0 auto; display:flex;justify-content: center;}
.it422_ls_content > div{ width:400px; padding:0 15px; text-align:center; font-size:16px; color:#333; line-height:20px;}
.it422_ls_content .it422_ls_content_c{ border-right:1px solid #dcdcdc; border-left: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:402px;}
.it422_ls_list{ display:flex; justify-content: space-between; width:1200px; min-height:76px; margin:-38px auto 0 auto; background:#fff; position:relative; padding:0 20px;}
.it422_ls_list > div{ width:60%; padding: 13px 0;}
.it422_ls_list > div.it422_ls_list_r{ width:40%;}
.it422_ls_list > div > ul{ display:flex; flex-wrap: nowrap;}
.it422_ls_list > div > ul > li{ padding:10px 0;}
.it422_ls_list > div > ul.mapbox_l01 > li > span{ display:inline-block; width:40px; height:40px; border-radius:40px; margin-right:10px; text-indent: -9999px;}
.it422_ls_list > div > ul > li:nth-child(1){ font-size: 16px; color: #222; line-height: 40px; padding: 5px 0; width: 145px; text-align: right; padding-right: 20px; border-right: 1px solid #e7e7e7;}
.it422_ls_list > div > ul.mapbox_l01 > li:nth-child(2){ padding-left: 20px; max-width:550px; align-items: center; display: flex; flex-wrap: wrap;}
.it422_ls_list > div > ul.mapbox_l01 > li:nth-child(2) img{ display: block; width: 40px; height: 40px; margin-right: 8px; 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) 10px center no-repeat #fbb445; background-size: 21px;}
.it422_icon_pay{ background:url(images/it422_la_pay.svg) 11px center no-repeat #fbb445; background-size: 23px;}
.it422_ls_list > div > ul.mapbox_l02 > li:nth-child(2),.it422_ls_list > div > ul.mapbox_l04 > li:nth-child(2){ padding-left: 20px; width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.it422_ls_list > div > ul.mapbox_l02 > li:nth-child(2) > a{ font-size: 16px; background: url(images/it422_la_pin.svg) left center no-repeat; background-size: 8px; padding-left: 15px;}
.it422_ls_list > div > ul.mapbox_l03 > li:nth-child(2){ display: flex; flex-wrap: wrap; padding-left: 20px; max-width:550px;}
.it422_ls_list > div > ul.mapbox_l03 > li > a{ margin: 0 8px 8px 0; display:block; width:220px; height:40px; text-align: center; font-size:16px; line-height:40px; color:#fff; font-weight: 300;}
.it422_ls_list > div > 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 > div > 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 > div > 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 > div > 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 > div > 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 > div > 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 > div > ul.mapbox_l03 > li > a.links_ig{ position:relative; background:linear-gradient(102deg, #fd5 -6%, #ff543e 44%, #c837ab 94%);}
.it422_ls_list > div > 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 > div > 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; position:relative;}
.it422_lohas_shop .it422_ls_top_bg:after{ content:''; width:100%; display:block; height:50px; background:#f0f0f0; position: absolute; top:0;}
.it422_ls_top{ width:1200px; margin:0 auto; display:flex; flex-wrap: nowrap;}
.it422_ls_top .it422_ls_top_l{ width:765px; height:505px;}
.it422_ls_top .it422_ls_top_l img{ width:100%; height:auto;}
.it422_ls_top .it422_ls_top_r{ width:435px; padding-left:45px; position: relative; z-index: 1;}
.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:100px;}
.it422_ls_title_tag{ display:flex; margin-bottom:35px; flex-wrap: wrap; height: 30px; overflow: hidden;}
.it422_ls_title_tag > span{ font-size: 14px; display:block; 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; 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:15px 0;}
.it422_ls_title_word{ font-size: 16px; line-height: 30px; height:120px; overflow:hidden; letter-spacing: 0.5px; color: #232323; margin-bottom:37px; 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-end; 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 10px;}
.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_rimg .swiper-button-next,.it422_ls_top_rimg .swiper-button-prev{ top:0; border-radius: 1px; margin: 0; display: block; width: 50px; height: 50px; text-indent: -9999px;}
.it422_ls_top_rimg .swiper-button-next{ right: 0; background: url(images/icon_next.svg) center no-repeat rgba(0 , 0, 0, 0.5); background-size: 12px;}
.it422_ls_top_rimg .swiper-button-prev{ left: unset; right: 67px; background: url(images/icon_prev.svg) center no-repeat rgba(0 , 0, 0, 0.5); background-size: 12px;}
#it422_ls_top_rimg > .swiper-wrapper{ margin-top:65px;}
.it422_ls_html{ width:1200px; margin:0 auto; padding:40px 0; line-height:1.5; font-size: 16px; color:#333;}
.it422_ls_right{ position:fixed; z-index: 2; right:0; top:248px; width: 50px; height: 170px; border-top-left-radius:5px; border-top-right-radius:0; border-bottom-left-radius:5px; border-bottom-right-radius:0; box-shadow: 0 0 3px 0 rgba(117, 117, 117, 0.5); background-color: #fff; padding:26px 5px;}
.it422_ls_right > a:link{ display:block; width:100%; height:auto; font-size: 13px; color:#888; text-align:center; margin-bottom: 25px;}
.it422_ls_right > a.it422_add_btn{ background:url(images/it422_add.svg) 9px top no-repeat; background-size: 26px; padding-top:26px;}
.it422_ls_right > a.it422_share_btn{ background:url(images/it422_share.svg) center top no-repeat; background-size: 24px; padding-top:24px;}
.it422_ls_right > a.it422_like_btn{ background:url(images/it422_heart_x.svg) center top no-repeat; background-size: 20px; padding-top:22px;}
.it422_ls_right > a.it422_like_btn:hover{ background:url(images/it422_heart_o.svg) center top no-repeat; background-size: 20px; padding-top:22px;}
.it422_ls_right > a.it422_like_btn_active{ background:url(images/it422_heart_o.svg) center top no-repeat; background-size: 20px; padding-top:22px;}
.it422_ls_right_3icon{ height: 240px;}

.it422_ls_productbox{ width:1200px; 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: 100%;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: #f0f0f0; top:200px;}
.it422_ly_top_bg::after{ height: 500px; position: absolute; content: ''; display: block; width: 100%; background: #f0f0f0; bottom:0;}
.it422_ly_top{ width:1200px; margin:0 auto; display:flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end;}
.it422_ly_html{ width:1200px; margin: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:560px; 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: nowrap; 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{ padding-left: 25px; color: #888; font-size: 14px; line-height: 20px; letter-spacing: 1px; flex: 5; 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{ flex: .5; 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; overflow: hidden; height: 405px;}
.it422_ly_top .it422_ly_top_r{ margin-left:40px; width:600px;}
.it422_ly_top .it422_ly_top_r .swiper-wrapper{ padding-top: 10px;}
.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{ top: unset; bottom:0; 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: 0; 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: unset; right: 67px; background: url(images/icon_prev.svg) center no-repeat rgba(0 , 0, 0, 0.5); background-size: 12px;}
.it422_ly_top .it422_ly_top_r .swiper-pagination{ width:auto; left:unset; color: #454545;font-size: 20px; line-height: 50px; bottom: 0; position: absolute; height: 50px; right:150px;}

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

/* 元件425 我要評論*/
/* it425_default */
.it425_box{ width:980px; margin-bottom: 15px; height: auto; margin: 0 auto; border: #c5c5c5 1px solid; margin-top:30px; border-top: none;overflow-y: auto;padding: 0 10px 10px;border-top: var(--primary) 3px solid;height: 420px;}
.it425_box>div.it425title{ height: 41px;  border-bottom: #e7e7e7 1px solid; position: relative; font-size:15px; line-height:40px; padding-left: 25px;}
.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{ float:left; padding:0 10px; font-size:13px; line-height:37px; min-height:37px;}
.it425_box ul>li>ul>li:nth-child(1){ padding:0 20px 0 25px;}
.it425_box ul>li>ul>li:nth-child(odd){ width:20%;}
.it425_box ul>li>ul>li:nth-child(even){ width:30%;}
.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.a01>ul>li{ height:170px; }
.it425_box>ul>li.a01>ul>li:nth-child(2){ width:60%;}
.it425_box>ul>li.a01>ul>li:nth-child(3){ position:relative; width:20%;}
.it425_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;}
.it425_comments{width:100%;border-bottom: 1px solid #dbdbdb;padding: 20px 0;}
.it425_comments_img{width: 160px; height: 160px; overflow: hidden;float: left;margin-left: 10px;border: 1px solid #dbdbdb;}
.it425_comments_img img{width:100%; height: auto; margin: 0 auto;display:block;}
.it425_comments_deta{float: left;width:calc(100% - 180px);}
.it425_comments_deta>ul>li>ul>li:nth-child(1){ padding:0;}
.it425_comments_deta>ul>li>ul>li:nth-child(odd){ width:10%;text-align:center;}
.it425_comments_deta>ul>li>ul>li:nth-child(even){ width:90%;padding: 0;}
.it425_comments_deta>ul>li>ul>li{ float: left; padding: 0 10px; font-size:13px; line-height:30px; min-height: 30px; }
.it425_comments_deta>ul>li>ul>li>a{display:block; font-size:13px; line-height:30px; height: 30px;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_comments_button>input{ display: block; width: 150px; height: 45px;  margin:0 auto 30px auto;background-color: #2ea7e0 !important;}
.it425_comments_button>input:hover{ display: block; height: 45px;  margin:0 auto 30px auto;background-color: #2b82ab !important;}



/* 元件426 我的評論*/
/* it426_default */
.it426_box{ width:980px; margin-bottom: 15px; height: auto; margin: 0 auto; 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; 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;  display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
.it427_box ul li{ display: inline-block; width: auto; height: auto; margin-bottom: 20px; padding: 10px ;}
.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%; position:relative;}
.it429_content img{ max-width:100%; height: auto; vertical-align: top;}
.it429_content > .it429_table { position:absolute; width:362px; height: auto; right:15px; bottom:15px;}
.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; cursor: pointer; border:0; font-size:15px; line-height:70px; color: #fff;}
.it429_content > .it429_table > ul > li > ul > li{ width:100%; margin-bottom:8px;}
.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;}
.it429_content > .it429_table > ul > li > ul > li:nth-child(2) > a{ display: inline-block;}
.it429_fancybox{overflow: initial !important;}

/* it436 */
.it436_box{ width:100%; max-width:1200px; margin:0 auto; 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);}

/* 元件452 左banner右商品 */
/* it452_default */
.it452{ width:1200px; margin: 0 auto; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #d9dfe5;}
.it452 .it452_left{ float:left; width:260px;}
.it452 .it452_left a{ display:block; width: 260px; height:600px; overflow: hidden;}
.it452 .it452_left a img{ display:block; width: 100%; height: auto;}
.it452 .it452_right{ margin-left:280px; width: auto;}
.it452 .it452_right > ul > li { float: left; width: calc((100% - 2.4rem)/4); margin-bottom: 20px; margin-right: 0.8rem; }
.it452 .it452_right > ul > li:nth-child(4n) { margin-right: 0; }

/* 元件484 3張小banner */
/* it484_default */
.item_484box{ width: 100%; height: auto; max-width: 1200px;margin:25px auto;display: flex;}
.item_484box .item_484{width: 32%; height: auto; position: relative;margin-right: 2%;float: left;}
.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: 20px; font-weight:normal; line-height: 20px; display: block; height: 20px; width: 100%; overflow: hidden;}
.item_484box .item_484 .item_484title p{font-size: 30px; 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; position: relative;}
.item_485 .item_485_title{ width:100%; height:50px; overflow:hidden; text-align:center; font-size: 30px; line-height: 50px; font-weight: bold; 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%;max-width: 1152px;    margin: 0 auto;}
.item_485 ul.item_485_product li{float:left; width:25%; 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; 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: 999;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:0;}
.item_485_R{ background-position: right top;right:0;}

/* 元件489 美體小舖分店搜尋 */
/* it489_default */
.bodyshop_storebox{width: 100%;max-width: 1200px; min-width: 1200px;margin: 0 auto;}
.bodyshop_storebox .bodyshop_store{width: 100%; margin: 30px auto; background: url(images/body-shop-icons-thick_map.svg) left center no-repeat; background-size: auto 60%;padding-left: 23px;font-size: 15px; line-height: 30px; color: #000;height: 30px;display: inline-block;}
.bodyshop_storebox .bodyshop_store span{float: left;}
.bodyshop_storebox .bodyshop_store .bodyshop_select{width:125px;margin-left:20px; float: left;}
.it498_style01{ padding:0 30px;}
.it498_style02{ padding:0 50px;}
.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;}
.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_storebox .bodyshop_store_list{width: 100%;text-align: center; color: #000;}
.bodyshop_storebox .bodyshop_store_list table{text-align: center;}
.bodyshop_storebox .bodyshop_store_list  tr.store_list_top{border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; line-height: 54px; font-size: 15px; letter-spacing: 1px;}
.bodyshop_storebox .bodyshop_store_list  .store_list_store{border: 1px solid #f5f5f5;padding: 20px 0;background-color: #f5f5f5;line-height: 20px;font-size: 15px;letter-spacing: 1px;margin:6px auto;height: auto;}
.bodyshop_storebox .bodyshop_store_list  .store_list_store:hover{border:1px solid #000;}
.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%; height: 100%; padding: 20px 15px; 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:0 20px 20px 20px;color: #000;float: left;letter-spacing: 2px;max-width: 340px; min-height: 180px; 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;}
.theme-popover-mask { z-index: 9998; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=80); display:none }
.theme-popover { z-index:9999; position:fixed; top:50%; left:50%; width:700px; padding: 20px 15px;; margin-left:-350px; margin-top:-190px; border-radius:0px; border:solid 1px #111111; background-color:#f6f6f6; display:none; }
.theme-popover img{ display:block; margin:25px auto; width:250px; height:auto; float: right;}
.theme-poptit { position: relative; }
.theme-popbod { padding:15px; color:#444; }
.theme-popbom { padding:15px; background-color:#f6f6f6; border-top:1px solid #ddd; border-radius:0 0 5px 5px; color:#666 }
.theme-popbom a { margin-left:8px }
.theme-poptit .close { position:absolute; display:block; width:26px; height:26px; background:#111111 url(images/ico_cart_close.png) center no-repeat;right:-3px; top:-8px; }
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: #151515; color: #fff;}

/* 元件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; 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:30px; 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;}

/* 元件508 拉霸機*/
/* it508_default */
.item_508 { background-repeat:repeat; padding:20px 0; }
.item_508_content { position:relative; width:900px; margin:auto; background-repeat:no-repeat; }
.item_508 .slotmachineBg { position:absolute; width:680px; height:442px; left:100px; top:510px; background:url(../images/machine.png) no-repeat; }
.item_508 .arrowLeft { position:absolute; left:35px; top: 200px; transform: translate(0, -50%); }
.item_508 .arrowRight { position:absolute; right:35px; top: 200px; transform: translate(0, -50%); }
.item_508 #slotmachineHandle { position:absolute; width:136px; height:550px; left:750px; top:480px; z-index:99; cursor:pointer; background:url(../images/bar01.png) no-repeat center top; }
.item_508 #slotmachineHandle.press { background:url(../images/bar02.png) no-repeat center 220px; }
.item_508 #slotmachineHandle a { display:block; width:136px; height:550px; }
.item_508 .prizeRow { position:absolute; top:155px; left:85px; }
.item_508 .prize { display:inline-block; margin-right:60px; }
.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: 128px; height: 128px; }
.item_508 .randomizeMachine img { width: 100%; }
.item_508 .prompt{ background: rgba(0,0,0,.5); font-size:18px; line-height:25px; width: 100%; top: 450px; color: #fff; font-weight: bold; text-align: center; padding: 15px 10px; letter-spacing: 1px; margin-top:460px; }
.item_508 .fbLink { font-size:15px; line-height:45px; margin-top: 20px; float: left; margin-left: 95px; width:320px;}
.item_508 .fbLink a{ display: block; width:100%; font-size:15px; line-height:45px; letter-spacing: 1px; text-align: center; color: #fff; background:#3b5998;}
.item_508 .fbLink a:hover{ background:#4161a5;}
.item_508 .getAward { width:150px; font-size:15px; line-height:45px; letter-spacing: 1px; text-align: center; color: #fff; background:#ac1e32; cursor:pointer; float: right; margin-top: 20px; margin-right: 95px;}
.item_508 .getAward:hover{ background:#b72237;}
/*抽紅包*/
.item_508 .slotmachineBg2 { position:absolute; width:644px; height:668px; left:120px; top:510px; 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:200px!important; height:200px!important; left:39%!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:200px!important; height:200px!important;}
.item_508 .prompt2{ background:none; font-size:18px; line-height:25px; width: 222px; color:#ac1e32!important; font-weight: bold; text-align: center; padding: 15px 10px; letter-spacing: 1px; margin:129px 0 0 221px; }
.item_508 .fbLink2 { font-size:15px; line-height:45px; margin-top: 375px; float: left; width:290px;}
.item_508 .getAward2 { width:150px; font-size:15px; line-height:45px; letter-spacing: 1px; text-align: center; color: #fff; background:#ac1e32; cursor:pointer; float: right; margin-top: 375px; margin-right: 95px;}

/* 元件519 進階搜尋*/
/* it519_default */
.item_519 { position:relative; font-size:13px; margin:20px 0; }
.item_519 .item_519_title { background-color:#f0f0f0;  padding:13px 20px; }
.item_519 .item_519_title h3 { float:left; margin:0; font-weight:bold; }
.item_519 .item_519_title .item_519_arrow { float:right; }
.item_519 .item_519_title i { border: solid black; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transition:0.2s; }
.item_519 .item_519_title .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.item_519 .item_519_content { position:relative; padding:13px 20px; }
.item_519 .content_row { margin:10px 0; }
.item_519 .content_left { float:left; width:10%; line-height:26px; }
.item_519 .content_mid { float:left; width:80% }
.item_519 .content_right { float:right; width:10%; text-align:right; }
.item_519 .content_list { list-style:none; margin:0; padding:0; }
.item_519 .content_list li { float:left; margin:0 10px }
.item_519 .content_list a { display:block;  padding:5px 10px; text-decoration:none; }
.item_519 .content_list a:hover, .item_519 .content_list .active { background- color:#FFF; }
.item_519 .rangeSlider { position:absolute; top:13px; right:20px; width:380px; }
.item_519 .rangeSlider label { float:left; margin:22px 30px 0 0; font-weight:bold; }
.item_519 .rangeSlider_content { float:left; width:275px; }
.item_519 .hidden { display:none; }
.item_519 .item_519_more { display:inline-block; background-color:#f7f7f7;  text-decoration:none; padding:5px 10px; }
.item_519 .item_519_more:hover { background- color:#FFF; }
.item_519 .item_519_more:after { content: "更多 +"; }
.item_519 .item_519_more.less:after { content: "更少 -"; letter-spacing:1px; }

/* 元件526 常見問題 */
/* it526_default */
.it526_search{ width:100%; height: auto; padding: 15px 0; 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: 30px 0; 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; }
.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; }
.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; }

/* 元件538 新品上市 */
/* it538_default */
.item_538 { position:relative; margin:75px 0; }
.item_538_content { position:relative; width:1200px; margin:auto; }
.item_538_title { margin-bottom:20px; color:#5a5a5a; font-size:20px; letter-spacing:0.2px; }
.item_538_title > img{ height: 24px; display: inline-block; float: left; margin-right: 10px;}
.item_538_title span { display:inline-block; color:#ff414e; font-size:15px; font-weight:bold; padding:0 16px; border:3px solid #ff414e; border-radius:15px; margin-right:15px; }
.item_538_image { float:left; width:60%; }
.item_538_text { float:left; width:40%; }
.item_538_textBox { margin:30px 0 0 60px; }
.item_538_text_1 { font-size:30px; color:#1e1e1e; letter-spacing: 0.3px; margin-bottom:20px; line-height:38px; }
.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:20px; color:#231f20; letter-spacing: 0.2px; font-weight: bold; }
.item_538_text_3 a:hover {  }
.item_538 .owl-theme .owl-dots { position:absolute; bottom:30px; left:65%; }
.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:75px 0; }
.item_540_banner { position:relative; background-size: cover; height: 550px; background-position: center center; }
.item_540_banner_image img { width:100%; }
.item_540_banner_text { position:absolute; left:60%; top:30%; }
.item_540_banner_text_1 { font-size:30px; color:#1e1e1e; letter-spacing:0.3px; margin-bottom:25px; }
.item_540_banner_text_2 { font-size:15px; color:#5a5a5a; letter-spacing:0.6px; line-height:22px; }
.item_540_content { position:relative; width:1200px; margin:-100px auto 0 auto; box-sizing: border-box; padding:40px; background-color:#FFF; }
.item_540_contentBox { position:relative; border-bottom:1px solid #f4f4f4; margin-bottom:60px; padding-bottom:20px; }
.item_540_top { margin-bottom:20px; }
.item_540_title { float:left; color:#5a5a5a; font-size:20px; letter-spacing:0.2px; }
.item_540_more { float:right; }
.item_540_more a:link, .item_540_more a:visited { color:#5a5a5a; font-size:15px; letter-spacing:0.6px; }
.item_540_more a:hover {  }
.item_540_list { list-style:none; margin:0; padding:0; }
.item_540_list li { float:left; box-sizing: border-box; width:25%; padding:20px; }
.item_540_list_image { height:270px; 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_list_text { height:120px; }
.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:22px; letter-spacing:0.6px; color:#1e1e1e; }
.item_540_text_1 a:hover {  }
.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:15px; 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; }

/* 元件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; 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,.qa_after tr,.qa_after td{ border:0 !important; padding: 15px !important;}
.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; color: #fff; background-color:#222;}
.it550 .qa_after table{ margin-bottom:30px;}
.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: 80px;}
.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; letter-spacing: 3.2px;  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;}

/* 元件552 文章列表頁 */

/* 元件552_default */
.it552_default .it552_filter { text-align:right; margin-bottom:20px;}
.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 > li{ display:block; float: left;margin:0 15px 45px 15px;}
.it552_default .it552_style{ width:370px; 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:121px;}
.it552_default .it552_bottom_icon li.it552_share > a:hover{background: url(images/it552_share_x.png) center no-repeat; background-size: 22px;}
.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; background-size: 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; margin-bottom: 15px;}
.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;}

/* 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_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;width: calc(100% - 40px);}
.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:hover a, .it552_hastag .it552_tag_per a:hover, .it552_hastag .it552_tag_more:hover{border-color: #222;}
.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{width:34px; cursor: pointer; position: absolute; right:0; top:0;}
.it552_hastag ul.it552_top li.it552_tag.it552_tag_hide{height:42px;overflow: hidden;}
.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;  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;flex:0 90%;}
	.it552_hastag .it552_tag_more{right: 10px; top: 53px;}
	.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%;}
	.it552_hastag ul.it552_top li.it552_tag{flex:0 85%;}
}

/* 元件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;  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;  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;}
roduct{ 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; 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{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: 15px; 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: 15px; 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:1200px; margin:0 auto; margin-bottom:25px;}
.it_562box .it_562left_time{ float:left; width:300px; height:330px; position:relative; padding:38px 20px;}
.it_562box .it_562left_time .it_562_title01{ font-size:28px; line-height:32px; text-align:center;  padding:9px 0; font-weight:normal; letter-spacing:2px;background:url(images/clock-circular-outline.svg) no-repeat 30px 50%; background-size:24px; padding-left:30px;}
.it_562box .it_562left_time .it_562_title02{ font-size:56px; line-height:56px; text-align:center; color:#fff; padding:9px 0; font-weight:bold; letter-spacing:2px;}
.it_562box .it_562left_time .it_562_title03{ font-size:20px; line-height:20px; text-align:center;  padding:9px 0; font-weight:normal; position:relative;}
.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:28px; text-align:center;  line-height:50px; padding:8px 0;}
.it_562box .it_562left_time .it_562_timebox01 span{ display:inline-block; width:65px; height:50px; margin:0 5px; background:#000; color:#fffb86;}
.it_562box .it_562left_time .it_562_timebox02{ font-size:24px; text-align:center; line-height:24px; padding:2px 0;}
.it_562box .it_562left_time .it_562_timebox02 span{ display:inline-block; width:65px; margin:0 9px; color:#fff;}
.it_562box .it_562left_time .arrowbox{ position:absolute; right:-10px; top:49%; width:0; height:0; border-style: solid;border-width: 18px 0 18px 20px;z-index:2;}
.it_562box .it_562right_banner{ margin-left:300px; height:330px; overflow:hidden;}
.it_562_ADbannerBox{ width:100%;}
.it_562_ADbanner{ width:100%; margin:0 auto; position:relative; height:330px;}
.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{ 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 .SB_MemberWitemSay{height: auto; font-size:15px; line-height:30px; margin-top: 10px;}
.it568 .ygg_MemberW100p{width:100%;}
.it568 table thead tr{ background-color: #f9f9f9;}
.it568 table tr td.SB_tableW109 { width: 109px; padding: 6px; text-align: center;}
.it568 table tr > td.SB_tableW109:first-of-type{border-right: #eee 1px solid;}
.it568 .SB_MemberWitemContent03{ padding: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{padding:5px 0;}
.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;}
.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: 5px;}
.it677_box ul li abbr{text-decoration: none;}
.it677_flex{ display:flex; 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 input{display: none;}
.it677_radio label{position: relative; padding:15px 25px; 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:10px;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_btn input{display: block; width: 100%; height: 50px; border-radius: 3px; background: #2b2e6e; color: #fff; font-size: 18px; letter-spacing: 2px;}

/* 元件668 it668 手機電腦分開上圖輪播 */
/* it668_default */
.item_668{width:1200px; margin:0 auto;}
.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%);}
.item_668 .owl-theme .owl-dots .owl-dot span{ background: var(--pic-neutral-0);}
.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: var(--pic-primary);}
.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-carousel{ position: relative;}
.item_668 .owl-carousel .owl-nav .owl-prev,
.item_668 .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;}
.item_668 .owl-carousel .owl-nav .owl-next { right: -25px; background: url(images/pic/pic-owl-next.svg) top no-repeat; background-size: 50px;}
.item_668 .owl-carousel .owl-nav .owl-prev { left: -25px; background: url(images/pic/pic-owl-prev.svg) top no-repeat;  background-size: 50px;}
.item_668 .owl-carousel .owl-nav .owl-next:hover { background: url(images/pic/pic-owl-next.svg) bottom no-repeat; background-size: 50px;}
.item_668 .owl-carousel .owl-nav .owl-prev:hover { background: url(images/pic/pic-owl-prev.svg) bottom no-repeat;  background-size: 50px;}

/* 元件720 六圖banner */
/* it720_autowidth */
.it720_autowidth {max-width: 1200px;width: 100%;margin: 0 auto;}
.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;display: inline-block;transition: all 0.1s ease-out;}
.it720_autowidth .it720_downbox ul li a:hover{transform: translateY(-6px);}
.it720_autowidth .it720_downbox ul li a img{display: block;width: 100%;height: auto;margin: 0 auto; vertical-align:top;}
.it720_autowidth .it720_downbox ul li a p{text-align: center;display: flex;width: 100%;height:auto;align-items: center;justify-content: center;padding-top:5px;}
.it720_autowidth .it720_downbox ul li a p span {color: #222;font-size: 18px;line-height: 26px;letter-spacing: 1px;font-weight: 500;}

/* 元件721 商品頁籤式輪播 */
/* it721_morelink */
.it721_morelink { max-width:1200px; margin:0 auto; margin-bottom: 20px;position:relative;}
.it721_morelink .it721_title{display: inline-block; text-align: center; height:auto;font-size: 26px;line-height: 24px;font-weight: bold;margin: 10px auto; width: auto;}
.it721_morelink .it721_link_btn{position: absolute; right:0;top:5px;}
.it721_morelink .it721_link_btn 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 5px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.it721_morelink .it721_link_btn a:hover{background-color: #f5f5f5;}
.it721_morelink .swiper-container{position: static;}
.it721_morelink .swiper-container .it721_morebtn{max-width:100%; width:100%; height:auto;text-align: right;padding: 0 10px 0 0;}
.it721_morelink .swiper-container .it721_morebtn a{text-decoration: underline; font-size: 15px; text-decoration: none; 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: end; -webkit-justify-content: flex-end;-webkit-box-pack: end; -moz-box-pack: end; justify-content: flex-end;}
.it721_morelink .swiper-container .it721_morebtn a i{font-size:20px;margin-left:5px;}
.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 1px;}
.it721_morelink .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:first-of-type{margin:0 1px 0 0;}
.it721_morelink .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-of-type{margin:0 0 0 1px;}
.it721_morelink .swiper-container .it721_product_bg{position:absolute;bottom:0;left:0;max-width:100%; width:100%; height:calc(100% - 70px);opacity:.12;}
.it721_morelink .swiper-container .swiper-wrapper{height:auto !important;}
.it721_morelink .tabTit { top: 0; margin: 0 auto 10px auto; padding: 0; height: auto; bottom: initial; position: relative; padding-bottom: 2px; text-align: left; width:100%; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex; background-color: #fff;}
.it721_morelink .tabTit .swiper-pagination-bullet { opacity:.4; width: calc((100% / 4) - 2px); height: auto; text-align: center; color: #fff; border-radius: 0; flex: 1; position:relative; line-height:36px;font-size: 16px; font-weight: 500; letter-spacing: 0.5px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it721_morelink .tabTit .swiper-pagination-bullet.swiper-pagination-bullet-active:after{content:"";position:absolute;bottom:-10px; left: 50%; transform: translateX(-50%);width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; }
.it721_morelink .tabTit .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}
.it721_morelink .swiper-slide{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 .swiper-container-autoheight, .it721_morelink .swiper-container-autoheight .swiper-slide{height:auto !important;}
.it721_morelink .it721_item{ position: relative; width: calc((100% / 5)); float: left; flex:0 20%; text-align: left; padding: 0;}
.it721_morelink .it721_item .it721_iteminner { background-color: #fff;-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative;margin:10px;padding:10px;}
.it721_morelink .it721_item .it721_iteminner .it721_img{max-width:100%; width:100%; height:auto;overflow: hidden;text-align: center; position:relative;}
.it721_morelink .it721_item .it721_iteminner .it721_img .img_hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 97; opacity: 0;transition: all .5s;}
.it721_morelink .it721_item .it721_iteminner:hover .it721_img .img_hover{background-color: rgba(255,255,255,.6);opacity: 1;}
.it721_morelink .it721_item .it721_iteminner .it721_img .img_hover > a { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.it721_morelink .it721_item .it721_iteminner .it721_img > a,.it721_morelink .it721_item .it721_iteminner .it721_img img{max-width:100%; width:100%; height:auto;display: block;vertical-align: top;}
.it721_morelink .it721_item .it721_iteminner .it721_btnbox{ position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); margin: 0 auto; -webkit-box-flex: inherit; -moz-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; 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; height: 50px; width: 120px;z-index: 101; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.it721_morelink .it721_item .it721_iteminner .it721_btnbox div{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;text-align: center;}
.it721_morelink .it721_item .it721_iteminner .it721_btnbox div 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_item .it721_iteminner .it721_btnbox div a:hover { background-color: rgba(0,0,0,.6); }
.it721_morelink .it721_item .it721_iteminner .it721_btnbox .add_heart a{background-image: url(images/icon-heart.svg);}
.it721_morelink .it721_item .it721_iteminner .it721_btnbox .add_cart a{background-image: url(images/icon-cart-w.svg);}
.it721_morelink .it721_item .it721_iteminner .it721_namebox {padding-bottom:5px;}
.it721_morelink .it721_item .it721_iteminner .it721_namebox .it721_name{overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;height: 40px;margin-top:8px;}
.it721_morelink .it721_item .it721_iteminner .it721_namebox .it721_name a{ display: block;text-decoration: none;color:#222;font-size:15px;font-weight:500;line-height: 20px;}
.it721_morelink .it721_item .it721_iteminner .it721_pricebox{padding: 0;}
.it721_morelink .it721_item .it721_iteminner .it721_pricebox .it721_price{display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;flex:1;color:#d70110;font-size: 15px;font-weight: 500;line-height:30px;letter-spacing: 0;-ms-flex-pack: flex-start; -webkit-justify-content: flex-start;-webkit-box-pack: flex-start; -moz-box-pack: flex-start; justify-content: flex-start;}
.it721_morelink .it721_item .it721_iteminner .it721_pricebox .it721_price li{vertical-align: bottom;}
.it721_morelink .it721_item .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;padding: 0 0 0 10px;color:#bbb;text-decoration: line-through;font-size: 15px; line-height: 30px; vertical-align: bottom; padding-right: 5px;}
.it721_morelink .swiper-button{width: 54px; height: 56px; position: absolute; color: transparent !important; top: 50%; }
.it721_morelink .swiper-button-next{right: -70px; background: url(images/it719_leftright-arrow.svg) right center no-repeat; background-size: 108px; z-index: 999;}
.it721_morelink .swiper-button-prev{left: -70px; background: url(images/it719_leftright-arrow.svg) left center no-repeat; background-size: 108px; z-index: 999;}
@media screen and (max-width: 1339px) {
	.it721_morelink .swiper-button {display:none !important;}
}

/* 元件722 商品搜尋左側 */
/* it722_default */
.it722{ margin-bottom: 15px; background: #f1f1f1;}
.it722 .it722_mtree:nth-child(1) h1.Page_PSort_title{ margin: 0; background: #587532; border: 0;padding: 10px 15px;border-radius: 5px 5px 0 0;}
.it722 a{display: inline-block;width: auto;height:auto;color:#6a6a6a!important;line-height:34px !important;font-size: 15px !important;}
.it722 a:hover{text-decoration: none;}
.it722 a > span.it722_amount{display: inline-block; background: #999; color: #fff; font-weight: bold; font-size: 12px; width: auto;max-width:33px;padding: 0 3px; height: 22px; line-height: 22px; text-align: center; margin-left: 5px; letter-spacing: -.5px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.it722 h2, .it722 h3, .it722 h4{transition: all 0.3s;cursor: pointer;}
.it722 .it722_mtree:nth-child(1) li.Page_PSort_title{border-radius: 5px 5px 0 0;}
.it722 li.Page_PSort_title{ position: relative; width: 100%; height: auto; background: #e0e0e0; color: #888; font-weight:bold;font-size:18px; line-height:45px; cursor: pointer; text-align: center; /*z-index: 9999999; */-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;}
.it722 li.Page_PSort_title a,.it722 > .it39_layer2 a{ font-weight:bold;font-size:18px; line-height:45px!important; color: #333;}
.it722 li.Page_PSort_title a{color:#888!important;}
/*分類每層共同使用*/
ul.it722_mtree ul {margin-left: 1em;}
ul.it722_mtree a {display: inline-block;}
ul.it722_mtree.transit ul {margin-left: 0;}
.it722 ul.it722_mtree li{ position: relative; top:0; left:0;}
.it722 ul.it722_mtree li>span.dropdown_arrow{ vertical-align: top;cursor:pointer;margin-left:5px;width:25px;height:34px;background-image: url(images/it722_add.svg); background-position: center top; background-size: 34px; background-repeat: no-repeat;display: inline-block; position: absolute; }
.it722 ul.it722_mtree li>span.dropdown_arrow:hover{background-position: center bottom;}
.it722 ul.it722_mtree li.it722_mtree-open>span.dropdown_arrow{background-image: url(images/it722_remove.svg); background-position: center top;}
.it722 ul.it722_mtree li.it722_mtree-open>span.dropdown_arrow:hover{ background-position: center bottom;}
.it722 ul.it722_mtree > li.Page_PSort_title a{padding-left: 0!important;}
/*分類第二層*/
.it722 ul.it722_mtree > li a { display: inline-block;vertical-align: top;padding-left:30px;}
.it722 ul.it722_mtree > li a:hover{text-decoration:underline;}
.it722 ul.it722_mtree > li > a.active{display: inline-block; width:100%; background: #c8006a; color:#fff!important;}
.it722 .Page_PSort_title a.active{background: none!important;}
/*分類第三層*/
.it722 ul.it722_mtree > li.it722_mtree-node > ul.it722_mtree-level-1 > li{background: #eee; padding-left: 15px;}
.it722 ul.it722_mtree > li.it722_mtree-node > ul.it722_mtree-level-1 > li a { display: inline-block; background: #eee; vertical-align: top;}
/*分類第四層*/
.it722 ul.it722_mtree > li.it722_mtree-node > ul.it722_mtree-level-1 > li.it722_mtree-node > ul.it722_mtree-level-2 > li{border-bottom: 1px solid #eee;}
.it722 ul.it722_mtree > li.it722_mtree-node > ul.it722_mtree-level-1 > li.it722_mtree-node > ul.it722_mtree-level-2 > li a { display: inline-block; width:100%; padding-left: 45px;}
.it722 ul.it722_mtree > li.it722_mtree-node > a.active > span.it722_amount { background: #fff; color: #999; }

/* 元件726 banner倒數計時商品 */
/* it726_default */
.it726_default{position:relative;top:-480px;}
.it726_default .it726_left{width:100%;max-width: 1200px; height:auto; margin:0 auto; display: flex; align-items: end;position: relative;top:0;z-index: 3;}
.it726_default .it726_left .it726_title{font-size: 18px; font-weight: 500; padding: 12px 0 10px 12px; width: 132px; display: block;}
.it726_default .it726_left .it726_left_countdown{position: absolute; left: 0; top:0; width:280px;height:480px;background-color: #fff;border-bottom:1px solid #eee;}
.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: -ms-flexbox; 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: -ms-flexbox; display: flex; align-items: center;}
.it726_default .it726_left .it726_left_countdown .it726_time > ul > li.num_01{ flex:25%; width:28px; 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:30px; 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: 30px; font-size: 17px; text-align: center; color: #fff; font-weight: bold; width: 30px; margin: 0 auto; height: 30px;}
.it726_default .it726_left .it726_productbox {margin: 10px;width: calc(100% - 20px);padding:10px 0; border-top:1px solid #eee; position: relative;}
.it726_default .it726_left .it726_productbox .it726_product_item{display: -ms-box!important; display: -moz-webkit-flex!important; display: -webkit-flex!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center; -webkit-align-items: center; align-items: center;margin-bottom: 5px;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_img{max-width:90px; 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{width:90px;height:auto;margin:0 auto;transition:all .5s;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_img > a:hover > img{transform:scale(1.1);}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox{padding:0 0 0 10px;max-width:170px;}
.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: -ms-flexbox; 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:15px; line-height:18px;font-weight: 500;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox .it726_price > li{flex:100%;}
.it726_default .it726_left .it726_productbox .it726_product_item .it726_namepricebox .it726_price .it726_list_price{font-weight: normal;text-decoration: line-through;}
.it726_default .it726_left .it726_productbox .slick-dots{top:-85px;right:0;bottom:inherit;width: auto;max-width: 130px; height: 22px; overflow: hidden;}
.it726_default .it726_left .it726_productbox .slick-dots li{margin:0 3px;width:22px;height:22px;-moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.it726_default .it726_left .it726_productbox .slick-dots li a{width:100%;height:100%;line-height:22px;text-align: center;display: block;text-decoration: none;font-size: 15px;font-weight: 500; color:#fff;}
.it726_default .it726_left .it726_productbox .slick-dots > li { background-color: #bbb; }
.it726_default .it726_left .it726_productbox .slick-dots > li.slick-active{background-color: var(--pic-red);}

/* 元件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: -ms-flexbox; display: flex; -ms-flex-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center;}
.it727_default .it727_leftbox{overflow:hidden;position: relative;width:700px;height: 450px;}
.it727_default .it727_left img{vertical-align:top;width:100%;height:auto;position: absolute;}
.it727_default .it727_left .it727_left_tagbox{width: 100%; height: 100%; position: absolute;}
.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{flex:1;float:left;position: relative;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 13px 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: 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;}
.it727_default .it727_right .it727_pdbox .it727_pdlist{background-color: #eeeeef;padding:15px 20px;height:295px;overflow-y:scroll;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem{background-color: #fff;padding:10px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;margin-bottom:15px;}
.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{max-width:80px;}
.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; transition: all .5s;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_img a:hover img{transform: scale(1.1);}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_namepricebox{width:calc(100% - 100px);padding-left: 10px;position: relative;}
.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: -ms-flexbox; display: flex;position: absolute;bottom:0;width: 100%;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_price > li.it727_sale_price { font-weight: 500;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_price > li.it727_list_price {padding-left: 10px; text-decoration:line-through;}
.it727_default .it727_right .it727_pdbox .it727_pdlist .it727_pditem .it727_price > li.it727_list_price .currency_unit_color{text-decoration:line-through;}

/* 元件728 商品頁籤式 */
/* it728_default */
.it728_default{position: relative; width: 100%;padding: 15px 0;max-width: 1200px;margin:0 auto;}
.it728_default .it728_top{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 1px solid #eee; max-width: 1200px;margin: 0 auto 10px auto;-ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;}
.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; right:0; margin: 0 0 5px 0; padding: 0; height: auto; bottom: initial; position: relative; padding-bottom: 2px; text-align: left; 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;max-width:100%; width: calc(100% - 300px); text-align: right;}
.it728_default .it728_top .it728_tab .it728_tabitem {position:relative;width:auto;height:auto;text-align:center;line-height:28px;font-size: 15px; border-radius: 0;opacity: 1; background-color: #fff; padding:0 5px;margin: 0 8px; cursor: pointer;border:0;max-width:120px;width:100%;}
.it728_default .it728_top .it728_tab .it728_tabitem:last-of-type{margin:0 0 0 8px;}
.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_top .it728_tab .it728_tabitem span{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it728_default .it728_pdlist{height:292px;}
.it728_default .it728_pdlist .it728_iteminner{position: relative;}
.it728_default .it728_pdlist .it728_iteminner img{max-width:200px; margin: 0 auto;}
.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;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: -ms-flexbox; display: flex-ms-flex-pack: flex-start;-webkit-justify-content: flex-start;justify-content: flex-start;}
.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;padding: 0 0 0 10px;text-decoration: line-through;}
.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;}

/* 元件729 手機&電腦 分開上圖輪播 */
/* it729_default */
.it729_default .owl-theme .owl-nav {height: auto;width:100%;}
.it729_default .owl-theme .owl-nav .owl-prev,.it729_default .owl-theme .owl-nav .owl-next {position:absolute;color:transparent!important;top: 50%;transform:translateY(-50%);}
.it729_default .owl-theme .owl-nav .owl-prev,.it729_default .owl-theme .owl-nav .owl-prev:hover {left:0;background:transparent url(images/it668_arrow.svg) left center no-repeat;}
.it729_default .owl-theme .owl-nav .owl-next,.it729_default .owl-theme .owl-nav .owl-next:hover {right: 0;background:transparent url(images/it668_arrow.svg) right center no-repeat;}
.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-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;}
.it729_default.it726_combination {padding-top: 0; padding-bottom: 0; max-width: 920px; height:480px; margin: 0 auto; transform: translateX(135px);}
.it729_default.it726_combination .owl-carousel .owl-item img{width:auto; height: 480px;}

/* 元件731 會員中心首頁 */
/* it731_twglobalmall */
.it731_twglobalmall{max-width: 1100px; width:100%; 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: all .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:hover > a{background-color: #f9f9f9;}
.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.it731_memberdata{display: inline-block;width: auto; 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{display: block;width: 100%;}
.it731_twglobalmall.it731_membering .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li > a > span{width:auto;display: inline-block;}
.it731_twglobalmall.it731_membering .it731_memberinfo .it731_memberinfo_R ul.it731_memberblock li > a > span.it731_memberdata{padding-bottom: 0;position: relative;top:5px;}
.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 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 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 #eee; -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 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{color:#fff;max-width: 100px;line-height: 40px;}
.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{ position: relative;}
.it731_twglobalmall ul.it731_member_functionbox > li > .it731_member_function > li a span .it731_num{ z-index:1; position: absolute; right:-7px; top:-3px; width:22px; height:22px; font-size:12px; line-height: 22px; background-color: var(--pic-red); 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 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_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{ position: relative;display: block; max-width:100%; width:100%; height:auto; line-height: 48px; font-size: 15px; padding-left:15px; text-decoration: none; color:#444;}
.it731_twglobalmall ul.it731_member_editbox > li > a span.it731_editbox_icon{position: absolute; right:10px; 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;}
.it731_twglobalmall ul.it731_member_editbox > li > a:hover span.it731_editbox_icon{right:5px;}

/* 元件748 商品分類-推薦商品 */
/* it748 default */
.it748_sort_title{ float: right; width: calc(100% - 220px); color: #222; font-size: 26px; font-weight: 500; margin-bottom: 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:50%;transform: translate(-50%,-50%); width:100%; z-index: 101;align-items: center;}
.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: 16.66%; height: 16.66%; 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;}
/* 4 */
.it748_style_4{ justify-content: center;}
.it748_style_4 ul.product_list:nth-child(1){ width: 780px; display: flex; justify-content: space-evenly;}
.it748_style_4 ul.product_list:nth-child(1) li{ width: 380px;}
.it748_style_4 ul.product_list:nth-child(2){ width: 160px; display: flex; flex-wrap: wrap;}
.it748_style_4 ul.product_list:nth-child(2) li{ width: 160px;}
.it748_style_4 .product_list {list-style:none;margin:0;padding:0;}
.it748_style_4 .product_list > li { margin-bottom: 0;}
/* 5 */
.it748_style_5{ justify-content: center;}
.it748_style_5 ul.product_list:nth-child(1){ width: 380px; display: flex; justify-content: space-evenly;}
.it748_style_5 ul.product_list:nth-child(1) li{ width: 380px;}
.it748_style_5 ul.product_list:nth-child(2){ width: 400px; display: flex; flex-wrap: wrap;}
.it748_style_5 ul.product_list:nth-child(2) li{ width: 160px;}
.it748_style_5 .product_list {list-style:none;margin:0;padding:0;}
.it748_style_5 .product_list > li { margin:0 20px;}
/* 6 */
.it748_style_6 .product_list{ display: flex; flex-wrap: wrap; justify-content: center;}
.it748_style_6 .product_list > li{ width: 250px; margin: 0 30px;}
/* 7 */
.it748_style_7{ justify-content: center;}
.it748_style_7 ul.product_list:nth-child(1){ width: 380px; display: flex; justify-content: space-evenly;}
.it748_style_7 ul.product_list:nth-child(1) li{ width: 380px;}
.it748_style_7 ul.product_list:nth-child(2){ width: 510px; display: flex; flex-wrap: wrap;}
.it748_style_7 ul.product_list:nth-child(2) li{ width: 160px;}
.it748_style_7 .product_list {list-style:none;margin:0;padding:0;}
.it748_style_7 .product_list > li { margin:0 5px;}

/* 元件751 客服紀錄 */
/* 元件751_default */
/* 客服紀錄共用 */
.it751_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;}
/* 客服紀錄上方-標題 */
.it751_default .it751_top_box { display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: flex; margin-bottom: 10px; align-items: center;}
.it751_default .it751_top_box .component_title { -webkit-box-flex: 5; -moz-box-flex: 5; -webkit-flex: 5; -ms-flex: 5; flex: 5; }
.it751_default .triangle-top {right:88px;}
/* 總數-客服問題&商品問題 */
.it751_default .it751_totalbox{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it751_default .it751_totalbox .it751_total_item { padding: 14px 0; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height:80px; 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;}
.it751_default .it751_totalbox .it751_total_item:first-of-type{margin-right:5px;}
.it751_default .it751_totalbox .it751_total_item:last-of-type{margin-left:5px;}
.it751_default .it751_totalbox .it751_total_item .it751_total_text { font-size: 15px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #444; line-height: 24px; margin:0;}
.it751_default .it751_totalbox .it751_total_item .it751_total_amount { font-size: 30px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: var(--pic-red); line-height: 32px; margin:0;}
.it751_default .it751_totalbox .it751_total_item .it751_total_amount .it751_text_red_yuan { width: 18px; height: 25px; margin: 0 0 0 8px; font-size: 12px; font-weight:400; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: right; color: #444; vertical-align: baseline;}
/* 客服問題切換列 */
.it751_default .it751_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; }
.it751_default .it751_nav .it751_nav_item:first-of-type > a { border-radius: 5px 0 0 5px; }
.it751_default .it751_nav .it751_nav_item:last-of-type > a{border-radius: 0 5px 5px 0;}
.it751_default .it751_nav .it751_nav_item{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.it751_default .it751_nav .it751_nav_item > a { transition: background-color .3s; width:100%; height: 40px; line-height:30px;display: inline-block;padding: 5px 0;font-size:15px;text-align: center;position:relative;color:#444;border-bottom:solid 1px #eee;border-left:solid 1px #eee;border-top:solid 1px #eee;text-decoration: none;background-color:transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.it751_default .it751_nav .it751_nav_item:last-of-type > a{border-right:solid 1px #eee;}
.it751_default .it751_nav .it751_nav_item > a.active{ color: #444; background-color: #eee; text-align: center; font-size: 15px;}
.it751_default .it751_nav .it751_nav_item > a:hover, .it751_default .it751_nav .it751_nav_item > a:focus { text-decoration: none;}
.it751_default .it751_nav .it751_nav_item > a:hover {background-color: #fcfcfc;}
.it751_default .it751_nav .it751_nav_item > a.active:hover{background-color: #eee;}
.it751_default .it751_nav .it751_nav_item > a.disabled { color: #6c757d; pointer-events: none; cursor: default; }
.it751_default .it751_nav .it751_nav_item > a::after { content: ""; border: transparent 10px solid; border-width: 8px 9px; border-top-color: #eee; position: absolute; top:39px; left: 50%; transform:translateX(-50%); opacity: 0;}
.it751_default .it751_nav .it751_nav_item > a.active::after { opacity: 1;}
.it751_default .it751_nav .it751_nav_item > a span.it751_status_amount{color:#999; font-size:13px; margin-left:3px;vertical-align: top;}
.it751_default .it751_nav .it751_nav_item > a span.it751_status_amount.it751_status_amount_em{color:var(--pic-red);}
/* 顯示單狀態列表 */
.it751_tab_content .collapse:not(.show) { display: none; }
.it751_tab_content>.it751_tabpane { display: none;opacity: 0; }
.it751_tab_content>.active { display: block;opacity: 1; }
.it751_tab_content .it751_tab_content { display: flex; justify-content: center; border-radius: 5px; width: 100%; height: 100%; border: 1px solid #eee; background-color: #fff; margin-top: 15px; }
.it751_tab_content #pills-contact .it751_content_item{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; width: 100%; 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; -ms-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; border:1px solid #eee; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:10px;}
.it751_tab_content .it751_content_item:first-of-type .it751_web_box{margin-top: 0;}
.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:var(--pic-red);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{ 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-pack: center; -webkit-justify-content: center;-webkit-box-pack: center; -moz-box-pack: center; justify-content: center; padding:10px; width:100%;}
.it751_tab_content .it751_content_item .it751_answer{margin: 10px; background-color: #f5f5f5; width: calc(100% - 20px); padding: 10px 10px 10px 0;}
.it751_tab_content .it751_answer .it751_aicon { width: 50px; height: 50px; background-image: url(images/it751_icons-A.png); }
.it751_tab_content .it751_question .it751_qicon { width: 50px; height: 50px; background-image: url(images/it751_icons-Q.png); }
.it751_tab_content .it751_date { font-size: 12px; color:#bbb;}
.it751_tab_content .it751_qa_content_box .it751_product_text_content { font-size: 15px; font-weight: 500; }
.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;}
.it751_tab_content #pills-all .it751_content_item{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; 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; border:1px solid #eee; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom:10px;}
.it751_tab_content #pills-all .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 #pills-all .it751_content_item .it751_images a { width: 100%; height: auto; display: block;}
.it751_tab_content #pills-all .it751_content_item .it751_images a img { width: 100%; height: auto; vertical-align:top;}
.it751_tab_content #pills-all .it751_content_item .it751_images .it751_pdname{ margin-top:5px; font-size: 14px; line-height: 20px;}
.it751_tab_content #pills-all .it751_content_item .it751_images .it751_pd_num,.it751_tab_content #pills-all .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 #pills-all .it751_content_item .it751_images .it751_pd_num a{margin-left:5px; text-decoration:underline;}
.it751_tab_content #pills-all .it751_content_item .it751_images .it751_pd_num a:hover{color:#999;}
.it751_tab_content #pills-all .it751_content_item .it751_question{padding:10px 0;}
.it751_tab_content #pills-all .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;}
.it751_tab_content .it751_content_item .it751_qa_content_box { flex: 0 0 auto; width: 91%; padding-left:10px; line-height: 22px; font-size: 14px; text-align: justify;}

/* 元件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_L .it753_item{position:relative;max-width: 760px;}
.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:hover{ color:#d70110;}
.it753_default .it753_L .it753_item li > a .it753_item_hoverbox{ background-color: rgba(215,1,16, .75); width:142px; height:142px; opacity: 0; transition: all .3s; position: absolute; color:#fff; font-size: 14px; 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; z-index:1;}
.it753_default .it753_L .it753_item li > a:hover .it753_item_hoverbox{opacity: 1;}
.it753_default .it753_L .it753_item li > a img{ max-width:100%; width:100%; height:auto;vertical-align: top;}
.it753_default .it753_R{float: left; max-width: 425px; padding-left: 10px;}
.it753_default .it753_R .endScreen{ padding-top:25px !important;}
.it753_default .it753_R .endScreen img{width: 50px;height: 50px;}
.it753_default .owl-nav .owl-prev,.it753_default .owl-nav .owl-next {position:absolute;color:transparent!important;top: 50%;transform:translateY(-50%);width: 40px; height: 40px;}
.it753_default .owl-nav .owl-prev,.it753_default .owl-nav .owl-prev:hover {left:-10px;background:transparent url(images/it668_arrow.svg) left center no-repeat;}
.it753_default .owl-nav .owl-next,.it753_default .owl-nav .owl-next:hover {right:-10px;background:transparent url(images/it668_arrow.svg) right center no-repeat;}
.it753_default .owl-nav.disabled>button {background: none;border: unset;font-size: 60px;}
.it753_default .owl-nav.disabled {position: absolute;top: 50%;transform:translateY(-50%);width:100%;}
@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;}
}

/* 772-頁籤篩選最新消息 */
.it772_bg{ width: 100%; background: #fff; padding:40px 0 60px 0;}
.it772_bg .it772_box{ width:1200px; height:auto; margin: 0 auto; display: flex; flex-wrap:nowrap;}
.it772_bg .it772_box .it772_title{ display:flex; margin-bottom:20px;}
.it772_bg .it772_box .it772_title .it772_item_name{ width:80%;}
.it772_bg .it772_box .it772_title .it773_top_r{ width:20%; padding-top:20px;}
.it772_bg .it772_box .it772_title .it773_top_r a{ display: block; float:right; width:140px; height:35px; text-align:center; color:#888; background: url(images/it773_more.svg) right bottom no-repeat; background-size: 100% auto;}
.it772_bg .it772_box .it772_title .it772_item_name .title_en{ font-size: 24px; color: #ed6498; display: block; margin: 0 auto; line-height: 35px; letter-spacing: 1px;}
.it772_bg .it772_box .it772_title .it772_item_name .title_zh{ 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:351px; 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:20px 0; border-bottom: solid 1px #e0e0e0; flex-wrap: nowrap;}
.it772_bg .it772_box .it772_list .it772_news_list li a{ display:block; width: 90%; font-size: 16px; color:#222; text-align:left;overflow : hidden; text-overflow : ellipsis; white-space : nowrap;}
.it772_bg .it772_box .it772_list .it772_news_list li span{ display:block; width: 10%; font-size: 14px; color:#888; text-align:right;}



/* 元件765 商品詳細頁左側導覽 */
/* it765_default */
.it765_default{ margin-bottom: 0;}
.it765_default .mtree:nth-child(1) h1.Page_PSort_title{ margin: 0; background: #587532; border: 0;padding: 10px 15px;border-radius: 5px 5px 0 0;}
.it765_default a{display: inline-block;width: auto;height:auto;color:#222;line-height:20px;font-size: 15px;}
.it765_default a:hover{text-decoration: none;}
.it765_default h2, .it765_default h3, .it765_default h4{transition: all 0.3s;cursor: pointer;}
.it765_default li.Page_PSort_title,.it722 li.Page_PSort_title{ position: relative; width: 200px; height: auto; background: #ddd; font-weight: 500; font-size: 16px; line-height:40px;text-align: center;margin-bottom: 3px;}
.it765_default li.Page_PSort_title a,.it765_default > .it765_layer2 a{ font-weight: 500; font-size: 16px; line-height:40px;}
.it765_default li.Page_PSort_title a{color:#383838!important;}
/*分類每層共同使用*/
ul.mtree ul {margin-left: 1em;}
ul.mtree a {display: inline-block; cursor: pointer;}
ul.mtree.transit ul {margin-left: 0;}
.it765_layer2,.it765_layer3, .it765_layer4, .it765_layer5{padding-left: 0;background: none;}
.it765_default ul.mtree li{ position: relative; top:0; left:0;}
.it765_default ul.mtree li img{ width: 30px; height: 30px; vertical-align: middle; padding:3px;}
.it765_default ul.mtree > li.Page_PSort_title a{padding-left: 0!important;}
/*分類第二層*/
.it765_default ul.mtree > li.mtree-node > a{background-color: #f3f3f3; padding: 0 8px; line-height: 50px; background-repeat: no-repeat;background-size: 40px; margin-bottom: 3px;}
.it765_default ul.mtree > li.mtree-node.mtree-node > a{ background-image:none;}
.it765_default ul.mtree > li.mtree-node.mtree-open > a{ background-image: url(images/it765_toggle.svg); background-position: right top;}
.it765_default ul.mtree > li.mtree-node.mtree-closed > a{ background-image: url(images/it765_toggle.svg); background-position: right bottom;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1:last-of-type{margin-bottom:3px;}
.it765_default ul.mtree > li a { display: inline-block; width:100%; padding: 8px 10px 8px 25px; word-break: break-all;}
.it765_default ul.mtree > li.Page_PSort_title a{padding:0;}
.it765_default ul.mtree > li > a.active{display: inline-block; width:100%; background: #222; color:#fff!important;}
.Page_PSort_title a.active{background: none!important;}
/*分類第三層*/
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1{position: relative;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li{background-color: transparent;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1:after{content:""; position: absolute; right:0; bottom:0; width:calc(100% - 38px); height:1px; background-color:#ddd;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1:last-of-type:after{content:none;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li > a { display: inline-block; width:100%; padding: 8px 10px 8px 38px; margin-bottom: 3px;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-node > a { background-image: url(images/it765_toggle.svg);background-size: 40px; background-repeat: no-repeat; margin-bottom: 3px;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-open > a{ background-position: right -10px;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-closed > a{ background-position: right -60px;}
/*分類第四層*/
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-node > ul.mtree-level-2{position: relative;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-node > ul.mtree-level-2 > li > a { display: inline-block; width:100%; padding-left: 52px; margin-bottom: 3px;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-node > ul.mtree-level-2 > li.mtree-node > a { background-image: url(images/it765_toggle.svg);background-size: 40px; background-repeat: no-repeat;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-node > ul.mtree-level-2 > li.mtree-open > a{ background-position: right -10px;}
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-node > ul.mtree-level-2 > li.mtree-closed > a{ background-position: right -60px;}
.it765_default ul.mtree > li.prod_sort_li .sort_arrowbox{background-color: #e0e0e0;}
.it765_default ul.mtree > li.prod_sort_li > b > a.sort_arrowbox{ background-position: 15px center;}
.it765_default ul.mtree > li.prod_sort_li > ul > li.prod_sort_li > b > a.sort_arrowbox{ background-position: 25px center;}
.it765_default ul.mtree > li.prod_sort_li > ul > li.prod_sort_li > ul > li.prod_sort_li > b > a.sort_arrowbox{ background-position: 35px center;}
/*分類第五層*/
.it765_default ul.mtree > li.mtree-node > ul.mtree-level-1 > li.mtree-node > ul.mtree-level-2 > li.mtree-node > ul.mtree-level-3 > li > a{ display: inline-block; width:100%; padding-left: 67px;}

/* 元件775 商品分類-推薦商品 */
/* it775_default */
.it775_default { float: right; width: calc(100% - 220px) !important; margin-bottom: 15px;}
.it775_default .it775_box_ouuter{position: relative; border-style: solid; border-left-width: 0; border-right-width:3px;border-top-width:3px;border-bottom-width:3px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it775_default .it775_box_ouuter .it775_title_box{ float:left; width:46px; color: #fff; font-size: 26px; font-weight: 500; text-align: center; 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:12px 0 6px;}
.it775_default .it775_box_ouuter .it775_title_box .it775_title{font-size: 22px; line-height:40px; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; letter-spacing: 6px; display: block;cursor: default;}
.it775_default .it775_box_ouuter .it775_box { float:left; width:calc(100% - 46px); padding:8px 10px;}
.it775_default .it775_product_bg{position:absolute;bottom:0;left:0;max-width:100%; width:100%; height:100%;opacity:.12;}
.it775_default .it775_box_ouuter .it775_box .it775_pd_list{display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it775_default .it775_box_ouuter .it775_box .it775_pd_list > li{ height: auto;width: 100%;box-sizing: border-box; padding:10px; position: relative; overflow: hidden; background-color: #fff;}
.it775_pd_list li .img_hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 97; opacity: 0;transition: all .5s;background: rgba(255,255,255,.7);}
.it775_pd_list li:hover .img_hover{opacity: 1;}
.it775_pd_list li .img_hover .product_btn{position: absolute;left:50%;top: 50%;transform:translate(-50%,-50%); z-index: 101;-ms-flex-align: center; -webkit-align-items: center; align-items: center;margin: 0 auto; -webkit-box-flex: inherit; -moz-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; 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;height: 45px; width: 120px;}
.it775_pd_list li .img_hover .product_btn a{background-repeat: no-repeat;background-position: center center; text-indent:-99999px;width: 45px;height: 45px; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;transition: all .5s;display: block;}
.it775_pd_list li .img_hover .product_btn .add_cart{z-index: 999;width:45px;height:45px;float: left;margin: 0 4px;}
.it775_pd_list li .img_hover .product_btn .add_heart{z-index: 999;width:45px;height:45px;float: left;margin: 0 4px;}
.it775_pd_list li .img_hover .product_btn .add_heart a{background-color: rgba(0,0,0,.45); background-image: url(images/it775-icon-heart-line.svg); background-size: 32px;}
.it775_pd_list li .img_hover .product_btn .add_heart a.active{ background-image: url(images/it775-icon-heart.svg);}
.it775_pd_list li .img_hover .product_btn .add_cart a{background-color: rgba(0,0,0,.45); background-image: url(images/it775-icon-cart-w.svg); background-size: 32px;}
.it775_pd_list li .img_hover .product_btn a:hover { background-color: rgba(0,0,0,.6); }
.it775_pd_list li .img_hover > a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100;}
.it775_pd_list li .it775_pd_list_img img{ width: 100%; height:auto; vertical-align: top;}
.it775_default .it775_box_ouuter .it775_box .it775_it775_pd_list_text{height: auto; padding-top: 6px; padding-bottom:0;text-align: left;}
.it775_default .it775_box_ouuter .it775_box .it775_it775_pd_list_text h2{height:34px;}
.it775_default .it775_box_ouuter .it775_box .it775_it775_pd_list_text h2 a{font-size: 13px;font-weight: normal;text-align: left;color:#222;line-height:18px;max-height: 34px;display:block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.it775_default .it775_box_ouuter .it775_box .it775_it775_pd_list_text .price.special {text-align: left;line-height: 1.47;letter-spacing: 0.38px;color: #d70110;font-size: 13px;margin-top: 3px;}
.it775_default .it775_box_ouuter .it775_box .it775_it775_pd_list_text .price .original {letter-spacing: 0.38px;line-height: 1.47;color: #b4b4b4;font-size: 13px;text-decoration:line-through;margin-left:5px;}
/* 4 */
.it775_default .it775_box_ouuter .it775_box.it775_style_4{ 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;}
.it775_default .it775_box_ouuter .it775_box.it775_style_4 .it775_pd_list{width: 100%;}
.it775_default .it775_box_ouuter .it775_box.it775_style_4 ul.it775_pd_list li{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-right:10px;}
.it775_default .it775_box_ouuter .it775_box.it775_style_4 .it775_pd_list > li:last-of-type{margin-right: 0;}
.it775_default .it775_box_ouuter .it775_box.it775_style_4 ul.it775_pd_list li .it775_pd_list_img{max-width: 150px; margin: 0 auto;}
/* 5 */
.it775_default .it775_box_ouuter .it775_box.it775_style_5{-ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;}
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_L{float: left;}
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_L > li{ width: 270px;}
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_L > li .it775_pd_list_img{max-width: 129px; margin: 0 auto;}
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_R{width: calc(100% - 280px); float: right; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;}
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_R > li{ width:311px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_R > li:first-of-type,.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_R > li:nth-child(2){margin:0 0 10px 0;}
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_R > li .it775_pd_list_img{width: 80px;}
.it775_default .it775_box_ouuter .it775_box.it775_style_5 ul.it775_pd_list.it775_pd_list_R > li .it775_it775_pd_list_text{width:calc(100% - 80px);padding:0 0 0 10px;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; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
/* 6 */
.it775_default .it775_box_ouuter .it775_box.it775_style_6 ul.it775_pd_list{ -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: space-between; -webkit-justify-content: space-between;-webkit-box-pack: space-between; -moz-box-pack: space-between; justify-content: space-between;}
.it775_default .it775_box_ouuter .it775_box.it775_style_6 ul.it775_pd_list > li{ width: calc(100%/3 - 7px); display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it775_default .it775_box_ouuter .it775_box.it775_style_6 ul.it775_pd_list > li:nth-child(1), .it775_default .it775_box_ouuter .it775_box.it775_style_6 ul.it775_pd_list > li:nth-child(2), .it775_default .it775_box_ouuter .it775_box.it775_style_6 ul.it775_pd_list > li:nth-child(3){margin-bottom: 10px;}
.it775_default .it775_box_ouuter .it775_box.it775_style_6 ul.it775_pd_list > li .it775_pd_list_img{width: 80px;}
.it775_default .it775_box_ouuter .it775_box.it775_style_6 ul.it775_pd_list > li .it775_it775_pd_list_text{width:calc(100% - 80px);padding:0 0 0 10px;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; -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;}
/* 7 */
.it775_default .it775_box_ouuter .it775_box.it775_style_7 ul.it775_pd_list > li{ margin-right: 10px;}
.it775_default .it775_box_ouuter .it775_box.it775_style_7 ul.it775_pd_list > li:last-of-type{ margin-right: 0;}
.it775_default .it775_box_ouuter .it775_box.it775_style_7 .it775_it775_pd_list_text .price.special{line-height: 14px; margin-top: 5px;}
.it775_default .it775_box_ouuter .it775_box.it775_style_7 .it775_it775_pd_list_text .price .original{display:block;margin-left:0;}
@keyframes it775_shiny {
	0% {transform:translateY(-100%) rotate(45deg);}
	100% {transform:translateY(100%) rotate(45deg);}
}
@keyframes it775_shiny2 {
	0% {transform:translateY(-100%) rotate(45deg);}
	100% {transform:translateY(100%) rotate(45deg);}
}

/* 元件778 商品總覽(單店用) */
/* it778_default */
.it778_top_search.gh_ShopSearchTOP{ width:100%; margin:0 auto; border:1px solid #eeeeee;}
.it778_top_search .gh_ShopSearchTOP_list{ width:100%; height:auto; background:#f7f7f7; display:flex;}
.it778_top_search .gh_ShopSearchTOP_list > div{ float:left; padding:5px 15px 10px 15px;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L{ width:150px;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_L h5{ font-size:15px; line-height:30px;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R{ width:100%; height:auto; background:#FFF;}
.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:14px; line-height:30px; color:#666;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R > ul > li > a > span{ color:#bbbbbb; margin-left:5px;}
.it778_top_search .gh_ShopSearchTOP_list > div.gh_ShopList_R > ul > li > a:hover{color:#444;}
.it778_top_search .gh_ShopSearchTOP_array_R input[type="text"], .it778_top_search input[type="password"], .it778_top_search select {border: 1px solid #ccc; border-radius: 5px; padding: 3px 10px;}

.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:#666; float:left; font-size:15px; line-height:30px; padding:0 10px;}
/* .gh_ShopSearchTOP_array_L li a{ display:block; background:url(it74_down.svg) no-repeat bottom right; background-size: 10px; color: #000; font-size:15px; line-height:30px; padding:0 20px 0 10px;}
.gh_ShopSearchTOP_array_L li a:hover{ background:url(it74_down.svg) no-repeat top right; background-size: 10px;  font-weight: bold; text-decoration:none;}
.gh_ShopSearchTOP_array_L li.moshover a{ background:url(it74_down.svg) no-repeat top right; background-size: 10px;  font-weight: bold;  text-decoration: none;} */
.it778_top_search_down .gh_ShopSearchTOP_array_L li a{ display:block; background:url(images/it778_down_icon.svg) no-repeat bottom right; background-size: 10px; color: #000; 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 top right; background-size: 10px;  font-weight: bold; text-decoration:none;}
.it778_top_search_down .gh_ShopSearchTOP_array_L li.moshover a{ background:url(images/it778_down_icon.svg) no-repeat top right; background-size: 10px;  font-weight: bold;  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 10px 0 15px;}
.it778_top_search_down .gh_ShopSearchTOP_array_R{ float:right;}
.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; line-height: 28px;}
.it778_top_search_down .gh_ShopSearchTOP_array_R01{ padding-right:2px;}
/* .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:28px; font-size:15px; line-height:28px; color:#666;}

.it778_search_shop.gh_ShopSearchBox{ width:100% !important; height:auto; margin:0 auto; padding-top:15px; padding-bottom:30px !important; display:flex;}
.it778_search_shop.gh_ShopSearchBox > ul > li{ float:left; width:20%; padding:0 3px 20px;}
.it778_search_shop .gh_ShopBox{ width:100%; 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:#00a041;}
.it778_search_shop .gh_ShopView a:hover:before{ border-bottom:22px solid #00a041;}
.it778_search_shop .gh_ShopLogo a{ display:block; width:200px; height:90px; 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:#008cd6; font-weight:bold;}
.it778_search_shop .gh_ShopDetail{ width:200px; height:40px; margin:0 auto; overflow:hidden; font-size:13px; line-height:20px; 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;}
/* 頁碼 */
.it778_page.gh_PageNumber{ width:100%; height:auto !important; text-align:center;}
.it778_page .gh_PageNumber ul{ display:inline-block;}
.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_default{max-width:1200px;width:100%;margin:0 auto 10px;}
.it781_default .category_filter{border: solid 1px #ddd; background-color: #fff;width:100%; font-size:.8125rem;}
.it781_default .category_filter > ul > li{border-bottom: solid 1px #ddd; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow:hidden;padding:3px 8px 3px 15px;-ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative;}
.it781_default .category_filter > ul > li .it781_filter_title{ font-weight:600; width:160px;line-height: 24px;font-size: 13px;}
.it781_default .category_filter > ul > li .it781_filter_inner{ width:956px; max-height:30px; text-align:left; height:auto; margin-right: 10px;}
.it781_default .category_filter > ul > li .it781_filter_inner.filter_open{max-height:102px; -webkit-transition: max-height .3s ease-out; transition: max-height .3s ease-out;}
.it781_default .category_filter > ul > li .it781_filter_inner > ul{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; -ms-flex-pack: flex-start; -webkit-justify-content: flex-start;-webkit-box-pack: flex-start; -moz-box-pack: flex-start; justify-content: flex-start;}
.it781_default .category_filter > ul > li .it781_filter_inner.filter_open > ul{overflow-y:auto; max-height:100px;}
.it781_default .category_filter > ul > li .it781_filter_inner > ul > li{margin-right:25px;height:33px; display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.it781_default .category_filter > ul > li .it781_filter_inner.filter_open > ul > li{-webkit-box-flex: 0 16.66%; -moz-box-flex: 0 16.66%; -webkit-flex: 0 16.66%; -ms-flex: 0 16.66%; flex: 0 16.66%; width: 16.66%; margin-right: 0;}
.it781_default .category_filter .category_filter_btn{padding:7px 0; width:56px;}
.it781_default .category_filter .category_filter_btn a{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; width:56px; height: 26px; line-height:28px;  font-size: 13px; font-weight: 500; line-height: 1.54; letter-spacing: 0.41px; text-align: center;}
.it781_default .category_filter .category_filter_btn a svg{display: none;}
.it781_default .category_filter .category_filter_btn a svg.filter_btn_svg_active{display: inline-block;}
.it781_default .category_filter > ul > 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:4px 5px 4px 26px;}
.it781_default .category_filter > ul > li .it781_filter_inner.filter_open > ul > li label{max-width: 158px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.it781_default .category_filter > ul > li label input { position: absolute; opacity: 0; cursor: pointer; top:0;}
.it781_default .category_filter > ul > li label .label_checkmark { position: absolute; top:6px; 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;}
.it781_default .category_filter > ul > li label:hover .label_checkmark{border-color: #d9d9d9;}
.it781_default .category_filter > ul > li label input:checked ~ .label_checkmark { background-color: #000; border-color: #000;}
.label_checkmark:after { content: ""; position: absolute; display: none; }
.it781_default .category_filter > ul > li label input:checked ~ .label_checkmark:after { display: block; }
.it781_default .category_filter > ul > 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); }
.it781_default ::-webkit-scrollbar { width: 5px;}
.it781_default ::-webkit-scrollbar-track { background: rgba(0,0,0,.05);}
.it781_default ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1);}
.it781_default ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.15);}
.it781_default .it781_more_btn{text-align: center;padding:10px 0;color: #999; font-size: 14px; cursor: pointer;}
.it781_default .it781_more_btn:hover{background-color:#f9f9f9;}
.it781_default .it781_tagmore_btn{border: solid 1px #ddd;background-color:#f5f5f5;color:#999;font-size:13px;font-weight:400;line-height: 20px;height: 24px;position: absolute;right:6px; top:6px;-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;}
.it781_default .it781_tagmore_btn:hover{background-color:#f1f1f1;}
.it781_default .it781_more_btn i,.it781_default .it781_tagmore_btn i{line-height: 18px;font-size: 16px;}

/* 元件782 進階搜尋分類 */
/* it782_default */
.it782_default{width: 200px;}
.it782_default .it782_main_title{background-color: #b7b7b7;height:40px;text-align: center;}
.it782_default .it782_main_title h3{line-height: 40px;font-size: 14px;font-weight: 600;color: #222;}
.it782_default .it782_container .it782_title{background-color: #e0e0e0;height:40px;display: -ms-box; display: -moz-webkit-flex; display: -webkit-flex; display: -ms-flexbox; display: flex;cursor: pointer;}
.it782_default .it782_container .it782_title h3{line-height: 40px;font-size: 14px;font-weight: 500;color: #222;width:calc(100% - 30px);padding:0 10px;}
.it782_default .it782_container .it782_title span{width:30px;font-size: 22px; line-height: 42px;}
.it782_default .it782_container .it782_content .it782_rangebox{padding:10px 20px 8px;}
.it782_default .it782_container .it782_content 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_container .it782_content label input { position: absolute; opacity: 0; cursor: pointer; top:0;}
.it782_default .it782_container .it782_content 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_container .it782_content label input:checked ~ .label_checkmark { background-color: #000; border-color: #000;}
.label_checkmark:after { content: ""; position: absolute; display: none; }
.it782_default .it782_container .it782_content label input:checked ~ .label_checkmark:after { display: block; }
.it782_default .it782_container .it782_content 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); }

/* 活動 Light Box */
.jooshop_addcar_box{width:100%;max-width:600px;padding:10px;background-color:#fff;border: 1px solid #ddd;}
.jooshop_addcar_box .addcar_box{width:100%;}
.jooshop_addcar_box .addcar_box .addcar_top{width:100%;height:30px;background-color:#eee;text-align:center;color:#999;font-size:15px;line-height:30px;margin-bottom:5px;}
.jooshop_addcar_box .addcar_box .addcar_box_deta{width:100%;padding:0 0 0 10px;border-bottom:1px solid #ededed;height:46px;overflow:hidden;}
.jooshop_addcar_box .addcar_box .addcar_box_deta:last-of-type{border-bottom:0;}
.jooshop_addcar_box .addcar_box .addcar_box_deta p{font-size:15px;line-height:46px;float:left;max-width:450px;}
.jooshop_addcar_box .addcar_box .addcar_box_deta a{display:block;width:auto;height:40px;text-align:center;font-size:16px;text-decoration:none;color: #fff;float:right;margin-top:4px;line-height:38px;cursor: pointer; padding: 0 12px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.jooshop_addcar_box .tbs_seemore{margin-top:5px;}
.jooshop_addcar_box .tbs_seemore a{font-size:16px;line-height:38px;height:40px;color:#fff;display:block;width:100%;text-decoration:none;text-align: center;cursor: pointer; padding: 0 12px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}



/* ============== 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;

	--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: 5px;
	/* 灰色系列 */
	--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;

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

	/* common setting */
	--radius: 5px;
}

/* 背景 顏色*/
.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,.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-white-red,.pic-BgText-color-white-red {background: #fff;color:var(--pic-red);border: var(--pic-red) 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-default .pic-font-size-17,.pic-font-size-17{font-size: 17px;}
/* 字體中間 */
.pic-text-center{text-align: center;}
/* 線 */
.pic-line-bottom-none{border-top: 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);}
.pic-top-line{border-top: 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{ margin-bottom: 5px;}
.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-t5,.pic_padding-t5{ padding-top: 5px;}
.pic-padding-b5,.pic_padding-b5{ padding-bottom: 10px;}

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

/* --------------間距-------------- */
/* line */
.pic-line-light15{line-height: 15px;}
/*  */
.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: hidden; 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 .pic-nav-a::after{content: "";border-right: 1px #ddd solid;position: absolute;height: 17px;top: 11px;right: 0px;} */
.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{  flex:1}
.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%;}

/* 團購水平滑動選單CSS END */

/* -----頁碼 開始-----*/


/* 頁碼 */
.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);}
.pic-page-num-box{ margin: 0 3px 3px;}
.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: 1px solid rgba(0, 0, 0, .1);background: #fff; transition: all .3s;}
.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);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-box .pic-page-link-num:hover{background:var(--outlined-orange);}
.pic-page-num-box .pic-page-link-num:active{background:var(--primary)}
.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;}
/* -----頁碼 結束-----*/

/* 下拉標題 */
.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;}

/* 新增賣場 圓圈樣式 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)}
.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-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{}

.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:99999;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.pd_eighteen_only .pic-window{ max-width:460px;}
.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;color: #fff;background: #2b9dd2;border-top: 1px solid #D5D5D5;border-left: 1px solid #D5D5D5;}
.pic-window-bg .pic-window-button-TwoBtn-r:hover{background: #2b9dd2;}
.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);border: 1px solid #FDE4D3;color: var(--primary);padding:3px 10px;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;}
.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-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;}


/* 綠色提示框 - 可共用*/
.order_list_section{margin-top: 43px;}
.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);}

/* 記得搬回 898 */
.pic-GeneralStore-shelf-setting-box .pic-GeneralStore-logistics-freight-full{display: flex;margin-left: 29px;align-items: center;}
.pic-GeneralStore-shelf input {border: 1px solid var(--pic-color-grey-10);background: var(--pic-color-grey-5);color: var(--pic-color-grey-40);border-radius: 8px;}
/* 記得搬回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:81px;}
.pic-schedule-line-orange-l {position: absolute;width: 50%;height: 1px;background-color: var(--primary); top: -6px;left: 39px;}
/* 共用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-black-arrows-rotate-right{content: "";background: url(images/pic/Icon_Arrows_BlackDown-bold.svg)no-repeat;display: inline-block;width: 25px;height: 24px;background-size: contain;background-position: center;transition: 0.3s;transform: rotate(90deg);}
.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-right{transform: rotate(90deg);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
{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-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-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;}

/* 下方按鈕-結束 */
.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;}
/* 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: 0px 0;}
		.pic-commodity-details img{background-size: contain;width: 70px;height: 70px;border-radius: 5px;}
		.pic-commodity-details .pic-commodity-details-content{font-size: 14px;}
		.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; }

/* 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;}
.it957-default{padding-bottom:69px;}

/* 訂單編號 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 .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: 50%;margin-top:-25px;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: 50%;margin-top:-25px;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:47px;left:13px}
.it924-default .it924-carousel-default .nav-btn.next-slide{top:47px;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 .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:45%;left:17px}
.it924-style01 .it924-carousel-style01 .nav-btn.next-slide{top:45%;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 .it924-carousel-style01 .it924-bn-carousel img{max-width:100%;height:146px}
.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:46px;left:13px}
.it924-style01 .it924-carousel-style01 .nav-btn.next-slide{top:46px;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;}

/* 活動頁商品樣式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;}
.iopen-mall-item-mb{ margin-bottom: 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; border-radius: 10px; overflow: hidden;}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn{ position: absolute; right: 10px; bottom: 10px; z-index: 3; display: flex; justify-content: flex-end; width: 110px; height: 50px; opacity: 0; transition: all 0.5s;}
.pic-pds-default01 .pic-pds-imgbox .pic-pds-btn > div:last-of-type{ margin-left:10px;}
.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;}
/* .pic-pds-default01 .pic-pds-imgbox a + .img_eighteen_only{-webkit-filter:brightness(1); transition: all .5s;} */
.pic-pds-default01 .pic-pds-imgbox a img{ display: block; max-width: 100%; width: 100%; height: auto;}
.pic-pds-default01 .pic-pds-imgbox .img_eighteen_only:after{ content:''; width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,.3); transition: all .5s; opacity: 0;}
.pic-pds-default01 .pic-pds-imgbox:hover .img_eighteen_only:after{ opacity:1;}
.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;}
.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;}
.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(--danger); border-radius: 0 10px 0 0;}
.pic-pds-default01 .pic_pds_discount_tag:after{ content: ''; width: 0px; height: 0px;  border-color: var(--danger) 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: 14px; line-height: 16px; color: #fff; background: var(--danger); padding: 2px; margin-bottom: 4px; transform: scale(.8); transform-origin: 0 0; display: inline-block;}

/* 基本商品樣式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: 32px; font-weight: 500; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.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{ font-size: 12px; line-height: 16px; color: var(--pic-color-grey-40); text-decoration: line-through;}
.pic-pds-default02 .pic-pds-infobox .pic-pds-price .pic-pds-price_02{ font-size: 20px; line-height: 22px; 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;}


/* 團購商品樣式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;}
.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{ margin-left: 10px; 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: 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:20px;}

/* 輪播樣式 */
.iopen-carousel-box {max-width: 100%;}
.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: 50px;height: 50px;position: absolute;}
.iopen-carousel-box  .nav-btn.next-slide{background: url(images/bbc/it924-carousel-arrow-right.svg)center no-repeat;width:50px;height:50px;position: absolute;}
.iopen-carousel-box .nav-btn.prev-slide{background: url(images/bbc/it924-carousel-arrow-left.svg)center no-repeat;width: 50px;height: 50px;position: absolute;}
.iopen-carousel-box  .nav-btn.next-slide{background: url(images/bbc/it924-carousel-arrow-right.svg)center no-repeat;width:50px;height:50px;position: absolute;}
/* 輪播樣式-END */


/* 熱門商品 */
.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: 5px;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賣家元件 (END)============== */


/* ============== 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: 700;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;    margin-top: 15px;}
.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前台登入頁 (END)============== */

/*針對939、940 共用 步驟 微調*/
.iopen-member-container .pic-step-box{width: 855px;}
.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: 22px;height: 22px;}


/* ============== 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: 15px 0;padding:12px 15px;border: 1px solid #EEEEEE;border-radius: 5px;overflow-y: scroll;height: 135px;}
/*.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;}
/* ============== 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: 50px;  height: 50px; text-indent: -9999px;}
.iopen-shop-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-shop-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-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;}
.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; 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 { height: 44px; 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; align-items: flex-end;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-price ul > li{ -webkit-box-flex: 100%; -moz-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%;}
.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; align-items: flex-end; height: 44px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn > div:first-of-type{ margin-right: 5px;}
.pic-shop-pds-default01 .pic-shop-pds-infobox .pic-shop-pds-btn a{ display: block; width: 28px; height: 28px; text-indent: -99999px;}
.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: 28px;}
.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: 28px;}
.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 -28px no-repeat; background-size: 28px;}
.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 -28px no-repeat; background-size: 28px;}
.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 -28px no-repeat; background-size: 28px;}

/* 補貨中+折扣旗幟 */
.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: 4; 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店家專用 結束===============*/

/*it39 商品分類 new*/
.it39{ min-height: 10px;}
.it39 .it39_box:nth-child(1) h1.Page_PSort_title{ margin: 0;padding: 8px 10px;}
.it39 a{display: inline-block;width: 100%;height:auto;}
.it39 > .it39_box > li{border-bottom: 1px solid #d2d2d2;}
.it39 ul.it39_box a {display: block;}
.it39 ul.it39_box ul {flex:100%;}
.it39_layer2,.it39_layer3, .it39_layer4, .it39_layer5{padding-left: 0;background: none;}
.it39 ul.it39_box li{ position: relative; top:0; left:0;}
.it39 ul.it39_box li .it39_box_title{cursor: pointer; display: -ms-box; display:-moz-webkit-flex; display: -webkit-flex; display: flex;}
.it39 ul.it39_level-1 li{border-bottom: 1px solid #e5e5e5;background-color: #F9F9F9;}
.it39 ul.it39_level-1:last-of-type > li:last-of-type{border-bottom: 0;}
.it39 ul.it39_level-2 li{border-bottom: 1px solid #ddd;background-color: #efefef;}
.it39 ul.it39_level-2:last-of-type > li:last-of-type{border-bottom: 0;}
.it39 ul.it39_level-3 li{border-bottom: 1px solid #d1d1d1;background-color: #e5e5e5;}
.it39 ul.it39_level-3:last-of-type > li:last-of-type{border-bottom: 0;}
.it39 ul.it39_level-4 li{border-bottom: 1px solid #c9c9c9;background-color: #dadada;}
.it39 ul.it39_level-4:last-of-type > li:last-of-type{border-bottom: 0;}
/*分類第一層*/
.it39 ul.it39_box li .icon{width:30px;height:30px;margin:3px 0; display: none!important;}/*先隱藏display: inline-block;*/
.it39 ul.it39_box li .icon img{width:auto; height:100%;}
.it39 span{position: absolute; top:0; right: 0; display: inline-block;width: 35px; height: 35px; background: url(/wangtea/css/images/it39_next.svg) no-repeat center;background-size: 8px;}
.it39 .it39_open > .it39_box_title > span.it39_layer1,.it39 .it39_open > .it39_box_title > span.it39_layer2,.it39 .it39_open > .it39_box_title > span.it39_layer3,.it39 .it39_open > .it39_box_title > span.it39_layer4{-moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
/*分類第二層*/
.it39 ul.it39_box > li a {padding: 8px 30px 8px 10px; z-index: 1; line-height: 20px;}
/*分類第三層*/
.it39 ul.it39_box > li.it39_node > ul.it39_level-1 > li a { padding: 8px 30px 8px 20px;}
.it39 ul.it39_box li a.active{color:#ff0000; font-weight: 700;}
/*分類第四層*/
.it39 ul.it39_box > li.it39_node > ul.it39_level-1 > li.it39_node > ul.it39_level-2 > li a { padding: 8px 30px 8px 30px;}
/*分類第五層*/
.it39 ul.it39_box > li.it39_node > ul.it39_level-1 > li.it39_node > ul.it39_level-2 > li.it39_node > ul.it39_level-3 a { padding: 8px 30px 8px 40px;}
/*分類第六層*/
.it39 ul.it39_box > li.it39_node > ul.it39_level-1 > li.it39_node > ul.it39_level-2 > li.it39_node > ul.it39_level-3 > li.it39_node > ul.it39_level-4 a { padding: 8px 30px 8px 50px;}

/*元件398 自訂最新消息連結  end*/
.it398{ width:100%; min-width:1200px;}
.it398_box{ width:1200px; 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:15px; overflow:hidden; width:80px; margin:0 auto;}
.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 20px; height:20px; overflow:hidden;}
.it398_box .it398_inbox>ul>li>a>span.it398_text:hover{ text-decoration:underline;}
.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;}
/*元件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:1200px; margin:0 auto; margin-bottom:15px; }
.item399box .item399_moviebox{ width:597px; float:left; margin-right:3px;}
.item399box .item399_bannerbox{ width:597px; float:right; margin-left:3px;}
.item399box .item399_bannerbox img{ display:block; width:100%; height:auto;}

/*元件7 item7 訊息公告詳細7*/
.normal_item7BOX{ width: 100%; padding: 20px 30px;}
.item7_img{ display:inline-block; padding:15px; border: 1px solid #dfdfdf;}
.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{ display: flex; font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif!important; height:auto; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
.item7_title a,.item7_title a:hover{ font:15px/30px 微軟正黑體, Arial, Helvetica, sans-serif!important;}
.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;  display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap;}
.it427_box ul li{ display: inline-block; width: auto; height: auto; margin-bottom: 20px; padding: 10px ;}
.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: 15px;}
.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: 230px; 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;}


/* 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,
.i74_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{width: 1000px;height: 600px;background:#fff;border-radius: 5px;padding:10px;}
.iopen-window-large-container h2{position: relative;font-weight: 400;font-size: 20px; border-bottom: 1px solid var(--pic-color-grey-10);color: var(--pic-color-grey-100);margin-bottom: 7px;padding-bottom: 10px;}
.iopen-window-large-container h2 .pic-window-close {position: absolute;width: 25px;height: 25px;right: 2px;top: 3px;}

/*公用copyright*/
.joo_normal_cr{ width:100%; height: auto; padding:40px 0; background: #fff; text-align:left;}
.joo_normal_cr .joo_menu{ width:1200px; padding: 0 15px; margin: 0 auto; position: relative; display: flex;}
.joo_normal_cr .joo_menu > div.joo_menu_in > h5{ font-size: 15px; line-height: 20px; color:#222; margin-bottom:10px; font-weight: bold; text-align:left;}
.joo_normal_cr .joo_menu > div.joo_menu_in > ul{ height: 120px; width:100%; align-content: flex-start; flex-wrap: wrap; display: flex; margin-right: 80px; flex-direction: column; text-align:left;}
.joo_normal_cr .joo_menu > div.joo_menu_in > ul > li{ display: block; width:auto; min-width: 160px;}
.joo_normal_cr .joo_menu > div.menu_member > ul > li,.joo_normal_cr .joo_menu > div.menu_main > ul > li{ min-width: 90px;}
.joo_normal_cr .joo_menu > div.joo_menu_in > ul > li > a{ font-size: 14px; line-height: 25px; color:#555; text-align:left;}
.joo_normal_cr .joo_menu > div.joo_menu_in > ul > li > a:hover{ color:#222;}

.joo_normal_cr .joo_bottom_btn{ position:absolute; right: 15px; bottom:0; width: auto!important; height: 32px;}
.joo_normal_cr .joo_bottom_btn ul li{ float:right; margin-left: 12px;}
.joo_normal_cr .joo_bottom_btn ul li a{ display:block; width: 32px; height: 32px;}
.joo_bottom_btn .icon-bottom_phone, .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_phone: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{ background:#54565b; width: 100%; font-size: 13px; line-height: 30px; color:#fff; text-align: center;}

/* 會員中心-取消訂單 */
.coldark{color:#e94741 !important;}
.h3-return{color:#fff;height:34px;line-height:34px;padding:0 0 0 20px;margin:20px 0;}
.list-return ul{list-style-type:decimal;padding:0 66px;line-height:24px;margin-bottom:20px;}
.mR10 { margin-right: 10px !important;}

/*按鈕*/
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); 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(--secondary-dark);}
.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: 48px; 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;}
.all_scart_btn.jooshop_btn_color2 input[type="button"], .all_scart_btn.jooshop_btn_color input[type="button"] { font-size: 17px; line-height: 48px; color: var(--primary); border: 1px solid var(--primary);}
/* page_product_search */
#product_search .jooshop_btn_color > input{padding:5px 10px;}
/* page_cancel_order */
#cancel_order .btnArea .jooshop_btn_color2 a{ width: 120px; height: 48px; font-size: 17px; line-height: 48px;}
#cancel_order .btnArea .jooshop_btn_color input{ display: block; text-align: center; font-size: 17px; line-height: 48px; padding: 0 16px; width: 120px; height: 48px;}
/* page_shopping_cart */
#shopping_cart .all_scart_btn_group .all_scart_btn.jooshop_btn_color a{ display: none;}
#shopping_cart .all_scart_btn_group .all_scart_btn.jooshop_btn_color2 input[type="button"],.all_scart_btn.jooshop_btn_color2 input[type="button"], .all_scart_btn.jooshop_btn_color input[type="button"]{ min-width: 120px; height: 48px; font-size: 17px; line-height: 48px; background: var(--secondary); color: #fff; border: 0;}
#shopping_cart .all_scart_btn_group .all_scart_btn.jooshop_btn_color2 input[type="button"]:hover, .all_scart_btn.jooshop_btn_color input[type="button"]:hover{ background-color: var(--secondary-dark);}
#shopping_cart .all_scart_btn_group .all_scart_btn.jooshop_btn_color2 input[type="submit"], .all_scart_btn.jooshop_btn_color input[type="submit"]{ min-width: 120px; height: 48px; font-size: 17px; line-height: 48px;}
/* page_shopping_checkout_2 */
#shopping_checkout_2 .all_scart_btn.jooshop_btn_color2 input[type="button"]{ background: var(--secondary); color: #fff; border: 0;}
#shopping_checkout_2 .all_scart_btn.jooshop_btn_color input[type="button"]{ background: var(--primary); color: #fff; border: 0;}


/*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; background-size: cover;}
.it774 .it774_title{ line-height: 1.8; letter-spacing: 1.2px; display:block; width:100%; color:#fff; font-size:40px; 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:25px; 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; 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:90%; padding:0 20px; font-size: 16px; color: #333; letter-spacing: 1px;}
.it774 .it774_search_bar input[type="button"]{ width:10%; 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:0; 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 h3{ display: -webkit-box; width:575px; color:#333; height:50px; line-height:25px; font-weight: normal; font-size:16px; overflow: hidden; align-items: center;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.it774_open_style01 .it774_style01 .it774_s1_r .it774_s1_tag{background: url(images/icon_map.svg) left center no-repeat; padding-left:20px; background-size: 13px; width:65px;}

.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{ width:100%;}
.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{ display:block; width:100%; color:#333; font-weight: normal; height:25px; line-height:25px; overflow: hidden; font-size:16px; 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; width:65px;}
.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;}

/* 公用瀏覽紀錄 */
.historyBox{ position: fixed; top: 140px; right: 20px; width: 96px; border-radius: 8px; overflow: hidden; background-color:#fff; padding: 8px; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; border: 1px solid #EAEAEA; z-index: 3;}
.historyTitle{ color:#444; display: inline-block; font-size: 14px; line-height: 20px; position: relative; top: 5px;}
.historyTitle:before{ content:''; position: absolute; top:-5px; left:50%; transform: translateX(-50%); display: block; width: 50px; height: 1.5px; background-color:#444;}
.historyList{ display: flex; flex-direction: column; border-radius: 4px; overflow: hidden; max-height: 260px; margin-top: 10px;}
.historyList .historyItem{ width: 80px; height: 80px;}
.historyList .historyItem:not(:last-of-type){ border-bottom: 1px solid #EAEAEA; padding-bottom: 5px; margin-bottom: 5px;}
.historyList .historyItem img{ width: 100%; height: 100%; object-fit: contain;}
.historyBox .goToTop{ width: 100%; height: 40px; border-radius: 4px; overflow: hidden; background-color: #C1C1C1; border:0; margin-top: 5px; background-image: url(images/historyTop.svg); background-repeat: no-repeat; background-position: center; cursor: pointer;}

/* 輸入匡隱碼 */
.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;}