@charset "utf-8";img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}[role=button]{cursor:pointer}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block{display:none !important}@media (max-width: 767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width: 767px){.visible-xs-block{display:block !important}}@media (max-width: 767px){.visible-xs-inline{display:inline !important}}@media (max-width: 767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-block{display:block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline{display:inline !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-block{display:block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline{display:inline !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width: 1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width: 1200px){.visible-lg-block{display:block !important}}@media (min-width: 1200px){.visible-lg-inline{display:inline !important}}@media (min-width: 1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width: 767px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media (min-width: 1200px){.hidden-lg{display:none !important}}@media
print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}@media
print{.visible-print-block{display:block !important}}@media
print{.visible-print-inline{display:inline !important}}@media
print{.visible-print-inline-block{display:inline-block !important}}@media
print{.hidden-print{display:none !important}}.clearfix:before,.clearfix:after{content:" ";display:table;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.disabled,.disabled:hover{cursor:not-allowed}*{-webkit-backface-visibility:hidden}html{font-size:10px;line-height:10px}img{max-width:100%;height:auto !important;vertical-align:top;border:0}a,a:visited,a:hover,a:focus,a:active,button,button:visited,button:hover,button:focus,button:active{text-decoration:none;outline:none}a{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}:focus,:active{outline:0}h1,h2,h3,h4,h5,h6{font-weight:normal}p{line-height:inherit}label{margin-bottom:0;font-weight:inherit}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;*font-size:100%;font-style:inherit;font-weight:inherit;outline:0;border-radius:0;box-shadow:none}input,textarea,select,input[type=text],input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{padding:0;text-align:center;border:none;border-radius:0;background:none;box-shadow:none}select::-ms-expand{display:none}::-webkit-input-placeholder{color:#aaa;font-size:1.55rem}::-moz-placeholder{color:#aaa;font-size:1.55rem}:-ms-input-placeholder,:-moz-placeholder{color:#aaa;font-size:1.55rem}section,article,aside,footer,header,nav,main{display:block}


.btn-wrap{
	text-align: right;
	float: right;
}

.input-style {
    display: block;
    padding: 0 10px 0 20px;
    width: 100%;
    height: 52px;
    font-size: 1.6rem;
    color: #333;
    line-height: 5.2rem;
    border: none!important;
    border-radius: 0;
    box-shadow: none !important;
    background: none #fff;
}




.cc-window{display:block}.cc-window.cc-floating{position:fixed;bottom:0;right:0;padding:50px
45px 50px 25px;max-width:24em;background:#f5f5f5 !important}.cc-floating .cc-message{padding:0;width:100%;font-size:1.5rem;color:#222;line-height:2.6rem;text-align:center}.cc-floating .cc-message>.cc-link{color:#d80011 !important;text-decoration:underline}.cc-floating .cc-message>.cc-link:hover{color:#d80011 !important}.cc-window.cc-floating .cc-compliance{position:absolute;top:50%;right:5px;margin:auto;width:auto !important;font-size:2rem;color:#222;line-height:2.2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent !important}.cc-floating .cc-compliance>.cc-btn{width:auto !important;color:#222 !important;background-color:transparent !important}@media (max-width:1400px){.cc-window.cc-floating{height:auto}}@media (max-width:991px){.cc-window.cc-floating{width:600px}}@media (max-width:767px){.cc-window.cc-floating{bottom:40px;padding:15px
40px 15px 15px;width:100%;max-width:100%}.cc-window .cc-message{margin-bottom:0;line-height:2.2rem}}ol.reset,ul.reset,li.reset{margin:0;padding:0;list-style:none}.clearboth{clear:both;height:0;font-size:0;overflow:hidden}.no-data,.construct{padding:120px
0 !important;width:100%;min-height:200px;font-size:1.8rem !important;color:#888;font-weight:normal;text-align:center !important}.no-data i,
.construct
i{display:block;margin-bottom:15px;font-size:3.8rem;color:#5ab551}.hidden-ele{position:absolute;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.box-hidden{overflow:hidden}.txt-center{text-align:center}.txt-justify{text-align:justify;text-justify:inter-ideograph}.ani-fadeup{opacity:0;-webkit-transform:translate(0, 60px);transform:translate(0, 60px);-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s}.ani-fadeup.scroll-view{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}.ani-fadedown{opacity:0;-webkit-transform:translate(0, -60px);transform:translate(0, -60px);-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s}.ani-fadedown.scroll-view{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}.ani-fadein{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.ani-fadein.scroll-view{opacity:1}.ani-fadeleft{opacity:0;-webkit-transform:translate(30%, 0);transform:translate(30%, 0);-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s}.ani-fadeleft.scroll-view{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}.ani-faderight{opacity:0;-webkit-transform:translate(-50px, 0);transform:translate(-50px, 0);-webkit-transition:opacity 1s, -webkit-transform 1s;transition:opacity 1s, transform 1s}.ani-faderight.scroll-view{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}.ani-zoomin{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.ani-zoomin.scroll-view{-webkit-transform:scale(1);transform:scale(1)}.delay-15{-webkit-transition-delay: .15s;transition-delay: .15s}.delay-40{-webkit-transition-delay: .4s;transition-delay: .4s}.delay-65{-webkit-transition-delay: .65s;transition-delay: .65s}.main-wrap{overflow:hidden}.bg .con-wrap{background:url('../images/page_bg.jpg') no-repeat left bottom}.main-wrap .con-wrap{padding-bottom:6.2vw}.container{margin:0
auto;padding:0
20px;max-width:1540px}@media only screen and (max-width: 1079px){.main-wrap .con-wrap{padding-bottom:30px}.bg .con-wrap{background:none}.main-wrap{-webkit-transition:-webkit-transform .35s;transition:transform .35s}.main-wrap.open{-webkit-transform:translateX(-350px);transform:translateX(-350px)}}@media only screen and (max-width: 767px){.main-wrap{padding-bottom:40px}}@media only screen and (max-width: 575px){.main-wrap.open{-webkit-transform:translateX(-280px);transform:translateX(-280px)}}#header,.header-top,.logo,.nav-menu,.menu-main>li{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#header{position:fixed;z-index:1000;top:0;left:0;padding-left:50px;width:100%;height:90px;border-bottom:1px solid rgba(0, 0, 0, 0.15);background-color:#fff;box-shadow:0 0 20px rgb(0 0 0 / 10%)}.header-top{position:relative;width:100%;font-size:0}.logo{margin:0}.logo
a{display:block;padding:10px
0 7px;width:100%;max-width:280px;font-size:0}.logo a
span{display:inline-block;vertical-align:middle}.logo span i::before{display:block;content:"";width:100%}.logo
.icon{width:23.256%}.logo .icon
i{display:block;background:url('../images/logo.svg') no-repeat 0 0;background-size:contain}.logo .icon i::before{padding-bottom:121.667%}.logo
.txt{margin-left:14px;width:71.323%}.logo .txt
i{display:block;width:100%;background:url('../images/logo_txt.svg') no-repeat 0 0;background-size:contain}.logo .txt i::before{padding-bottom:11.421%}.nav-switch{display:none;position:relative;width:75px;height:75px;text-indent:-9999px;background-color:#f0b323;overflow:hidden}.nav-switch
span{display:block;position:absolute;left:50%;margin-left:-18%;width:36%;height:2px;background-color:#fff;overflow:hidden;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .25s linear;transition:all .25s linear}.nav-switch span:nth-child(1){top:33%}.nav-switch span:nth-child(2){top:48%;margin-left:-11%;width:22%}.nav-switch span:nth-child(3){top:62%}.nav-switch.open span:nth-child(2){opacity:0}.nav-switch.open span:nth-child(1),
.nav-switch.open span:nth-child(3){top:48.5%}.nav-switch.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.nav-switch.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (max-width: 1439px){#header{padding-left:20px}.logo
.txt{width:65.892%}}@media screen and (max-width: 1079px){html.open{overflow:hidden}#header{height:75px}.header-top>.logo,.header-top>.nav-switch{display:inline-block;vertical-align:middle}.header-top{z-index:5}.logo
a{padding:0}.logo
.icon{width:20%}.nav-switch{display:block}}@media screen and (max-width: 767px){.logo
.txt{margin-left:8px;width:58%}}@media screen and (max-width: 575px){#header{padding-left:15px}}@media screen and (max-width: 413px){#header{padding-left:10px;height:60px}.logo
.icon{width:18%}.logo
.txt{width:70%}.nav-switch{width:60px;height:60px}}.topnav{position:absolute;top:0;right:0;font-size:0;width:20%;max-width:240px;height:100%}.lang-wrap,.contact-btn{position:absolute}.lang-wrap{z-index:11;top:50%;right:calc(90px + 35px);font-size:0;line-height:2.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.lang-wrap > div,
.lang-list
a{display:inline-block;vertical-align:middle}.lang-btn{margin:2px
15px 0 0}.lang-btn
i{display:block;width:21px;height:21px;background:url('../images/icon_lang.png') no-repeat 0 0;background-size:cover;overflow:hidden}.lang-list
a{font-size:1.7rem;color:#666}.lang-list a:hover,
.lang-list
a.current{color:#5bc2e7}.lang-list
a.current{text-decoration:underline}.lang-list a:last-child::before{display:inline-block;content:"";margin:0
15px;width:1px;height:14px;vertical-align:middle;background-color:#ddd}.contact-btn{top:0;right:0;width:90px;height:100%;background-color:#f0b323}.contact-btn
i{display:block;position:absolute;top:50%;left:50%;margin:-9px 0 0 -12px;width:24px;height:18px;background:url('../images/icon_mail.png') no-repeat 0 0;background-size:cover;overflow:hidden;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.contact-btn:hover
i{background-position:0 -18px}@media screen and (max-width: 1279px){.lang-wrap{right:calc(90px+15px)}.lang-btn{margin-right:8px}.lang-list a:last-child::before{margin:0
8px}}@media screen and (max-width: 1079px){.topnav{width:180px;max-width:100%}.contact-btn{display:none}.lang-wrap{right:auto}}@media screen and (max-width: 767px){.topnav{width:165px}.lang-list
a{font-size:1.5rem}}@media screen and (max-width: 413px){.topnav{width:120px}.lang-wrap>.lang-btn{display:none}}@media screen and (max-width: 349px){}.menu-main,
.menu-main
li{line-height:2.6rem}.menu-main li
a{display:block;position:relative;font-size:1.7rem;color:#333}@media screen and (min-width: 1080px){.nav-menu{position:absolute;z-index:2;top:0;left:280px}.menu-main{font-size:0}.menu-main
a{font-family:'Roboto','Arial','sans-serif','Microsoft JhengHei','微軟正黑體'}.menu-main>li{display:inline-block;position:relative;padding:34px
14px 0;vertical-align:middle}.menu-main>li::before{display:block;content:"";position:absolute;top:0;left:16px;width:0;height:4px;background-color:#f0b323;-webkit-transition:width .5s, -webkit-transform .5s;transition:width .5s, transform .5s}.menu-main>li>a{padding-bottom:20px}.menu-main>li:hover::before,.menu-main>li.current::before{width:calc(100% - 32px)}.menu-main>li:hover>a,.menu-main>li.current>a{color:#000}ul.menu-second{position:absolute;top:85%;left:16px;padding:10px
0;width:200px;opacity:0;visibility:hidden;background-color:#444;box-shadow:0 2px 6px rgba(0, 0, 0, .06);-webkit-transition:opacity .25s, top .6s,;transition:opacity .25s, top .6s}.menu-main > li.has-child:hover .menu-second{top:100%;opacity:1;visibility:visible;-webkit-transition:opacity .5s, top .6s,;transition:opacity .5s, top .6s}.menu-main li.service .menu-second{width:280px}.menu-second
li{line-height:2.2rem}.menu-second li
a{padding:10px
20px 8px;font-size:1.6rem;color:#fff;-webkit-transition:all .3s linear;transition:all .3s linear}.menu-second li a::before{display:block;content:"";position:absolute;top:20px;left:0;width:0;height:1px;background-color:#fff;-webkit-transition:opacity .4s, width .4s;transition:opacity .4s, width .4s}.menu-second li a:hover,
.menu-second li.current
a{padding-left:40px;background-color:#f0b323}.menu-second li a:hover::before,
.menu-second li.current a::before{width:25px}}@media screen and (min-width: 1440px){.nav-menu{left:340px}.menu-main>li{padding:34px
26px 0}.menu-main>li::before{left:26px}.menu-main>li:hover::before,.menu-main>li.current::before{width:calc(100% - 52px)}ul.menu-second{left:26px}}@media screen and (max-width: 1079px){.nav-menu{position:fixed;z-index:2;top:75px;right:0;width:350px;height:calc(100% - 75px);overflow-x:hidden;overflow-y:auto;background-color:#f5f5f5;-webkit-transform:translateX(100%);transform:translateX(100%)}.nav-menu.open{-webkit-transform:translateX(0);transform:translateX(0)}.menu-main
a{overflow:hidden;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}ul.menu-main{position:relative;padding-bottom:40px}ul.menu-main
a{line-height:2rem}.menu-main>li{margin-bottom:4px;background-color:#fff;box-shadow:0 0px 10px rgb(0,0,0,.08)}.menu-main>li>a{position:relative;padding:14px
35px 14px 15px;font-size:1.7rem;color:#222;background-color:#fff}.menu-main>li.has-child{padding-bottom:10px}.menu-main>li.has-child>a{padding-top:14px}.menu-second{display:none;display:block;background-color:#fff}.menu-second>li>a{position:relative;padding:5px
15px 5px 55px;font-size:1.6rem;color:#666;line-height:2.2rem;background-color:#fff}.menu-second a:hover{color:#001871}.menu-second a::before,
.menu-second a::after{display:block;position:absolute;content:""}.menu-second a::before{z-index:2;top:14px;left:36px;width:4px;height:4px;border-right:#fff solid 1px;border-bottom:#fff solid 1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.menu-second a::after{left:30px;top:7px;width:18px;height:18px;border-radius:100%;background-color:#f0b323}.menu-main>li.prod>.menu-second>li:not(:last-child){margin-bottom:10px}}@media screen and (max-width: 575px){.nav-menu{width:100%}}@media screen and (max-width: 413px){.nav-menu{top:60px}}.nav-open-mask{position:fixed;z-index:900;top:75px;left:0;width:100%;height:100%;cursor:pointer;opacity:0;visibility:hidden;background-color:rgb(0,0,0,.7);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s}.nav-open-mask.open{opacity:1;visibility:visible}@media all and (min-width: 1080px){.nav-open-mask{display:none}}@media all and (max-width: 339px){.nav-open-mask{top:60px}}
#p-ban{position:relative;width:100%}
#p-ban .mask{position:absolute;z-index:5;left:0;bottom:-1px;padding-bottom:2.8%;width:100%;background:url('../img/p_ban_mask.svg') no-repeat center bottom;background-size:cover}#p-ban
.wrap{
	position:relative;
	padding-bottom:23.438%;
	width:100%;
	overflow:hidden;
	height: 90vh;
}#p-ban .headline,




#p-ban
.pic{position:absolute}#p-ban
.headline{position:absolute;z-index:4;top:35%;left:50%;padding:0
35px;width:100%;color:#fff;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}



#p-ban .headline
span{display:block;-webkit-transition:all .6s .5s ease-in-out;transition:all .6s .5s ease-in-out}#p-ban .headline
.en{font-size:5.2rem;font-weight:600;line-height:6.8rem ;font-family: 'Open Sans', 'Arial', 'sans-serif', 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體';}#p-ban .headline
.tw{font-size:2.4rem;font-weight:300;line-height:2.4rem}#p-ban.scroll-view{}#p-ban
.pic{z-index:0;top:0;right:0;bottom:0;left:0;margin:auto}#p-ban .pic::before{display:block;content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .20)}#p-ban [data-image]{width:100%;opacity:0;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.12);transform:scale(1.12);-webkit-transition:opacity .25s, -webkit-transform 2.5s;transition:opacity .25s, transform 2.5s}#p-ban.scroll-view .pic
img{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width: 1679px){#p-ban{margin-top:0px}#p-ban
.headline{top: 200px;}}@media screen and (max-width: 1439px){#p-ban .headline
.en{font-size:4.6rem;line-height:5.8rem}}@media screen and (max-width: 1079px){#p-ban{margin-top:0px}#p-ban .headline
.en{font-size:3.8rem;line-height:5.2rem}#p-ban .headline
.tw{font-size:2rem;font-weight:400;line-height:2rem}}@media screen and (max-width: 991px){#p-ban .headline
.en{font-size:3.2rem;line-height:4.8rem}#p-ban .headline
.tw{font-size:1.8rem;line-height:1.8rem}}@media screen and (max-width: 767px){#p-ban
.wrap{padding-bottom:45%}}@media screen and (max-width: 575px){#p-ban{margin-bottom:30px}}@media screen and (max-width: 413px){#p-ban{margin-top:0px}}.breadcrumb-wrap{position:relative;z-index:10;margin-top:1.8vw;margin-bottom:2.9vw;line-height:2.4rem}.breadcrumb-wrap .path-items{font-size:0}.path-items>li,.path-items>li::after,.path-items>li>a{display:inline-block;vertical-align:top}.path-items>li{position:relative;z-index:3}.path-items>li::after{content:"";width:1px;height:24px;background-color:#dbdbdb}.path-items
a{position:relative;font-family:'Roboto','Arial','sans-serif','Microsoft JhengHei','微軟正黑體';font-size:1.6rem;color:#555}.path-items>li:not(:first-child)>a{padding:1px
16px 0 16px}.path-items li.home::after{margin-left:16px}.path-items > li.home
a{margin-top:4px;width:18px;height:16px;text-indent:-9999px;background:url('../images/icon_home.svg') no-repeat 0 0;background-size:cover;overflow:hidden}.path-items > li.home a:hover{background-position:0 -16px}.path-items>li:hover>a,.path-items>li>a:hover{color:#000}@media screen and (min-width: 1080px){.breadcrumb-wrap.space{margin-bottom:2.1vw}.path-items>li.has-child>a{position:relative;padding-right:50px;min-width:180px}.path-items>li.has-child>a::after{display:block;content:"";position:absolute;top:calc(50% - 8px);right:16px;margin-top:-4px;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#636363 transparent transparent transparent;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.path-items>li:hover>a::after{border-top-color:#000;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}ul.p-menusub{position:absolute;z-index:10;top:80%;left:0;padding:10px
0;width:100%;opacity:0;visibility:hidden;border:#ccc solid 1px;background-color:#fff;-webkit-transition:opacity .3s, top .3s;transition:opacity .3s, top .3s}.path-items > li:hover .p-menusub{top:100%;opacity:1;visibility:visible}.p-menusub li:not(:last-child){border-bottom:rgba(0 0 0 / 15%) solid 1px}.p-menusub
a{display:block;padding:8px
16px 6px;font-size:1.6rem;color:#333}.p-menusub a:hover,
.p-menusub li.current
a{color:#fff;background-color:#f0b323}}@media only screen and (max-width: 1079px){.breadcrumb-wrap{margin:20px
0 30px}.path-items li.home::after{margin-left:6px}.path-items>li:not(:first-child)>a{padding:0
6px !important}.path-items
a{font-size:1.5rem}.p-menusub{display:none}}@media only screen and (max-width: 575px){.breadcrumb-wrap{display:none;margin-top:20px}.path-items
a{font-size:1.2rem}.path-items > li.home
a{margin-top:3px}}.box-ti{margin:0;font-size:5.2rem;color:#001871;font-weight:600;text-align:center;line-height:6.2rem}.box-ti
.tw{display:block;margin-top: .6vw;font-size:3.4rem;color:#000;font-weight:400;line-height:3.4rem}.box-ti .tw::after{display:block;content:"";margin: .7vw auto 2vw;width:23px;height:3px;background-color:#5db9ff}.view:not(#service) .box-ti{font-size:4.2rem;line-height:4.2rem}.view:not(#service) .box-ti
.tw{font-size:2.4rem;line-height:2.4rem}@media only screen and (min-width: 1080px){.box-ti.align-left{text-align:left}.box-ti.align-left
.tw{margin-top: .1vw}.box-ti.align-left .tw
span{display:inline-block;margin-right: .8vw;vertical-align:middle}.box-ti.align-left .tw::after{display:inline-block;margin:-1px 0 0 0;vertical-align:middle}}@media only screen and (max-width: 1439px){.box-ti{font-size:4.2rem;line-height:5.2rem}.view:not(#service) .box-ti{font-size:2.8rem;line-height:2.8rem}}@media only screen and (max-width: 1365px){.box-ti{font-size:3.8rem;line-height:4.8rem}.box-ti
.tw{font-size:2.4rem;line-height:2.4rem}.view:not(#service) .box-ti{font-size:3.2rem;line-height:3.2rem}.view:not(#service) .box-ti
.tw{font-size:2rem;line-height:2rem}}@media only screen and (max-width: 1079px){.box-ti{font-size:2.8rem;line-height:2.8rem}.box-ti
.tw{margin-top:8px;font-size:2rem;line-height:2rem}.box-ti .tw::after{margin:12px
auto 25px}.view:not(#service) .box-ti{font-size:2.8rem;line-height:2.8rem}}@media only screen and (max-width: 767px){.box-ti{font-size:2.6rem;line-height:2.6rem}.box-ti
.tw{font-size:1.8rem;line-height:1.8rem}.box-ti .tw::after{height:2px}.view:not(#service) .box-ti{font-size:2.6rem;line-height:2.6rem}.view:not(#service) .box-ti
.tw{font-size:1.8rem;line-height:1.8rem}}@media only screen and (max-width: 575px){.box-ti .tw::after{margin-bottom:20px}}.page-ti{position:relative;z-index:5;margin-bottom:3vw;padding-bottom:15px;font-size:0;border-bottom:#666 solid 2px}.page-ti .headline,
.page-ti #nav-item{display:inline-block;vertical-align:middle}.page-ti
.headline{margin:0;width:calc(100% - 250px);font-size:5.2rem;color:#001871;font-weight:600;line-height:3.5rem}.page-ti .headline>span{display:block}
.page-ti .headline
.tw{display:inline-block;padding-left:15px;font-size:3.4rem;color:#000;font-weight:400;vertical-align:middle;line-height:3.4rem}.page-ti #nav-item{width:250px}#nav-item{position:relative;font-family:'Roboto','Arial','sans-serif','Microsoft JhengHei','微軟正黑體'}#nav-item .cate-btn{display:block;position:relative;cursor:pointer;border:#f0b323 solid 2px;border-radius:100px}#nav-item .cate-btn::after{display:block;content:"";position:absolute;top:50%;right:20px;margin-top:-5px;width:8px;height:8px;vertical-align:middle;border-top:0;border-left:0;border-right:#666 solid 2px;border-bottom:#666 solid 2px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out}#nav-item .cate-name{margin:0;padding:15px
35px 15px 25px;width:100%;font-size:1.7rem;color:#333;line-height:2.4rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-list{position:absolute;z-index:10;left:0;padding-top:5px;width:100%}.nav-list
ul{padding:5px
0;width:100%;background-color:#444}.nav-list ul>li{line-height:2.6rem;border-bottom:rgba(255 255 255 / 12%) solid 1px}.nav-list ul>li:last-child{border-bottom:none}.nav-list ul>li>a{display:block;position:relative;padding:15px
25px;font-size:1.7rem;color:#fff}.nav-list ul > li > a:hover,
.nav-list ul>li.current>a{color:#f0b323}.nav-list ul>li.current>a{padding-left:45px}.nav-list ul>li.current>a::before{display:block;content:"";position:absolute;top:27px;left:0;width:35px;height:1px;background-color:#f0b323}@media only screen and (min-width: 1080px){#nav-item:hover .cate-btn::after{margin-top:-3px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.nav-list{top:80%;opacity:0;visibility:hidden;-webkit-transition:opacity .3s, top .3s;transition:opacity .3s, top .3s}#nav-item:hover .nav-list{top:100%;opacity:1;visibility:visible}.nav-list
ul{border-radius:20px}}@media only screen and (max-width: 1365px){.page-ti
.headline{font-size:4.8rem;line-height:3.2rem}.page-ti .headline
.tw{font-size:3rem;line-height:3rem}#nav-item .cate-name{padding-left:20px}}@media only screen and (max-width: 1079px){.page-ti{margin-bottom:30px}.page-ti
.headline{font-size:4.2rem;line-height:2.8rem}.page-ti .headline>span::after{margin-left:12px}.page-ti .headline
.tw{padding-left:10px;font-size:2.5rem;line-height:2.5rem}#nav-item .cate-btn.open::after{margin-top:-3px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}#nav-item .cate-name{padding:10px
35px 10px 20px}.nav-list{top:100%;visibility:hidden;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center top 0;transform-origin:center top 0;-webkit-transition:all .25s ease;transition:all .25s ease}.nav-list
ul{border-radius:0}.nav-list.open{visibility:visible;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.nav-list.open
ul{border-radius:15px}.nav-list ul>li>a{padding:10px
25px;font-size:1.6rem}.nav-list ul>li.current>a::before{top:21px}}@media only screen and (max-width: 991px){.page-ti
.headline{font-size:3.6rem;line-height:2.6rem}.page-ti .headline>span::after{margin-left:10px}.page-ti .headline
.tw{padding-left:8px;font-size:2rem;line-height:2rem}}@media only screen and (max-width: 767px){.page-ti{border-width:1px}.page-ti .headline,
.page-ti #nav-item{display:block;width:100%;max-width:100%}.page-ti .headline>span::after{height:2px}.page-ti #nav-item{margin-top:15px}}@media only screen and (max-width: 575px){.page-ti
.headline{font-size:2.6rem;line-height:2rem}.page-ti .headline>span::after{margin-left:8px}.page-ti .headline
.tw{padding-left:6px;font-size:1.7rem;line-height:1.7rem}#nav-item .cate-name{padding:6px
35px 6px 15px}}#footer{padding:2.8vw 0 3.3vw;background-color:#142358}#footer
.container{max-width:1280px;font-size:0;color:#ccc;line-height:2.6rem}#footer .container
a{color:#ccc}#footer .container a:hover{color:#fff}#footer .copyright,
#footer .copyright .links li,
#footer  .data,
#footer  .data
.item{display:inline-block;vertical-align:top}#footer
.copyright{width:38%}#footer .copyright .footer-logo{margin-bottom:8px;max-width:228px}#footer .copyright
.links{padding-left:3px}#footer .links
li{position:relative;vertical-align:middle;line-height:2.2rem}#footer .links li:not(:last-child){padding-right:39px}#footer .links li:not(:last-child)::after{display:block;content:"";position:absolute;top:50%;right:20px;margin-top:-9px;width:1px;height:12px;background-color:#ccc}#footer .links li
a{font-size:1.7rem;color:#fff;font-weight:300}#footer .links li a:hover{color:#5db9ff}#footer .copyright
.txt{padding-left:3px;font-size:1.7rem;color:rgba(255 255 255 / 50%);line-height:2.2rem}#footer .txt
p{margin-bottom:10px}#footer .txt
a{color:rgba(255 255 255 / 50%)}#footer .txt a:hover{color:rgba(255 255 255 / 85%)}#footer .txt
span{display:inline-block;margin:-3px 10px 0;width:1px;height:13px;vertical-align:middle;background-color:rgba(204 204 204 / 50%)}#footer
.data{width:62%}#footer .data
.item{padding-left:4.2vw;width:50%;font-size:1.7rem}#footer .data .item
.name{margin:25px
0 12px 0;font-size:1.9rem;color:#5db9ff;font-weight:500}#footer .data .item li:not(:last-child){margin-bottom:10px}#footer .data .item li:hover,
#footer .data .item li:hover
a{color:#fff}#footer .data .item li a:hover{text-decoration:underline}#footer .data .item li
span{padding-right:10px;color:#ddd}#footer .data .item li:hover
span{color:#5db9ff}#footer .data .item .add
span{display:block;float:left}#footer .data .item .add
a{display:block;overflow:hidden}#footer .data .item .tel span:last-child{padding-left:12px}#footer .data .item .mail
i{display:inline-block;margin-left:8px;width:18px;height:14px;vertical-align:middle;background:url('../images/footer_icon_mail.png') no-repeat 0 0;background-size:cover;overflow:hidden;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#footer .data .item .mail:hover
i{background-position:0 -14px}@media only screen and (min-width: 768px){@keyframes ani-icon{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}.float-box .down-btn{-webkit-animation:ani-icon .45s forwards;animation:ani-icon .45s forwards}}@media only screen and (max-width: 1199px){#footer
.copyright{width:34%}#footer .links li:not(:last-child){padding-right:23px}#footer .links li:not(:last-child)::after{right:12px}#footer .links li
a{font-size:1.6rem}#footer .copyright
.txt{font-size:1.5rem}#footer
.data{width:66%}#footer .data
.item{font-size:1.6rem}}@media only screen and (max-width: 1079px){#footer .data
.item{padding-left:3.2vw}}@media only screen and (max-width: 1023px){#footer{padding:35px
0 25px}#footer .copyright,
#footer
.data{display:block;width:100%}#footer
.copyright{margin-bottom:35px}#footer .copyright .footer-logo,
#footer .copyright .links,
#footer .copyright .txt p,
#footer .copyright .txt
a{display:inline-block;vertical-align:middle}#footer .copyright
.links{margin-left:1.5vw}#footer .copyright .txt
p{margin:0
.8vw 0 0}#footer .data
.item{padding:0
4vw 0 0;width:auto;text-align:left}#footer .data .item
.name{margin-top:0;font-size:1.8rem}#footer .data .item li:not(:last-child){margin-bottom:5px}}@media only screen and (max-width: 767px){#footer
.copyright{margin-bottom:20px}#footer .copyright .footer-logo,
#footer .copyright .links,
#footer .copyright .txt p,
#footer .copyright .txt
a{display:block}#footer .copyright
.links{margin-left:0}#footer .copyright .txt
p{margin-bottom:3px}#footer .links li:not(:last-child){padding-right:19px}#footer .links li:not(:last-child)::after{right:10px}#footer .links li
a{font-size:1.5rem}#footer .copyright
.txt{font-size:1.4rem}#footer .txt
p{margin-bottom:5px}#footer .data
.item{display:block;padding:0;width:100%;font-size:1.6rem}#footer .data .item:not(:last-child){margin-bottom:15px}#footer .data .item
.name{margin-bottom:5px;font-size:1.7rem}.float-box.black-none{display:none}}@media only screen and (max-width: 575px){#footer{padding-top:25px}#footer .copyright .footer-logo{max-width:200px}#footer .links li
a{font-size:1.4rem}#footer .copyright
.txt{font-size:1.3rem}#footer .data
.item{font-size:1.5rem}#footer .data .item
.name{font-size:1.6rem}#footer .data .item
li{line-height:22px}#footer .data .item li:not(:last-child){margin-bottom:3px}}.down-btn{display:block;position:relative;width:60px;height:60px;font-size:1.4rem;color:#fff;text-align:center;cursor:pointer;border-radius:100%}.down-btn:not(.scroll-top) i{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.down-btn:not(.scroll-top) i::before{display:block;content:"";width:100%}.float-box{position:fixed;z-index:100;bottom:90px;right:1.5vw;text-align:center}.float-box a>span{display:none;font-size:1.3rem;color:#fff}.float-box
li{margin-bottom:10px}.float-box
li.mobile{display:none}.float-box
.mail{display:none;background-color:#5db9ff}.float-box .mail
i{width:36.667%;background:url('../images/footer_icon_mail.png') no-repeat 0 0;background-size:cover}.float-box .mail i::before{padding-bottom:77.28%}.float-box
.map{display:none;background-color:#f0b323}.float-box .map
i{width:30%;background:url('../images/icon_map.svg') no-repeat 0 0;background-size:cover}.float-box .map i::before{padding-bottom:100%}.float-box
.fb{background-color:#4064ac}.float-box .fb
i{width:20%;background:url('../images/icon_fb.png') no-repeat 0 0;background-size:cover}.float-box .fb i::before{padding-bottom:191.667%}.float-box
.line{background-color:#00c854}.float-box .line
i{width:56.667%;background:url('../images/icon_line.png') no-repeat 0 0;background-size:cover}.float-box .line i::before{padding-bottom:94.12%}.scroll-top{position:fixed;z-index:100;right:1.5vw;bottom:30px;padding-top:1.2vw;line-height:1.6rem;background-color:#f0b323}.scroll-top
span{font-size:1.2rem;font-weight:600}.scroll-top
i{display:block;margin:0
auto 1px;width:10px;height:10px;border-right:#fff solid 2px;border-bottom:#fff solid 2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@media only screen and (max-width: 1439px){.float-box{bottom:80px;right:10px}.down-btn{width:50px;height:50px}.scroll-top{right:10px;padding-top:1vw}}@media only screen and (max-width: 1365px){.float-box{bottom:53px}.float-box
li{margin-bottom:5px}.down-btn{width:38px;height:38px}.scroll-top{bottom:15px;padding-top:0}.scroll-top
i{position:absolute;top:54%;left:50%;margin:-5px 0 0 -5px}.scroll-top
span{display:none}}@media only screen and (max-width: 767px){.float-box{bottom:0;right:0;width:100%;height:40px;font-size:0}.float-box
li{display:inline-block;width:25%;vertical-align:middle;line-height:4rem}.float-box
li.desktop{display:none}.float-box
li.mobile{display:inline-block}.float-box .down-btn{display:block;width:100%;height:40px;border-radius:0}.float-box a>span{display:inline-block;margin-left:8px;vertical-align:middle}.down-btn:not(.scroll-top) i{display:inline-block;position:relative;top:0;left:0;vertical-align:middle;transform:none}.float-box .mail,
.float-box
.map{display:block}.float-box .mail
i{width:18px}.float-box .map
i{width:15px}.float-box .fb
i{margin-top:-2px;width:9px}.float-box .line
i{width:20px}.scroll-top{bottom:50px}}@media only screen and (max-width: 575px){.float-box a > span
span{display:none}.scroll-top{width:32px;height:32px}.scroll-top
i{margin:-3px 0 0 -3px;width:6px;height:6px}}.system-info{text-align:center;margin:0
auto;padding:5vh 0;min-height:300px;line-height:2;letter-spacing:1px}.system-info{padding:1.5vh 0;color:#001871}.system-info
i{font-size:2rem;display:block;margin:0
auto 20px}.system-info
.icon{width:90px;height:90px;line-height:90px;margin:0
auto 2rem;border-radius:90px;text-align:center;border:1px
solid #ddd;font-size:4rem;font-weight:bold;color:#ddd}@media screen and (min-width: 992px){.system-info{padding:5vh 0}}.page-control{margin-top:4vw}.page-control .page-control-arrow{display:inline-block;position:relative;width:60px;height:60px;border-radius:100%;border:#b4b8b9 solid 2px;background:#fff none;box-shadow:none;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.page-control .page-control-arrow:hover{border-color:#f0b323;background-color:#f0b323}.page-control .page-control-arrow:not(:last-child){margin-right: .8vw}.page-control .page-control-arrow::before{display:block;content:"";position:absolute;top:50%;left:50%;margin:-11% 0 0 -14%;width:22%;height:22%;border-right:#b4b8b9 solid 2px;border-bottom:#b4b8b9 solid 2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.page-control .page-control-arrow:hover::before{border-right-color:#fff;border-bottom-color:#fff}.page-control .page-control-arrow.prev::before{margin-left:-8%;-webkit-transform:rotate(135deg);transform:rotate(135deg)}@media screen and (max-width: 1559px){.page-control .page-control-arrow{width:50px;height:50px}}@media screen and (max-width: 1079px){.page-control{display:none;margin:30px
0;text-align:center}.page-control .page-control-arrow{width:40px;height:40px}}.hover-style .pic,
.hover-style
.txt{position:relative;overflow:hidden}.hover-style
.pic{z-index:2}.hover-style .pic::before{display:block;content:"";position:absolute;z-index:2;top:0;right:0;width:100%;height:100%;background-color:rgba(255 255 255 / 100%);-webkit-transition:width .8s ease-out;transition:width .8s ease-out}:not(.main-wrap.view).hover-style.scroll-view .pic::before,
.main-wrap.view .scroll-view .hover-style .pic::before,
#index .scroll-view .hover-style .pic::before{width:0}.articles-list .hover-style .txt,
#service .list .hover-style
.ti{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px);-webkit-transition:opacity 1.5s, -webkit-transform 1.5s;transition:opacity 1.5s, transform 1.5s;-webkit-transition-delay: .4s;transition-delay: .4s}:not(.main-wrap.view) .articles-list .hover-style.scroll-view .txt,
#service:not(.main-wrap.view) .list .hover-style.scroll-view .ti,
.main-wrap.view .scroll-view .hover-style .txt,
.main-wrap.view .scroll-view .hover-style .ti,
#index .scroll-view .hover-style .txt,
#index .scroll-view .hover-style
.ti{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.hover-style .pic
a{display:block;position:relative;overflow:hidden}.hover-style
.view{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;background-color:rgba(0 0 0 / 50%);-webkit-transition:opacity .25s, visibility .25s;transition:opacity .25s, visibility .25s}.hover-style .view
span{display:block;position:absolute;bottom:-21.25%;right:-14%;width:14%;height:21.25%;background-color:#f0b323;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.hover-style .view span::before{display:block;content:"";position:absolute;top:50%;left:50%;margin:-19px 0 0 -20px;width:40px;height:38px;background:url('../images/icon_hand.svg') no-repeat 0 0;background-size:cover}.hover-style
img{width:100%}.hover-style .ti
a{color:#333}.hover-style:hover
.view{opacity:1;visibility:visible}.hover-style:hover .view
span{bottom:0;right:0}.hover-style:hover .ti
a{color:#001871}.btn-style{display:block !important; width:200px!important;font-size:1.7rem;text-align:center;line-height:5.4rem;border:none;border-radius:100px;background-color:#f0b323;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.white{color:#b17f08;border:#f0b323 solid 1px;background-color:#fff}.white:hover{color:#fff;border-color:#f0b323;background-color:#f0b323}.yellow{color:#fff;background-color:#f0b323}.yellow:hover{background-color:#222}.btn-more{display:block;margin-top:1vw;width:125px;font-size:1.5rem;color:#5db9ff;font-weight:500}.btn-more
i{display:inline-block;position:relative;margin:-2px 0 0 10px;width:30px;height:30px;vertical-align:middle;border-radius:100%;background-color:#5db9ff}.btn-more i::before{display:block;content:"";position:absolute;top:50%;left:50%;margin:-14% 0 0 -20%;width:28%;height:28%;border-right:#fff solid 2px;border-bottom:#fff solid 2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.btn-more:hover{color:#001871}.btn-more:hover
i{background-color:#001871}@media only screen and (max-width: 1279px){.btn-more
i{margin-left:8px;width:22px;height:22px}.btn-more i::before{margin-left:-24%}}@media only screen and (max-width: 1079px){.btn-more{margin-top:10px}}@media only screen and (max-width: 575px){.btn-style{width:100%}}.p-pager{padding-top:1.6vw;font-size:0;text-align:center;line-height:3.6rem}.p-pager
a{display:inline-block;width:36px;height:36px;font-size:1.6rem;color:#666;text-align:center;vertical-align:middle;border-radius:100%;background-color:#fff}.p-pager
.num{margin:0
2px;background-color:#fff}.p-pager .num:hover{color:#000}.p-pager
.num.current{color:#fff;font-weight:600;background-color:#555}.p-pager
.aw{position:relative;border:#ccc solid 1px}.p-pager .aw::before{display:block;content:"";position:absolute;top:50%;left:50%;margin:-14% 0 0 -20%;width:28%;height:28%;border-right:#666 solid 2px;border-bottom:#666 solid 2px;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.p-pager
.prev{margin-right:18px}.p-pager .prev::before{margin-left:-8%;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.p-pager
.next{margin-left:18px}.p-pager .next::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media only screen and (max-width: 1079px){.p-pager{padding-top:15px;line-height:2.8rem}.p-pager
a{width:28px;height:28px;font-size:1.3rem}.p-pager .aw::before{margin-left:-18%}.p-pager
.prev{margin-right:5px}.p-pager .prev::before{margin-left:-8%}.p-pager
.next{margin-left:5px}}.articles-wrap{font-family:'Roboto','Arial','sans-serif','Microsoft JhengHei','微軟正黑體';font-size:0}.articles-list{margin:0
-1.5vw}.articles-list
.chapter{margin-bottom:2.6vw;padding:0
1.5vw;width:33.333%}.articles-list .chapter
.pic{margin-bottom:1.9vw;border-radius:0 35px 0 0}.articles-list
.chapter{display:inline-block;vertical-align:top}.chapter
.data{margin-bottom:1vw;font-size:1.5rem;color:#001871;font-weight:500;line-height:2rem}.chapter .data
span{display:inline-block;margin-right:15px;padding:4px
8px;font-weight:400;vertical-align:middle;border:rgba(0 24 113 / 30%) solid 1px;background-color:#fff}.articles-list .chapter
.ti{margin:0;min-height:60px;font-size:2rem;line-height:3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.articles-list .chapter
.brief{margin-top: .6vw;font-size:1.5rem;color:#555;line-height:3.6rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.articles-list.level{margin:0}.articles-list.level
.chapter{display:block;margin-bottom:0;padding:0;width:100%}.articles-list.level .chapter .pic,
.articles-list.level .chapter
.txt{display:inline-block;vertical-align:middle}.articles-list.level .chapter
.pic{margin-bottom:0;width:42%;border-radius:0}.articles-list.level .chapter
.txt{padding:0
4vw;width:58%}.articles-list.level .chapter
.ti{margin-top:1vw;min-height:auto;font-size:3rem;line-height:3.8rem;-webkit-line-clamp:1}.articles-list.level .chapter .ti
a{color:#000}.articles-list.level .chapter :hover .ti
a{color:#001871}@media only screen and (max-width: 1439px){.articles-list.level .chapter
.ti{font-size:2.4rem;line-height:3.2rem}}@media only screen and (max-width: 1365px){.articles-list .chapter
.ti{font-size:1.8rem;line-height:2.8rem}}@media only screen and (max-width: 1279px){.articles-list .chapter
.brief{line-height:3.2rem}.articles-list.level .chapter
.ti{font-size:2rem;line-height:2.8rem}}@media only screen and (max-width: 1079px){.articles-list{margin:0
-10px}.articles-list
.chapter{margin-bottom:25px;padding:0
10px}.articles-list .chapter
.pic{margin-bottom:15px;border-radius:0 22px 0 0}.chapter
.data{margin-bottom:10px}.chapter .data
span{margin-right:12px}.articles-list .chapter
.ti{min-height:50px;font-size:1.7rem;line-height:2.4rem}.articles-list .chapter
.brief{margin-top:5px;line-height:2.8rem}.articles-list.level .chapter
.pic{margin-bottom:0;border:0}.articles-list.level .chapter
.ti{margin-top:10px;font-size:1.8rem;line-height:2.6rem}}@media only screen and (max-width: 991px){.articles-list
.chapter{width:50%}.articles-list.level .chapter .pic,
.articles-list.level .chapter
.txt{width:50%}}@media only screen and (max-width: 767px){.articles-list{margin:0
-6px}.articles-list
.chapter{margin-bottom:20px;padding:0
6px}.articles-list.level .chapter .pic,
.articles-list.level .chapter
.txt{display:block;width:100%}.articles-list.level .chapter
.txt{padding:20px
20px 15px}.articles-list.level .chapter
.ti{font-size:1.7rem;line-height:2.4rem;overflow:visible;text-overflow:initial;-webkit-line-clamp:initial}}@media only screen and (max-width: 575px){.articles-list
.chapter{width:100%}.chapter
.data{font-size:1.4rem}.articles-list .chapter
.ti{min-height:auto}}#news.bg .con-wrap,
#blog.bg .con-wrap{background-image:url('../images/p_news_bg.jpg')}#news
.pick{display:block;margin-bottom:3.6vw;width:100%;background-color:#f3f3f3;overflow:hidden}#blog .articles-list
.chapter{margin-bottom:2.1vw;padding-bottom:2.1vw;border-bottom:#ccc solid 1px}@media only screen and (max-width: 1079px){#news.bg .con-wrap,
#blog.bg .con-wrap{background:none}#blog .articles-list
.chapter{margin-bottom:20px;padding-bottom:20px}}@media only screen and (max-width: 767px){.articles-list.level .chapter
.txt{padding:10px
0 0 0}}#case .articles-wrap .articles-list:nth-child(2){position:relative;margin-top: .2vw;padding-top:3.2vw}#case .articles-wrap .articles-list:nth-child(2)::before{display:block;content:"";position:absolute;top:0;left:1.5vw;width:calc(100% - 3vw);height:1px;background-color:#aaa}.case-list .chapter
.pic{margin-bottom:1.5vw}.case-list .chapter
.data{margin-bottom: .7vw}.case-list .chapter
.ti{min-height:auto;-webkit-line-clamp:1}.case-list .chapter
.brief{margin-top: .3vw;min-height:60px;font-size:1.7rem;line-height:3rem}#case .pick
.chapter{width:50%}#case .pick .chapter
.ti{font-size:3rem;line-height:3.8rem}@media only screen and (max-width: 1439px){#case .pick .chapter
.ti{font-size:2.4rem;line-height:3.2rem}}@media only screen and (max-width: 1279px){#case .pick .chapter
.ti{font-size:2rem;line-height:2.8rem}}@media only screen and (max-width: 1079px){#case .articles-wrap .articles-list:nth-child(2){margin-top:5px;padding-top:35px}.case-list .chapter
.pic{margin-bottom:15px}.case-list .chapter
.data{margin-bottom:10px}.case-list .chapter
.brief{margin-top:5px;min-height:50px;font-size:1.5rem;line-height:2.8rem}#case .pick .chapter
.ti{font-size:1.8rem;line-height:2.6rem}}@media only screen and (max-width: 991px){#case .articles-wrap .articles-list:nth-child(2){margin-top:0;padding-top:0}#case .articles-wrap .articles-list:nth-child(2)::before{display:none}#case .pick .chapter
.ti{font-size:1.7rem;line-height:2.4rem}}@media only screen and (max-width: 575px){.case-list .chapter
.ti{overflow:visible;text-overflow:initial;-webkit-line-clamp:initial}#case .pick
.chapter{display:block;width:100%}}.view .data-top{margin-bottom:2.9vw;padding:2vw 1.5vw 1.5vw;text-align:center;border-top:#666 solid 2px;border-bottom:#dadedf solid 1px;background-color:#f6f6f6}.view .data-top
.ti{margin:0;font-size:3rem;color:#000;line-height:4.2rem}ul.page-wrap{position:relative;margin:1vw 0 3vw;padding: .8vw 0;border-top:#dee2e6 solid 1px;border-bottom:#dee2e6 solid 1px}.page-wrap::before{display:block;content:"";position:absolute;top:1.5vw;left:50%;margin-left:-1px;width:2px;height:calc(100% - 3vw);background-color:#e5e5e5}.page-wrap
li{position:relative;float:left;width:50%}.page-wrap li
.aw{position:absolute;top:0;font-size:1.8rem;color:#001871;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.page-wrap li .aw
i{display:inline-block;margin:-2px 8px 0 0;width:20px;height:20px;vertical-align:middle;border-right:#001871 solid 2px;border-bottom:#001871 solid 2px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.page-wrap
li.prev{padding:0
3.5vw 0 120px}.page-wrap li.prev
.aw{left:1.3vw}.page-wrap
li.next{float:right;padding:0
120px 0 3.5vw}.page-wrap li.next
.aw{right:1.3vw}.page-wrap li.next .aw
i{margin:-2px 0 0 8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.page-wrap li
a{display:block;font-size:1.6rem;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-wrap li a:hover{color:#001871}.view .btn-wrap{margin-top:2.8vw;padding:0
20px}.back{margin:0
auto}.share{margin-top:1.3vw;font-size:1.4rem;color:#666;text-align:center;line-height:3.6rem}.share > span,
.share
a{display:inline-block;vertical-align:middle}.share>span{margin-right:8px}.share
a{margin:0
1px;position:relative;width:36px;height:36px;border-radius:100%;background-color:#fff}.share a
span{display:block;position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.share
.fb{margin-top:-2px}.share .fb
span{width:10px;height:19px;background:url('../images/icon_fb.png') no-repeat 0 -19px;background-size:cover;overflow:hidden}.share .fb:hover{background-color:#4064ac}.share .fb:hover
span{background-position:0 0}.share .line
span{width:22px;height:21px;background:url('../images/icon_line.png') no-repeat 0 -21px;background-size:cover}.share .line:hover{background-color:#00c854}.share .line:hover
span{background-position:0 0}@media only screen and (min-width: 1080px){.page-wrap li:hover.prev
.aw{left:5px}.page-wrap li:hover.next
.aw{right:5px}}@media only screen and (max-width: 1279px){.view .data-top
.ti{font-size:2.6rem;line-height:3.8rem}ul.page-wrap{padding:1.8vw 0}.page-wrap li
.aw{font-size:1.7rem}.page-wrap li .aw
i{margin-right:4px;width:14px;height:14px}.page-wrap
li.prev{padding-left:95px}.page-wrap
li.next{padding-right:95px}.page-wrap li.next .aw
i{margin-left:4px}}@media only screen and (max-width: 1079px){.view .data-top{margin-bottom:25px;padding:20px
15px 15px}.view .data-top
.ti{font-size:2.2rem;line-height:3.4rem}ul.page-wrap{margin:20px
0 25px}.view .btn-wrap{margin-top:30px}.share{margin-top:15px}}@media only screen and (max-width: 1023px){ul.page-wrap{padding:0}.page-wrap::before{display:none}.page-wrap
li{float:none;width:100%}.page-wrap li
.aw{top:10px;font-size:1.5rem}.page-wrap li .aw
i{margin:-5px 2px 0 0;width:10px;height:10px}.page-wrap li.prev,
.page-wrap
li.next{padding:10px
10px 10px 70px}.page-wrap
li.next{border-top:#e5e5e5 solid 1px}.page-wrap li.next
.aw{right:auto;left:1.3vw}.page-wrap li.next .aw
i{margin:-5px 0 0 2px}}@media only screen and (max-width: 991px){.view .data-top
.ti{font-size:2rem;line-height:3.2rem}}@media only screen and (max-width: 767px){.view .data-top{margin-bottom:15px}.view .data-top
.ti{font-size:1.8rem;line-height:2.6rem}}@media only screen and (max-width: 575px){.view .data-top
.ti{font-size:1.7rem}}#index.main-wrap .con-wrap{padding-bottom:0}#i-ban{position:relative}#i-ban
.mask{position:absolute;z-index:5;left:0;bottom:0;padding-bottom:5.781%;width:100%;background:url('../images/i_ban_mask.svg') no-repeat center bottom;background-size:cover}#i-ban
.wrap{position:relative;padding-bottom:42.722%;overflow:hidden}.ban-slick{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.ban-slick .item>a{display:block;position:relative;width:100%}.ban-slick .pic::before{display:block;content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .15)}.ban-slick
.headline{position:absolute;z-index:5;top:52%;left:16%;width:40%;color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ban-slick .headline
.en{font-size:8rem;color:#5db9ff;font-weight:600;text-transform:uppercase;line-height:8.6rem}.ban-slick .headline .en
span{color:#fff}.ban-slick .headline
.tw{margin: .7vw 0 0 0;font-size:2.4rem;font-weight:300;line-height:3.4rem}.ban-slick .item.in .headline>h2{-webkit-animation:ani_slide_txt 2s both ease;animation:ani_slide_txt 2s both ease}.ban-slick .item.in .headline
.tw{-webkit-animation-delay: .5s;animation-delay: .5s}@-webkit-keyframes
ani_slide_txt{0%{opacity:0;transform:translateY(-50px);transition:opacity 1.5s, transform 0.8s cubic-bezier(0.445,0.05,0.55,0.95)}100%{opacity:1;transform:translateY(0)}}@keyframes
ani_slide_txt{0%{opacity:0;transform:translateY(-50px);transition:opacity 1.5s, transform 0.8s cubic-bezier(0.445,0.05,0.55,0.95)}100%{opacity:1;transform:translateY(0)}}.ban-slick .item.in [data-image]{-webkit-animation:ani_slide_in 4s both ease;animation:ani_slide_in 4s both ease}@-webkit-keyframes
ani_slide_in{0%{opacity:0;-webkit-transform:scale(1.08);transform:scale(1.08)}20%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes
ani_slide_in{0%{opacity:0;-webkit-transform:scale(1.08);transform:scale(1.08)}20%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width: 1679px){.ban-slick .headline
.en{font-size:6rem;line-height:6.6rem}}@media only screen and (max-width: 1439px){.ban-slick .headline
.en{font-size:5rem;line-height:5.6rem}.ban-slick .headline
.tw{font-size:2.2rem;line-height:3.2rem}}@media only screen and (max-width: 1365px){.ban-slick .headline
.en{font-size:4rem;line-height:4.6rem}.ban-slick .headline
.tw{font-size:2rem;line-height:3rem}}@media only screen and (max-width: 1199px){#i-ban{margin-top:75px}.ban-slick
.headline{top:45%}.ban-slick .headline
.en{font-size:3.2rem;line-height:3.8rem}.ban-slick .headline
.tw{font-size:1.8rem;line-height:2.6rem}}@media only screen and (max-width: 1079px){.ban-slick .headline
.tw{font-weight:400}}@media only screen and (max-width: 991px){#i-ban
.wrap{padding-bottom:56.616%}.ban-slick
.headline{left:0;padding:0
60px;width:100%;text-align:center}.ban-slick .headline .en
br{display:none}.ban-slick .headline .en
span{display:block}}@media only screen and (max-width: 767px){.ban-slick .headline
.en{font-size:2.6rem;line-height:3.2rem}}@media only screen and (max-width: 575px){.ban-slick
.headline{top:50%}.ban-slick .headline
.en{font-size:2rem;line-height:2.8rem}.ban-slick .headline
.tw{font-size:1.6rem;line-height:2.2rem}}@media screen and (max-width: 413px){#i-ban{margin-top:60px}}


#i-service{position:relative;z-index:10;margin-top:-25%;padding:300px 0 120px;background:url('../img/i_service_bg.png') no-repeat center top;background-size:100% auto}


	 @media screen and (max-width : 1350px) {
	 
	#i-service{position:relative;z-index:10;margin-top:-30%;padding:350px 0 100px;background:url('../img/i_service_bg.png') no-repeat center top;background-size:100% auto} 
	 
}


#i-service::after {
    /* --- 這是必須加入的兩個關鍵屬性 --- */
    content: '';          /* 1. 偽元素必須有 content 屬性才會被渲染 */
    display: block;       /* 2. 讓偽元素表現得像一個區塊，才能正確設定尺寸和背景 */
    /* --- 您原有的樣式 (以下皆可正常運作) --- */
    position: relative;
    z-index: 10;
    margin-bottom: -27.5%;
    
    /* padding 會將這個區塊撐開，形成高度 */
    padding: 350px 0 120px; 
    background: url(../img/footer_bg-3.png) no-repeat center top;
    background-size: 100% auto;
}


#i-service2{}
#i-service2::after {
    /* --- 這是必須加入的兩個關鍵屬性 --- */
    content: '';          /* 1. 偽元素必須有 content 屬性才會被渲染 */
    display: block;       /* 2. 讓偽元素表現得像一個區塊，才能正確設定尺寸和背景 */
    /* --- 您原有的樣式 (以下皆可正常運作) --- */
    position: relative;
    z-index: 10;
    margin-bottom: -23%;
    
    /* padding 會將這個區塊撐開，形成高度 */
    padding: 350px 0 150px; 
    background: url(../img/footer_bg-3.png) no-repeat center top;
    background-size: 100% auto;
}






#p-ban .wrap2 {
    position: relative;
    width: 100%;
    height: auto;
}





#i-service .box-top{display:inline-block;margin-bottom:1.5vw;width:33.333%}#i-service .box-top
p{margin: .8vw 0 0 0;color:#555;line-height:3.6rem}@media only screen and (min-width: 1079px){#i-service .service-list .item:nth-child(3n+2){margin-top:-9vw}#i-service .service-list .item:nth-child(3n+3){margin-top:-3vw}}@media only screen and (max-width: 1279px){#i-service .box-top
p{line-height:3.2rem}}@media only screen and (max-width: 1079px){#i-service{padding:110px
0 10px}#i-service .box-top{margin-bottom:15px;width:100%}#i-service .box-top .box-ti .tw::after{margin-bottom:15px}#i-service .box-top
p{margin:0
auto;max-width:800px;text-align:center;line-height:2.8rem}#i-service .box-top p
br{display:none}}@media only screen and (max-width: 991px){#i-service{padding-top:90px}}@media only screen and (max-width: 767px){#i-service{padding:80px
0 30px}}@media only screen and (max-width: 575px){#i-service{padding-top:60px}}#i-about{position:relative;padding:4.7vw 0 15rem;background-color:#f1f5f6}#i-about::before{display:block;content:"";position:absolute;z-index:1;top:-7vw;right:0;padding-bottom:27.063%;width:21.44%;max-width:560px;background:url('../images/i_about_bg.png') no-repeat 0 0;background-size:cover}#i-about
.en{position:absolute;bottom:1.4vw;right:-50%;width:100%;font-size:16rem;color:rgba(255 255 255 / 70%);font-weight:600}#i-about
.container{font-size:0}#i-about .pic,
#i-about .txt,
#i-about .list
.item{display:inline-block;position:relative;z-index:2;vertical-align:middle}#i-about
.pic{width:54.667%;max-width:820px}#i-about .pic
img{border-radius:0 42px 0 0}#i-about
.txt{padding-left:6.8vw;width:calc(100% - 54.667%)}#i-about .txt .box-ti.align-left .tw::after{display:block;margin:1vw 0 1.2vw 2px}#i-about .txt
.brief{margin-bottom:0;font-size:1.7rem;color:#555;line-height:3.6rem}#i-about .txt .btn-more{margin-top:1.5vw;width:400px;font-size:2.5rem;color:#b17f08;font-weight:300}#i-about .txt .btn-more
i{margin:0
1vw 0 0;width:60px;height:60px;background-color:#f0b323}#i-about .txt .btn-more i::before{margin:-8% 0 0 -12%;width:16%;height:16%}#i-about
.data{margin:4.8vw auto 0;max-width:990px}#i-about
.list{margin:0
-4.2vw;text-align:center}#i-about .data
.item{position:relative;padding:0
4.2vw;font-size:1.7rem;color:#555}#i-about .data .item:not(:last-child)::after{display:block;content:"";position:absolute;top:50%;right:0;margin-top:-12%;width:1px;height:94%;background-color:#ddd;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#i-about .data .item
.icon{float:left}#i-about .data .item .icon
i{display:block;width:100%}#i-about .data .item .icon i::before{display:block;content:"";width:100%}#i-about .data .item:nth-child(1) .icon{width:87px}
#i-about .data .item:nth-child(1) .icon
i{background:url('../img/service/icon01.png') no-repeat 0 0;background-size:cover}#i-about .data .item:nth-child(1) .icon i::before{padding-bottom:89.656%}#i-about .data .item:nth-child(2) .icon{width:80px}#i-about .data .item:nth-child(2) .icon
i{background:url('../img/service/icon02.png') no-repeat 0 0;background-size:cover}#i-about .data .item:nth-child(2) .icon i::before{padding-bottom:107.1%}#i-about .data .item:nth-child(3) .icon{width:90px}#i-about .data .item:nth-child(3) .icon
i{background:url('../img/service/icon03.png') no-repeat 0 0;background-size:cover}#i-about .data .item:nth-child(3) .icon i::before{padding-bottom:86.364%

}#i-about .data .item
.info{padding-left:1.2vw;float:left;text-align:left}#i-about .data .item
.ti{margin:0;font-size:1.7rem}#i-about .data .item
.number{font-size:5.4rem;color:#000;font-weight:600}@media only screen and (max-width: 1679px){#i-about .txt
.brief{padding-right:2vw}}@media only screen and (max-width: 1439px){#i-about .txt .btn-more
i{width:50px;height:50px}#i-about
.data{padding:0
30px;max-width:100%}#i-about .data
.list{margin:0
-8vw}#i-about .data
.item{padding:0
8vw}}@media only screen and (max-width: 1365px){#i-about{padding-bottom:9vw}#i-about
.en{bottom: .9vw;font-size:12rem}#i-about .data .item
.info{padding-top:3px}#i-about .data .item
.number{font-size:4.8rem}}@media only screen and (max-width: 1279px){#i-about{padding-bottom:7vw}#i-about
.en{font-size:8rem}#i-about .pic,
#i-about
.txt{width:50%}#i-about
.txt{padding-left:5vw}#i-about .txt
.brief{padding-right:0;line-height:3.2rem}#i-about .txt .btn-more
i{width:36px;height:36px}#i-about .data .item
.ti{margin-bottom:12px}}@media only screen and (max-width: 1079px){#i-about{padding:40px
0 80px}#i-about
.en{font-size:6.5rem}#i-about
.txt{padding-left:40px}#i-about .txt .box-ti.align-left{text-align:left}#i-about .txt
.brief{line-height:2.8rem}#i-about .txt .btn-more
i{margin-right:10px}#i-about
.data{margin-top:40px}#i-about .data .item
.info{padding:5px
0 0 15px}#i-about .data .item
.number{font-size:3.8rem}}@media only screen and (max-width: 1023px){#i-about .pic,
#i-about
.txt{display:block;padding:0;width:100%}#i-about
.pic{margin:0
auto 25px}#i-about .txt .box-ti.align-left{text-align:center}#i-about .txt .box-ti.align-left .tw::after{margin:10px
auto}#i-about .txt .btn-more{margin:15px
auto 0;width:150px}}@media only screen and (max-width: 991px){#i-about .data
.list{margin:0
-6.8vw}#i-about .data
.item{padding:0
6.8vw}#i-about .data .item:nth-child(1) .icon{width:66px}#i-about .data .item:nth-child(2) .icon{width:45px}#i-about .data .item:nth-child(3) .icon{width:68px}#i-about .data .item
.info{padding-top:2px}#i-about .data .item
.ti{margin-bottom:6px}#i-about .data .item
.number{font-size:3rem}}@media only screen and (max-width: 767px){#i-about .data .item:not(:last-child)::after{height:64%}#i-about .data .item .icon,
#i-about .data .item
.info{float:none}#i-about .data .item
.icon{margin:0
auto}#i-about .data .item
.info{padding:15px
0 0 0;text-align:center}#i-about .data .item
.ti{font-size:1.6rem}}@media only screen and (max-width: 575px){#i-about{padding-bottom:60px}#i-about::before{width:30%}#i-about
.en{font-size:5rem; display:none }#i-about .data
.list{margin:0
-20px}#i-about .data
.item{padding:0}#i-about .data .item:nth-child(2){padding:0
12vw 0 15vw}#i-about .data .item:not(:last-child)::after{top:0;margin-top:0;height:100%;-webkit-transform:rotate(0);transform:rotate(0)}#i-about .data .item:nth-child(1)::after{right:-7.5vw}#i-about .data .item:nth-child(2)::after{right:6vw}#i-about .data .item:nth-child(1) .icon,
#i-about .data .item:nth-child(2) .icon,
#i-about .data .item:nth-child(3) .icon{position:relative;width:50px;height:50px}#i-about .data .item .icon
i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#i-about .data .item:nth-child(1) .icon
i{width:98%}#i-about .data .item:nth-child(2) .icon
i{width:79.5%}#i-about .data .item:nth-child(3) .icon
i{width:98%}#i-about .data .item
.ti{font-size:1.4rem}#i-about .data .item
.number{font-size:2.2rem}}@media only screen and (max-width: 374px){#i-about
.en{font-size:4.3rem}#i-about .data .item:nth-child(2){padding:0
8vw 0 11vw}#i-about .data .item:nth-child(1)::after{right:-5.5vw}#i-about .data .item:nth-child(2)::after{right:4vw}#i-about .data .item
.number{font-size:2rem}}#i-news{padding:5.5vw 0 4.5vw;padding-left:calc((100% - 1540px) / 2);font-size:0;background:url('../images/i_news_bg.jpg') no-repeat left top}#i-news .box-l,
#i-news .articles-list{display:inline-block;vertical-align:top}#i-news .box-l{position:relative;padding:1.5vw 1vw 0 20px;width:250px}#i-news .articles-list{margin:0;width:calc(100% - 250px)}#i-news .articles-list .news-list{margin:0
-1.2vw}#i-news .news-list
.chapter{margin-bottom:0;padding:0
1.2vw;max-width:calc(500px + 2.4vw);overflow:hidden}@media only screen and (max-width: 1439px){#i-news .news-list
.chapter{max-width:calc(460px + 2.4vw)}}@media only screen and (max-width: 1365px){#i-news .box-l{padding-left:3vw}#i-news .news-list
.chapter{max-width:calc(420px + 2.4vw)}}@media only screen and (max-width: 1199px){#i-news{background-size:30% auto}#i-news .articles-list{padding-right:20px}#i-news .articles-list .news-list{margin:0
-15px}#i-news .news-list
.chapter{padding:0
15px;max-width:100%}}@media only screen and (max-width: 1079px){#i-news{padding:40px
20px;background:none}#i-news .box-l,
#i-news .articles-list{display:block;padding:0;width:100%}#i-news .box-ti.align-left{margin-bottom:15px;text-align:left}#i-news .box-ti.align-left .tw::after{display:inline-block;margin:-1px 0 0 0;vertical-align:middle}#i-news .box-ti.align-left
.tw{margin-top:5px}#i-news .box-ti.align-left .tw
span{display:inline-block;margin-right:0.8vw;vertical-align:middle}#i-news .box-l .btn-more{position:absolute;bottom:0;right:0;width:106px}#i-news .articles-list .news-list{margin:0
-10px;padding-bottom:30px}#i-news .news-list
.chapter{padding:0
10px}}@media only screen and (max-width: 575px){#i-news{padding:30px
20px}}#i-link
.item{position:relative;padding-bottom:53.544%;overflow:hidden}#i-link .item
.pic{position:absolute;z-index:0;top:0;left:0;width:100%;height:auto}#i-link .item
a{display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:rgba(0 0 0 / 30%)}#i-link .item
.info{position:absolute;z-index:5;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#i-link .item
.icon{margin:0
auto .6vw}#i-link .item .icon
i{display:block;width:100%}#i-link .item .icon i::before{display:block;content:"";width:100%}#i-link .about
.icon{margin:0
auto 10px;max-width:53px}#i-link .item
.ti{margin:0;font-size:3.6rem;color:#fff;font-weight:600;text-align:center;line-height:3.6rem}#i-link .item .ti
.tw{display:block;margin-top: .5vw;font-size:2.4rem;font-weight:400;line-height:2.4rem}@media only screen and (max-width: 1679px){#i-link .item
.ti{font-size:2.6rem;line-height:2.6rem}#i-link .item .ti
.tw{font-size:2rem;line-height:2rem}}@media only screen and (max-width: 1365px){#i-link
.item{padding-bottom:65%}}@media only screen and (max-width: 1279px){#i-link .item
.ti{font-size:2.2rem;line-height:2.2rem}#i-link .item .ti
.tw{font-size:1.8rem;line-height:1.8rem}}@media only screen and (max-width: 1079px){#i-link .item
.icon{margin-bottom:8px}#i-link .item
.ti{font-size:2rem;line-height:2rem}#i-link .item .ti
.tw{font-size:1.7rem;line-height:1.7rem}}#i-partner{margin:1.4vw auto;padding:0
20px;max-width:1190px;overflow:hidden}#i-partner .partner-slick{position:relative;margin:0
-1.7vw;font-size:0}#i-partner .partner-slick
.item{padding:0
1.7vw}#i-partner .partner-slick .item
img{max-width:inherit;height:45px !important}@media only screen and (max-width: 1079px){#i-partner{margin:10px
auto}#i-partner .partner-slick{margin:0
-20px}#i-partner .partner-slick
.item{padding:0
20px}}.service-list{margin:0
-1.9vw;font-size:0}.service-list
.item{display:inline-block;margin-bottom:3vw;padding:0
1.9vw;width:33.3333%;vertical-align:top}.service-list .item
.pic{border-radius:0 0px 0 0}.service-list .item .pic a::before{display:block;content:"";position:absolute;z-index:2;width:100%;height:100%;border-radius:0 0px 0 0;overflow:hidden;background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.6) 100%);-webkit-transition:background .25s;transition:background .25s}.service-list .item .pic a:hover::before{background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%)}.service-list .item
.txt{position:absolute;z-index:3;left:0;bottom:0;padding:0
1.8vw 2.6vw;width:100%;color:#fff}.service-list .item .txt
.ti{margin:0;font-size:2.2rem;color:#fff;line-height:3.4rem}.service-list .item .txt
.box{height:0;overflow:hidden;-webkit-transition:opacity .6s, height .6s;transition:opacity .6s, height .6s}.service-list .item a:hover .txt
.box{height:120px}.service-list .item .txt
.brief{margin-top: .3vw;font-size:1.5rem;line-height:3rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.service-list .item .txt .btn-more-b{margin-top:15px;padding:0
15px;width:100px;font-size:1.3rem;color:#f0b323;font-weight:500;text-align:center;line-height:3.4rem;border:#f0b323 solid 1px;border-radius:100px}@media only screen and (max-width: 1439px){.service-list .item .txt
.ti{font-size:2rem;line-height:3rem}}@media only screen and (max-width: 1279px){.service-list .item .txt
.ti{font-size:1.8rem;line-height:2.8rem}}@media only screen and (max-width: 1079px){.service-list{margin:0
-10px}.service-list
.item{margin-bottom:30px;padding:0
10px}.service-list .item .pic,
.service-list .item .pic a::before{border-radius:0 0px 0 0}.service-list .item
.txt{padding:0
20px 30px}.service-list .item .txt
.ti{font-size:1.7rem;line-height:2.6rem}.service-list .item .txt
.box{display:none}.service-list .item .txt
.brief{margin-top:5px;line-height:2.8rem}.service-list .item .txt .btn-more-b{margin-top:10px;line-height:3rem}}@media only screen and (max-width: 767px){.service-list
.item{width:50%}}@media only screen and (max-width: 575px){.service-list
.item{width:100%}}#service.main-wrap.view .con-wrap{padding-bottom:2.8vw}#service.view .service-ti{margin-bottom:2.5vw;text-align:center}#service.view .service-ti::after{display:block;content:"";margin:0
auto;width:23px;height:3px;background-color:#5db9ff}#service.view .service-ti
.ti{margin:0;font-size:4rem;color:#000;line-height:5.2rem}#service.view .service-ti
.subtitle{margin: .7vw 0 1.5vw;font-size:1.7rem;color:#555;line-height:2.6rem}.case{margin-top:2.85vw;padding:4.5vw 0;padding-left:calc((100% - 1540px) / 2);font-size:0;background-color:#f1f5f6}.case .box-l,
.case .articles-list{display:inline-block;vertical-align:top}.case .box-l{padding:1.5vw 1vw 0 20px;width:250px}.case .articles-list{margin:0;width:calc(100% - 250px)}.case .articles-list .case-list{margin:0
-1.2vw}.case .case-list
.chapter{margin-bottom:0;padding:0
1.2vw;max-width:calc(500px + 2.4vw);overflow:hidden}@media only screen and (max-width: 1439px){.case .case-list
.chapter{max-width:calc(460px + 2.4vw)}}@media only screen and (max-width: 1365px){#service.view .service-ti
.ti{font-size:3rem;line-height:4.2rem}.case .box-l{padding-left:3vw}.case .case-list
.chapter{max-width:calc(420px + 2.4vw)}}@media only screen and (max-width: 1199px){.case .articles-list{padding-right:20px}.case .articles-list .case-list{margin:0
-15px}.case .case-list
.chapter{padding:0
15px;max-width:100%}}@media only screen and (max-width: 1079px){#service.main-wrap.view .con-wrap{padding-bottom:30px}#service.view .service-ti{margin-bottom:20px}#service.view .service-ti
.subtitle{margin:8px
0 15px}.case{padding:40px
20px}.case .box-l,
.case .articles-list{display:block;padding:0;width:100%}.case .articles-list .case-list{margin:0
-10px;padding-bottom:35px}.case .case-list
.chapter{padding:0
10px}}@media only screen and (max-width: 991px){#service.view .service-ti
.ti{font-size:2.6rem;line-height:3.6rem}}@media only screen and (max-width: 767px){#service.view .service-ti
.ti{font-size:2rem;line-height:3rem}#service.view .service-ti
.subtitle{font-size:1.6rem;line-height:2.4rem}}#case.main-wrap.view .con-wrap{padding-bottom:2.8vw}.recommend{margin-top:2.85vw;padding:4.5vw 0;background-color:#f1f5f6}.recommend .service-list{position:relative;margin:0
-1.55vw;padding-bottom:2.8vw}.recommend .service-list
.item{margin-bottom:0;padding:0
1.55vw}.recommend .service-list .item
.txt{padding-bottom:1.8vw}.recommend .service-list .item .txt
.ti{font-size:2rem;line-height:3.2rem}.recommend .service-list .item a:hover .txt
.box{height:52px}@media only screen and (max-width: 1279px){.recommend .service-list .item .txt
.ti{font-size:1.8rem;line-height:2.8rem}}@media only screen and (max-width: 1079px){#case.main-wrap.view .con-wrap{padding-bottom:30px}.recommend{margin-top:40px;padding:40px
0}.recommend .service-list{margin:0
-10px;padding-bottom:30px}.recommend .service-list
.item{padding:0
10px}.recommend .service-list .item
.txt{padding-bottom:30px}.recommend .service-list .item .txt
.ti{font-size:1.7rem;line-height:2.6rem}}.form-group{margin-bottom:20px;padding:0
0 0 20px;height:54px;vertical-align:top;line-height:5.2rem;border:#ccc solid 1px;background-color:#fff}.form-group:hover{border-color:#5db9ff}.form-group .label-ti{float:left;width:90px;font-size:1.8rem;color:#666;line-height:5.4rem}.form-group .label-ti
label{margin-bottom:0}.form-group .label-ti
strong{padding-left:2px;font-size:1.6rem;color:#666;font-weight:normal}.form-group>.box-hidden{float:left;width:calc(100% - 90px);font-size:1.7rem;overflow:visible}.input-style{display:block;padding:0
10px 0 20px;width:100%;height:52px;font-size:1.6rem;color:#333;line-height:5.2rem;border:none;border-radius:0;box-shadow:none !important;background:none #fff}textarea.input-style{height:100px;line-height:2.4rem;background-color:#fff}label input[type=radio],
label input[type=checkbox]{position:absolute;z-index:-100 !important;width:1px !important;height:1px !important;clip:rect(1px,1px,1px,1px)}.form-group .input-style[disabled]{cursor:not-allowed;background-color:#ececec}@media only screen and (max-width: 1079px){.form-group{padding-left:15px}.form-group .label-ti{font-size:1.7rem}}@media only screen and (max-width: 639px){.form-group .label-ti{float:none;width:100%;font-size:1.6rem;line-height:3.2rem}.form-group>.box-hidden{float:none;width:100%}.input-style{padding:0
10px 0 15px;height:52px;line-height:5rem;border:#ccc solid 1px}}.select-box{position:relative;z-index:1;width:100%}.select-box
select{padding:0
35px 0 20px;width:100%;height:50px;font-size:1.6rem;color:#333;cursor:pointer;outline:none;line-height:5rem;border:none;background-color:#fff;text-overflow:'';-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-box select::-ms-expand{display:none}.select-box:before{pointer-events:none;content:'';position:absolute;z-index:5;top:50%;right:17px;margin-top:-3px;width:0;height:20px;line-height:0;border-style:solid;border-width:6px 5px 0 5px;border-color:#444 transparent transparent transparent}.form-group .select-box:hover:before{border-color:#001871 transparent transparent transparent}@media only screen and (max-width: 639px){.select-box
select{padding-left:15px;border:#ccc solid 1px}}label.check{display:block;position:relative;color:#373a3c;cursor:pointer;line-height:2.6rem;vertical-align:top}label.check>input+span{display:inline-block;position:relative;margin:-3px 5px 0 0;width:16px;height:16px;vertical-align:middle;border-radius:2px;border:2px
solid #373a3c}label.check>input:checked+span{border-color:#f0b323;background-color:#f0b323}label.check>input+span:before,label.check>input+span:after{content:'';display:block;position:absolute}label.check>input:checked+span:before{top:4px;left:3px;width:2px;height:5px;transform:rotate(45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}label.check>input:checked+span:after{top:1px;left:7px;width:2px;height:7px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}label.check>input+span:before,label.check>input+span:after{background-color:#fff}.code .code-txt{margin-left:5px;float:right;width:130px;cursor:pointer;line-height:5.4rem;overflow:hidden}#contact.main-wrap .con-wrap{padding-bottom:9vw}#contact
.form{margin:0
auto;max-width:1275px}#contact .form
p{margin-bottom:2vw;font-size:2rem;color:#333;text-align:center;line-height:2.6rem}#contact .form
.message{padding-bottom:10px;height:auto}#contact .form .message .label-ti{float:none;width:100%}#contact .form .message>.box-hidden{width:100%}#contact .form .message textarea.input-style{padding-left:0}#contact .form
.agree{height:auto}#contact .form
.check{padding:15px
0}#contact .form .check
a{padding:0
5px;color:#5bc2e7}#contact .form .btn-wrap{text-align:right}#contact .form .btn-wrap .btn-style{display:inline-block}#contact
.complete{padding:6.5vw 0}#contact .complete
.icon{margin:0
auto 2vw;max-width:160px}#contact .complete
p{margin:0
auto;max-width:420px;font-size:2rem;text-align:center;line-height:3.6rem}#contact .complete
ul{margin:30px
-5px 0;font-size:0;text-align:center}#contact .complete ul
li{display:inline-block;padding:0
5px;vertical-align:middle}#contact .complete ul li
p{padding:8px
35px;font-size:1.7rem;border:#ccc solid 1px;border-radius:6px}#contact .complete ul li:hover
p{color:#fff;border-color:#f0b323;background-color:#f0b323}#contact .complete ul li
a{padding-left:12px;color:#5bc2e7}#contact .complete ul li:hover
a{color:#fff}@media only screen and (max-width:1365px){#contact .form
p{font-size:1.8rem}#contact .complete
.icon{max-width:110px}#contact .complete
p{line-height:3.2rem}}@media only screen and (max-width:1079px){#contact.main-wrap .con-wrap{padding-bottom:30px}#contact .form
p{margin-bottom:15px;font-size:1.7rem}#contact .complete
.icon{margin-bottom:20px;max-width:80px}#contact .complete
p{font-size:1.7rem;line-height:2.8rem}}@media only screen and (max-width:991px){#contact .form
p{font-size:1.6rem;text-align:left}#contact .form .btn-wrap{text-align:center}#contact .complete
p{font-size:1.6rem}}@media only screen and (max-width:767px){#contact
.complete{padding:30px
0}#contact .complete
ul{margin-top:20px}}@media only screen and (max-width:639px){#contact
.complete{padding-bottom:0}#contact .form
.check{padding:0}#contact .complete ul
li{display:block;margin-bottom:10px;width:100%}}#system .con-wrap{padding-bottom:12vw}#system .edit-wrap{margin:0
auto;max-width:1300px}@media only screen and (max-width:1079px){#system .con-wrap{padding-bottom:30px}}#sitemap
.list{margin:0
auto;max-width:1395px}#sitemap .list
.wrap{margin:0
-2.5vw;font-size:0}#sitemap .list
.item{padding:0
2.5vw 3.5vw;width:33.33333%}#sitemap .list .item
.ti{position:relative;margin:0;padding-bottom:1vw;font-size:3rem;color:#001871;font-weight:600;line-height:2.8rem;border-bottom:#aaa solid 1px}#sitemap .list .item .ti::after{display:block;content:"";position:absolute;left:0;bottom:-1px;width:23px;height:3px;background-color:#5db9ff}#sitemap .list .item .ti
.tw{display:inline-block;margin:-6px 0 0 8px;font-size:2.2rem;color:#333;font-weight:400;vertical-align:middle}#sitemap .list .item .nav-sub{margin:0;padding:1vw .3vw;font-size:1.7rem;line-height:2.6rem;border-bottom:#eee solid 1px}#sitemap .list .item .nav-sub
a{display:block;position:relative;padding-left:35px;color:#555}#sitemap .list .item .nav-sub a:hover{color:#001871}#sitemap .list .item .nav-sub a::before,
#sitemap .list .item .nav-sub a::after{display:block;content:"";position:absolute}#sitemap .list .item .nav-sub a::before{z-index:2;top:10px;left:7px;width:7px;height:7px;border-right:#fff solid 1px;border-bottom:#fff solid 1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#sitemap .list .item .nav-sub a::after{top:1px;left:0;width:24px;height:24px;border-radius:100%;background-color:#f0b323}#sitemap .list .about,
#sitemap .list
.tech{padding-bottom:6.9vw}@media only screen and (max-width:1365px){#sitemap .list .item
.ti{font-size:2.6rem;line-height:2.4rem}#sitemap .list .item .ti
.tw{font-size:1.8rem}}@media only screen and (max-width:1279px){#sitemap .list .item
.ti{font-size:2.4rem;line-height:2.2rem}}@media only screen and (max-width:1079px){#sitemap .list
.wrap{margin:0
-15px}#sitemap .list
.item{padding:0
15px 40px}#sitemap .list .item
.ti{margin-bottom:5px;padding-bottom:13px;font-size:2.2rem;line-height:2rem}#sitemap .list .item .ti
.tw{margin-top:-4px;font-size:1.7rem}#sitemap .list .item .nav-sub{padding:10px
5px;font-size:1.6rem;line-height:2.4rem}#sitemap .list .item .nav-sub
a{padding-left:28px}#sitemap .list .item .nav-sub a::after{top:3px;width:18px;height:18px}#sitemap .list .item .nav-sub a::before{top:9px;left:5px;width:6px;height:6px}}@media only screen and (max-width:991px){#sitemap .list
.item{width:50%}}@media only screen and (max-width:639px){#sitemap .list
.item{padding:0
0 30px;width:100%}#sitemap .list .item:last-child{padding-bottom:0}#sitemap .list .item
.ti{font-size:2rem;line-height:1.8rem}#sitemap .list .item .ti
.tw{font-size:1.6rem}}.modal-content{padding:5px;width:450px;border-radius:0 !important}.bootstrap-dialog.type-primary .modal-header{padding:5px
15px !important;border-bottom:#ddd solid 1px;border-radius:0 !important;background:#5bc2e7 !important}.bootstrap-dialog .bootstrap-dialog-title{font-size:17px;line-height:32px}.bootstrap-dialog .bootstrap-dialog-close-button{margin-top:3px}.modal-header
.close{font-size:24px !important;color:#fff;opacity: .95 !important}.modal-body{padding:20px
15px !important;color:#666 !important}.bootstrap-dialog-message{line-height:2.6rem}.bootstrap-dialog-message
ol{margin:0;padding:0
0 0 20px}.bootstrap-dialog-message ol
li{line-height:2.2rem}.bootstrap-dialog-message ol li:not(:last-child){margin-bottom:5px}



	 @media screen and (max-width : 1024px) {

#p-ban .wrap {
    position: relative;
    padding-bottom: 23.438%;
    width: 100%;
    overflow: hidden;
    height: 40vh;
}}

	 @media screen and (max-width : 800px) {
	 
	 #p-ban .wrap {
    position: relative;
    padding-bottom: 23.438%;
    width: 100%;
    overflow: hidden;
    height: 45vh;
}
	 
    #p-ban .headline {
        top: 100px;
    }

}