@charset "UTF-8";.fcs-ui-displayer{position:absolute;top:10px;left:0;margin:auto;background-color:rgba(0,0,0,0);z-index:88888;display:none;border-radius:0}.fcs-ui-displayer-img-close{position:absolute;width:48px;height:48px;top:0;cursor:pointer;z-index:600;background-image:url(../../public_icons/png/close.png)}.fcs-ui-displayer-iframe-p{position:absolute;left:0;top:5px;color:#fff;padding:5px 0 0 10px;font-size:18px;height:25px;background-color:#06c;border-style:solid;border-width:2px;border-color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}.formcover{position:absolute;top:0;left:0;-moz-opacity:0.2;-khtml-opacity:0.2;opacity:.2;z-index:88888}html{font-size:62.5%}body{overflow-x:hidden;font-family:Microsoft JhengHei;width:100%;margin:0;font-size:1.6rem!important}a{color:#fff;text-decoration:none}a.try-button{font-size:1.5em;border:3px solid rgba(255,255,255,.5);padding:5px 10px;border-radius:5px;display:inline-block}header{z-index:10;width:100%;margin:auto;position:absolute;left:0;top:20px;height:72px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.container{width:100%;margin:auto;position:relative;z-index:2}@media (min-width:320px){.container{max-width:320px}}@media (min-width:414px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:750px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}header nav{display:block;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:320px){header nav{padding:0 15px}}@media (min-width:768px){header nav{align-items:center}}@media (min-width:480px) and (max-width:767px){header nav .navBar ul.top-sub-buttons li.top-sub-button{margin-top:30px}}@media (max-width:767px){header nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-flow:column}}@media (max-width:479px){header nav .navBar ul.top-sub-buttons li.top-sub-button{margin-top:20px}}header nav .logo{height:72px;width:207px}@media (min-width:320px){header nav .logo{width:auto}}header nav .logo img{height:100%;width:auto}header nav .navBar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}header nav .navBar ul.top-sub-buttons{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;flex-wrap:wrap;padding-left:0}@media (max-width:767px){header nav .navBar{justify-content:center}header nav .navBar ul.top-sub-buttons{margin-left:0;justify-content:center}}header nav .navBar ul.top-sub-buttons li.top-sub-button{margin-left:10px;min-width:80px}header nav .navBar ul.top-sub-buttons li a.top-sub-button-title{-webkit-box-sizing:border-box;box-sizing:border-box;border:#fff 2px solid;border-radius:5px;font-size:1.4rem;width:100%;display:block;text-align:center;cursor:pointer}header nav .navBar ul.top-sub-buttons li ul.submenu{position:absolute;margin-top:10px;box-sizing:border-box;border:#fff 2px solid;border-radius:5px;height:auto;padding:5px;background-color:#1b7ec3;width:100px;display:none}header nav .navBar ul.top-sub-buttons li ul.submenu li{padding:5px;cursor:pointer;color:#fff;text-align:center;list-style:none}header nav .navBar ul.top-sub-buttons li ul.submenu li:hover{font-weight:700}header nav .navBar ul.top-sub-buttons li ul.submenu li a:hover{font-weight:700}header nav .navBar ul.top-sub-buttons li ul.submenu li hr{width:10px;border-bottom:1px solid #fff;margin-left:32px;margin-top:10px;margin-bottom:0}@media (min-width:320px){header nav .navBar ul li a{font-size:1.4rem;padding:10px 10px}}.main-feature{background:#e9f5ff;border-radius:0 0 400px 0;padding-bottom:50px}@media (max-width:499px){.main-feature{border-radius:0 0 200px 0}}.index{background:#1a8cc9;background:-moz-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:-webkit-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:linear-gradient(to right,#1a8cc9 0,#265ba2 100%);border-radius:0 0 0 400px;padding-top:60px;padding-bottom:50px;position:relative}@media (max-width:767px){.index{padding-bottom:150px;padding-top:250px}}@media (max-width:499px){.index{border-radius:0 0 0 250px}}.index::after{content:"";position:absolute;top:0;right:0;display:block;width:80%;height:90%;background:#1a8cc9;background:-moz-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:-webkit-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:linear-gradient(to right,#1a8cc9 0,#265ba2 100%);border-radius:0 0 0 400px;-moz-box-shadow:-5px 0 100px rgba(0,0,0,.3);-webkit-box-shadow:-5px 0 100px rgba(0,0,0,.3);box-shadow:-5px 0 100px rgba(0,0,0,.3)}@media (min-width:768px) and (max-width:1024px){.index,.index::after{border-radius:0 0 0 250px}}@media (max-width:767px){.index::after{width:97%}}@media (max-width:499px){.index::after{border-radius:0 0 0 250px}}.index .container .foreword-text{display:flex;color:#fff;justify-content:space-between;align-items:center}@media (max-width:1280px){.index .container .foreword-text{justify-content:center}}@media (max-width:767px){.index .container .foreword-text{flex-direction:column}}.index .container .foreword-text .title{display:flex;flex-direction:column;align-items:center}.index .container .foreword-text h1{text-align:center;margin-top:0;font-size:2.5em}.index .container .foreword-text h1 span{font-size:1.5em;margin:0 5px;display:inline-block}.index .container .foreword-text h1 span:nth-child(2){position:relative;top:-20px;transform:rotate(10deg)}.index .container .foreword-text .hammer{position:relative;right:-55px}.index .container .foreword-text .header-magic-image{position:relative;right:-55px}@media (max-width:1280px){.index .container .foreword-text .header-magic-image{width:60%}}@media (max-width:767px){.index .container .foreword-text .header-magic-image{width:100%;right:0}}.slogan{text-align:center;position:relative}.slogan h2{color:#000089;font-size:2.5em}@media (max-width:499px){.slogan h2{font-size:2em}}.slogan p{font-size:1.5em}.slogan1{border:3px solid #1a8cc9;border-radius:0 0 0 1000px;padding-top:200px;padding-bottom:30px;margin-top:-200px;margin-left:60px;width:100%;display:flex;justify-content:center;border-right:none;border-top:none}.slogan1 .slogan-content{display:flex;flex-direction:column;align-items:center;margin-left:-60px}.slogan1 .slogan-content h2{margin-bottom:15px}.slogan1 .slogan-content p{padding:20px;margin:0;border-top:3px double;font-weight:700}.slogan2{padding-top:240px;padding-bottom:20px;margin-top:-220px;width:100%;display:flex;justify-content:center;position:relative;box-sizing:border-box}.slogan2::before{content:"";display:block;width:100%;height:100%;position:absolute;top:5px;right:10px}.slogan2,.slogan2::before{border-right:2px solid #1a8cc9;border-radius:0 1000px 0 0}@media (min-width:768px) and (max-width:1024px){.slogan1{margin-left:20px;border-radius:0 0 0 300px}}@media (max-width:767px){.slogan{padding-left:10%;padding-right:10%;box-sizing:border-box}.slogan1{margin-left:-3px;padding-bottom:70px;border-radius:0 0 0 200px;margin-top:0;padding-top:20px;overflow:hidden}.slogan1 .slogan-content{margin-left:0}.slogan1::after,.slogan1::before{content:"";display:block;border-right:2px solid #1a8cc9;border-radius:0 250px 0 0;width:60%;height:100%;position:absolute;top:0}.slogan1::before{right:-35px;top:-5px}.slogan1::after{right:-25px}.slogan2::before{display:none}.slogan2{border:none}}.feature{width:100%;height:550px;border-width:12px;border-style:solid;box-sizing:border-box;position:relative;color:#fff;margin-bottom:70px}.feature::before{content:"";display:block;height:100%;position:absolute;width:50%;top:0}@media (max-width:499px){.feature::before{height:40%!important}}.feature h3{font-size:2.2em;letter-spacing:.1em;border-bottom-width:4.5px;border-bottom-style:solid;display:inline-block;padding:5px}@media (max-width:992px){.feature h3{font-size:2em}}.feature h3::after{content:"";display:block;width:calc(100% + 10px);margin-left:-5px;height:23px;border-radius:3px;margin-top:-20px}@media (max-width:1280px){.feature img{width:120%}}@media (max-width:960px){.feature img{width:100%}}.feature .container,.feature .container>div{height:100%}.feature .container{display:flex}.feature .container>div{width:50%;box-sizing:border-box}.feature ul{display:flex;flex-direction:column;flex-wrap:wrap;padding:0}.feature ul li{background-image:url("images/star.png");background-repeat:no-repeat;list-style:none;padding-left:55px;font-size:2em;margin-bottom:20px}@media (max-width:992px){.feature ul li{font-size:1.8em}}@media (max-width:767px){.feature{height:1000px;width:calc(100% + 12px)}.feature ul li{font-size:1.8em}.feature .container{flex-direction:column}.feature .container>div{width:100%;height:50%;align-items:center}.feature::before{width:100%;height:50%}}@media (max-width:499px){.feature{height:900px;width:calc(100% + 8px);border-width:8px;margin-bottom:30px}.feature ul li{font-size:1.6em;background-size:40px;padding-left:45px}}.feature-image{align-items:center;display:flex}@media (max-width:499px){.feature-image{height:40%!important}}.feature-content{display:flex;flex-direction:column;align-items:center}@media (max-width:499px){.feature-content{height:auto!important}}.feature-green-bg{border-radius:0 0 500px 0;border-color:#005136;border-top:none;border-left:none}.feature-green-bg h3{border-bottom-color:#005136}.feature-green-bg h3::after{background-color:#005136}.feature-green-bg,.feature-green-bg::before{background:#00a272;background:-moz-linear-gradient(left,#00a272 0,#007863 100%);background:-webkit-linear-gradient(left,#00a272 0,#007863 100%);background:linear-gradient(to right,#00a272 0,#007863 100%)}.feature-green-bg::before{border-radius:0 300px 300px 0;-moz-box-shadow:5px 0 50px rgba(0,0,0,.3);-webkit-box-shadow:5px 0 50px rgba(0,0,0,.3);box-shadow:5px 0 50px rgba(0,0,0,.3)}.feature-green-bg .feature-image{justify-content:flex-end;padding-right:50px}.feature-green-bg .feature-content{flex-direction:column;justify-content:flex-start}@media (max-width:1280px){.feature-green-bg{border-radius:0 0 400px 0}}@media (max-width:1024px){.feature-green-bg{border-radius:0 0 300px 0}}@media (max-width:767px){.feature-green-bg::before{border-radius:0 0 300px 0}.feature-green-bg,.feature-green-bg::before{background:#00a272;background:-moz-linear-gradient(top,#00a272 0,#007863 100%);background:-webkit-linear-gradient(top,#00a272 0,#007863 100%);background:linear-gradient(to bottom,#00a272 0,#007863 100%);border-radius:0 0 300px 0}.feature-green-bg .feature-image{padding-right:0}}@media (max-width:499px){.feature-green-bg,.feature-green-bg::before{border-radius:0 0 200px 0}}.feature-blue-bg{border-radius:500px 0 0 0;border-color:#00396d;border-bottom:none;border-right:none}.feature-blue-bg h3{border-bottom-color:#00396d}.feature-blue-bg h3::after{background-color:#00396d}.feature-blue-bg,.feature-blue-bg::before{background:#265ba2;background:-moz-linear-gradient(left,#265ba2 2%,#1a8cc9 98%);background:-webkit-linear-gradient(left,#265ba2 2%,#1a8cc9 98%);background:linear-gradient(to right,#265ba2 2%,#1a8cc9 98%)}.feature-blue-bg::before{border-radius:300px 0 0 300px;-moz-box-shadow:-5px 0 50px rgba(0,0,0,.3);-webkit-box-shadow:-5px 0 50px rgba(0,0,0,.3);box-shadow:-5px 0 50px rgba(0,0,0,.3);right:0}.feature-blue-bg .feature-image{padding-left:50px}@media (max-width:1280px){.feature-blue-bg{border-radius:400px 0 0 0}.feature-blue-bg .feature-content{padding-left:100px}}@media (max-width:1024px){.feature-blue-bg{border-radius:300px 0 0 0}}@media (max-width:767px){.feature-blue-bg{border-radius:300px 0 0 0;overflow-x:hidden;margin-left:-12px}.feature-blue-bg::before{width:98%;border-radius:250px 0 0 250px}.feature-blue-bg .feature-content{padding-left:0}.feature-blue-bg .feature-image{padding:0;order:-1}}@media (max-width:499px){.feature-blue-bg{border-radius:200px 0 0 0;margin-left:-8px}.feature-blue-bg::before{border-radius:230px 0 0 230px}}.try-button-container{text-align:center;width:100%}.feature-shopping-system .feature-content{align-items:flex-start;padding-left:50px}.feature-shopping-system ul{height:250px;width:100%}.feature-shopping-system ul li{width:50%;box-sizing:border-box}@media (max-width:992px){.feature-shopping-system .feature-content{padding-left:15px}}@media (max-width:767px){.feature-shopping-system .feature-content{padding-left:0}.feature-shopping-system ul{height:200px}}.feature-others h3{margin-top:60px}.feature-others h3 span{display:inline-block;margin-right:5px;margin-top:-10px;position:relative;top:-20px}.feature-others h3 span:first-child{transform:rotate(-20deg)}.feature-others h3 span:nth-child(2){transform:rotate(20deg)}@media (max-width:767px){.feature-others h3{white-space:nowrap}}.embeded-feature-yes-or-no{width:98%;display:flex;flex-direction:column;background-color:#f4f4b5;padding:30px;border-radius:200px 0 0 200px;float:right;margin-top:70px;margin-bottom:70px;box-sizing:border-box;font-size:2em}.embeded-feature-yes-or-no img{width:150px;margin-right:20px}.embeded-feature-yes-or-no .container>div{display:flex;align-items:center}.embeded-feature-yes-or-no .container .no{margin-bottom:50px}@media (max-width:767px){.embeded-feature-yes-or-no .container>div{flex-direction:column;text-align:center}.embeded-feature-yes-or-no{border-radius:500px 0 0 500px;font-size:1.8em}}@media (max-width:499px){.embeded-feature-yes-or-no{font-size:1.6em}}.independent-page{background:#e1fff0;width:98%;clear:both;margin-top:50px;padding:50px 0;border-radius:0 500px 500px 0;font-size:2em}.independent-page .container{display:flex;align-items:center}.independent-page .independent-page-title{background:#fff;border:5px solid #1271d0;border-radius:20px;padding:10px;position:relative;z-index:1}.independent-page .independent-page-title .independent-page-bg{border-radius:10px;background:#1a8cc9;background:-moz-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:-webkit-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:linear-gradient(to right,#1a8cc9 0,#265ba2 100%);width:170px;height:40px}.independent-page .independent-page-title h3{position:relative;margin:0;white-space:nowrap;top:-50px;z-index:10}.independent-page .independent-page-title h3 span{display:block;position:relative}.independent-page .independent-page-title h3 span::before{position:absolute;-webkit-text-stroke:10px white;z-index:-1}.independent-page .independent-page-title h3 span:first-child{transform:rotate(-15deg);font-size:1.3em;margin-left:-30px;top:-10px}.independent-page .independent-page-title h3 span:first-child::before{content:"獨立"}.independent-page .independent-page-title h3 span:nth-child(2){top:-10px;left:50px}.independent-page .independent-page-title h3 span:nth-child(2)::before{content:"商品頁"}.independent-page img{width:55%;margin-top:-130px;margin-left:-220px}.independent-page-content{position:relative;font-size:1.1em}.independent-page-content::after,.independent-page-content::before{font-family:"Arial Black";font-size:1.8em;position:absolute;color:#265ba2}.independent-page-content::before{content:"“";left:-40px;top:-10px}.independent-page-content::after{content:"”";bottom:-25px;right:-40px}@media (max-width:767px){.independent-page .container{flex-direction:column}.independent-page img{margin-left:0;order:-1}.independent-page-content{margin-top:60px;font-size:1em}}@media (min-width:499px) and (max-width:1024px){.independent-page .independent-page-title{margin-left:50px}.independent-page-content{margin-left:-50px}}@media (max-width:499px){.independent-page img{width:95%;margin-bottom:-5px}.independent-page-content{font-size:.8em}.independent-page-content::before{left:-30px}.independent-page-content::after{right:-30px}}.works-carousel .container{display:flex;text-align:center;justify-content:center;flex-direction:column;align-items:center}.works-carousel .works-title{font-size:2.5em}.works-carousel .works-title h3{padding:0 50px;position:relative}.works-carousel .works-title h3:before{content:"作品展示";position:absolute;-webkit-text-stroke:8px white;z-index:-1}.works-carousel .works-title h3:after{content:"";display:block;width:100%;height:35px;background:#1a8cc9;background:-moz-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:-webkit-linear-gradient(left,#1a8cc9 0,#265ba2 100%);background:linear-gradient(to right,#1a8cc9 0,#265ba2 100%);position:absolute;left:0;margin-top:-30px;border-radius:20px;z-index:-2}.carousel-content{height:800px;width:1140px}@media (max-width:991px){.carousel-content{height:600px;width:750px}}@media (max-width:767px){.carousel-content{height:400px;width:540px}}@media (max-width:556px){.carousel-content{height:400px;width:400px}}@media (max-width:400px){.carousel-content{height:400px;width:320px}}.gotop-btn{position:fixed;right:30px;bottom:30px;z-index:99}.gotop-btn .gotop{background:rgba(0,0,0,.5);display:block;width:50px;height:50px;font-size:25px;line-height:48px;border-radius:100%;color:#fff;text-align:center;cursor:pointer}