.titleBox .secondTitle{position:relative;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:36px;font-weight:800;letter-spacing:.5px}@media(max-width: 640px){.titleBox .secondTitle{font-size:30px}}.bannerArea{position:relative}@media(max-width: 1180px){.bannerArea .bannerBg{display:none}}.bannerArea .bannerBg img{display:block;width:100%}.bannerArea .bannerTxt{padding:20px;position:absolute;top:40%;left:15%}@media(max-width: 1180px){.bannerArea .bannerTxt{position:static;background:#bb1b21;padding:80px 20px;color:#fff}}.bannerArea .bannerTxt h1{font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:36px;font-weight:800;letter-spacing:.5px;color:#fff}@media(max-width: 640px){.bannerArea .bannerTxt h1{font-size:26px}}.bannerArea .bannerTxt h2{font-size:20px;margin-top:5px;color:#7aeaff}@media(max-width: 1180px){.bannerArea .bannerTxt h2{color:#fff}}@media(max-width: 640px){.bannerArea .bannerTxt h2{font-size:16px}}.bannerArea .bannerTxt p{font-size:16px;color:#fff;margin-top:20px;font-weight:normal;line-height:1.7;max-width:640px}@media(max-width: 1180px){.bannerArea .bannerTxt p{color:#fff}}@media(max-width: 640px){.bannerArea .bannerTxt p{font-size:14px}}.aboutArea{padding:80px 0;background:#f7f7f7}@media(max-width: 640px){.aboutArea{padding-bottom:20px}}.aboutArea .titleBox h2{text-align:center}.aboutArea .titleBox p{font-size:15px;color:#2f2f2f;font-weight:normal;line-height:1.7;margin:0 auto;margin-top:12px}.aboutArea .titleBox p.subTitle{font-size:18px;margin-top:10px;text-align:center}.aboutArea .titleBox ul{margin-top:20px;color:#2f2f2f;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}.aboutArea .titleBox ul li{font-size:18px;margin:10px;padding:10px;border:1px solid #ff8b8b;border-radius:10px;background:#ee7377;font-weight:bold;letter-spacing:2px;color:#fff}.aboutArea .aboutList{position:relative;display:flex;flex-wrap:wrap;margin-top:40px;padding-bottom:50px}.aboutArea .aboutList>li{width:calc(25% - 16px);margin:8px;position:relative;display:flex;flex-direction:column;padding:40px 15px 50px;color:#000;text-align:center;margin-bottom:10px;background-color:#fff;transition:all .4s ease}@media(max-width: 960px){.aboutArea .aboutList>li{width:calc(50% - 16px)}}@media(max-width: 500px){.aboutArea .aboutList>li{width:100%}}.aboutArea .aboutList>li .icon{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;background-color:#f0e4e4;border-radius:50%;box-shadow:0 0 50px rgba(0,0,0,.03)}.aboutArea .aboutList>li .icon img{width:55px}.aboutArea .aboutList>li h3{position:relative;margin-bottom:15px;font-size:18px;font-weight:600;letter-spacing:1px}.aboutArea .aboutList>li p{font-size:14px;line-height:1.8;color:#343434}.aboutArea .locationBox{margin:50px 0;text-align:center}.aboutArea .locationBox p{font-size:16px;margin-bottom:15px}.aboutArea .btn a{display:inline-block;width:180px;height:50px;line-height:50px;font-size:15px;font-weight:600;color:#fff;text-align:center;background-color:#202020}.aboutArea .btn a:hover{background-color:#c4252b}.advantageArea{background:url("../../images/tw/service/seo-website/service_bg.jpg") no-repeat center/cover;padding:87px 0 56px}@media(max-width: 1180px){.advantageArea{padding:50px 0 20px}}@media(max-width: 960px){.advantageArea{background-position:left}}.advantageArea .titleBox h2{text-align:left}.advantageArea .titleBox p{font-size:18px;margin-top:10px;line-height:1.8;max-width:780px}.advantageArea .serviceList{margin-top:50px;max-width:620px;display:flex;flex-wrap:wrap}@media(max-width: 960px){.advantageArea .serviceList{max-width:100%}}.advantageArea .serviceList p{max-width:590px;color:#000;font-size:15px;padding:15px 0;line-height:1.7}.advantageArea .serviceList .serviceItem{position:relative;width:50%;padding:0 27px 33px 62px}@media(max-width: 1180px){.advantageArea .serviceList .serviceItem{padding:0 27px 33px 55px}}@media(max-width: 640px){.advantageArea .serviceList .serviceItem{width:100%;padding:0 0 33px 55px}}.advantageArea .serviceList .serviceItem:nth-of-type(1) .circle span{background-color:#7ed5bf}.advantageArea .serviceList .serviceItem:nth-of-type(2) .circle span{background-color:#bab0f3}.advantageArea .serviceList .serviceItem:nth-of-type(3) .circle span{background-color:#fbcdb5}.advantageArea .serviceList .serviceItem:nth-of-type(4) .circle span{background-color:#ffd35a}.advantageArea .serviceList .circle{position:absolute;top:0;left:0;color:#fff;font-size:33px;font-weight:700}.advantageArea .serviceList .circle span{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%}@media(max-width: 1180px){.advantageArea .serviceList .circle{font-size:28px}.advantageArea .serviceList .circle span{width:45px;height:45px}}.advantageArea .serviceList .title{color:#3c3c3c;font-size:20px;font-weight:700;border-bottom:1px solid #bebcc6;letter-spacing:1px;padding-bottom:10px}@media(max-width: 1180px){.advantageArea .serviceList .title{padding-bottom:7px;margin-bottom:6px}}.evidenceArea{padding:80px 0}.evidenceArea .titleBox h2{text-align:left}.evidenceArea .titleBox p{margin-top:30px;font-size:17px;line-height:1.8}.evidenceArea img{max-width:100%;box-shadow:3px 3px 15px #d8d8d8}.evidenceArea .caseList{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;list-style:none}.evidenceArea .caseList .item{padding:15px;margin-bottom:60px;width:50%;overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:transform .3s,box-shadow .3s}.evidenceArea .caseList .item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.evidenceArea .caseList .item .Img{width:100%;margin-top:15px}.evidenceArea .caseList .item .Img img{width:100%;height:auto;display:block}.evidenceArea .caseList .item h3{font-size:18px;color:#333;font-weight:700;line-height:1.4;padding-top:10px;margin:0}.evidenceArea .caseList .item p{font-size:15px;color:#666;padding:0;margin:0}@media(max-width: 1023px){.evidenceArea .caseList{margin-left:-10px;margin-right:-10px}.evidenceArea .caseList .item{width:50%;padding-left:10px;padding-right:10px;padding-bottom:20px}.evidenceArea .caseList .item h3{font-size:1.2rem}}@media(max-width: 768px){.evidenceArea .caseList{margin-left:0;margin-right:0;padding:10px}.evidenceArea .caseList .item{width:100%;padding-left:0;padding-right:0;padding-bottom:0;margin-bottom:15px}.evidenceArea .caseList .item:last-child{margin-bottom:0}.evidenceArea .caseList .item h3{font-size:1.1rem;padding:10px 15px 5px}.evidenceArea .caseList .item p{font-size:.95rem;padding:5px 15px 10px}}.processArea{padding:80px;background:#f7f7f7}@media(max-width: 1200px){.processArea{padding:50px 0}}.processArea .titleBox p{font-size:18px;color:#2f2f2f;font-weight:normal;line-height:1.7;text-align:center;max-width:640px;margin:0 auto;margin-top:20px}.processArea .processList{display:flex;flex-wrap:wrap;margin:0 -60px;margin-top:50px}@media(max-width: 1560px){.processArea .processList{margin:0 -30px}}@media(max-width: 1440px){.processArea .processList{margin:50px -20px 0}}.processArea .processItem{width:25%;margin-bottom:50px;padding:0 60px;position:relative}.processArea .processItem::before,.processArea .processItem::after{content:"";width:1px;position:absolute;top:0;left:0}.processArea .processItem::before{height:100%;background-color:#e5e5e5;z-index:1}.processArea .processItem::after{height:60px;background-color:#c4252b;z-index:2}.processArea .processItem:first-child::before,.processArea .processItem:first-child::after,.processArea .processItem:nth-child(5n)::before,.processArea .processItem:nth-child(5n)::after{display:none}.processArea .processItem .item{position:relative;z-index:3}.processArea .processItem .topBox{align-items:center;display:flex;justify-content:space-between;margin-top:5px;margin-bottom:25px;position:relative;z-index:1}.processArea .processItem .topBox .stepBox{align-items:flex-end;color:#888;display:flex;font-family:"Cardo",serif}.processArea .processItem .topBox .stepBox .number{display:inline-block;font-size:40px;line-height:.8}.processArea .processItem .topBox .stepBox .text{display:inline-block;font-size:16px;line-height:1;letter-spacing:.75px;margin-left:10px}.processArea .processItem .Txt{position:relative;z-index:1}.processArea .processItem .Txt .title{margin-bottom:15px;padding-bottom:15px;position:relative;font-size:18px;font-weight:500;line-height:1.2;letter-spacing:1.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.processArea .processItem .Txt .title::before{content:"";width:25px;height:1px;background-color:#666;position:absolute;bottom:0;left:0;z-index:1}.processArea .processItem .Txt .time{margin-bottom:15px;font-size:15px;color:#343434}.processArea .processItem .Txt .text{color:#626262;line-height:1.65;font-size:15px}@media(max-width: 1560px){.processArea .processItem{padding:0 30px}}@media(max-width: 1440px){.processArea .processItem{margin-bottom:70px}}@media(max-width: 1200px){.processArea .processItem{margin-bottom:50px}}@media(max-width: 1024px){.processArea .processItem{width:33.333333%}.processArea .processItem:nth-child(5n)::before,.processArea .processItem:nth-child(5n)::after{display:block}.processArea .processItem:nth-child(3n+1)::before,.processArea .processItem:nth-child(3n+1)::after{display:none}}@media(max-width: 768px){.processArea .processItem{width:50%;margin-bottom:35px}.processArea .processItem:nth-child(3n+1)::before,.processArea .processItem:nth-child(3n+1)::after{display:block}.processArea .processItem:nth-child(odd)::before,.processArea .processItem:nth-child(odd)::after{display:none}.processArea .processItem .topBox{margin-bottom:15px}.processArea .processItem .topBox .stepBox .number{font-size:32px}.processArea .processItem .topBox .stepBox .text{font-size:15px;margin-left:5px}.processArea .processItem .Txt .title{margin-bottom:10px;padding-bottom:18px}}@media(max-width: 480px){.processArea .processItem{width:100%;padding:0 20px;margin:20px}.processArea .processItem::before{width:calc(100% - 40px);height:1px;left:20px}.processArea .processItem::after{width:60px;height:1px;left:20px}.processArea .processItem:nth-child(odd)::before,.processArea .processItem:nth-child(odd)::after{display:block}.processArea .processItem:first-child{margin-bottom:30px}.processArea .processItem:first-child::before,.processArea .processItem:first-child::after{display:none}.processArea .processItem:last-child{margin-bottom:0}}.contactArea{padding:70px 0;background:#c4252b}.contactArea .titleBox h2{text-align:center;color:#fff}.contactArea .titleBox p{font-size:18px;color:#fff;font-weight:normal;line-height:1.7;text-align:center;max-width:640px;margin:0 auto;margin-top:20px}.contactArea .locationBox{margin-top:30px;text-align:center}.contactArea .btn a{display:inline-block;width:180px;height:50px;line-height:50px;font-size:15px;font-weight:600;color:#fff;text-align:center;background-color:#202020}.contactArea .btn a:hover{background-color:#4e4e4e}.otherArea{position:relative}@media(min-width: 1181px){.otherArea{padding:130px 0 80px}}@media(min-width: 641px)and (max-width: 1180px){.otherArea{padding:80px 0 50px}}@media(max-width: 640px){.otherArea{padding:60px 0}}.otherArea .wrap{display:flex;flex-wrap:wrap;max-width:1350px}@media(min-width: 901px){.otherArea .leftTxt,.otherArea .rightLink{width:50%;padding-top:20px;padding-bottom:40px}}@media(max-width: 900px){.otherArea .leftTxt,.otherArea .rightLink{width:100%}}@media(min-width: 901px){.otherArea .leftTxt{padding-left:50px;padding-right:50px}}@media(max-width: 900px){.otherArea .leftTxt{margin-bottom:50px}}.otherArea .leftTxt .secondTitle{line-height:1.4}.otherArea .leftTxt .thirdTitle{font-size:18px;font-weight:normal;line-height:1.7;margin-top:20px;text-align:left}.otherArea .leftTxt .Txt p{margin-top:15px;font-size:18px}.otherArea .leftTxt .Txt ol,.otherArea .leftTxt .Txt ul{margin-top:25px;padding-left:25px;list-style:decimal}.otherArea .leftTxt .Txt ol>li,.otherArea .leftTxt .Txt ul>li{font-size:15px;line-height:2;color:#000}.otherArea .rightLink{position:relative}@media(min-width: 901px){.otherArea .rightLink{padding-top:30px;padding-left:50px;background:#efefef;border-left:1px solid #d2d2d2}}.otherArea .rightLink>.linkBox+.linkBox{margin-top:60px}.otherArea .rightLink .refTitle{font-size:18px;font-weight:bold}.otherArea .rightLink ol,.otherArea .rightLink ul{margin-top:25px;padding-left:20px;list-style:decimal}.otherArea .rightLink ol li,.otherArea .rightLink ul li{padding:0;font-size:15px;font-weight:400;line-height:1.8;letter-spacing:.5px}.otherArea .rightLink ol li a,.otherArea .rightLink ul li a{display:inline-block;color:#1877f2}.otherArea .rightLink ol li:hover a,.otherArea .rightLink ul li:hover a{color:#c4252b;text-decoration:underline}