html{position:relative;width:100vw;height:100%;font-size:17px;overflow:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{font-size:17px;position:relative;height:100%;min-height:100%;overflow:auto;overflow-x:hidden;padding:0;margin:0;color:var(--color);-webkit-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}*{font-family:Palatino,'Palatino Linotype','Noto Sans TC','Noto Sans SC',Consolas,'Lucida Sans Unicode','Trebuchet MS',Calibri,Verdana,Arial,黑體,微軟正黑體,宋體,新細明體,cwTeXHei;outline:0;box-sizing:border-box;-webkit-transition:clip-path .3s ease,display .3s ease,left .3s ease,right .3s ease,height .3s ease,width .3s ease,opacity .3s ease,background-image .3s ease,background-color .3s ease,margin .3s ease-out,padding .3s ease-out;-moz-transition:clip-path .3s ease,display .3s ease,left .3s ease,right .3s ease,height .3s ease,width .3s ease,opacity .3s ease,background-image .3s ease,background-color .3s ease,margin .3s ease-out,padding .3s ease-out;transition:clip-path .3s ease,display .3s ease,left .3s ease,right .3s ease,height .3s ease,width .3s ease,opacity .3s ease,background-image .3s ease,background-color .3s ease,margin .3s ease-out,padding .3s ease-out}.function-title{display:inline-block;padding:.2em 1em;margin-bottom:.2em;border-radius:1em;border:#DDD 1px solid}a.nav-link{color:rgba(102,102,102,1)}.en-US,.en-US *{font-family:'Merriweather','Noto Serif','Noto Sans TC',Verdana,Arial,黑體,微軟正黑體,宋體,新細明體;font-weight:bold}.mono{font-family:Consolas,Calibri,'Noto Sans TC',Verdana,Arial,黑體,微軟正黑體,宋體,新細明體,cwTeXHei;font-size:11px}.btn{position:relative}.btn.mono{border-radius:3px;border:rgba(0,0,0,0.1) 1px solid;line-height:1}.btn.mono:hover{background-image:-webkit-linear-gradient(to bottom,#e6e6e6,#FFF);background-image:-moz-linear-gradient(to bottom,#e6e6e6,#FFF);background-image:linear-gradient(to bottom,#e6e6e6,#FFF)}.btn-text{border:rgba(204,204,204,0.5) 1px solid;border-radius:10px !important;min-width:2.4em;min-height:1.2em}.selectless{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sticky{position:-webkit-sticky;position:sticky;bottom:0;background:rgba(41,50,58,0.5);padding:12px;text-align:right;font-size:9pt;color:var(--white)}.logo-text{position:absolute;left:.25rem;bottom:.25rem;color:var(--white);background:var(--color);padding:2px;text-align:center;width:calc(100% - .5rem)}#promotion{position:absolute;max-width:35vw;height:auto;background:var(--white)}#scrollSnap.blur{filter:blur(8px) grayscale(50%)}input,select,option,textarea{color:rgba(50,120,190,1)}section{width:100%;box-sizing:border-box;position:relative;-webkit-transition:background-image ease 2s;-moz-transition:background-image ease 2s;transition:background-image ease 2s;min-height:50vh;-webkit-scroll-snap-align:start;scroll-snap-align:start}section.parallax{overflow:hidden;height:100vh;min-height:100vh;width:100vw}div.slogan{background:rgba(0,0,0,0.6);margin-top:20%;margin-left:5%;border-radius:10px;padding:1.5em 2.5em}section img.home,section picture.home{width:100vw;object-fit:cover}#floating_window_function{box-sizing:border-box;position:fixed;width:35vw;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20000;max-height:90%;overflow:hidden;overflow-y:auto;background:var(--white)}#floating_window_function a:hover{color:var(--bluedolphin);text-decoration:underline;cursor:pointer}[id^="frameSet"]{border-left:rgba(0,0,0,0.5) 1px solid;border-right:rgba(0,0,0,0.5) 1px solid}img.ticket{-webkit-transition:opacity 1.5s ease,background-position 1.5s ease,background 1.5s ease,background-image 1.5s ease,background-color .3s ease;-moz-transition:opacity 1.5s ease,background-position 1.5s ease,background 1.5s ease,background-image 1.5s ease,background-color .3s ease;transition:opacity 1.5s ease,background-position 1.5s ease,background 1.5s ease,background-image 1.5s ease,background-color .3s ease}[data-icon] img{width:100%}img.active{box-shadow:-1px -1px 2px var(--primary),1px 1px 2px var(--primary),-1px 1px 2px var(--primary),1px -1px 2px var(--primary)}a:hover{color:var(--bluedolphin)}a,a:link,a:visited{color:var(--color)}#siteSlogan{position:fixed;display:block;width:50%;top:0;right:-25%;z-index:300}#productCard{position:absolute;right:1em}.productCard{max-width:100vw;background:var(--white) !important;color:rgba(72,72,72,1) !important;box-shadow:0 0 1px rgba(72,72,72,1);width:100%}.firstBlock{position:absolute !important;top:20%;z-index:10}.firstBlock.rb{top:40%}.firstBlock h1,.firstBlock h2,.firstBlock h3,.firstBlock p{color:var(--white);text-shadow:2px 2px 2px #333,-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.firstBlock h1{font-size:300%}.firstBlock h2{font-size:calc(1.325rem+1.9vw)}.firstBlock h3{font-size:calc(1.3rem+.2vw)}.firstBlock .rb{top:50%}#mask{position:fixed;overflow:hidden;z-index:1000;background:rgba(128,128,128,0.75) url(/src/img/cb-style/pattern.png);width:100%;height:100%;left:0;top:0}.page-top{padding:20px 10px;width:60px;height:60px;vertical-align:middle}.shortcut{font-size:35%;padding-right:3px;position:absolute;right:3em}.captionOutline{text-shadow:-1px 0 #FFF,1px 0 #FFF,0 -1px #FFF,0 1px #FFF,2px 2px 2px rgba(0,0,0,0.2) !important}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.upload-area{line-height:0;outline:var(--primary-0-5) 2px solid;padding-bottom:36px;overflow:hidden;position:relative;-webkit-transition:background-position 0 linear,width .3s ease,height .3s ease;-moz-transition:background-position 0 linear,width .3s ease,height .3s ease;transition:background-position 0 linear,width .3s ease,height .3s ease;background-position:50% 0;background-size:cover;background-repeat:no-repeat}#workingMask-1,#workingMask-2,#workingMask-3,#workingMask-4{position:absolute;-webkit-transition:left .3s ease,width .3s ease,height .3s ease,top .3s ease,clip-path .3s ease;-moz-transition:left .3s ease,width .3s ease,height .3s ease,top .3s ease,clip-path .3s ease;transition:left .3s ease,width .3s ease,height .3s ease,top .3s ease,clip-path .3s ease;background:transparent url(/src/img/stage-bg.png) left center}#workingMask-4{background:transparent url(/src/img/stage-bg.png) left center}#workingMask-4.bg-slash{opacity:.7}#upload-area-tshirt-polo,#upload-area-tshirt,#upload-area-polo{overflow:hidden;background-position:50% 65%;background-size:30% auto;background-repeat:no-repeat}.printing-area{border:#888 1px dotted;outline:0;margin:auto;cursor:move;z-index:200;-webkit-transition:border ease .3s,width .3s ease;-moz-transition:border ease .3s,width .3s ease;transition:border ease .3s,width .3s ease}.id-background{z-index:20}#optionPanel{overflow-x:hidden;overflow-y:auto;padding-bottom:2em}#upload-area-canvas-print table,#upload-area-photo-canvas-print table{margin:auto}#upload-area-canvas-print table,#upload-area-photo-canvas-print table,#upload-area-canvas-print td,#upload-area-photo-canvas-print td{border-collapse:collapse;empty-cells:show}#upload-area-canvas-print td,#upload-area-photo-canvas-print td{empty-cells:show;line-height:0;font-size:0}#upload-area-canvas-print tr:nth-child(2) td:nth-child(2),#upload-area-photo-canvas-print tr:nth-child(2) td:nth-child(2){border:#000 1px dashed;outline:#FFF 1px dashed;background-color:rgba(255,255,255,0)}[id$="-inside"].bg-slash{background-image:url(/src/img/bg-v-line.png),url(/src/img/bg-v-line.png),url(/src/img/bg-v-line.png),url(/src/img/bg-v-line.png),url(/src/img/bg-h-line.png),url(/src/img/bg-h-line.png),url(/src/img/bg-h-line.png),url(/src/img/bg-h-line.png);background-position:20% top,40% top,60% top,80% top,left 20%,left 40%,left 60%,left 80%;background-repeat:no-repeat;-webkit-transition:width .3s ease,height .3s ease;-moz-transition:width .3s ease,height .3s ease;transition:width .3s ease,height .3s ease}#hanging-roll-inside{overflow:visible}#upload-area-hanging-roll #workingMask-1{display:block;position:absolute;background-color:transparent;background-image:url(/src/img/hanging-top.png),url(/src/img/stage-bg.png);background-position:center bottom,left center;background-size:100px auto,auto;background-repeat:no-repeat,repeat;z-index:300}#upload-area-hanging-roll #workingMask-4{display:block;position:absolute;background-color:transparent;background-image:url(/src/img/hanging-bottom.png),url(/src/img/stage-bg.png);background-position:center top,left center;background-size:100px auto,auto;background-repeat:no-repeat,repeat;z-index:300}#resCheck{position:absolute;top:50% !important;left:50% !important;transform:translate(-50%,-50%);top:30%;width:14vw;line-height:1.6;text-align:center;background:transparent !important;color:rgba(255,177,0,1) !important;padding:3px 6px;opacity:0;z-index:500;text-shadow:1px 1px 0 rgba(0,0,0,1),1px -1px 0 rgba(0,0,0,1),-1px 1px 0 rgba(0,0,0,1),-1px -1px 0 rgba(0,0,0,1)}#resCheck.addBorder{border-top:rgba(255,177,0,1) 1px solid;border-bottom:rgba(255,177,0,1) 1px solid;opacity:1}#resCheck.uploadHere{position:absolute;padding:0 !important;opacity:1;white-space:nowrap;font-size:21px;border-radius:20px;color:var(--white) !important;width:auto;line-height:1.5;z-index:500}#uploadHere{display:block;background:var(--primary);border-radius:50px;padding:10px 20px !important;cursor:pointer}#uploadHere-a,#uploadHere-b{color:inherit}#uploadHere-a{position:absolute;top:-1px;left:-1px;height:calc(100%+2px);width:calc(100%+2px);z-index:-1;border-radius:50px;background:linear-gradient(60deg,#f79533,#f37055,#afaad3,#a166ab,#e5e762,#1098ad,#9beae0,#6fba82);background-size:300% 300%;-webkit-animation:animatedgradient 3s ease infinite;animation:animatedgradient 3s ease infinite}#uploadHere-b{position:absolute;top:-1px;left:-1px;height:calc(100%+2px);width:calc(100%+2px);z-index:-1;border-radius:50px;background:linear-gradient(60deg,#f79533,#f37055,#afaad3,#a166ab,#e5e762,#1098ad,#9beae0,#6fba82);background-size:500% 500%;-webkit-animation:animatedgradient-2 6s ease alternate infinite;animation:animatedgradient-2 6s ease alternate infinite}@-webkit-keyframes animatedgradient{0{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes animatedgradient{0{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes animatedgradient-2{0{background-position:0 40%;top:-1px;left:-1px;height:calc(100%+2px);width:calc(100%+2px)}50%{background-position:100% 60%;top:-6px;left:-6px;height:calc(100%+12px);width:calc(100%+12px);opacity:0}100%{background-position:0 40%;top:-1px;left:-1px;height:calc(100%+2px);width:calc(100%+2px)}}@keyframes animatedgradient-2{0{background-position:0 40%;top:-1px;left:-1px;height:calc(100%+2px);width:calc(100%+2px)}50%{background-position:100% 60%;top:-6px;left:-6px;height:calc(100%+12px);width:calc(100%+12px);opacity:0}100%{background-position:0 40%;top:-1px;left:-1px;height:calc(100%+2px);width:calc(100%+2px)}}@-webkit-keyframes clockwise{0{top:-5px;left:0}12%{top:-2px;left:2px}25%{top:0;left:5px}37%{top:2px;left:2px}50%{top:5px;left:0}62%{top:2px;left:-2px}75%{top:0;left:-5px}87%{top:-2px;left:-2px}100%{top:-5px;left:0}}@keyframes clockwise{0{top:-5px;left:0}12%{top:-2px;left:2px}25%{top:0;left:5px}37%{top:2px;left:2px}50%{top:5px;left:0}62%{top:2px;left:-2px}75%{top:0;left:-5px}87%{top:-2px;left:-2px}100%{top:-5px;left:0}}@-webkit-keyframes counterclockwise{0{top:-5px;right:0}12%{top:-2px;right:2px}25%{top:0;right:5px}37%{top:2px;right:2px}50%{top:5px;right:0}62%{top:2px;right:-2px}75%{top:0;right:-5px}87%{top:-2px;right:-2px}100%{top:-5px;right:0}}@keyframes counterclockwise{0{top:-5px;right:0}12%{top:-2px;right:2px}25%{top:0;right:5px}37%{top:2px;right:2px}50%{top:5px;right:0}62%{top:2px;right:-2px}75%{top:0;right:-5px}87%{top:-2px;right:-2px}100%{top:-5px;right:0}}#wrap_desc{position:absolute;left:40%;top:calc(100% - 40px);width:10vw;z-index:300}.progress{height:5px;min-width:80%}.progress.FILE{z-index:-1;top:-100vh;position:absolute}#upfile_FILE{height:12px;overflow:hidden}[class$="Intro"]{background:-webkit-linear-gradient(to right,var(--primary),var(--primary-0-5));background:-moz-linear-gradient(to right,var(--primary),var(--primary-0-5));background:-ms-linear-gradient(to right,var(--primary),var(--primary-0-5));background:-o-linear-gradient(to right,var(--primary),var(--primary-0-5));background:linear-gradient(to right,var(--primary),var(--primary-0-5));color:rgba(255,255,255,0.9) !important}#productSpec,#productNotice{font-size:75%}#uploadPanel{width:80vw;height:80vh;position:fixed;left:10vw;top:10vh;border:#FFF 10px solid;z-index:1100;overflow-x:hidden;overflow-y:auto;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.5)}#myUpload{position:relative;height:100%;overflow-y:auto;z-index:500}.productIntro{position:relative}.productIntro:after{content:'';position:absolute;display:block;left:70%;top:-3%;height:106%;width:30%;box-shadow:-10px 0 10px -8px rgba(0,0,0,1),0 0 5px -5px rgba(0,0,0,1),0 3px 3px rgba(0,0,0,0.6)}.canvasPrintIntro:after{background-image:url(/src/img/background-canvasPrint.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.photoCanvasPrintIntro:after{background-image:url(/src/img/background-photoCanvasPrint.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.maskCoverIntro:after{background-image:url(/src/img/background-maskCover.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.mask3dIntro:after{background-image:url(/src/img/background-mask3d.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.towelIntro:after{background-image:url(/src/img/background-towel.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.pillowIntro:after{background-image:url(/src/img/background-pillow.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.tshirtIntro:after{background-image:url(/src/img/background-tshirt.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.poloIntro:after{background-image:url(/src/img/background-polo.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.coasterIntro:after{background-image:url(/src/img/background-coaster.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.bagIntro:after{background-image:url(/src/img/background-bag.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.hangingRollIntro:after{background-image:url(/src/img/background-hangingRoll.jpg);background-position:left top;background-size:cover;background-repeat:no-repeat}.frame2LayoutIntro:after{background-color:rgba(255,255,255,1);background-image:url(/src/img/frameSet/2x1.png);background-position:center center;background-size:contain;background-repeat:no-repeat}.frame3LayoutIntro:after{background-color:rgba(255,255,255,1);background-image:url(/src/img/frameSet/3x1.png);background-position:center center;background-size:contain;background-repeat:no-repeat}#showWidth span,#showHeight span{padding:2px 6px;background-color:var(--primary-bluedolphin);color:var(--white);border:var(--primary-bluedolphin) 1px solid;width:12ex;font-size:9px;border-radius:10px}#showWidth{z-index:260;border-bottom:var(--primary-bluedolphin) 1px dashed;width:100%;left:0}#showWidth:before{content:'';display:block;position:absolute;left:0;top:-1px;height:11px;border-left:var(--primary-bluedolphin) 1px dashed}#showWidth:after{content:'';display:block;position:absolute;right:0;top:-1px;height:11px;border-left:var(--primary-bluedolphin) 1px dashed}#showHeight{z-index:260;position:absolute;height:100%;top:0;border-right:var(--primary-bluedolphin) 1px dashed}#showHeight:before{content:'';display:block;position:absolute;top:0;right:-6px;width:11px;border-top:var(--primary-bluedolphin) 1px dashed}#showHeight:after{content:'';display:block;position:absolute;bottom:0;right:-6px;width:11px;border-top:var(--primary-bluedolphin) 1px solid}#showHeight span{position:relative;top:50%;left:50%}.custom-color-input{position:absolute;left:0;z-index:-1;opacity:0}.fBTN{border-radius:50px !important;text-align:center}.page-img{object-fit:cover;min-height:50vh;width:100%}#showMoreCase{width:calc(100%+4px);margin-left:-2px;margin-top:.5rem}#showMoreCase img{width:100%}#qty{overflow:visible}#qty:before{content:'';display:block;background:url(/src/img/background-hs-shadow.png) center top no-repeat;position:absolute;width:100%;top:0;height:8px;border-top:#DDD 1px solid}#emptyCart a{text-decoration:underline}.NTdollar,.CNdollar,.USdollar{font-family:MHei,STHeitiTC-Light,Lucida Grande,Lucida Sans Unicode,Helvetica,Arial,Verdana,sans-serif !important;font-weight:100 !important;letter-spacing:-1px !important}.NTdollar:before{content:'NT$ ';font-size:50%;position:relative;top:-0.6em}.NTdollar.onePCS:after{content:' /pcs';font-size:50%;position:relative;top:0}.CNdollar:before{content:'RMB¥ ';font-size:50%;position:relative;top:-0.6em}.USdollar:before{content:'USD$ ';font-size:50%;position:relative;top:-0.6em}#count1,#count5{font-size:.5em;line-height:1.1em;padding:.3em;text-align:center;color:#FFF;background-color:var(--primary);border-radius:50%;position:absolute;min-width:2em;min-height:2em;display:block;font-family:"Noto Sans SC";border:var(--white) 1px solid;top:-8px;right:-12px}.qty-change{display:inline-block;border:#c8c8c8 1px solid}div.qty-change i{padding:8px}div.qty-change input{border:0;text-align:center;border-left:#c8c8c8 1px solid;border-right:#c8c8c8 1px solid}#verify-panel{z-index:1100;position:fixed;padding:1.5em;background-color:var(--white);border:rgba(0,0,0,0.2) 1px solid;box-shadow:0 0 6px rgba(128,128,128,0.6);max-height:90vh;overflow:auto}table.cart,table.cart td{border-collapse:collapse}table.cart td{padding:6px 0}table.cart tr td:not(:nth-child(1)){border-top:#c8c8c8 1px solid;border-bottom:#c8c8c8 1px solid;padding:6px}table.cart th{font-weight:normal;padding:6px 3px;border-top:#c8c8c8 1px solid;border-bottom:#c8c8c8 1px solid}.move{text-decoration:underline}.move:hover{background-color:var(--bluedolphin);color:var(--white)}#bottom{background:transparent url(/src/img/pexels/mobile/what-is-a-canvas-print-stretching-canvas-print-staples-min.jpg) center center/cover;color:#333;border-top:#AAA 1px dotted;overflow-x:hidden}#bottom-content{background-color:rgba(240,245,246,0.7)}#bottom-content h3{margin-top:0;margin-bottom:10px;text-transform:uppercase}#bottom-content ul{list-style:none;padding:0;margin:0}#bottom-content ul li{display:block;padding:5px 0 0 2px}[data-help],#bottom-content ul li a,#bottom-content div a,#bottom-content ul li span{text-decoration:none}[data-help]:hover,#bottom-content ul li a:hover,#bottom-content div a:hover,#bottom-content ul li span:hover{color:var(--bluedolphin);text-decoration:underline;cursor:pointer}#bottom-content .widget{margin-bottom:0}#bottom-content mark{display:none}footer{border-top:1px solid #DDD;padding-top:1em;background-color:var(--redolphin)}footer *{color:var(--light-color)}fieldset{border:1px groove #ddd !important;padding:0 1.4em 1.4em 1.4em !important;margin:0 0 1.5em 0 !important;box-shadow:0 0 0 0 #000;border-radius:10px}legend{width:auto !important;float:none !important;font-size:1em !important;padding:0 .3em}.view-block{display:inline-block;overflow:hidden;padding:.25rem;transition:transform .5 ease}.view-block i{perspective-origin:0 -200px;perspective:5000px}.view-block img{display:block;cursor:pointer;max-width:100%;width:100%;overflow:hidden;object-fit:cover}.view-block span{transition:transform .3s ease;position:relative;display:block;box-shadow:.1vw .1vw .1vw rgba(0,0,0,0.7)}.view-block span:hover{transform:rotateY(-15deg);-webkit-clip-path:polygon(1vw 0,100% 0,100% calc(100% - 1vw),calc(100% - 1vw) 100%,0 100%,0 .5vw,1vw 0);clip-path:polygon(1vw 0,100% 0,100% calc(100% - 1vw),calc(100% - 1vw) 100%,0 100%,0 .5vw,1vw 0)}.view-block i{display:block;position:relative;filter:drop-shadow(-1px .5vw .25vw rgba(0,0,0,0.7))}.view-block span:hover:before{content:'';display:block;position:absolute;width:100%;height:.5vw;right:0;top:0;background:linear-gradient(to bottom,rgba(255,255,255,0.3),rgba(224,224,224,0.9));-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 2vw) 1vw,0 1vw,0 0);clip-path:polygon(0 0,100% 0,calc(100% - 2vw) 1vw,0 1vw,0 0)}.view-block span:hover:after{content:'';display:block;position:absolute;width:1vw;height:100%;right:0;top:0;background:linear-gradient(to right,rgba(255,255,255,0.2),rgba(0,0,0,0.8));-webkit-clip-path:polygon(0 .5vw,100% 0,100% 100%,0 100%,0 .5vw);clip-path:polygon(0 .5vw,100% 0,100% 100%,0 100%,0 .5vw)}.view-block div{margin:12px 6px}.view-block div *{font-size:12px;font-family:Consolas,Calibri,'Noto Sans TC',Verdana,Arial,黑體,微軟正黑體,宋體,新細明體,cwTeXHei !important}#gallery{background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0)),url(/src/img/unsplash.com/pawel-czerwinski-3k9PGKWt7ik-unsplash-min.jpg);background-attachment:fixed;background-size:cover;background-position:center top}#my-upload img{cursor:pointer}hr.divider:after{content:'';display:inline-block;width:16px;height:16px;padding:0;background:url(/src/img/logo_41x16.png) 0 top no-repeat;border-bottom:#FFF 2px solid;vertical-align:top;margin-left:-16px}hr.or:after{content:'or';display:inline-block;font-size:12px;line-height:16px;padding:0;border-bottom:#FFF 2px solid;vertical-align:top;position:relative;left:calc(-50%+6px);bottom:-7px}hr.divider,hr.or{box-sizing:border-box;display:block;clear:both;height:16px;border:0;padding:0;text-align:right;border-bottom:#c8c8c8 1px dotted}hr{border:0;border-bottom:#c9c9c9 1px dotted;opacity:1}hr.under-title{display:block;height:0;border-bottom:var(--primary-bluedolphin) 12px solid;opacity:1}hr.mark{position:relative;box-sizing:border-box;display:block;clear:both;height:16px !important;border:0;padding:0;text-align:right;background:transparent;border-bottom:#c8c8c8 1px dotted;opacity:1;background:transparent url(/src/img/logo_41x16.png) right top no-repeat}hr.mark:before{content:'';display:block;position:absolute;width:.5rem;height:.5rem;line-height:0;background-color:#c8c8c8;left:0;bottom:0}hr.mark:after{content:'';display:block;position:absolute;width:.3rem;height:.3rem;line-height:0;background-color:#c8c8c8;left:.5rem;bottom:.5rem}hr.crlf{height:0 !important}.priceTableLeft{content:attr(data-title);width:40%;background:rgba(64,64,64,1);color:#FFF;font-size:1.3rem;padding:.5rem}.priceTableRight{box-shadow:-30px 0 30px -20px rgba(0,0,0,1),0 0 20px -10px rgba(0,0,0,1)}.docTitle{position:relative}.docTitle:before{content:'';display:inline-block;height:48px;width:54px;left:0;top:0;vertical-align:text-bottom;margin-right:3px;background-color:transparent;background-image:url(/src/img/VI/redolphin.png);background-position:0 0;background-size:contain;background-repeat:no-repeat}#help-doc-p{background-color:transparent;background-image:url(/src/img/background-doc-grid.png);background-position:right top;background-repeat:no-repeat;background-attachment:fixed}#help-doc-p a{text-decoration:underline}#help-doc{min-height:80vh}.text-emphasis{-webkit-text-emphasis:filled triangle var(--primary);text-emphasis:filled triangle var(--primary);-webkit-text-emphasis-position:left under;text-emphasis-position:left under}#tooltip,.hint{box-sizing:border-box;position:absolute;z-index:128000;display:none;width:300px;padding:20px;color:#FFF;border-radius:6px;border:rgba(55,55,55,0.5) 1px solid;box-shadow:6px 6px 6px rgba(0,0,0,0.5);background:-webkit-linear-gradient(top,rgba(240,245,246,1) 30%,rgba(240,245,246,0.7) 65%,rgba(240,245,246,1) 100%);background:-moz-linear-gradient(top,rgba(240,245,246,1) 30%,rgba(240,245,246,0.7) 65%,rgba(240,245,246,1) 100%);background:-ms-linear-gradient(top,rgba(240,245,246,1) 30%,rgba(240,245,246,0.7) 65%,rgba(240,245,246,1) 100%);background:-o-linear-gradient(top,rgba(240,245,246,1) 30%,rgba(240,245,246,0.7) 65%,rgba(240,245,246,1) 100%);background:linear-gradient(top,rgba(240,245,246,1) 30%,rgba(240,245,246,0.7) 65%,rgba(240,245,246,1) 100%);-webkit-transition:display .3s ease,left .3s ease,right .3s ease,top .3s ease,height .3s ease,width .3s ease,opacity .3s ease,background-image .3s ease,background-color .3s ease,margin .3s ease-out,padding .3s ease-out;-moz-transition:display .3s ease,left .3s ease,right .3s ease,top .3s ease,height .3s ease,width .3s ease,opacity .3s ease,background-image .3s ease,background-color .3s ease,margin .3s ease-out,padding .3s ease-out;transition:display .3s ease,left .3s ease,right .3s ease,top .3s ease,height .3s ease,width .3s ease,opacity .3s ease,background-image .3s ease,background-color .3s ease,margin .3s ease-out,padding .3s ease-out}#tooltip:before,.hint:before{content:'';display:block;position:absolute;width:20px;height:20px;background:rgba(240,245,246,1);top:0;left:0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform-origin:left top}#tooltip.leftup:before,.hint.leftup:before{border-left:rgba(55,55,55,0.5) 1px solid;border-top:rgba(55,55,55,0.5) 1px solid;margin-left:20px;margin-top:-15px}#tooltip.rightup:before,.hint.rightup:before{border-left:rgba(55,55,55,0.5) 1px solid;border-top:rgba(55,55,55,0.5) 1px solid;margin-left:calc(100% - 25px);margin-top:-15px}#tooltip.right:before,.hint.right:before{border-right:rgba(55,55,55,0.5) 1px solid;border-top:rgba(55,55,55,0.5) 1px solid;margin-left:100%;margin-top:5px}#tooltip.left:before,.hint.left:before{border-left:rgba(55,55,55,0.5) 1px solid;border-bottom:rgba(55,55,55,0.5) 1px solid;margin-left:0;margin-top:5px}#tooltip.none:before,.hint.none:before{display:none}#tooltip *,.hint *{color:#333}#tooltip a,#tooltip a:visited{text-decoration:underline;color:#333}#tooltip a:hover{color:#333}#tooltip a.button{text-decoration:none;font-family:Verdana,Consolas,Calibri,'Noto Sans TC',Verdana,Arial;font-size:9px;font-weight:bold;color:var(--white);padding:3px 6px}#tooltip .button{border:0;font-size:75%;font-weight:normal;padding:3px 8px;padding:2px}.hint{width:200px}#tooltip .closePanel{margin-top:-1em;margin-right:-1em}#scrollSnap{overflow-x:hidden;overflow-y:auto;width:100%;max-height:100vh;-webkit-scroll-behavior:smooth;scroll-behavior:smooth}div.formula-align{display:inline-block;width:100%}div.formula-align span:first-child{min-width:8ex;text-align:right;display:inline-block}div.formula-align span:nth-child(2){min-width:3ex;text-align:center;display:inline-block}div.formula-align span:nth-child(3){min-width:8ex;display:inline-block}@media screen and (min-width:1200px){html,body{font-size:1.2vw}#scrollSnap{overflow-x:hidden;overflow-y:auto;width:100%;-webkit-scroll-snap-type:y mandatory;-moz-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;max-height:100vh;-webkit-scroll-behavior:smooth;scroll-behavior:smooth}.mobile-only{display:none !important}}@media screen and (min-width:992px){.upload-area{height:85vh;max-height:85vh}#qty{position:-webkit-sticky;position:sticky;bottom:0}.view-block img{height:15vw;min-height:15vw;object-fit:cover}#verify-panel{width:50%}.mobile-only{display:none !important}#scrollSnap{padding-left:0}#scrollSnap{overflow-x:hidden;overflow-y:auto;width:100%;-webkit-scroll-snap-type:y mandatory;-moz-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;max-height:100vh;-webkit-scroll-behavior:smooth;scroll-behavior:smooth}section:nth-child(1){margin-top:0}.addr-in-mobile{margin-left:.25rem;margin-right:.25rem}.flex-address{flex-direction:row !important}#totalPanel{display:none}.mobile-only{display:none !important}}@media screen and (min-width:768px) and (max-width:991.98px){.page-top{display:none !important}.upload-area{height:60vw;max-height:60vw}#qty{width:100%;position:-webkit-sticky;position:sticky;bottom:0}.view-block img{height:24vw;min-height:24vw;object-fit:cover}#verify-panel{width:80%}.mobile-only{display:none}#wrap_desc{position:absolute;left:0;width:20vw}.addr-in-mobile{margin-left:.25rem;margin-right:.25rem}.flex-address{flex-direction:row !important}#totalPanel{display:none}#promotion,#floating_window_function{width:65vw;max-width:65vw}#resCheck{width:40%}}@media screen and (min-width:576px) and (max-width:767.98px){.upload-area{height:90vw;max-height:90vw}.view-block img{height:32vw;min-height:32vw;object-fit:cover}.laptop-only{display:none !important}#cart-list{padding:.5rem !important}#qty{width:100%;position:relative}#promotion,#floating_window_function{width:55vw;max-width:55vw}#totalPanel{display:none}#resCheck{width:50%}.nav-link{font-size:.625rem !important;padding:.35rem !important}}@media screen and (max-width:575.98px){.page-top{display:none !important}.upload-area{height:80vw;max-height:80vw}#cart-list{padding:.5rem !important}#qty{width:100%;position:relative}.view-block img{height:24vw;min-height:24vw;object-fit:cover}#verify-panel{width:100%}.laptop-only{display:none !important}#siteSlogan{position:sticky;display:block;text-align:right;bottom:0;z-index:300;width:100%;padding:6px 2px;background:rgba(41,50,58,0.5)}section.parallax,#bottom{padding-right:0}.step01{width:50px}.step02,.step03{width:43px}#frame{margin-top:60px}#wrap_desc{position:absolute;left:0;width:20vw}.cart-type{text-align:left !important;display:block !important}.addr-in-mobile{margin-left:0;margin-right:0}.flex-address{flex-direction:column !important}#totalPanel{position:sticky;bottom:0;z-index:200}#md-total{display:none}.firstBlock{position:static !important;top:0;z-index:10;text-align:center}.firstBlock h2,.firstBlock h3,.firstBlock p{color:rgba(102,102,102,1);text-shadow:0 0 0 #333}.firstBlock h1{font-size:200%}.firstBlock h2{font-size:calc(1.325rem+1.9vw)}.firstBlock h3{font-size:calc(1.1rem+.2vw);padding-left:.5rem;padding-right:.5rem}div.slogan{background:rgba(0,0,0,0);margin-top:.5em;padding:0;margin-left:0}#promotion,#floating_window_function{width:95vw;max-width:95vw}#resCheck{width:60%}.nav-link{font-size:.625rem !important;padding:.35rem !important}.closePanel{background:rgba(0,0,0,1);color:var(--white);border-radius:3px;z-index:100}#screenDumpArea{z-index:1000}#price-panel{position:fixed;left:0;bottom:0;background:rgba(240,245,246,1);box-shadow:0 -2px 6px rgba(0,0,0,0.5);z-index:1000;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}#price-panel hr{margin:.2em}#price-panel:before{content:'';position:absolute;width:100%;height:8px;top:-8px;left:0;background:url(/src/img/background-hn-shadow) center bottom no-repeat}#putInCart,#mainUploadBTN{display:inline-block;width:auto;padding:.2em 1em !important;font-size:1rem !important}#gotoGalleryBTN{display:none}#productCard{position:static;right:auto}}