@import"https://fonts.googleapis.com/css2?family=Jersey+10&family=Noto+Sans+TC:wght@100..900&display=swap";.headline1,h1{font-family:"Noto Sans TC",sans-serif;font-size:48px;line-height:125%;font-weight:700;letter-spacing:0px}@media(max-width: 767px){.headline1,h1{font-size:32px}}.headline2,h2{font-family:"Noto Sans TC",sans-serif;font-size:40px;line-height:125%;font-weight:500;letter-spacing:0px}@media(max-width: 767px){.headline2,h2{font-size:28px}}.headline3,h3{font-family:"Noto Sans TC",sans-serif;font-size:32px;line-height:160%;font-weight:500;letter-spacing:0px}@media(max-width: 767px){.headline3,h3{font-size:24px}}.title,.page-web-design .link-box .link-title{font-family:"Noto Sans TC",sans-serif;font-size:20px;line-height:160%;font-weight:500;letter-spacing:2.56px}@media(max-width: 767px){.title,.page-web-design .link-box .link-title{font-size:16px}}.subtitle{font-family:"Noto Sans TC",sans-serif;font-size:16px;line-height:160%;font-weight:700;letter-spacing:2.56px}@media(max-width: 767px){.subtitle{font-size:14px}}.body,body{font-family:"Noto Sans TC",sans-serif;font-size:16px;line-height:160%;font-weight:400;letter-spacing:2.56px}@media(max-width: 767px){.body,body{font-size:14px}}.caption-title{font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:160%;font-weight:700;letter-spacing:2.56px}@media(max-width: 767px){.caption-title{font-size:12px}}.caption{font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:160%;font-weight:400;letter-spacing:2.56px}@media(max-width: 767px){.caption{font-size:12px}}.small{font-family:"Noto Sans TC",sans-serif;font-size:14px;line-height:140%;font-weight:400;letter-spacing:2.56px}@media(max-width: 767px){.small{font-size:10px}}.page-web-design .banner{height:450px;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width: 767px){.page-web-design .banner{height:548px}}.page-web-design .banner .banner-background{position:absolute;inset:0;z-index:0}.page-web-design .banner .banner-background img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.page-web-design .banner .container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;height:100%}@media screen and (max-width: 767px){.page-web-design .banner .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.page-web-design .banner .container .text{max-width:320px}@media screen and (max-width: 767px){.page-web-design .banner .container .text{max-width:256px}}.page-web-design .banner .container .text h1,.page-web-design .banner .container .text h3{margin-bottom:16px}.page-web-design .banner .container .text p{margin-bottom:24px}.page-web-design .section{padding:80px 0 120px}.page-web-design .section.gray-area{background-color:#f6f6f6}.page-web-design .section:first-child{padding-top:64px}.page-web-design .section .section-title{margin-bottom:40px}.page-web-design .section.workflow-area .section-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:120px}.page-web-design .section.workflow-area .section-content h3{margin-bottom:40px}@media screen and (max-width: 767px){.page-web-design .section.workflow-area .section-content .img-EC-flow{content:url(.../../../images/web-design/EC-flow-m.png);max-width:240px}.page-web-design .section.workflow-area .section-content .img-customize-flow{content:url(.../../../images/web-design/customize-flow-m.png);max-width:240px}}.page-web-design .section.cases-area .cases-box .case-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-web-design .section.cases-area .cases-box .case-card a{color:#2d2d2d}.page-web-design .section.cases-area .cases-box .case-card a img{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.page-web-design .section.cases-area .cases-box .case-card a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.page-web-design .section.cases-area .cases-box .case-card .img-box{width:100%;height:168px;overflow:hidden}.page-web-design .section.cases-area .cases-box .case-card img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}.page-web-design .section.cases-area .cases-box .case-card p{padding:15px 0;width:100%;text-align:center;background-color:#fff}.page-web-design .cards-box{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px 40px}@media screen and (max-width: 991px){.page-web-design .cards-box{grid-template-columns:repeat(2, 1fr);gap:40px}}@media screen and (max-width: 767px){.page-web-design .cards-box{grid-template-columns:repeat(1, 1fr)}}@media screen and (max-width: 991px){.page-web-design .cards-box.products-cards,.page-web-design .cards-box.share-cards{grid-template-columns:repeat(1, 1fr)}}.page-web-design .link-box{margin-top:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-web-design .link-box .link-title{color:#ed6c00;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}.page-web-design .link-box .link-title::after{content:"";display:inline-block;width:32px;height:32px;-webkit-mask:url(../../../images/icons/share.svg) no-repeat center;mask:url(../../../images/icons/share.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:#ed6c00;margin-left:8px}.page-web-design .link-box .link-btn-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:24px}.page-web-design .link-box .link-btn-box a{padding:3px;border-radius:50%;border:1px solid #2d2d2d}.page-web-design .link-box .link-btn-box a img{width:40px}
/*# sourceMappingURL=web-design.css.map */