.hc_wrapper{position:relative;width:100%;margin:90px 0 0 0;overflow:hidden;background-color:#090909}
.hc_wrapper:focus .hc_next,.hc_wrapper:focus .hc_prev,.hc_wrapper:hover .hc_next,.hc_wrapper:hover .hc_prev{opacity:1;z-index:20}
.hc_next path,.hc_prev path,.slider_slide_arw .icon_arrow path{fill:#fff}
.hc_next,.hc_prev{position:absolute;top:50%;width:20px;height:20px;-webkit-transition:opacity .2s cubic-bezier(.55,.085,.68,.53);transition:opacity .2s cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-indent:-9999px;opacity:0}
.hc_next:focus svg,.hc_next:hover svg,.hc_prev:focus svg,.hc_prev:hover svg{opacity:.8}
.hc_next svg,.hc_prev svg{display:block;max-width:100%;max-height:100%;-webkit-transition:opacity .2s cubic-bezier(.55,.085,.68,.53);transition:opacity .2s cubic-bezier(.55,.085,.68,.53);opacity:.6}
.hc_prev{left:.5em;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
.hc_panel,.hc_panel:after{top:0;left:0;width:100%;height:100%;position:absolute}
.hc_next{right:.5em}
.hc_panel{-webkit-transition:1.8s opacity,1.8s visibility;transition:1.8s opacity,1.8s visibility;pointer-events:none;opacity:0;background-color:#090909}
.hc_panel:after{display:block;content:'';opacity:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),color-stop(49%,#000),color-stop(78%,#000),to(black));background:-webkit-linear-gradient(top,rgba(0,0,0,.1) 0,#000 49%,#000 78%,#000 100%);background:linear-gradient(to bottom,rgba(0,0,0,.1) 0,#000 49%,#000 78%,#000 100%)}
.hc_panel.js_active{visibility:visible;-webkit-transition-delay:0s;transition-delay:0s;pointer-events:auto;opacity:1}
.hc_panel_image{position:absolute;top:50%;left:50%;width:100%;max-width:100%;min-height:100%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.hc_panel_wrapper{width:100%;height:100%}
.hc_panel_caption{position:absolute;z-index:+1;bottom:2em;left:0;width:auto;height:auto;padding-right:2em;padding-left:2em;text-align:left}
.hc_panel_caption-title{padding:0;line-height:100%;-webkit-transition:opacity 1.2s 1.2s,-webkit-transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,-webkit-transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,transform 1.2s 1.2s,-webkit-transform 1.2s 1.2s;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0;transition-timing:cubic-bezier(.25,.46,.45,.94)}
.hc_panel_caption-subtitle{margin-top:40px;padding:0;line-height:100%;-webkit-transition:opacity 1.2s 1.2s,-webkit-transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,-webkit-transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,transform 1.2s 1.2s,-webkit-transform 1.2s 1.2s;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);opacity:0;transition-timing:cubic-bezier(.25,.46,.45,.94)}
.hc_panel_caption-button{margin-top:40px;padding:0;line-height:100%;-webkit-transition:opacity 1.2s 1.2s,-webkit-transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,-webkit-transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,transform 1.2s 1.2s;transition:opacity 1.2s 1.2s,transform 1.2s 1.2s,-webkit-transform 1.2s 1.2s;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);opacity:0;transition-timing:cubic-bezier(.25,.46,.45,.94);}
.js_active .hc_panel_caption-button,.js_active .hc_panel_caption-subtitle,.js_active .hc_panel_caption-title{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;transition-timing:cubic-bezier(.55,.085,.68,.53)}
.hc_panel_caption-subtitle{font-weight:400;font-smoothing:initial;-webkit-font-smoothing:initial}
.hc_panel_caption [class^=kicker]{-webkit-transition:opacity .5s 1s,-webkit-transform .5s 1s;transition:opacity .5s 1s,-webkit-transform .5s 1s;transition:opacity .5s 1s,transform .5s 1s;transition:opacity .5s 1s,transform .5s 1s,-webkit-transform .5s 1s;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);opacity:0}
.js_active .hc_panel_caption [class^=kicker]{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1}
article,section{display:block}.visuallyhidden{position:absolute;width:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}
a,a:active,a:hover,a:link{text-decoration:none}
a.hc_panel_link{color:#fff;display:inline-block;position:relative;-webkit-transition:opacity .2s cubic-bezier(.25,.46,.45,.94),-webkit-transform .2s cubic-bezier(.25,.46,.45,.94);transition:opacity .2s cubic-bezier(.25,.46,.45,.94),-webkit-transform .2s cubic-bezier(.25,.46,.45,.94);transition:opacity .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94);transition:opacity .2s cubic-bezier(.25,.46,.45,.94),transform .2s cubic-bezier(.25,.46,.45,.94),-webkit-transform .2s cubic-bezier(.25,.46,.45,.94);vertical-align:middle}
a.hc_panel_link .icon_arrow{display:none}
.js_active a.hc_panel_link .icon_arrow{-webkit-transition:1s 1s opacity cubic-bezier(.25,.46,.45,.94),1s 1s transform cubic-bezier(.25,.46,.45,.94);transition:1s 1s opacity cubic-bezier(.25,.46,.45,.94),1s 1s transform cubic-bezier(.25,.46,.45,.94);-webkit-transform:translateX(.5em);-ms-transform:translateX(.5em);transform:translateX(.5em);opacity:1}
.hc_panel_caption-header{display:inline-block;position:relative;max-width:100%;vertical-align:middle; color:#fff;}
 a.hc_panel_link .icon_arrow{position:relative;width:.6em;max-width:.6em;height:auto;max-height:100%;-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;-webkit-transform:translateX(-.8em);-ms-transform:translateX(-.8em);transform:translateX(-.8em);vertical-align:middle;opacity:0;display:inline-block}
a.hc_panel_link .icon_arrow path{fill:#fff}
.hc_wrapper{margin-top: 80px; padding-bottom:45%}
.hc_panel_image_mobile{display:none}
.hc_panel_caption{position:absolute;z-index:+1;top:19em;left:30em;width:auto;height:auto;padding-right:2em;padding-left:2em;text-align:left}
.hc_panel_caption-title,.h1{font-size:58px;font-weight:500;}
.hc_panel_caption-subtitle,.h2{font-size:28px;}
.hc_panel_wrapper{ background-size:cover; background-position:center center;position: relative;}
.hc_panel_wrapper::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3); z-index: 1}

@media only screen and (max-width: 1600px) {
.hc_panel_caption{position:absolute;z-index:+1;top:14em;left:20em;}
.hc_panel_caption-title,.h1{font-size:52px;}
.hc_panel_caption-subtitle,.h2{font-size:26px;margin-top:35px;}
}
@media only screen and (max-width: 1200px) {
.hc_wrapper{margin-top: 70px;padding-bottom:45%}
.hc_panel_caption{position:absolute;z-index:+1;top:10em;left:17em;}
.hc_panel_caption-title,.h1{font-size:45px;}
.hc_panel_caption-subtitle,.h2{font-size:26px;margin-top:30px;}
}
@media only screen and (max-width: 980px) {
.hc_wrapper{margin-top: 60px;padding-bottom:70%}
.hc_panel_caption{position:absolute;z-index:+1;top:12em;left:12em;}
.hc_panel_caption-title,.h1{font-size:42px;}
.hc_panel_caption-subtitle,.h2{font-size:22px;margin-top:30px;}
}
@media only screen and (max-width: 767px) {
.hc_wrapper{margin-top: 60px;padding-bottom:100%;}
.hc_panel_image{display:none}
.hc_panel_image_mobile{position:absolute;top:100%;left:100%;width:100%;max-width:100%;min-height:100%;-webkit-transform:translateX(-100%) translateY(-100%);-ms-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%);display: block}
.hc_panel_caption{position:absolute;z-index:+1;left:0;bottom:3em;}
.hc_panel_caption-title,.h1{font-size:30px;}
.hc_panel_caption-subtitle,.h2{font-size:20px;margin-top:20px;}
}

/* iPhone X and Xs Max */
@media only screen 
    and (min-device-width: 375px) 
    and (min-device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) { 
.hc_panel_wrapper{ background-size:cover; background-position:center center}
}

/* index1-link */
.panel-link{float:left;width:230px; height:42px;text-align:center; margin:0 30px 0 0;
    background-size: 200% 100%;
    background-image: linear-gradient(to right, #9e445d 50%, #fff 50%);
    transition: background-position 0.5s;}
  .panel-link a {display:block; height:42px; padding:0;color: #fff; font-size:15px;line-height:40px;text-decoration: none;border:1px solid #999999;}
  .panel-link a:hover {color:#000;border:1px solid #999999;}  
  .panel-link:hover {color: #000;background-position: -100% 0;}

.maintop-wrap{width:100%; float: left; margin:0; }
.top-container{width:1400px; margin:80px auto}
.info-zx{width: 100%;float:left;font-size:22px; margin: 0 0 25px;color: #9e445d;font-weight: 500;letter-spacing: 0.1em;text-align: center}
.info-zx{opacity:0;-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px);-moz-transition:opacity .8s,-moz-transform .8s;-o-transition:opacity .8s,-o-transform .8s;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .6s}
.info-zx.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.info-title{width: 100%;float:left;margin: 0 0 20px; font-size: 32px; color: #0a3963;line-height: 1.2em;text-align: center}
.info-title{opacity:0!important;-webkit-transform:scale(0.8);transform:scale(0.8);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}
.info-title.show{opacity:1!important;-webkit-transform:scale(1);transform:scale(1)}
.info-stx{width:60%;float:left;line-height:2em;margin: 0 20% 30px;font-size: 18px}
.info-stx{opacity:0;-moz-transform:translateY(30px);-ms-transform:translateY(30px);-webkit-transform:translateY(30px);transform:translateY(30px);-moz-transition:opacity .8s,-moz-transform .8s;-o-transition:opacity .8s,-o-transform .8s;-webkit-transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .6s}
.info-stx.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
@media only screen and (max-width: 1600px) {
.top-container{width:90%; margin:65px auto;}	
.info-stx{width:60%;margin: 0 20% 25px;}	
}
@media only screen and (max-width: 1200px) {
.top-container{margin:50px auto;}	
.info-stx{width:75%;margin: 0 12.5% 20px;}	
}
@media only screen and (max-width: 980px) {
.top-container{margin:50px auto;}	
.info-zx{font-size:22px; margin: 0 0 20px;}
.info-title{margin: 0 0 15px; font-size: 30px;}
.info-stx{width:90%;margin: 0 5% 20px;}	
}
@media only screen and (max-width: 767px) {
.top-container{margin:40px auto;}	
.info-zx{font-size:22px; margin: 0 0 15px;}
.info-title{margin: 0 0 15px; font-size: 26px;}
.info-stx{width:100%;margin: 0 0 20px;line-height:1.8em;font-size: 17px}	
}

.advantages-box{float: left;width:100%; margin:0; }
.advantages-title{float: left;width:100%;margin:0 0 100px 0; text-align:center; font-size:32px; font-weight:400; line-height:1.6em; letter-spacing:0.2em; text-indent:0.2em}
.intbwf{float:left; width:100%; margin:0; background-image:url(../images/index-service.jpg);background-repeat:no-repeat; background-size:cover; color:#fff;}
.bgcolor{float:left; width:100%; margin:0;background: rgba(0,0,0,0.7);}
.intconwf{width:1360px; margin:0 auto 0; padding:90px 0 80px;}
.service-itembox{width:100%; float: left; margin:0; font-size:0;}
.service-item{float:none;width:25.333333%; margin:0 3% 80px; display: inline-block;vertical-align: top;text-align:center;}
.service-item{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.service-item.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
.service-item:nth-child(1).show{-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}
.service-item:nth-child(2).show{-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}
.service-item:nth-child(3).show{-moz-transition-delay:.4s;-o-transition-delay:.4s;-webkit-transition-delay:.4s;transition-delay:.4s}
.service-item:nth-child(4).show{-moz-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s;transition-delay:.6s}
.service-item:nth-child(5).show{-moz-transition-delay:.8s;-o-transition-delay:.8s;-webkit-transition-delay:.8s;transition-delay:.8s}
.service-item:nth-child(6).show{-moz-transition-delay:1.0s;-o-transition-delay:1.0s;-webkit-transition-delay:1.0s;transition-delay:1.0s}
.service-icon{float:left;width:100%;font-size: 50px;margin-bottom: 40px;}
.service-tx{width:100%;float:left;}
.service-tx h2{font-size:24px;margin-bottom: 20px;letter-spacing: 0.1em}
.service-tx p{font-size:15px;text-align:justify;line-height: 1.7em}
@media only screen and (max-width: 1600px) {
.intconwf{width:90%; padding:70px 0 50px;}	
.service-item{width:26.666666%;margin:0 2.5% 60px;}
.advantages-title{margin:0 0 80px 0;}
}
@media only screen and (max-width: 1200px) {
.intconwf{width:94%; padding:60px 0 40px;}	
.advantages-title{margin:0 0 60px}	
.service-item{width:25%;margin:0 2% 50px;}
}
@media only screen and (max-width: 980px) {
.intconwf{width:94%; padding:50px 0 40px;}	
.advantages-title{margin:0 0 60px}	
.service-item{width:45%;margin:0 2.5% 50px;}
}
@media only screen and (max-width: 767px) {
.intconwf{width:88%; padding:40px 0 10px;}	
.advantages-title{font-size:25px;margin:0 0 40px;letter-spacing:0.1em; text-indent:0.1em}	
.service-item{width:100%;margin:0 0 40px;}
.service-icon{font-size: 40px;margin-bottom: 20px;}
}

.processbox{float: left;width:100%; margin:0; }
.process-content{width:1300px; margin:0 auto 0; padding:90px 0 60px;}
.process-left{width:53%; float: left;margin-right: 6% }
.processbox-title{margin-bottom:30px;}
.processbox-title h2{font-size:32px;line-height: 1.5em;font-weight: 500;letter-spacing: 0.1em; margin-bottom: 15px}
.processbox-title h3{margin-bottom:10px; line-height:1.5em; font-size:17px; text-align:justify;}
.processbox-title p{line-height: 1.8em; font-size:17px;text-align:justify;}
.process-list{width: 100%;float:left;}
.process-item{width: 100%;float:left;margin: 0 0 30px;border-top: 0.5px solid #000;border-top-height:thin;padding-top:25px;}
.process-item{opacity:0;-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-webkit-transform:translateY(-20px);transform:translateY(-20px);-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,transform .6s}
.process-item.show{opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}
  .process-item ul{margin: 0;list-style:disc}
  .process-item li{text-align:justify;margin:0 0 6px 1em; text-indent:0em;line-height:1.6em}
.process-item li::marker {font-size: 0.8rem;color: #333}
.process-info{ width:90%; float: left;}
.process-en{width:7%;float:left;margin-right: 3%;font-size:30px;font-weight: 500;}
.process-title{width: 100%; float:left;margin: 0 0 12px; font-size:18px;font-weight: 500;}
.process-tx{ width: 100%;float: left;line-height: 1.8em; font-size:16px;text-align:justify;}
.process-pic{width:41%; float: left;margin-top: 60px}
.process-pic img{max-width: 100%; line-height:auto; margin: 0;display: block}

@media only screen and (max-width:1600px) {
.process-content{width:86%; padding:70px 0 40px;}
}
@media only screen and (max-width:1200px) {
.process-content{width:90%; padding:50px 0 20px;}
.process-left{width:52%;margin-right: 5% }
.process-info{ width:86%;}
.process-en{width: 11%;margin-right: 3%;}
}
@media only screen and (max-width:980px) {
.process-info{ width:89%;}
.process-en{width:8%;margin-right: 3%;}
.processbox-title h2{font-size:28px;}
.process-pic{display: none}
.process-left{width:100%; fmargin-right: 0 }
}
@media only screen and (max-width:767px) {
.process-content{padding:40px 0 15px;}
.processbox-title h2{font-size:26px;}
.process-info{ width:100%;}
.process-en{width:100%;margin: 0 0 20px}
.process-item{margin: 0 0 20px;padding-top:20px;}
}

:root{--swatch--white:#fcfcfc;--size--1-25rem:1.25rem;--size--0-25rem:.25rem;--size--2rem:2rem;--size--0-5rem:.5rem;--size--1rem:1rem;--size--5rem:5rem;--swatch--black:#9e445d;font-family: "Noto Sans TC","Microsoft JhengHei"," Arial",sans-serif;}
.linkbox_wrap{margin:0 auto 0;padding-top:var(--size--1rem);padding-right:var(--size--1-25rem);padding-bottom:var(--size--1rem);padding-left:var(--size--1-25rem);grid-column-gap:var(--size--1rem);grid-row-gap:var(--size--1rem);background-color:var(--swatch--black);pointer-events:auto;color:var(--swatch--white);font-variation-settings:"wght" 650;border-radius:100vw;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;text-align:center}
.linkbox_wrap{opacity: 0;-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);transform: translateY(-20px);-moz-transition: opacity .8s, -moz-transform .8s;-o-transition: opacity .8s, -o-transform .8s;-webkit-transition: opacity .8s, -webkit-transform .8s;transition: opacity .8s, transform .8s;}
.linkbox_wrap.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.linkbox_wrap.is-reset{background-color:var(--swatch--white);color:var(--swatch--black)}
.linkbox_contain{line-height:0.8em;overflow:hidden}
.g_circle{border:1px solid var(--swatch--white);border-radius:100vw;width:10px;height:10px}
.linkbox_text{font-size:.8rem}
.g_circle.is-light{border-top-style:solid;border-top-width:1px;border-top-color:var(--swatch--white);border-right-style:solid;border-right-width:1px;border-right-color:var(--swatch--white);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--swatch--white);border-left-style:solid;border-left-width:1px;border-left-color:var(--swatch--white);background-color:var(--swatch--transparent);will-change:transform;width:8px;height:8px;padding-bottom:0;padding-right:0}
.g_circle.is-light.is-reset{border-color:var(--swatch--brand-text)}