html{-webkit-text-size-adjust:100%}
h2{font-family:'Noto Sans TC',Microsoft JhengHei,Arial,sans-serif;font-weight:600; text-transform:uppercase;margin-bottom:0.413em}
.bg-dark{background-color:#182030}
.c-btn.primary{color:var(--btn-primary-text);background:var(--btn-primary-background);border-color:var(--btn-primary-border-color); font-size: 11px;font-family:'Noto Sans TC',Microsoft JhengHei,Arial,sans-serif;font-weight:600;transition: all .3s ease;}
.c-btn.primary:hover,.c-btn.primary:focus{background:var(--btn-primary-bg-hover);color:var(--btn-primary-hover-text); color: #fff;transition: all .3s ease;}
@media (hover: none){.c-btn.primary:hover,.c-btn.primary:focus{color:var(--btn-primary-text);background:var(--btn-primary-background)}}

.c-btn.primary:active{background:var(--btn-primary-bg-active);color:var(--btn-primary-text-active)}
.c-btn.primary.disabled,.c-btn.primary[disabled]{background:var(--btn-primary-bg-disabled);color:var(--btn-primary-disabled-text);border-color:var(--btn-primary-disabled-border-color)}[class*="bg-dark"]{--theme-full-text-color: #fff;color:var(--theme-full-text-color)}

*{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}button:-moz-focusring,[type="button"]:-moz-focusring{outline:0 !important}html{font-size:14px}figure{margin:0}
.component-full{padding:0}
.component-full.b-spacing{margin-bottom:0}
@media (min-width: 992px){.component-full.b-spacing{margin-bottom:0}}

.indexmain-section{margin:0 ;padding:0}
.indexmain-section.b-spacing{margin-bottom:32px}
@media (min-width: 992px){.indexmain-section.b-spacing{margin-bottom:0}}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;min-height:1px;display:none}[dir="rtl"] 
.slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.c-btn{font-size:14px;padding:calc((40px - (2px * 2) - (14px * 1)) / 2) 2rem;line-height:1;border:none;border-radius:0;color:currentColor;background:transparent;text-align:center;text-decoration:none;cursor:pointer}
.c-btn.-large{font-size:14px;padding-top:calc((48px - (2px * 2) - (14px * 1)) / 2);padding-bottom:calc((48px - (2px * 2) - (14px * 1)) / 2)}

@media (min-width: 576px){.c-btn{font-size:14px;padding:calc((48px - (2px * 2) - (14px * 1)) / 2) 2rem}
.c-btn.-large{font-size:18px;padding-top:calc((56px - (2px * 2) - (18px * 1)) / 2);padding-bottom:calc((56px - (2px * 2) - (18px * 1)) / 2)}}
.c-btn.primary{font-family:"Source Sans Pro bold",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;border-radius:0;border-width:2px;border-style:solid}
.c-btn.-text{text-decoration:underline;background:none;border:none;padding:0;height:auto;font-size:1em;cursor:pointer}
.c-btn.-text.disabled,.c-btn.-text[disabled]{color:#666;text-decoration:none}
.c-btn:not(.-text):not(.adyen-checkout__button){display:block;width:100%}
@media (min-width: 576px){.c-btn:not(.-text):not(.adyen-checkout__button){display:inline-block;width:auto}}
.c-btn.disabled,.c-btn[disabled]{cursor:default;pointer-events:none}
@media (min-width: 576px){.button-wrapper:not(.-no-side-gap) .c-btn+.c-btn{margin-left:16px}}
@media (max-width: 767.98px){.button-wrapper .c-btn+.c-btn{margin-top:16px}}
.c-hero{position:relative}
@media (min-width: 576px) and (max-width: 767.98px){.c-hero{height:auto}}
@media (min-width: 768px) and (max-width: 991.98px){.c-hero{height:auto}}
@media (min-width: 992px) and (max-width: 1199.98px){.c-hero{height:560px}.c-hero .slick-slide{height:560px}}
@media (min-width: 1200px){.c-hero{height:850px}.c-hero .slick-slide{height:850px}}
@media (min-width: 992px){.c-hero .text-container{position:absolute;top:0;left:0;right:0;bottom:0}}
.c-hero .c-hero-items:not(.slick-initialized) .c-hero-item:not(:first-child){display:none !important}
@media (min-width: 992px){.c-hero .c-hero-items:not(.slick-initialized) .c-hero-item{position:absolute}}
.c-hero .c-hero-items:not(.slick-initialized) .c-hero-item figure{height:240px}
@media (min-width: 576px) and (max-width: 767.98px){.c-hero .c-hero-items:not(.slick-initialized) .c-hero-item figure{height:320px}}
@media (min-width: 768px) and (max-width: 991.98px){.c-hero .c-hero-items:not(.slick-initialized) .c-hero-item figure{height:440px}}
@media (min-width: 992px) and (max-width: 1199.98px){.c-hero .c-hero-items:not(.slick-initialized) .c-hero-item figure{height:560px}}
@media (min-width: 1200px){.c-hero .c-hero-items:not(.slick-initialized) .c-hero-item figure{height:850px}}

.c-hero .c-hero-items:not(.slick-initialized){display:none !important}
.c-hero .c-hero-item{position:relative;padding-top:0}
.c-hero figure{position:relative;height:240px}
@media (min-width: 992px){.c-hero figure{position:static}}
.c-hero picture{height:100%;width:100%}
.c-hero img{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;object-fit:cover}
.c-hero .slick-slide{position:relative;overflow:hidden}
.c-hero .slick-slide>div{display:flex}
@media (min-width: 992px){.c-hero .slick-slide>div{height:100%}}
.c-hero .slick-dots{display:flex;justify-content:center;padding:0;list-style-type:none;margin:-28px 0 0 0;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.c-hero .slick-dots li{margin:0}
.c-hero .slick-dots li+li{margin-left:8px}
.c-hero .slick-dots button{width:.85em;height:.85em;padding:0;border-width:1px;border-style:solid;border-radius:50%;color:transparent;cursor:pointer}
.c-hero .slick-dots li button{border-color:#999;background-color:#999}
.c-hero .slick-dots li.slick-active button{border-color:#fff;background:#fff}
@media (min-width: 992px){.c-hero .slick-dots{top:auto;margin-top:-50px}}
.c-hero article{text-align:center;padding:24px 0}
.c-hero article>*:last-child{margin-bottom:0}
@media (min-width: 768px) and (max-width: 991.98px){.c-hero article{margin:0 auto}}
@media (min-width: 992px){.c-hero article{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-content:center;color:#fff}
	.c-hero-item.align-left article{margin:0 auto 0 0;align-items:flex-start;justify-content:flex-start;text-align:left;left:40px}
	.c-hero-item.align-right article{margin:0 0 0 auto;align-items:flex-end;justify-content:flex-end;text-align:right;right:40px}
	.c-hero-item.align-center article{margin:0 auto;align-items:center;justify-content:center;text-align:center}}
.c-hero h2{font-size:42px; line-height:1.2;margin:0 0 25px;color:inherit;width:100%}
.c-hero p{font-family:'Noto Sans TC',微軟正黑體,Microsoft JhengHei,Arial,sans-serif; font-weight: 300; font-size:1.4rem;margin:0 0 30px;color:inherit;width:100%}
.c-hero .text-container{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;max-width:575px}
.c-hero .text-container>article{width:100%;}
.c-hero .slick-dots button{width:.75em;height:.75em}

@media (min-width: 576px){.c-hero .text-container{max-width:767px}}
@media (min-width: 768px){.c-hero .text-container{max-width:991px}}
@media (min-width: 992px){.c-hero .text-container{max-width:1199px}}
@media (min-width: 1200px){.c-hero .text-container{max-width:1680px}}
@media (min-width: 768px){.c-hero .text-container>article{flex:0 0 66.66667%;max-width:66.66667%}}
@media (min-width: 992px){.c-hero .text-container>article{flex:0 0 50%;max-width:50%}}

.c-hero-item img{max-height: 850px;}
@media only screen and (max-width: 1280px) {
.c-hero .slick-slide{height:560px}
.c-hero h2{font-size:38px; line-height:1.2;margin:0 0 25px;color:inherit;width:100%}
}
@media only screen and (max-width: 980px) {
.c-hero .slick-slide{height:515px}
.c-hero .slick-dots{top:auto;margin-top:-35px}
.c-hero figure{height:300px}
.c-hero h2{font-size:28px; line-height:1.2;margin:0 0 15px;color:inherit;width:100%}
.c-hero p{font-size:17px;margin:0 0 20px;}
}
@media only screen and (max-width: 550px) {
.c-hero .slick-slide{height:438px}
.c-hero figure{height:250px}
.c-hero h2{font-size:22px; line-height:1.2;margin:0 0 10px;color:inherit;width:100%}
.c-hero p{font-size:14px; margin:0 0 20px;}
}

.about-b{width:100%; float: left; margin:0;}
.b-container{width:1400px; margin:0 auto;}
.binfo-title{width: 100%; float:left; margin: 0 0 30px 0; font-size: 26px; line-height: 1.6em;color: #0a3962; font-family: 'Noto Sans TC', sans-serif; font-weight:500;}
.binfo-stx{width: 100%;float:left; line-height:1.8em; margin-bottom: 50px; text-align:justify; }
.flowico{ width: 100%; float:left;margin-right:0;}
.flowico img{max-width: 50%; height: auto; margin: 0; display: block;}
.worker-wrap{width:100%; float: left; margin:0; }
.worker-container{width:1400px; margin:80px auto 50px;text-align: center}
.topiccenter{width:100%; float:left;margin:0;}
.topicitem{width:31.333333%; float:left;margin:25px 1% 50px;}
.topicitem{opacity: 0;-moz-transform: translateY(0px);-ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);-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;}
.topicitem.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.workers{float:left;width:100%; margin:0 0 80px;position: relative}
.workers img{ max-width: 100%;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;display:block}
.topicitem .workers:hover img{opacity: 0.8}
.worker-cor, .worker-cor2, .worker-cor3, .worker-cor4, .worker-cor5{width:130px;height: 130px;padding:20px; border-radius: 99em;background-color: #ffffff;box-shadow:0px 2px 5px #999;position: absolute;left:50%;bottom:-65px;margin-left: -65px;z-index: 2;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.worker-cor i{font-size: 50px; line-height: 90px;color:#1890ff}
.worker-cor2 i{font-size: 50px; line-height: 90px;color:#389e0d}
.worker-cor3 i{font-size: 50px; line-height: 90px;color:#f55c08}
.worker-cor4 i{font-size: 50px; line-height: 90px;color:#d9333b}
.worker-cor5 i{font-size: 50px; line-height: 90px;color:#0fb4b4}
.topicitem:hover .worker-cor, .topicitem:hover .worker-cor2, .topicitem:hover .worker-cor3, .topicitem:hover .worker-cor4, .topicitem:hover .worker-cor5{-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);transform: translateY(-15px);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s;}
.topic-listtitle{width:100%; height: 1.7em; overflow: hidden; float:left;font-size: 20px; color: #0a3962; line-height: 1.5em; font-family: 'Noto Sans TC', sans-serif; font-weight:500;} 
.info-zx{ width: 100%;float:left;font-size:32px; margin: 0 0 25px;}
.info-zx{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;}
.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 40px 0; font-size: 32px; color: #0a3963;}
.info-title{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;}
.info-title.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.info-stx{width:65%;float:left;line-height:2em;margin: 0 17.5% 40px;font-size: 18px}
.info-stx{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;}
.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) {
.worker-container{width:92%; margin:65px auto 40px;}	
.topicitem{width:31.333333%; float:left;margin:25px 1% 40px;}
}
@media only screen and (max-width: 1200px) {
.worker-container{width:92%; margin:50px auto 30px;}	
.info-stx{width:75%;margin: 0 12.5% 30px}
.topicitem{width:31.333333%;margin:20px 1% 30px;}
.workers{margin:0 0 75px;}
.worker-cor, .worker-cor2, .worker-cor3, .worker-cor4, .worker-cor5{width:110px;height: 110px;bottom:-55px;margin-left: -55px;}
.worker-cor i, .worker-cor2 i, .worker-cor3 i,.worker-cor4 i, .worker-cor5 i{font-size:44px; line-height:70px}	
}
@media only screen and (max-width: 980px) {
.worker-container{width:93%; margin:20px auto 20px;}	
.info-zx{font-size:28px; margin: 0 0 20px;}
.info-title{margin: 0 0 25px 0; font-size:28px}
.info-stx{width:90%;margin: 0 5% 25px}
.topicitem{width:47%;margin:15px 1.5% 30px;}
}
@media only screen and (max-width: 550px) {
.worker-container{width:90%; margin:0 auto 10px;}		
.topicitem{width:100%;margin:10px 1.5% 15px;}
.topic-listtitle{height:auto; overflow: hidden; float:left;margin:0 0 10px;font-size: 20px;} 
.info-zx{font-size:24px; margin: 0 0 10px;}
.info-title{margin: 0 0 15px 0; font-size:24px}
.info-stx{width:100%;margin: 0 0 15px;line-height:1.7em;}
.workers{margin:0 0 68px;}
}

.indextop{width:80%;margin:0 10% 45px;padding:180px 0 0;position:relative;}
.indextop .sidebar-a{width: 60%; float: left; margin: 0 10% 0 0; }
.indextop .sidebar-a h2{font-size:46px; line-height: 1.5em;font-weight:500; color: #171717;letter-spacing: 0.05em}
.sidebar-a h2{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;}
.sidebar-a h2.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.indextop .sidebar-a h2 span{font-size:74px; color:#F95900;margin: 0 10px;font-weight: 900}
.indextop .sidebar-a h3{line-height: 1.4em;margin-bottom: 20px;font-size: 16px;font-weight:500;}
.sidebar-a h3{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;}
.sidebar-a h3.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.indextop .sidebar-b{width:18%; text-align: right;position: absolute;bottom:30px;right:12%;}
.back-link{width:110px; height: 30px; font-weight: 500; position:relative;padding: 0;letter-spacing:.02em;text-decoration:none;transition:color .2s,border .2s;cursor:pointer;display:inline-block;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;-o-transition: 0.3s; margin: 0 auto; line-height:28px;}
.back-link:hover{text-decoration: none;color:#a57f5a;}
.back-link:hover:after{left:-30px;background-image: url("../images/arrow-right2.svg");}
.back-link:after{ transition:left .2s ease-in-out;position:absolute; top:2px;padding-left:0px;height:100%;left:-35px;margin-top: 0;
    background-image: url("../images/arrow-right.svg");background-size: 39px 26px;display: inline-block;width: 39px; height: 26px;content:"";}

@media only screen and (max-width: 1600px) {
.indextop{width:80%;margin:0 10% 35px;padding:170px 0 0}
.indextop .sidebar-a h2{font-size:40px;}
.indextop .sidebar-a h2 span{font-size:68px;}
.indextop .sidebar-b{width:22%; position: absolute;right:8%;}
}
@media only screen and (max-width: 1200px) {
.indextop{width:88%;margin:0 6% 35px;padding:140px 0 0}
.indextop .sidebar-a{width:65%;}
.indextop .sidebar-a h2{font-size:36px;}
.indextop .sidebar-a h2 span{font-size:64px;}
.indextop .sidebar-b{width:20%; position: absolute;right:5%;}
}
@media only screen and (max-width: 980px) {
.indextop{width:88%;margin:0 6% 25px;padding:120px 0 0}
.indextop .sidebar-a{width:69%;}
.indextop .sidebar-a h2{font-size:30px;}
.indextop .sidebar-a h2 span{font-size:54px;}
.indextop .sidebar-b{width:18%; position: absolute;bottom:20px;right:3%;}
}
@media only screen and (max-width: 767px) {
.indextop{width:88%;margin:0 6% 35px;padding:120px 0 0}
.indextop .sidebar-a{width:100%;}
.indextop .sidebar-a h2{font-size:30px;}
.indextop .sidebar-a h2 span{font-size:54px;}
.indextop .sidebar-b{width:94%;text-align: left;float: left; position:static;margin: 0 0 0 6%}
.back-link:hover:after{left:-30px;}
.back-link:after{ transition:left .2s ease-in-out;position:absolute; top:2px;padding-left:0px;height:100%;left:-45px;}
}
@media only screen and (max-width: 550px) {
.indextop{width:88%;margin:0 6% 25px;padding:105px 0 0}
.indextop .sidebar-a h2{font-size:24px;}
.indextop .sidebar-a h2 span{font-size:40px;}
.indextop .sidebar-b{width:92%;text-align: left;float: left; position:static;margin: 0 0 0 8%}
.back-link:hover:after{left:-32px;}
.back-link:after{left:-40px;}
}

.link-warp{width:100%; float:left;margin:0 0 80px;background-color: #f6f6f6;}
.link-inner{width:100%;float:left;margin:0;position:relative}
.livenews-right{width:50%;float: left; height: 450px; margin:0;background-position: center center;background-repeat: no-repeat;background-size: cover}
.livenews-box{float: left;width:50%;margin:0;padding:50px}
.livenews-title{float: left;width:100%;padding-left: 1%; margin:0 0 30px 0;font-size:26px; line-height:1.6em;}
.livenews-subile{float: left;width:100%;padding:0; margin:0 0 15px 0; text-align:center}
.mainsubnav{width:100%; margin:0; font-size:0;}
.subnav-item{float:none;width:31.333333%; margin:0 1% 10px; display: inline-block;vertical-align: top;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;}
.subnav-tx{width:100%; font-size:16px;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;}
.subnav-tx i{font-size:14px;color: #888;margin-right: 5px}
.subnav-item:hover .subnav-tx{margin:0 0 0 15px;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-o-transition: 0.4s;}

@media only screen and (max-width: 1600px) {
.link-warp{margin:0 0 70px;}
.subnav-item{width:31.333333%; margin:0 1% 10px;}
.livenews-right{width:40%;height: 380px;}
.livenews-box{width:60%;padding:40px}	
}
@media only screen and (max-width: 1200px) {
.link-warp{margin:0 0 55px;}
.subnav-item{width:48%; margin:0 1% 8px;}
.livenews-right{width:41%;height: 450px;}
.livenews-box{width:59%;padding:35px}	
}
@media only screen and (max-width: 980px) {
.link-warp{margin:0 0 45px;}
.subnav-item{width:48%; margin:0 1% 8px;}
.livenews-right{width:100%; height:350px;}
.livenews-box{width:100%;padding:35px}	
}
@media only screen and (max-width: 550px) {
.link-warp{margin:0 0 25px;}
.subnav-item{width:100%; margin:0 0 8px;}
.livenews-right{width:100%; height:270px;margin-bottom: 10px}
.livenews-box{width:100%;padding:20px 25px}	
.livenews-title{margin:0 0 15px 0;font-size:24px}
.subnav-tx{font-size:17px}
}

.news{width: 100%; float: left;margin-bottom:70px}
.news .wrap{width:1100px;margin: 0 auto;}
.news .messageList {width: 100%; float: left;transition: 0.6s 0.4s;border-top: 1px solid #cacaca;margin-bottom: 50px}
.news .messageList ul li .item {width: 100%; display: flex;align-items: center;padding:15px 0;letter-spacing: 0.5px;}
.messageList ul li {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;}
.messageList ul li.show {opacity: 1;-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
.news .messageList ul li .item .date {color: #626262;font-size: 16px;padding-right: 15px;min-width: 120px;}
.news .messageList ul li .item .newIcon {min-width: 100px;text-align: center;background: #5a8987;color: #fff;padding: 0 12px; line-height: 28px;margin-right: 15px;transition: 0.6s; font-size: 15px;}
.news .messageList ul li .item h3 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;}
.news .messageList ul li:hover .date {color: #a86828;}
.news .messageList ul li:hover .newIcon {background: #a86828;}
.news .messageList ul li:hover h3 a {color: #a86828;}
.news .messageList ul li .item:after{content: "";display: block;line-height: 0;clear: both;}
.news-title {width: 100%;float: left; text-align: center; margin-bottom:50px;}
.news-title h2{font-size:32px; margin-bottom: 12px;font-weight: 400;letter-spacing: 0.1em;text-indent: 0.1em}
.news-title h3{font-size:18px; color: #777;}
.news-line{width:100%;float: left; height: 1px;background-color:#cacaca;margin:0}
.linkbox{width:100%;float: left; text-align:center;}
.link-btn{width:150px; text-align:center; margin:0 auto;transition: background-position 0.5s;font-size: 16px}
  .link-btn a {display:block; padding:12px 0;color:#000; line-height: 1.4em; ftext-decoration: none;background-color:transparent;border:1px solid #000;border-radius:2px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
  .link-btn a:hover {color: #fff; background-color:#a86828;border: 1px solid #a86828;}
  .link-btn i{ font-size:17px; margin-right: 10px;}

@media only screen and (max-width: 1600px) {
.news .wrap{width:1100px;margin: 0 auto;}
}
@media only screen and (max-width: 1200px) {
.news .wrap{width:90%}
.news-title {margin-bottom:40px;}
}

@media only screen and (max-width: 980px) {
.news{margin-bottom:50px}
.news-title {margin-bottom:30px;}
.news-title h2{font-size:28px;}
.news-title h3{font-size:20px;}
.news .messageList {margin-bottom:40px}
}
@media only screen and (max-width: 550px) {
.news{margin-bottom:35px}
.news-title {margin-bottom:15px;}
.news-title h2{font-size:24px;margin-bottom:4px;}
.news-title h3{font-size:16px;}
.news .messageList {margin-bottom:25px}
.news .messageList ul li .item{display:block;padding:15px 0;}
.news .messageList ul li .item .date {width:25%;float: left;}
.news .messageList ul li .item .newIcon {width: 25%;float: left;}
.news .messageList ul li .item h3{width: 100%;float: left; overflow: auto; text-overflow: inherit; white-space: normal;margin-top: 10px;line-height: 1.7em}
}


[class*="bg-dark"]{--btn-primary-text: #fff;--btn-primary-background: #5a8987;--btn-primary-bg-hover: #a86828;--btn-primary-border-color: rgba(0,0,0,0);}