.indexmain{width:100%;height:101vh;background-color:#3c3c3c;background:linear-gradient(#3c3c3c,#1e1e1e );}
.indexmain-images{position:relative;width:100%;height:100%;overflow:hidden;background-color:#3c3c3c;background:linear-gradient(#3c3c3c,#1e1e1e );}
.indexmain-images li{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;-moz-transform:scale(1.25);-ms-transform:scale(1.25);-webkit-transform:scale(1.25);transform:scale(1.25);-moz-transition:-moz-transform 8s;-o-transition:-o-transform 8s;-webkit-transition:-webkit-transform 8s;transition:transform 8s}
.indexmain-images li.show-img{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li{-moz-transition:-moz-transform 8s,background-position 6s ease-in-out;-o-transition:-o-transform 8s,background-position 6s ease-in-out;-webkit-transition:-webkit-transform 8s,background-position 6s ease-in-out;transition:transform 8s,background-position 6s ease-in-out}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05);background-position:50% 70%}
.indexmain-images li:nth-child(1).show-img{background-position:50% 40%;-moz-transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.indexmain-images li:nth-child(2){-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);background-position:50% 50%}
.indexmain-images li:nth-child(2).show-img{background-position:50% 80%;-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.indexmain-images li:nth-child(3){width: 110%;-moz-transform: translateX(-10%);-ms-transform: translateX(-10%);-webkit-transform: translateX(-10%);transform: translateX(-10%);background-position:0% 85%}
.indexmain-images li:nth-child(3).show-img{-moz-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);transform: translateX(0%);}
.indexmain-images li:nth-child(4){-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);background-position:50% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:80% 50%;-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

@media screen and (max-width: 1200px){.indexmain{height:92vh}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 0%}
.indexmain-images li:nth-child(1).show-img{background-position:50% 20%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 60%}
.indexmain-images li:nth-child(2).show-img{background-position:50% 80%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(3).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(4){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 0%}
.indexmain-images li:nth-child(4).show-img{background-position:0% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-slogan li:nth-child(1){top:45%;left:30%}}

@media screen and (max-width: 900px){.indexmain{height:70vh}
.indexmain-images li:nth-child(4){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:60% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:55% 50%;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:60% 50%}
.indexmain-images li:nth-child(3).show-img{background-position:55% 50%;-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:0% 45%}
.indexmain-images li:nth-child(2).show-img{background-position:0% 100%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-slogan li:nth-child(1),.indexmain-slogan li:nth-child(2),.indexmain-slogan li:nth-child(3),.indexmain-slogan li:nth-child(4){top:50%;left:50%;right:unset;bottom:unset;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.indexmain-slogan-title{-webkit-justify-content:center;justify-content:center}
.indexmain-slogan-sub{text-align:center}
.indexmain-slogan-award{-webkit-justify-content:center;justify-content:center}}

@media screen and (max-width: 640px){
.indexmain-images li:nth-child(4){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:65% 50%}
.indexmain-images li:nth-child(4).show-img{background-position:50% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(3){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:65% 50%}
.indexmain-images li:nth-child(3).show-img{background-position:50% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(1){-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);background-position:50% 50%}
.indexmain-images li:nth-child(1).show-img{background-position:50% 65%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.indexmain-images li:nth-child(2){-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);background-position:85% 50%}
.indexmain-images li:nth-child(2).show-img{background-position:75% 50%;-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}

.slogan{width: 80%; position: absolute;top:30%;left: 6%;z-index: 99; }
.slogan h2{margin-bottom: 30px; font-size: 76px;line-height: 1.1em; color: #ccc;font-family: "Times","Arial",sans-serif;}
.slogan h3{font-size: 18px;color: #ccc;font-family: "Times","Arial",sans-serif;font-weight: 500}
@media screen and (max-width: 980px) {
.slogan h2{margin-bottom: 25px; font-size: 64px;}
}
@media screen and (max-width: 767px) {
.slogan h2{margin-bottom: 25px; font-size:44px;}
.slogan h3{font-size: 16px;}	
}
.index-a{width:100%; float: left;}
.a-container{width:800px; margin:140px auto 130px;position:relative;}
.a-container img{max-width:100%; height: auto;}
.a-left{width:58%; float: left;}
.a-text{width: 100%; float: left;margin-bottom: 15px}
.a-text{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 .8s;}
.a-text.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.a-text p{width: 100%;margin-bottom: 15px;font-size: 16px;line-height: 1.8em}
.hmin_righttext{width:35%; position: absolute;top:20px;left: 65%;font-family: "Times","Arial",sans-serif;font-size: 60px;line-height: 1.3em; font-weight: 500;}
.hmin_righttext{opacity: 0;-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-webkit-transform: translateX(-30px);transform: translateX(-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 .8s;}
.hmin_righttext.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.mainleft-pic{width:100%; float: left;margin-bottom: 30px}
.mainleft-pic{opacity: 0;-moz-transform: translateX(20px);-ms-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(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;}
.mainleft-pic.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.mainleft-pic img{max-width: 100%;margin: 0;}
@media screen and (max-width: 1600px) {
.a-container{margin:100px auto 90px;}
}
@media screen and (max-width: 1280px) {
.a-container{width:80%; margin:80px auto 60px;}
.hmin_righttext{width:36%; position: absolute;top:20px;left: 64%;font-size: 54px;}	
}
@media screen and (max-width: 980px) {
.a-container{width:90%; margin:60px auto 45px;}
.hmin_righttext{width:36%; position: absolute;top:20px;left: 64%;font-size: 46px;}	
.a-left{width:100%; float: left;}
.mainleft-pic img{max-width: 58%;margin: 0 auto 0 0;}
}
@media screen and (max-width: 767px) {
.a-container{margin:25px auto 25px;}
.hmin_righttext{width:100%;float: left; position:static;font-size: 38px;margin-bottom: 20px}	
.a-left{width:100%; float: left;}
.mainleft-pic{margin-bottom: 20px}
.mainleft-pic img{max-width: 100%;margin: 0;}
.a-text p{margin-bottom: 10px;}
}

.project{width:100%;float: left; margin:0;}
.project-content{width:100%;float: left;}
.webflow{width:100%; float:left;margin: 0}img{vertical-align:middle;max-width:100%;display:inline-block}
.w-slider{text-align:center;clear:both;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;background:#ddd;height:300px;position:relative;}
.w-slider-mask{z-index:1;white-space:nowrap;height:100%;display:block;position:relative;left:0;right:0;overflow:hidden}
.w-slide{vertical-align:top;white-space:normal;text-align:left;width:100%;height:100%;display:inline-block;position:relative}
.w-slide h2{margin-top:15px;font-size:24px;line-height:1.2em;margin-bottom:10px;font-weight:500;letter-spacing: 0.1em;text-indent: -0.1em}
.w-slider-nav{z-index:2;text-align:center;-webkit-tap-highlight-color:#0000;tap-highlight-color:#0000;height:40px;margin:auto;padding-top:10px;position:absolute;inset:auto 0 0}
.w-slider-nav.w-round>div{border-radius:100%}
.w-slider-nav.w-num>div{font-size:inherit;line-height:inherit;width:auto;height:auto;padding:.2em .5em}
.w-slider-nav.w-shadow>div{box-shadow:0 0 3px #3336}
.w-slider-nav-invert{color:#fff}
.w-slider-nav-invert>div{background-color:#2226}
.w-slider-nav-invert>div.w-active{background-color:#222}
.w-slider-dot{cursor:pointer;background-color:#fff6;width:1em;height:1em;margin:0 3px .5em;transition:background-color .1s,color .1s;display:inline-block;position:relative}
.w-slider-dot.w-active{background-color:#fff}
.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}
.w-slider-dot:focus.w-active{box-shadow:none}

 ::selection {color: #ffffff; background: #CC6036;}
.w-slider-nav{margin-bottom: 24px;height: 30px;}
.w-slider-dot {width: 80px;max-height: 3px;border-radius: 1px;background: #FFFFFF;border: none;margin: 0 8px 0 8px;opacity: 0.4;}
@media all and (max-width: 800px) {
.w-slider-dot22 {width: 40px;cursor: default;}}
.w-slider-dot.w-active {opacity: 1;}  
a.w--current{border-bottom: 1px #000000;}

.w-slider-aria-label{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden;}
.outer-section{justify-content:center;width:100%;display:flex;position:relative}
.h2{max-width:786px;}
.label{color:#fff;align-self:flex-start;font-size:15px;font-weight:400;line-height: 1.2em}
.label.featured-label{align-self:center}
.button{color:var(--primary);letter-spacing:.4px;background-color:#0000;border:1px solid #000;border-radius:0;padding:16px 32px;font-size:17px;font-weight:400;transition:background-color .6s}
.button:hover{color:var(--white);background-color:#4e4a49}
.button{border:1px solid var(--primary);background-color:var(--white);color:var(--primary);transition:color .2s,border-color .2s}
.button.secondary:hover{border-color:var(--rust);color:#af4e29}
.button{margin-top:16px;display:block}
.featured-slider{background-color:#0000;width:100%;height:auto}
.featured-slider-collection-container,.featured-slider-collection-wrapper,.featured-slider-collection-item{height:103vh}
.featured-slider-image{object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}
.featured-slider-title{width: 400px; position: absolute;left:6%;bottom:100px;}
.featured-slider-title h2{color:#fff;text-decoration: none;position: relative;display: inline-block;}
.featured-slider-title h2::after {content: '';position: absolute;bottom:-4px;left: 0;width: 0%;border-bottom:2px solid #d6b544;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.featured-slider-title:hover h2:after{width: 100%;}

.client-name{color:#fff;font-size:15px;font-weight:400;}
.mrg-med-top{margin-top:40px}
.slide-nav{inset:93% 0% auto}

@media screen and (max-width: 1600px) {
.project-content{width:100%;float: left;margin: 0}
}
@media screen and (max-width: 1200px) {
.featured-slider-title h2{font-size:22px;}
.featured-slider-collection-container,.featured-slider-collection-wrapper,.featured-slider-collection-item{height:auto}
.slide-nav{inset:90% 0% auto}
}
@media screen and (max-width: 980px) {
.featured-slider-title h2{font-size:20px;}
.w-slide h2{margin-top:15px;font-size:28px;}
.mrg-med-top{margin-top:30px}
.webflow{margin: 0 0 20px}		
.slide-nav{inset:87% 0% auto}
}
@media screen and (max-width: 767px) {
.featured-slider-image{height:260px;}
.featured-slider-title{width: 88%; position: absolute;left:6%;bottom:60px;}
.featured-slider-title h2{font-size:16px;}
.slide-nav{inset:78% 0% auto}
.webflow{margin: 0 0 15px}
.mrg-med-top{margin-top:20px}
.w-slide h2{margin-top:15px;font-size:20px;letter-spacing:0;text-indent:0;margin-bottom:5px;}
.client-name{font-size:16px;line-height: 1.5em}
}

.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative;transition-property:transform}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;padding:0;z-index:1}
.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}
.swiper-wrapper{z-index:1;display:-ms-flexbox;display:flex;box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-slide{-ms-flex-negative:0;flex-shrink:0}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}
.swiper-centered>.swiper-wrapper::before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
.swiper-button-lock,.swiper-pagination-lock{display:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-free-mode>.swiper-wrapper{margin:0 auto}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-item{width:30%;}
.swiper-itemimg{width:100%;float: left; background-color: #000}
.swiper-itemimg img{max-width:100%;height: auto;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.swiper-item:hover img{opacity: 0.8;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.swiper-item .information{width: 100%;float: left;padding:30px 0;color: #000}
.swiper-item .information h2{font-size:18px; line-height: 1.6em;margin-bottom:12px;font-weight: 500}
.swiper-item .information h3{font-size:13px; line-height: 1.6em;margin-bottom:2px;}
.swiper-item .information h4{font-size:12px; line-height: 1.6em;letter-spacing: 0.05em;color: #000}
.swiper-item .information h4 span{font-size:12px; line-height: 1.6em;margin-top: 10px; display: block}
.swiper-item:hover h4{color: #666;}
.swiper-item:hover h4 span{color: #a68000;}

.swiperbox{width:96%; margin:0 0 0 4%;}
@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}

@media screen and (max-width: 1600px) {
.swiperbox{width:90%; margin:0 0 0 10%;}
}
@media screen and (max-width: 1200px) {
.swiperbox{width:95%; margin:0 5% 0 5%;}
.swiper-item{width:45%;}
}
@media screen and (max-width: 980px) {
.swiperbox{width:90%; margin:0 5% 0 5%;}
}
@media screen and (max-width: 767px) {
.swiper-item .information{padding:15px 0 0;}
}

.news-row{position:relative;float: left;width:100%;margin-bottom:70px; padding-top:90px;}
.news-topbox{width:100%; float: left;margin:0 0 30px;padding: 0 4%}
.news-title{width:100%;float: left;}
.news-title h2{font-size:38px;margin-bottom: 30px;font-weight: 500;font-family: "Times","Arial",sans-serif;}
.news-title h2{opacity: 0;-moz-transform: translateX(30px);-ms-transform: translateX(30px);-webkit-transform: translateX(30px);transform: translateX(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 .8s;}
.news-title h2.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.news-title h3{font-size:16px;line-height: 1.5em;}
.news-title h3{opacity: 0;-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-webkit-transform: translateX(-30px);transform: translateX(-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 .8s;}
.news-title h3.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.main-news{position:relative;width:100%; float: left;padding:30px 0 0}

@media screen and (max-width: 1600px) {
.news-row{padding-top:70px;margin-bottom:50px;}
.news-title h3{font-size:16px;}
}
@media screen and (max-width: 1280px) {
.news-row{padding-top:60px; margin-bottom:30px;}
.news-topbox{margin:0 0 20px;padding: 0 8%;}
.news-title h2{font-size:38px;margin-bottom: 20px}
}
@media screen and (max-width: 980px) {
.news-row{padding-top:20px;margin-bottom:20px;}
.news-topbox{margin:0 0 5px;}
.main-news{padding:25px 0 0}
}
@media screen and (max-width: 767px) {
.news-row{padding-top:15px;margin-bottom:30px;}
.news-title h2{font-size:30px;margin-bottom: 10px}
.news-title h2{opacity: 0;-moz-transform: translateX(15px);-ms-transform: translateX(15px);-webkit-transform: translateX(15px);transform: translateX(15px);-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;}
.news-title h3{font-size: 16px;}
.news-title h3{opacity: 0;-moz-transform: translateX(-15px);-ms-transform: translateX(-15px);-webkit-transform: translateX(-15px);transform: translateX(-15px);-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;}
}
: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:#080807;font-family: "Noto Sans TC","Microsoft JhengHei"," Arial",sans-serif;}
.linkbox_wrap{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}
.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)}