@charset "utf-8";
/* CSS Document*/
body{text-align: left;padding: 0;margin: 0;font-size: 16px;font-family: '微軟正黑體',"Roboto", "Noto Sans TC", sans-serif;-webkit-text-size-adjust: none;height: auto;color: #333;background: #fff;}
body{overflow-x: hidden;overflow-y: auto;}
html{min-width: 0;overflow-x: hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p{padding: 0;margin: 0;}
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{padding: 0;margin: 0;}
fieldset{border-top-width: 0;border-left-width: 0;border-bottom-width: 0;border-right-width: 0;}
a img{border: 0;padding: 0;margin: 0;}
i{font-style: normal;}
address,caption,cite,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;}
li{list-style-type: none;}
caption{text-align: left;}
th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
q:unknown{content: '';}
input,textarea,select{font-family: inherit;font-size: 100%;}
a:link{color: #333;text-decoration: none;}
a:visited{color: #333;text-decoration: none;}
a:hover{color: #0e4295;text-decoration: none;}
.icon{background-image: url("../images/icon.png");display: inline-block;vertical-align: middle;}
.fl{float: left;}
.fr{float: right;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;font-size: 0;margin: 0;padding: 0;display: block;_height: 0;overflow: hidden;}
/*清除浮動*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*網站公用樣式表*/
.w1200{max-width: 1200px;margin: 0 auto;width: 100%;box-sizing: border-box;padding-left: 14px;padding-right: 14px;}
.head_main{position: sticky;top: 0;z-index: 1200;background: #333b4a;height: 10px;line-height: 10px;color: #fff;font-size: 12px;}
.head_main .right li {display: inline;}
.head_main .right li a {display: inline-block;color: #fff;position: relative;z-index: 10;}
.head_main .right li a img {width: 90px;height: 90px;position: absolute;top: 41px;right: -28px;z-index: 10;border-radius: 5px;padding: 5px;background: #333b4a;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.head_main .right li:hover img {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.head_main .right li i {width: 18px;height: 40px;background-position: -95px 2px;margin-right: 8px;margin-left: 30px;vertical-align: top;}
.head_main .right .l2 i {background-position: -113px 2px;}
.head_main .right .l3 i {background-position: -131px 2px;}
.top_main{position: sticky;top: 10px;padding: 17px 0;z-index: 1190;border-bottom: 1px solid #ecebec;box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);background: #fff;}
.top_main .logo img{float: left;}
.top_main .nav{padding-right: 130px;}
.top_main .desktop_spot_link {
    position: absolute;
    right: 0;
    top: 0%;
    display: inline-flex;
    height: 100%;
    line-height: 34px;
    padding: 0 14px;
    border: 1px solid #0e4295;
    background: #0e4295;
    color: #fff !important;
    font-size: 16px;
    z-index: 20;
    transition: all .2s ease;
    align-items: center;
}
.top_main .desktop_spot_link img{
    height: 23px;
    margin-right: 5px;
    transition: transform .25s ease;
}
.top_main .desktop_spot_link:hover img{animation: spotLinkFloat .7s ease-in-out infinite alternate;}
@keyframes spotLinkFloat{
    0%{transform: translateY(-2px);}
    100%{transform: translateY(2px);}
}
.top_main .desktop_spot_link:hover{background:#08387f;border-color:#08387f;color:#fff !important;}
.top_main ul{display: inline-block;*display: inline;*zoom: 1;}
.top_main li{float: left;margin-left: 35px;text-align: left;position: relative;display: block;text-align: center;padding-top: 5px;z-index: 9;}
.top_main li a{display: inline-block;margin: 0 auto;position: relative;}
.top_main li a i{width: 100%;height: 2px;position: absolute;left: 0;bottom: 7px;display: block;transition: ease-in-out 0.2s;z-index: 9;}
.top_main li a p{width: 100%;height: 50px;text-align: center;left: 0;top: 0;z-index: 10;line-height: 50px;}
.top_main li a:hover,.top_main li a.hover,.top_main li #hover2{cursor: pointer;}
.top_main li.has-sub > a:hover i,.top_main li.has-sub > a.hover i,.top_main li.has-sub > #hover2 i{width: 100%;bottom: 0;background: #0e4295;}
li.is-current-top.has-sub i{width: 100%;bottom: 0;background: #0e4295;}
.top_main li:not(.has-sub) > a i{width: 0;left: 50%;transform: translateX(-50%);}
.top_main li:not(.has-sub) > a:hover i,
.top_main li:not(.has-sub) > a.hover i,
.top_main li:not(.has-sub) > #hover2 i{width: 4em;bottom: 0;background: #0e4295;}
.top_main li a:hover p,.top_main li a.hover p,.top_main li #hover2 p{color: #0e4295;}
.top_main dl{width: 120px;border-radius: 0 0 3px 3px;background: #0e4295;position: absolute;left: 50%;margin-left: -60px;top: 55px;z-index: 1555;border-top: none;}
.top_main dl{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.top_main li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.top_main dl dd{border-top: 1px solid #0b3679;text-align: center;position: relative;z-index: 12;display: block;width: 100%;font-size: 16px;line-height: 40px;}
.top_main dl dd a:hover{color: #fff;}
.top_main dl dd a{color: #dddada;display: block;height: auto;line-height: 1.4;padding: 8px 10px;white-space: normal;word-break: break-word;}
/****banner****/
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner{height:auto;}
#banner{width:100%;min-width:0;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{overflow:hidden;}
.banner ul.list{position:relative;width:100%;aspect-ratio:1920 / 850;max-height:850px;background:#fff;}
.banner li{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li a{display:block;width:100%;height:100%;}
.banner li img{width:100%;height:100%;max-width:1920px;display:block;object-fit:cover;object-position:center center;position:static;margin:0 auto;}
.banner .banner-text{position:absolute;right:40px;bottom:10%;max-width:min(60%,720px);padding:12px 20px;color:#fff;background:rgba(18,18,18,.62);border-radius:8px;font-size:clamp(16px,1.6vw,28px);font-weight:700;line-height:1.45;text-align:right;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.35);box-shadow:0 8px 26px rgba(0,0,0,.18);pointer-events:none;z-index:4;opacity:0;transform:translate3d(0,-28px,0);}
.banner .banner-text.is-show{animation:bannerTextIn .65s ease-out both;}
.banner .banner-text:empty{display:none;}
@keyframes bannerTextIn{
    0%{opacity:0;transform:translate3d(0,-28px,0);}
    100%{opacity:1;transform:translate3d(0,0,0);}
}
@media (max-width: 768px){
    .banner .banner-text{left:50%;right:auto;bottom:20%;max-width:82%;padding:8px 12px;font-size:clamp(13px,3.6vw,18px);border-radius:6px;text-align:center;transform:translate3d(-50%,-28px,0);}
    .banner .banner-text.is-show{animation:bannerTextInMobile .65s ease-out both;}
}
@keyframes bannerTextInMobile{
    0%{opacity:0;transform:translate3d(-50%,-28px,0);}
    100%{opacity:1;transform:translate3d(-50%,0,0);}
}
#banner .tip{width:1000px;height: 14px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 30px;z-index:3;}
#banner .tip span{width: 16px;height: 16px;margin: 0 7px;display:inline-block;cursor: pointer;background: #ddd;border-radius: 14px;transition: all .5s;}
#banner .tip span.cur{background: #0e4295;}
#banner #btn_prev,#banner #btn_next{width: 30px;height: 30px;position:absolute;top: 50%;margin-top: -15px;z-index:5;opacity: 0;}
#banner #btn_prev{left: 4%;background-position: 0 0;}
#banner #btn_next{background-position: 0 -30px;right: 4%;}
#banner:hover #btn_prev,#banner:hover #btn_next{opacity: 0.6;}
#banner #btn_prev:hover{opacity:1;background-position: -30px 0px;}
#banner #btn_next:hover{opacity:1;background-position: -30px -30px;}
.nybanner{width: 100%;position: relative;height: 300px;overflow: hidden;background-position: center;background-repeat: no-repeat;box-shadow: inset 0 0 0 9999px rgba(0,0,0,.24);}
.nybanner:before{
    content:"專業隔音與現代美學的完美交織";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, 8%);
    z-index:2;
    color:#fff;
    font-size:20px;
    line-height:1.45;
    letter-spacing:1px;
    text-align:center;
    text-shadow:0 3px 12px rgba(0,0,0,.52);
    width:90%;
    padding-top:10px;
    background:linear-gradient(#fff,#fff) center top/5% 2px no-repeat;
    opacity:0;
    animation: nybannerSubIn 1.25s cubic-bezier(.22,.61,.36,1) .2s forwards;
    will-change: transform, opacity;
}
.nybanner:after{
    content:"質感居家生活，從一扇好窗開始";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -88%);
    z-index:2;
    color:#fff;
    font-size:33px;
    font-weight:700;
    line-height:1.3;
    letter-spacing:2px;
    padding-bottom: 10px;
    text-align:center;
    text-shadow:0 3px 12px rgba(0,0,0,.58);
    width:90%;
    opacity:0;
    animation: nybannerTitleIn 1.25s cubic-bezier(.22,.61,.36,1) forwards;
    will-change: transform, opacity;
}
@keyframes nybannerTitleIn{
    0%{opacity:0;transform:translate(-50%, -24%);}
    100%{opacity:1;transform:translate(-50%, -88%);}
}
@keyframes nybannerSubIn{
    0%{opacity:0;transform:translate(-50%, 62%);}
    100%{opacity:1;transform:translate(-50%, 8%);}
}
.search{border-bottom: 1px solid #eee;}
.search .hot{padding: 30px 0;height: 40px;line-height: 40px;}
.search .hot .left{color: #333;font-weight: bold;}
.search .hot .left b{color: #0e4295;}
.search .hot .left a{padding: 0 10px;color: #787878;font-weight: 100;}
.search .hot .left a:hover{color: #0e4295;}
.search .hot .right{position: relative;}
.search .hot .right .input{width: 278px;height: 20px;border: 1px solid #eee;border-radius: 20px;line-height: 20px;padding: 9px 0px;border: none;border-right: none;font-size: 12px;color: #999;position: absolute;right: 0px;top: 0px;background: #f5f5f5;padding-left: 20px;outline: none;}
.search .hot .right .btn{width: 23px;height: 38px;border: none;background-position: -168px bottom;z-index: 10;cursor: pointer;position: absolute;right: 15px;top: 0px;outline: none;}
.index_title { text-align: center; padding-top: 55px; padding-bottom: 40px; }
.index_title h3 { font-size: 32px; font-weight: 100; padding-bottom: 12px; color: #0e4295; font-weight: bold; }
.index_title p { background: url(../images/line.png) center center no-repeat; width: 320px; height: 22px; margin: 0 auto; }
.more {text-align: center; }
.more li{float: left; }
.more ul{display: inline-block;}
.more a{height: 35px;display: block;color: #0e4295;margin: 0 19px;border: 2px solid #0e4295;line-height: 35px;border-radius: 4px;font-size: 18px;padding: 0 15px;}
.more a:hover{box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);color: #fff;background-color: #0e4295; }
.more .ewmbtn{background: #0e4295; color: #fff; }
.floor_1 { padding-bottom: 60px; }
.floor_1 .body { overflow: hidden;  *margin-bottom: 38px;}
.floor_1 .body ul {width: 100%;}
.floor_1 .body li {width: 385px;float: left;margin-right: 22px;margin-bottom: 22px;position: relative;border-radius: 5px;transition: all .5s;}
.floor_1 .body li:nth-child(3n){margin-right: 0;}
.floor_1 .body li .img {width: 100%;height: 289px;}
.floor_1 .body li .img img {width: 100%;height: 100%;display: block;border-radius: 5px;}
.floor_1 .body li .txt {position: absolute;left: 0;bottom: 0;height: 60px;background: url(../images/bg_6.png) repeat;width: 100%;border-radius: 0 0 5px 5px;color: #fff;transition: all .5s;}
.floor_1 .body li .txt h3 {font-size: 18px;font-weight: 100;line-height: 60px;text-align: center;transition: all .5s;}
.floor_1 .body li .txt span {margin: 0 auto;margin-top: 20px;display: block;border: 1px solid #fff;text-align: center;width: 123px;height: 33px;line-height: 33px;border-radius: 5px;opacity: 0;transition: all .5s;}
.floor_1 .body li:hover { text-align: center; box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1); }
.floor_1 .body li:hover .txt {background: url(../images/bg_6b.png) repeat;height: 100%;border-radius: 5px;}
.floor_1 .body li:hover .txt h3 { padding-top: 89px; }
.floor_1 .body li:hover .txt span {opacity: 1;}
.floor_2_main {background: #fff;padding-top: 50px;}
.floor_2_main .box1 .left {width: 690px;padding-top: 12px;}
.floor_2_main .box1 .left li { border-bottom: 1px dashed #b3b3b3; padding-bottom: 32px; margin-bottom: 32px; }
.floor_2_main .box1 .left li .fl { width: 117px; margin-right: 20px; }
.floor_2_main .box1 .left li .fl img { width: 117px; }
.floor_2_main .box1 .left li .fr { float: left; width: 540px; }
.floor_2_main .box1 .left li .fr h3 { font-size: 24px; font-weight: 100; padding-top: 20px; padding-bottom: 16px; }
.floor_2_main .box1 .left li .fr h3 b { color: #ddd; margin-right: 5px; }
.floor_2_main .box1 .left li .fr .p {color: #666;line-height: 24px;padding-left: 15px;text-align: justify;height: 70px;overflow: hidden;}
.floor_2_main .box1 .right { width: 489px; }
.floor_2_main .box2 {padding: 50px 0;}
.floor_2_main .box2 .left { float: right; padding-top: 0; }
.floor_2_main .box2 .left li .fr {width: 520px;}
.floor_2_main .box2 .right { float: left; }
.floor_2_main .box2 .left li:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.floor_2_main .box2 .left li{padding-bottom: 29px;margin-bottom: 29px;}
.liucheng {text-align: center;background: url(../images/f2_bg.webp) center bottom no-repeat;height: 200px;display: flex;
justify-content: center;align-items: center;}
.liucheng .title{padding-bottom: 13px;}
.liucheng .title h3 { color: #fff; font-size: 31px; font-weight: 100;margin-bottom: 5px; }
.liucheng .title p { color: #999; font-size: 16px; padding-top: 8px; display: inline-block;border-top: 1px solid #8f8e93;}
.liucheng img {padding-top: 65px;width: 100%;}
.liucheng ul { width: 115%; }
.liucheng li {float: left;color: #fff;font-size: 16px;width: 190px;text-align: justify;}
.liucheng .l2 { width: 190px; }
.liucheng .l3 { width: 185px; }
.liucheng .l4 { width: 190px; }
.liucheng .l5 { width: 185px; }
.floor_3 {padding-bottom: 50px;background: linear-gradient(rgba(255,255,255,.14), rgba(255,255,255,.14)), url(../images/bg_gray.webp) center top / 100% no-repeat;}
.floor_3 .body { overflow: hidden;}
.floor_3 .body ul { width: 100%;display: flex;flex-wrap: wrap; }
.floor_3 .body li {margin-bottom: 40px;width: 31.5%;margin-right: 2.75%;position: relative;border-radius: 5px;overflow: hidden;transition: all .5s;}
.floor_3 .body li:nth-child(3n + 3){
    margin-right: 0;
}
.floor_3 .body li .img{width: 100%;height: 278px;}
.floor_3 .body li .img img {width: 100%;height: 100%;border-radius: 5px;object-fit: contain;}
.floor_3 .body li .txt {position: absolute;left: 0;bottom: 0;height: 67px;background: #666;width: 100%;border-radius: 0 0 5px 5px;color: #fff;text-align: center;line-height: 67px;transition: all .5s;}
.floor_3 .body li .txt h3 {font-size: 20px;font-weight: 100;line-height: 67px;}
.floor_3 .body li .txt span {margin: 0 auto;display: block;border: 1px solid #fff;text-align: center;width: 123px;height: 33px;line-height: 33px;border-radius: 5px;margin-top: 0;opacity: 0;transition: all .5s;}
.floor_3 .body li:hover { box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1); }
.floor_3 .body li:hover .txt {background: url(../images/bg_6b.png) repeat;height: 100%;border-radius: 5px;}
.floor_3 .body li:hover .txt h3 { padding-top: 78px; }
.floor_3 .body li:hover .txt span {opacity: 1;}
.floor_4_main {background: url(../images/f4_bg.jpg) center top no-repeat;width: 100%;height: 168px;}
.floor_4_main .w1200{overflow:hidden;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;height:100%;}
.floor_4_main .left {float:none;padding-top:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;width: calc(100% - 280px);}
.floor_4_main .left h1 {color: #fff;font-size:27px;font-weight: bold;padding-top: 10px;}
.floor_4_main .left h3 {color: #fff;font-size: 36px;font-weight: bold;padding-top: 10px;}
.floor_4_main .left p {color: #fff;font-size: 20px;font-weight: 100;padding-top: 10px;}
.floor_4_main .right {float:none;position: relative;margin-left:auto;height:100%;display:flex;align-items:center;justify-content:flex-end;text-align:right;}
.floor_4_main .right h3 {
    color: #0e4295;
    font-family: arial;
    font-size: 26px;
    background-color: #fff;
    background-image: url(../images/icon_tel.png);
    background-repeat: no-repeat;
    background-position: left 30px center;
    border-radius: 50px;
    padding: 10px 40px 10px 75px;
    text-align: right;
}
.floor_4_main .right p { font-size: 20px; color: #fff; padding-top: 40px; }
.floor_4_main .right img {position: absolute;right: 1px;width: 110px;height: 110px;padding: 5px;background: #fff;top: 23px;}
.floor_5 { padding-top: 60px; border-radius: 10px; padding-bottom: 37px;  overflow:hidden;}
.floor_5 .left {position: relative;width: 47%;padding: 11px;box-sizing: border-box;}
.floor_5 .left:before{content: " ";position: absolute;left: 0;bottom: 0;width: 130px;height: 160px;background: #0e4295;border-radius: 5px;}
.floor_5 .left:after{content: " ";position: absolute;top: 0;right: 0;bottom: 0;width: 130px;height: 160px;background: #0e4295;border-radius: 5px;}
.floor_5 .left img{position: relative;width: 100%;max-height: 700px;display: block;border-radius: 5px;z-index: 1;}
.floor_5 .right { width: 53%; padding-left: 5%;box-sizing: border-box;}
.floor_5 .right h3 {
    line-height: 58px;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 2px;
    color: #222222
}
.floor_5 .right h4 {
    font-size: 24px;
    padding-top: 5px;
    font-weight: 700;
    letter-spacing: 1.8px;
    color: #0e4295;
    padding-bottom: 10px;
}
.floor_5 .right .p {color: #666;line-height: 24px;}
.floor_5 .right .p p {margin: 20px 0;}
.floor_5 .right a {box-sizing: border-box;height: 39px;display: inline-block;color: #0e4295;text-align: center;border: 2px solid #0e4295;line-height: 35px;border-radius: 4px;font-size: 20px;padding: 0 15px;transition: all 0.3s;}
.floor_5 .right a:hover {color: #fff;background-color: #0e4295;}
 .floor_6{padding-bottom: 40px;background: #f7f7f7;box-shadow: inset 0 70px 90px -70px rgba(0,0,0,.28);}
.floor_6 .cont{padding-bottom: 40px;}
.floor_6 .newsimg{box-sizing:border-box;width: 36.67%;height: 285px;overflow: hidden;position: relative;padding: 3px;border: 1px solid #ddd;}
.floor_6 .newsimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.floor_6 .newsimg .txt{padding: 10px 20px;}
.floor_6 .newsimg h3{color: #434343;font-size: 22px;transition: all .5s;}
.floor_6 .newsimg p{color: #999;line-height: 24px;text-align: justify;padding-top: 5px;}
.floor_6 .newsimg:hover h3{color: #0e4295;}
.floor_6 .textlist{box-sizing:border-box;width: calc(63.33% - 30px);margin-left: 30px;}
.floor_6 .textlist .item{border-bottom: 1px dashed #e5e5e5;height: 69px;padding: 15px 0;}
.floor_6 .textlist .item:first-child{padding-top: 0;}
.floor_6 .textlist .item a{display: block;}
.floor_6 .textlist .item h3{font-size: 18px;vertical-align: top;color: #333;transition: all .5s;}
.floor_6 .textlist .item p{font-size: 14px;line-height: 21px;color: #999;text-align: justify;}
.floor_6 .textlist .item .time{font-family: Arial, sans-serif;display: block;width: 70px;height: 70px;font-size: 14px;line-height: 22px;margin-right: 20px;color: #999;background: #FFF;text-align: center;}
.floor_6 .textlist .item .time b{font-weight: normal;display: block;font-size: 30px;line-height: 45px;color: #454545;font-weight: bold;}
.floor_6 .textlist .item:hover h3{color: #0e4295;}
.links_main{border-top: 1px solid #e5e5e5;line-height: 90px;height: 90px;}
.links_main span{color: #0e4295;font-size: 36px;font-weight: bold;margin-right: 40px;display: block;float: left;}
.links_main a{padding: 0 30px;}
.bottom_main { background: #1c2129; padding: 41px 0 60px; }
.bottom_main b { color: #fff; font-size: 20px; float: left; width: 120px; }
.bottom_main .bott_nav { border-bottom: 1px solid #666; padding-bottom: 27px; overflow: hidden; line-height: 20px; }
.bottom_main .bott_nav .right { width: calc(100% - 120px); }
.bottom_main .bott_nav .right ul {width: 100%;}
.bottom_main .bott_nav .right li { float: left; background: url(../images/bott_nav.jpg) left center no-repeat; }
.bottom_main .bott_nav .right ul li:first-child { background: none; }
.bottom_main .bott_nav .right a {color: #999;font-size: 16px;padding: 0 35px;line-height: 16px;height: 16px;}
.bottom_main .bott_nav .right a:hover { color: #fff; }
.bottom_main .txt { padding-top: 47px; }
.bottom_main .txt .t { color: #fff; font-size: 18px; font-weight: bold; }
.bottom_main .txt .box1 { width: 155px; padding-top:25px;}
.bottom_main .txt .box1 img {opacity: .42;filter: alpha(opacity=42);max-width: 90px;}
.bottom_main .txt .box2 { width: 383px; }
.bottom_main .txt .box2 .clearfix { padding-top: 21px; width: 268px; }
.bottom_main .txt .box2 .fl {float: left;width: 11px;}
.bottom_main .txt .box2 .fl i {width: 11px;height: 20px;background-position: -314px 5px;margin-right: 10px;}
.bottom_main .txt .box2 .fr { color: #999; float: right; width: 250px; line-height: 24px; }
.bottom_main .txt .box3 { width: calc(100% - 350px); }
.bottom_main .txt .box3 ul { padding-top: 21px; }
.bottom_main .txt .box3 li { color: #999; line-height: 24px;font-size: 14px; }
.bottom_main .txt .box3 li a{ color: #999;}
.bottom_main .txt .box3 li a:hover{ color: #fff;}
.bottom_main .txt .box3 li i {width: 17px;height: 18px;background-position: -335px 0;margin-right: 10px;}
.bottom_main .txt .box3 li .i2 { background-position: -379px 0; }
.bottom_main .txt .box3 li i.i3 { background-position: -311px 0px; }
.bottom_main .txt .box4 img { width: 90px; height: 90px; padding: 5px; background: #fff; }
.bottom_main .bott_nav:first-child a:first-child { background: none; }
.bottom_copy {height: 50px;line-height: 50px;background: #1a1a1a;color: #666;font-size: 12px;}
.bottom_copy a { color: #666; }
.bottom_copy a:hover { color: #fff; }
.bottom_copy .fl_right{float:right;}
.bottom_copy .fl_right ul{display:flex;gap:16px;align-items:center;}
.ewmbox{width: 300px;height: 320px;padding-top: 20px;background: #fff;z-index: 9999;position: fixed;left: 50%;top: 50%;margin: -170px 0 0 -150px;text-align: center;font-size: 16px;display: none;}
.ewmbox .close{width: 32px;height: 32px;position: absolute;top: -25px;right: -40px;cursor: pointer;border-radius: 100%;background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center;transition: all ease 300ms;}
.ewmbox .close:hover{transform: rotate(180deg);}
.ewmbox img{width: 260px;height: 260px;display: block;margin: 0 auto 10px;}
.dialog-layout{width: 100%;height: 100%;position: fixed;z-index: 100;top: 0;left: 0;background: #000;opacity: 0.3;filter: alpha(opacity=30);}
/*浮動客服*/
.toolbar{position: fixed;bottom: 10px;right: 1%;z-index: 100;width: 80px;}
.toolbar.toolbar-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(14px,0,0);}
.toolbar.toolbar-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);}
.toolbar{transition:opacity .3s ease,transform .3s ease,visibility .3s ease;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #0e4295;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.map i{background-position-y: 0;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.youtube i{background-position-y: -120px;}
.toolbar dd.fb i{background-position-y: -150px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd a{display:block;width:100%;height:100%;color:#fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #0e4295;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .tel-box-link{text-decoration:none;}
.toolbar dd.tel .box h3 a{color:#fff;display:inline-block;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0e4295;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #0e4295;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #0e4295;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd.code .line-trigger{display:block;width:100%;height:100%;color:#fff;}
.toolbar dd.code .line-trigger span{display:block;color:#fff;}
.toolbar dd.code .box{display:block;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
.local{height: 60px;line-height: 60px;overflow: hidden;}
.local ul{float: right;margin-right: 60px;}
.local ul li{padding: 0 25px;float: left;}

.local ul li a{position: relative;display: block;padding: 0 15px;overflow: hidden;color: #363636;}
.local ul li a i{width: 0;height: 3px;background: #3b3a45;position: absolute;left: 50%;opacity: 0;filter: alpha(opacity=0);bottom: 0;transition: ease-in .2s;}
.local ul li a.hover,
.local ul li a:hover{color: #363636;}
.local ul li a.hover i,
.local ul li a:hover i{left: 0;opacity: 1;filter: alpha(opacity=100);width: 100%;}
.bg_main{padding-bottom: 50px;min-height: 640px;}
.bg_main_gray{background: #f7f7f7;box-shadow: inset 0 70px 90px -70px rgba(0, 0, 0, .28);}
.about-page{
    background: #fff;
}
.about-page.page-103{
    /* 隱私權政策 */
    background: linear-gradient(rgba(255, 255, 255, .74), rgba(255, 255, 255, .74)), url(../images/bg_privacy.webp) right bottom / cover no-repeat;
}
.about-page.page-104{
    /* 網站使用條款 */
    background: linear-gradient(rgba(255, 255, 255, .74), rgba(255, 255, 255, .74)), url(../images/bg_terms.webp) center / cover no-repeat;
}
.contentBox{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}
.about-page.page-1 .contentBox{
    padding: 0 0px;
}
.bg_bottom_main{background: #eaeaea;height: 100px;}
.sub_banner{height: 200px;width: 100%;}
.sub_nav_title{padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;padding-top: 20px;}
.sub_nav{border-bottom: 1px solid #f2f2f2;padding: 20px 5px;}
.sub_nav_title .fl{font-size: 30px;}
.sub_nav .fr li{float: left;width: 20%;padding: 10px 8px;box-sizing: border-box;}
.sub_nav .fr li a{text-align: center;letter-spacing: 1px;padding: 10px 15px;border: 1px solid #e6e6e6;display: block;transition: ease-in-out .2s;background-color: #fff;}
.sub_nav .fr li a:hover,
.sub_nav .fr li a.hover{background: #0e4295;color: #fff;border: 1px solid #0e4295;font-weight: bold;}
.sub_nav .fr{display: flex;align-items: center;justify-content: flex-end;gap: 10px;width: 100%;}
.sub_nav .fr ul{display: inline-flex;align-items: center;flex-wrap: wrap;width: 100%;}
.sub_nav .year-search-form{display: inline-flex;align-items: center;gap: 8px;margin-left: 8px;}
.sub_nav .year-search-form select{height: 34px;min-width: 130px;padding: 0 10px;border: 1px solid #cfd7e3;border-radius: 4px;background: #0e4295;color: #fff;outline: none;}
.sub_nav .year-search-form button{height: 34px;padding: 0 14px;border: 1px solid #0e4295;border-radius: 4px;background: #0e4295;color: #fff;cursor: pointer;transition: all .2s;}
.sub_nav .year-search-form button:hover{background: #0a3678;border-color: #0a3678;}
.sub_nav.is-empty,
.sub_nav:has(.fr > ul:empty):not(:has(.year-search-form)){display:none !important;padding:0 !important;border:0 !important;margin:0 !important;min-height:0 !important;height:0 !important;}
.sub_nav_title{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sub_nav_title .product-keyword-form{margin-left:auto;display:inline-flex;align-items:center;width:310px;max-width:100%;}
.sub_nav_title .product-keyword-form input{height:40px;width:100%;padding:0 14px;border:1px solid #d9d9d9;border-radius:4px 0 0 4px;font-size:14px;outline:none;}
.sub_nav_title .product-keyword-form button{height:40px;width:46px;border:1px solid #d9d9d9;border-left:none;border-radius:0 4px 4px 0;background:#fff;color:#333;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;}
.sub_nav_title .product-keyword-form button:hover{background:#f4f6fb;}
.sub_nav_title .product-keyword-form button img{width:18px;height:18px;display:block;}
.news-detail .sub_nav{display:none !important;}
.case{margin-top: 40px;}
.case ul{width: 100%;display:flex;flex-wrap:wrap;gap:30px;}
.case li{width: calc((100% - 60px) / 3);float: none;margin-right: 0;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case li .img{overflow: hidden;height: 213px;display: block;border: 1px solid #efefef;width: 100%;border-bottom: none;box-sizing: border-box;}
.case li .img img{width: 100%;height: 100%;transition: .9s;object-fit: contain;object-position: center center;background: #f8f8f8;}
.imgH li .img{height: 284px;border: 1px solid #efefef;width: 100%;border-bottom: none;box-sizing: border-box;}
.imgH li .img img{height: 100%;}
.case li:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);}
.case li .p{border: 1px solid #efefef;display: block;width: 100%;padding: 0 19px;height: 108px;border-top: none;box-sizing:border-box;}

.case li .p p{border-bottom: 1px solid #d6d6d6;height: 58px;line-height: 58px;margin-bottom: 10px;font-size: 18px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case li .p  span{color: #666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case li .p i{width: 32px;height: 12px;background-position: -73px -43px;}
.case li .p .fl{font-size: 12px;font-family: arial;}
.case li:hover a span{color:#0e4295;}
.case li:hover a p{color:#0e4295;}
.case li:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}

/* case showcase list (cases_46) */
.case.case-showcase ul{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    grid-auto-flow: dense;
}
.case.case-showcase li{
    width: auto;
    float: none;
    margin: 0;
    box-shadow: none;
    aspect-ratio: 1 / 1;
}
.case.case-showcase li .img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    border: 0;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    display: block;
    background: #111;
}
.case.case-showcase li:nth-child(6n+1){
    grid-column: span 2;
    aspect-ratio: 2 / 1;
}
.case.case-showcase li:nth-child(6n+1) .img{
    aspect-ratio: 2 / 1;
    max-height: calc(100% - 12px);
}
.case.case-showcase li .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: transparent;
    transform: scale(1);
    transition: transform .5s ease;
}
.case.case-showcase li .img:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0));
    z-index: 1;
}
.case.case-showcase li .case-title{
    position: absolute;
    width: calc(100% - 16px);
    box-sizing: border-box;
    right: 16px;
    bottom: 14px;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    text-align: left;
    text-shadow: 0 1px 4px rgba(0,0,0,.35);
    background: rgba(0, 0, 0, .25);
    padding: 6px 10px;
    border-radius: 4px;
    transition: background-color .25s ease;
}
.case.case-showcase li:hover .case-title{
    background: rgba(14, 66, 149, .78);
}
.case.case-showcase li:hover .img img{
    transform: scale(1.06);
}
.case.case-showcase li:hover{
    box-shadow: none;
}
.news{padding-top: 50px;}
.bg_main .news_ul{max-width:1200px; width:100%; margin:0 auto; padding-bottom: 40px; padding-top: 12px; box-sizing: border-box; padding-left: 14px; padding-right: 14px;}
.bg_main .news_ul li{padding: 37px 0; border-bottom: 1px solid #eaeaea; position:relative;}
.bg_main .news_ul li .box1 {
    width: 27%;
    height: 190px;
    overflow: hidden;
    padding: 3px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.bg_main .news_ul li .box1 img {
    width: 100%;
    height: 100%;
    transition: ease-in-out .9s;
    object-fit: cover;
}
.bg_main .news_ul li .box2{
    padding-left: 42px;
    width: calc(73% - 90px);
    padding-top: 30px;
    box-sizing: border-box;
    padding-right: 10px;
}
.bg_main .news_ul li .box2 h1{font-size: 20px;color: #333;height: 26px;line-height: 26px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.bg_main .news_ul li .box2 p{color: #666;line-height: 24px;padding-top:10px;height: 75px;}
.bg_main .news_ul li .box2 span{font-size: 12px; color: #999;}
.bg_main .news_ul li .right {
    box-sizing: border-box;
    width: 90px;
    padding-left: 10px;
    margin-top: 55px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    border-left: 1px solid #ccc;
}
.bg_main .news_ul li .right h3{font-size: 30px; color: #999; font-weight: 100;}
.bg_main .news_ul li .right p{font-size: 20px; color: #bbb; padding-top:5px;}
.bg_main .news_ul li a{display: block; cursor: pointer; width: 100%; height: 100%;}
.bg_main .news_ul li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.bg_main .news_ul li a:hover h1{color: #0e4295;}
.bg_main .news_ul li b{display:block; width:100px; height:30px; border:#ccc solid 1px; text-align:center; line-height:30px; font-weight:normal; position:absolute; right: 12px;top: 161px;}
.detail{padding-top: 50px;}
.detail .title{padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;text-align: center;}
.detail .title h1{font-size: 30px;font-weight: bold;margin-bottom: 5px;}
.detail .title span{line-height: 18px;font-family: arial;color: #959595;margin: 0 5px;}
.detail .title i{width: 23px;height: 16px;background-position: -73px 0;margin-right: 10px;}
.detail .title .i2{background-position: -104px 0;margin-left: 30px;}
.detail .news-detail-cover{margin:24px auto 28px;box-sizing:border-box;width: 100%;text-align: center;}
.detail .news-detail-cover img{margin:0 auto;display:inline-block;height:auto;object-fit:cover;border:1px solid #e9e9e9;padding:4px;background:#fff;}
.detail .context{color: #666;line-height: 30px;text-align: justify;}
.detail .context img{max-width: 100%;}
.detail .context ul{list-style: disc outside;margin: 0.6em 3%;}
.detail .context ol{list-style: decimal outside;padding-left: 1.6em;margin: 0.6em 0;}
.detail .context li{list-style: inherit;margin: 0.35em 0;}
.detail .context li p{margin: 0;}
.detail .context ul,
.showPro .showContxt ul{list-style:disc outside !important;padding-left:1.5em !important;}
.detail .context ol,
.showPro .showContxt ol{list-style:decimal outside !important;padding-left:1.6em !important;}
.detail .context ul li,
.detail .context ol li,
.showPro .showContxt ul li,
.showPro .showContxt ol li{display:list-item !important;list-style:inherit !important;}
.detail .context p,
.detail .context li,
.detail .context span,
.detail .context a,
.showPro .showContxt p,
.showPro .showContxt li,
.showPro .showContxt span,
.showPro .showContxt a{word-break:break-word;overflow-wrap:anywhere;}
.detail .context [style*="text-wrap-mode: nowrap"],
.showPro .showContxt [style*="text-wrap-mode: nowrap"]{text-wrap-mode:wrap !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important;}
.bg_main [style*="text-wrap-mode: nowrap"],
.bg_main [style*="white-space: nowrap"]{text-wrap-mode:wrap !important;white-space:normal !important;word-break:break-word !important;overflow-wrap:anywhere !important;}
.bg_main.page-91 p,
.bg_main.page-91 span,
.bg_main.page-91 li{word-break:break-word;overflow-wrap:anywhere;}
.bg_main ul[class*="list-paddingleft"]{list-style:disc outside !important;padding-left:1.5em !important;margin:0.6em 0 !important;}
.bg_main ol[class*="list-paddingleft"]{list-style:decimal outside !important;padding-left:1.6em !important;margin:0.6em 0 !important;}
.bg_main ul[style*="list-style-type: disc"]{list-style:disc outside !important;}
.bg_main ol[style*="list-style-type: decimal"]{list-style:decimal outside !important;}
.bg_main ul[class*="list-paddingleft"]>li,
.bg_main ol[class*="list-paddingleft"]>li,
.bg_main ul[style*="list-style-type: disc"]>li,
.bg_main ol[style*="list-style-type: decimal"]>li{display:list-item !important;list-style:inherit !important;}
.bg_main ul[class*="list-paddingleft"]>li>p,
.bg_main ol[class*="list-paddingleft"]>li>p,
.bg_main ul[style*="list-style-type: disc"]>li>p,
.bg_main ol[style*="list-style-type: decimal"]>li>p{display:inline !important;margin:0 !important;}
.detail.contactBox .context .infoList{list-style:none !important;padding-left:0 !important;margin:0 !important;}
.detail.contactBox .context .infoList li{list-style:none !important;display:flex !important;align-items:center !important;}
/* case detail gallery */
.case-detail-page .title{padding-bottom: 16px;}
.case-detail-page .case-detail-gallery{display: grid;grid-template-columns: 2fr 1fr;gap: 14px;margin: 24px 0 24px;}
.case-detail-page .case-detail-main{border: 1px solid #e8e8e8;background: #f7f8fb;aspect-ratio: 2 / 2;overflow: hidden;box-sizing: border-box;}
.case-detail-page .case-detail-main img{width: 100%;height: 100%;display: block;object-fit: contain;object-position: center center;}
.case-detail-page .case-detail-side{position: relative;display: block;}
.case-detail-page .case-thumb-nav{position: absolute;left: 0;right: 0;z-index: 5;height: 40px;border: 1px solid #d6dce7;background: rgba(245,247,251,.9);color: #0e4295;font-size: 16px;line-height: 1;cursor: pointer;transition: all .2s ease;}
.case-detail-page .case-thumb-nav.up{top: 0;}
.case-detail-page .case-thumb-nav.down{bottom: 0;}
.case-detail-page .case-thumb-nav:hover{background: #0e4295;color: #fff;border-color: #0e4295;}
.case-detail-page .case-detail-thumbs{display: flex;flex-direction: column;height: 100%;gap: 14px;padding: 0;}
.case-detail-page .case-detail-thumbs li{display: none;cursor: pointer;aspect-ratio: 1 / 0.98;border: 1px solid transparent;background: #f7f8fb;overflow: hidden;transition: border-color .2s ease, transform .2s ease;box-sizing: border-box;}
.case-detail-page .case-detail-thumbs li:hover{transform: translateY(-1px);}
.case-detail-page .case-detail-thumbs li.is-visible{display: block;}
.case-detail-page .case-detail-thumbs li.active{border-color: #0e4295;}
.case-detail-page .case-detail-thumbs img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center center;transition: filter .2s ease;}
.case-detail-page .case-detail-thumbs li:hover img{filter: grayscale(1) brightness(.55);}
.case-detail-page .case-detail-thumbs li.active img{filter: none;}
/* reLink*/
.reLink{height: 38px;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 15px;margin-bottom: 50px;}
.reLink .nextLink,
.detail .reLink .prevLink{width: 50%;}
.reLink .nextLink{text-align: right;}
.reLink a{-webkit-transition: all ease 500ms;-moz-transition: all ease 500ms;-ms-transition: all ease 500ms;-o-transition: all ease 500ms;transition: all ease 500ms;}
.reLink a:hover{color: #052f67;}
/* pager*/
.pager{padding: 30px 0 30px;text-align: center;*zoom: 1;*padding: 40px 0 30px;}
.pager:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.pager p{height: 26px;line-height: 26px;display: inline-block;*display: inline;*zoom: 1;display: none;}
.pager ul{display: inline-block;*display: inline;*zoom: 1;overflow: hidden;}
.pager ul li{float: left;margin: 0 5px;padding: 0 !important;height: auto !important;border: none !important;}
.pager ul a{line-height: 30px;padding: 0 10px;transition: all ease 300ms;color: #000000;text-decoration: none;float: left;border: 1px solid #ddd;}
.pager ul a.current,
.pager ul a:hover{color: #fff;border: 1px solid #0a408a;background: #0a408a;}
.contact .box1{line-height: 18px;padding: 48px 0 0px;overflow: hidden;}
.contact .box1 ul{width: 125%;}
.contact .box1 li{float: left;width: 230px;margin-right: 250px;}
.contact .box1 li i{width: 56px;height: 56px;background-position: -142px 0;float: left;}
.contact .box1 li b{font-size: 18px;font-family: arial;font-weight: 100;}
.contact .box1 li td{vertical-align: middle;height: 56px;padding-left: 5px;}
.contact .box1 .l2 i{background-position: -204px 0;}
.contact .box1 .l3 i{background-position: -267px 0;}
.contact .box2{margin-bottom: 75px;}
.contact .box2 #map1_container,
.contact .box2 #allmap1{width: 100%;height: 400px;}
.contact .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;}
.contact .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}
.contact .box3 b{color: #0e4295;}
.formData{padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #cccccc;}
.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #0e4295;margin-right: 2px;text-align: center;background: #0e4295;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #0e4295;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
.about .box1{padding-top: 105px;padding-bottom: 100px;overflow: hidden;}
.box1_add{padding: 70px 0;}
.about .box1 .fl{padding-top: 32px;}
.about .box1 .fl h1{font-size: 80px;text-transform: uppercase;font-family: arial;line-height: 80px;}
.about .box1 .fl p{font-size: 24px;padding-bottom: 88px;}
.about .box1 .fl i{width: 54px;height: 54px;background-position: 0 -99px;cursor: pointer;position: relative;display: block;float: left;}
.about .box1 .fl i img{position: absolute;left: 20px;bottom: 56px;width: 0px;height: 0px;opacity: 0;filter: alpha(opacity=0);transition: ease-in-out .2s;}
.about .box1 .fl i:hover img{filter: alpha(opacity=100);opacity: 1;left: 0;height: 80px;width: 80px;}
.about .box1 .fl .i2{background-position: -58px -99px;margin-left: 20px;}
.about .box1 .fr{width: 611px;}
.about .box1 .fr h1{font-size: 24px;font-weight: 100;}
.about .box1 .fr span{display: block;background: #b0b0b0;width: 20px;height: 2px;margin: 13px 0 24px;}
.about .box1 .fr h2{font-size: 18px;}
.about .box1 .fr p{line-height: 30px;padding-top: 12px;}
.about .box1 .fr i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box1 .fr a:hover{cursor: pointer;}
.about .box1 .fr a:hover i{margin-left: 15px;}
.about .bg_20{height: 20px;width: 100%;background: #eaeaea;}
.about .box2{padding-bottom: 94px;}
.about .box2 .con{margin-top: 40px;}
.about .box2 .con .fl{width: 410px;height: 428px;overflow: hidden;}
.about .box2 .con .fl img{width: 410px;height: 428px;}
.about .box2 .con .fr .img{width: 380px;height: 214px;overflow: hidden;display: block;}
.about .box2 .con .fr .img img{width: 380px;height: 214px;transition: .9s;}
.about .box2 .con .fr .p{display: block;padding-left: 20px;width: 360px;height: 214px;}
.about .box2 .con .fr .p h1{font-size: 24px;line-height: 60px;font-weight: 100;}
.about .box2 .con .fr .p i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box2 .con .fr li:hover{cursor: pointer;}
.about .box2 .con .fr li:hover h1,
.about .box2 .con .fr li:hover p{color: #333;}
.about .box2 .con .fr li:hover i{margin-left: 15px;}
.about .box2 .con .fr li{float: left;}
.about .box2 .con .fr li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.about .box3{background: url(../images/about_bg.jpg) center top no-repeat;width: 100%;height: 457px;padding-top: 93px;}
.about .box3 .w1200{overflow: hidden;}
.about .box3 .fl{width: 500px;}
.about .box3 .fl h1{font-size: 36px;color: #fff;font-weight: 100;padding-bottom: 25px;}
.about .box3 .fl span{display: block;width: 40px;height: 2px;background: #ffd200;margin-bottom: 25px;}
.about .box3 .fl p{color: #fff;line-height: 24px;}
.about .box3 .fl i{width: 54px;height: 54px;cursor: pointer;background-position: 0px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box3 .fl a:hover i{margin-left: 15px;}
.about .box3 .fr .picScroll-left{overflow: hidden;position: relative;margin-top: 68px;height: 225px;width: 620px;}
.about .box3 .fr .picScroll-left .hd{overflow: hidden;}
.about .box3 .fr .picScroll-left .hd .prev,
.about .box3 .fr .picScroll-left .hd .next{display: block;left: 0;top: 50%;margin-top: -36px;width: 30px;height: 72px;position: absolute;z-index: 10;background-position: -133px -67px;cursor: pointer;display: none;}
.about .box3 .fr .picScroll-left .hd .next{left: auto;right: 0;background-position: -164px -67px;}
.about .box3 .fr .picScroll-left:hover .hd .prev,
.about .box3 .fr .picScroll-left:hover .hd .next{display: block;}
.about .box3 .fr .picScroll-left .hd ul{float: right;overflow: hidden;margin-top: 10px;zoom: 1;}
.about .box3 .fr .picScroll-left .hd ul li{float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: url("../images/icoCircle.gif") 0 -9px no-repeat;}
.about .box3 .fr .picScroll-left .hd ul li.on{background-position: 0 0;}
.about .box3 .fr .picScroll-left .bd ul{overflow: hidden;zoom: 1;}
.about .box3 .fr .picScroll-left .bd ul li{margin-right: 20px;float: left;_display: inline;overflow: hidden;text-align: center;}

.about .box3 .fr .picScroll-left .bd ul li img{width: 300px;height: 225px;}
.bg_top{height: 50px;background: #eaeaea;width: 100%;}
.erro{color: red;}
/* map_ul*/
.map_ul{list-style: outside none none;display: block;width: 100%;}
.map_ul li{display: block;width: 100%;padding: 0;margin-bottom: 25px;}
.map_ul li a{width: 100%;height: 35px;line-height: 35px;font-weight: bold;display: block;background: #f6f6f6;text-indent: 15px;}
.map_ul .list-inline{display: block;width: 86%;}
.map_ul .list-inline li{height: 32px;display: inline-block;*display: inline;margin: 15px 5px 15px 0;zoom: 1;line-height: 32px;border-bottom: 0;text-align: center;width: auto;padding: 0px;}
.map_ul .list-inline li a{text-indent: 0;font-weight: normal;display: block;line-height: 32px;height: 32px;display: inline-block;padding: 0px 10px;width: auto;border: 1px solid #ccc;text-align: center;}
.map_ul .list-inline li a:hover{background: #0a408a;color: #fff;border: 1px solid #0a408a;}
.erro{text-align: center;min-height:400px;}
.showPro{padding: 50px 0;}
.showPro .reLink{margin-bottom: 0;}
.showPro .back-link-wrap{margin-top: 12px;text-align: right !important;}
.showPro .back-link-btn,
.showPro .back-link-btn:link,
.showPro .back-link-btn:visited{
display:inline-block;width:118px;height:40px;line-height:40px;text-align:center;
color:#fff !important;font-size:14px;float:right;
background-image:linear-gradient(#333,#333),linear-gradient(#0e4295,#0e4295);
background-repeat:no-repeat,no-repeat;
background-position:left top,right top;
background-size:0% 100%,100% 100%;
transition:background-size .28s ease,color .2s ease;
}
.showPro .back-link-btn:hover{
color:#fff !important;
background-size:100% 100%,0% 100%;
}
.case-detail-page .back-link-wrap{margin-top: 12px;text-align: right !important;}
.case-detail-page .back-link-btn,
.case-detail-page .back-link-btn:link,
.case-detail-page .back-link-btn:visited{
display:inline-block;width:118px;height:40px;line-height:40px;text-align:center;
color:#fff !important;font-size:14px;float:right;
background-image:linear-gradient(#333,#333),linear-gradient(#0e4295,#0e4295);
background-repeat:no-repeat,no-repeat;
background-position:left top,right top;
background-size:0% 100%,100% 100%;
transition:background-size .28s ease,color .2s ease;
}
.case-detail-page .back-link-btn:hover{
color:#fff !important;
background-size:100% 100%,0% 100%;
}
.news-detail-page .back-link-wrap{margin-top: 12px;text-align: right !important;}
.news-detail-page .back-link-btn,
.news-detail-page .back-link-btn:link,
.news-detail-page .back-link-btn:visited{
display:inline-block;width:118px;height:40px;line-height:40px;text-align:center;
color:#fff !important;font-size:14px;float:right;
background-image:linear-gradient(#333,#333),linear-gradient(#0e4295,#0e4295);
background-repeat:no-repeat,no-repeat;
background-position:left top,right top;
background-size:0% 100%,100% 100%;
transition:background-size .28s ease,color .2s ease;
}
.news-detail-page .back-link-btn:hover{
color:#fff !important;
background-size:100% 100%,0% 100%;
}
.showPro .showContxt{padding: 30px 10px 35px;color: #666;font-size: 16px;line-height: 1.8;text-align: justify;}
.showPro .showContxt img{max-width: 100%;height: auto !important;}
.showPro .showContxt ul{list-style: disc outside;padding-left: 1.5em;margin: 0.6em 3%;}
.showPro .showContxt ol{list-style: decimal outside;padding-left: 1.6em;margin: 0.6em 0;}
.showPro .showContxt li{list-style: inherit;margin: 0.35em 0;}
.showPro .showimgCon{padding: 0 10px 30px;font-size: 16px;line-height: 32px;}
.showPro .showimgCon .txtcon{width: 60%;height: 423px;float: right;position: relative;box-sizing: border-box;}
.showPro .showimgCon .txtcon .tit{position: relative;font-size: 20px;margin-bottom: 15px;color: #0e4295;font-weight: bold;line-height: 24px;padding-bottom: 14px;border-bottom: 1px solid #dddddd;padding-right: 60px;}
.showPro .showimgCon .txtcon .tit .goBack{position: absolute;right: 0;top: 0;color: #999999;font-size: 14px;display: block;font-weight: normal;cursor: pointer;}
.showPro .showimgCon .txtcon .tit .goBack s{width: 20px;height: 20px;background-position: -440px -62px;margin-left: 6px;}
.showPro .showimgCon .txtcon .tit .goBack:hover{color: #047fcc;}
.showPro .showimgCon .txtcon .txt{font-size: 14px;line-height: 28px;color: #666;text-align: justify;}
.showPro .showimgCon .txtcon .txt .item{margin-bottom: 7px;max-height: 144px;overflow: hidden;}
.showPro .showimgCon .txtcon .tel-btn{width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid #ddd;padding-top: 40px;}
.showPro .showimgCon .txtcon .tel-btn .btn{width: 118px;float: right;height: 40px;line-height: 40px;margin-top: 5px;font-size: 20px;text-align: center;color: #fff;cursor: pointer;background: #0e4295;}
.showPro .showimgCon .txtcon .tel-btn .btn:hover{background: #333;}
.showPro .showimgCon .txtcon .tel-btn .tel{width: 280px;float: left;}
.showPro .showimgCon .txtcon .tel-btn .tel span,
.showPro .showimgCon .txtcon .tel-btn .tel strong{display: block;color: #666666;}
.showPro .showimgCon .txtcon .tel-btn .tel s{width: 42px;height: 42px;display: block;float: left;margin-right: 6px;margin-top: 4px;background-position: -315px -30px;}
.showPro .showimgCon .txtcon .tel-btn .tel span{font-size: 13px;line-height: 20px;}
.showPro .showimgCon .txtcon .tel-btn .tel strong{font-size: 28px;line-height: 28px;}
.showPro .showimg{width: 36.83%;position: relative;float: left;overflow: hidden;}
.showPro .showimg .bigimg{box-sizing: border-box;width: 100%;max-width: 440px;height: auto;aspect-ratio: 440/332;display: block;position: relative;border: 1px solid #dddddd;overflow:hidden;container-type: inline-size;}
.showPro .showimg .bigimg .list{width: 5000%;}
.showPro .showimg .bigimg .list li{box-sizing: border-box;width: 100%;height: auto;aspect-ratio: 440/332;float: left;flex: 0 0 100%;border: 0;margin-right: 0;}
.showPro .showimg .bigimg .list img{width: 100%;height: 100%;display: block;transition: all ease 300ms;object-fit: contain;object-position: center center;background: #f8f8f8;}
.showPro .showimg .smallimg{width: 100%;height: 76px;position: relative;padding-top: 30px;z-index: 10;overflow: hidden;}
.showPro .showimg .list{width: 81%;overflow: hidden;position: relative;margin: 0 auto;}
.showPro .showimg .listcon{position: relative;}
.showPro .showimg .prev,
.showPro .showimg .next{width: 20px;height: 76px;z-index: 10;position: absolute;top: 30px;cursor: pointer;background: #f9f9f9 url(../images/show-btn-ico.png) no-repeat 0 center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover{background-color: #f9f9f9;}
.showPro .showimg .prev{left: 0;background-position: 3px center;}
.showPro .showimg .next{right: 0;background-position: -84px center;}
.showPro .showimg li{width: 94px;height: 70px;margin-right: 16px;float: left;flex:0 0 auto;cursor: pointer;position: relative;border: 3px solid #fff;box-sizing:border-box;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showPro .showimg li img{width: 100%;height: 100%;display: block;object-fit: contain;object-position: center center;background: #f8f8f8;}
.showPro .showimg li.on{border: 3px solid #0e4295;}
.showPro #smallimg .listcon{display:flex;flex-wrap:nowrap;align-items:flex-start;}
.relateTit{height: 58px;line-height: 58px;border-bottom: 1px solid #e4e4e4;margin: 0 auto;max-width: 1200px;width: 100%;box-sizing: border-box;padding-left: 14px;padding-right: 14px;}
.relateTit h3{font-size: 18px;display: inline-block;*display: inline;*zoom: 1;position: relative;}
.relateTit h3 .line{width: 100%;height: 2px;display: block;position: absolute;left: 0;bottom: -1px;background: #0e4295;}
.floor_3_remm{padding-bottom: 60px;}
.floor_3_remm .body{overflow: hidden;*margin-bottom: 38px;}
.floor_3_remm .body ul{width: 112%;}
.floor_3_remm .body li{margin-bottom: 40px;width: 370px;float: left;margin-right: 45px;position: relative;border-radius: 5px;height: 278px;overflow: hidden;}
.floor_3_remm .body li a{display: block;width: 100%;height: 100%;cursor: pointer;}
.floor_3_remm .body li .img img{border-radius: 5px;width:370px;height:278px}
.floor_3_remm .body li .txt{position: absolute;left: 0;top: 211px;height: 67px;background: #666;width: 300px;border-radius: 0 0 5px 5px;color: #fff;padding: 0 35px;text-align: center;line-height: 67px;transition: all .5s;}
.floor_3_remm .body li .txt h3{font-size: 20px;font-weight: 100;line-height: 67px;}
.floor_3_remm .body li .txt span{margin: 0 auto;display: block;border: 1px solid #fff;text-align: center;width: 123px;height: 33px;line-height: 33px;border-radius: 5px;margin-top: 0;opacity: 0;transition: all .5s;}
.floor_3_remm .body li:hover{box-shadow: 2px 5px 2px rgba(0, 0, 0, 0.1);}
.floor_3_remm .body li:hover .txt{background: url(../images/bg_6b.png) repeat;height: 100%;top: 0;border-radius: 5px;}
.floor_3_remm .body li:hover .txt h3{padding-top: 78px;}
.floor_3_remm .body li:hover .txt span{margin-top: 0;opacity: 1;}
.floor_3_remm .more2{text-align: center;}
.floor_3_remm .more2 ul{display: inline-block;*zoom: 1;*display: inline;}
.floor_3_remm .more2 a{width: 141px;height: 35px;display: block;color: #0e4295;margin: 0 19px;border: 2px solid #0e4295;line-height: 35px;border-radius: 4px;font-size: 20px;}
.floor_3_remm .more2 a:hover{box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
.floor_3_remm .more2 .ewmbtn{background: #0e4295;color: #fff;}
.floor_3_remm .more2 li{float: left;}

/*aboutBox*/
.aboutBox .wrap {
    max-width: 1200px;
}
.wrap {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
}
.aboutBox p{
    font-size: 16px;
    line-height: 1.8;
}
.aboutBox .aboutList {
    margin-bottom: 100px;
}
.aboutBox .aboutItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.aboutBox .aboutItem .Txt {
    position: relative;
    z-index: 1;
    margin: 0 -50px -50px 0;
    width: calc(45% + 50px);
}
.aboutBox .aboutItem .Txt::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #ececec;
    right: -70px;
    bottom: -35px;
    z-index: -1;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    opacity: 0;
}
.aboutBox .aboutItem .Txt > div {
    background: #f7f7f7;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    z-index: 1;
    padding: 50px 80px 50px 35px;
}
.aboutBox .aboutItem .Txt .topBox {
    border: 1px solid #e6e6e6;
    border-width: 0 0 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.aboutBox .aboutItem .Txt .topBox .title {
    color: #222222;
    font-size: 35px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0;
    font-family: Arial, "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", sans-serif;
    font-style: normal;
}
.aboutBox .aboutItem .Txt .topBox .subtitle {
    font-weight: 700;
    color: #143f8f;
    font-size: 24px;
    line-height: 1.45;
    letter-spacing: 0;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.textEditor {
    clear: both;
    color: #666666;
    font-size: 16px;
    line-height: 1.8;
    margin: initial;
    image-rendering: -webkit-optimize-contrast;
}
.textEditor h3{
    font-weight: bold;
    font-size: 1.22em;
    color: #000;
    margin-bottom: 10px;
}
/* 還原編輯器輸出區的清單樣式，避免被全域 li reset 影響 */
.textEditor ul,
.textEditor ol,
.contentBox ul,
.contentBox ol,
.detail .context ul,
.detail .context ol {
    margin: 0.65em 0;
    padding-left: 1.8em;
    list-style-position: outside;
}
.textEditor ul,
.contentBox ul,
.detail .context ul {
    list-style-type: disc;
}
.textEditor ol,
.contentBox ol,
.detail .context ol {
    list-style-type: decimal;
}
.textEditor li,
.contentBox li,
.detail .context li {
    list-style: inherit;
    margin: 0.35em 0;
}
.aboutBox .aboutItem .item {
    position: relative;
    z-index: 1;
    width: 55%;
}
.aboutBox .aboutItem .item .Img {
    width: 650px;
}
.aboutBox .aboutItem .item .Img img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
 .about-section {
    padding: 30px 0;
    border-top: 1px solid #e7ecf7;
  }
 .about-section:first-of-type {
    border-top: 0;
    padding-top: 0;
  }
.about-raw-copy-list {
    background: #fff;
    border: 1px solid #e4eaf7;
    border-radius: 12px;
    padding: 14px;
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 12px 0 0;
}
.about-raw-copy-list li{
    position: relative;
    color: #334155;
    font-size: 18px;
    line-height: 1.85;
    text-align: justify;
    margin-left: 60px;
    margin-right: 30px;
    z-index: 1;
}
.about-raw-copy-list li div{
    background: #f7faff;
    border: 1px solid #dbe5f8;
    border-radius: 10px;
    margin: 7px 0;
    padding: 15px 20px 15px 34px;
    z-index: 5;
    position: relative;
}
.about-raw-copy-list li::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1f5fc2;
    position: absolute;
    left: 14px;
    top: 32px;
    z-index: 6;
    box-shadow: 0 0 0 4px rgba(31,95,194,.14);
}
.about-raw-copy-list li::after{
    content: "";
    display: block;
    width: 65px;
    height: 65px;
    position: absolute;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/about_icon_1.png);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.about-raw-copy-list li:nth-child(even){
    margin-left: 30px;
    margin-right: 60px;
}
.about-raw-copy-list li:nth-child(even):after{
    left: auto;
    right: -50px;
}
.about-raw-copy-list li:nth-child(2):after{
    background-image: url(../images/about_icon_2.png);
}
.about-raw-copy-list li:nth-child(3):after{
    background-image: url(../images/about_icon_3.png);
}
.about-raw-copy-list li:nth-child(4):after{
    background-image: url(../images/about_icon_4.png);
}
.about-raw-copy-list li:nth-child(5):after{
    background-image: url(../images/about_icon_5.png);
}
.about-raw-copy-list li:nth-child(6):after{
    background-image: url(../images/about_icon_6.png);
}
.about-title-block h2{
    font-size: 24px;
    font-weight: 700;
    color: #143f8f;
}
.about-title-block p{
    color: #999;
    padding-left: 5px;
    font-family: "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}
.about-section{
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.about-bottom{
    border-top: 0;
    background-color:#e7ecf7;
    z-index: 1;
    margin-top: 50px;
}
.about-bottom::before{
    content: "";
    position: absolute;
    display: block;
    top: -30px;
    left: 0;
    width:50%;
    height: 90px;
    background-color: #0e4295;
    z-index: -1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.about-bottom h3{
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    margin-top: -30px;
    margin-bottom: 50px;
}
.about-bottom p{
    font-size: 20px;
    font-weight: bold;
}
.about-intro-text p strong {
    font-size: 1.3em;
    font-weight: bold;
    background-color: #eee;
    padding: 3px 10px;
    border-bottom: 3px solid #0e4295;
    color: #0e4295;
}
/*contactBox*/
.contactBox .wrap{
    padding: 0;
}
.contactBox .infoBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
}
.contactBox .infoBox .leftBox {
    padding-right: 5%;
    padding-top: 5px;
    width: 33%;
}
.contactBox .infoBox .rightBox {
    width: 67%;
}
.contactBox .infoBox .rightBox p {
    width: 100%;
    margin: 0;
    padding: 0;
}
.contactBox .infoBox .rightBox iframe {
    width: 100%;
    height: 400px;
    max-height: 400px;
}
.contactBox .titleBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32px;
}
.contactBox .titleBox .contact_title {
    padding-right: 10px;
    font-size: 30px;
    font-weight:600;
    color: #222222;
    line-height: 1.5;
}
.titleBox .contact_subtitle {
    padding-top: 10px;
    letter-spacing: 1px;
    color: #003281;
    position: relative;
    padding: 0;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.textEditor {
    clear: both;
    color: #444;
    font-size: 16px;
    line-height: 1.8;
    margin: initial;
    image-rendering: -webkit-optimize-contrast;
}
.textEditor img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.side_contactInfo{
    width: 100%;
}
.contactBox .infoBox .leftBox .infoList li {
    position: relative;
    padding: 21px 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e3e3e3;
}
.contactBox .infoBox .leftBox .infoList li:first-child{
    border-top: 1px solid #e3e3e3;
}
.contactBox .infoBox .leftBox .infoList li::before {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: #003281;
}
.contactBox .infoBox .leftBox .infoList .contact_icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    border: 1px solid #333;
}
.contactBox .infoBox .leftBox .infoList .contact_icon img {
    display: block;
    width: 25px;
}
.contactBox .infoBox .leftBox .infoList .infoTitle {
    position: relative;
    padding: 0 18px;
    width: 45px;
    font-weight: bold;
    color: #003281;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}
.contactBox .infoBox .leftBox .infoList .infoTitle::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 15px;
    background: #ddd;
}
.contactBox .infoBox .leftBox .infoList .info {
    padding-left: 15px;
    font-weight: 500;
    color: #444444;
}
.contactBox .infoBox .leftBox .infoList .info img {
    vertical-align: middle;
    width: 80px;
    margin-left: 10px;
}
.contactBox .infoForm{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.contactBox .infoForm form, .contactBox .infoForm form .formList{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.contactBox .infoForm form .formList .n_content_t_r_input {
    width: 50%;
    padding: 15px 20px;
    box-sizing: border-box;
}
.contactBox .left_columnTitle {
    width: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.35;
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
    color: #222222;
}
.contactBox .left_columnTitle label{
    color: #222222;
    font-weight: bold;
}
.contactBox .left_columnTitle label em:before {
    content: "※";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    font-size: 16px;
    font-weight: 700;
    color: #003281;
}
.contactBox .right_formColumnBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.contactBox .right_formColumnBox.flex input{
    width: calc(100% - 150px);
}
.contactBox .right_formColumnBox.flex .sexBox{
    width: 120px;
    margin-left: 20px;
}
.contactBox .right_formColumnBox input {
    width: 100%;
    height: 45px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    color: #444444;
    font-weight: 500;
    padding: 0 10px;
    box-sizing: border-box;
}
.contactBox .right_formColumnBox textarea {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    color: #444444;
    font-weight: 500;
    height: 90px;
    padding: 10px;
}
.n_content_t_r_input2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.n_content_t_r_input2 input {
    background-color: #003281;
    border: 1px solid #003281;
    color: #fff;
    max-width: 215px;
    width: 48%;
    margin-right: 2%;
    letter-spacing: 1px;
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
}
.n_content_t_r_input2 input:hover{
    background-color: #333;
}
.location-directory,.locations-section{padding-top:24px;padding-bottom:10px;}
.locations-section{display:grid;grid-template-columns:minmax(0,515px) minmax(0,1fr);gap:30px;align-items:start;}
.locations-map{position:sticky;top:100px;background:#fff;border:1px solid #dde6f2;border-radius:14px;padding:16px;box-shadow:0 12px 32px rgba(15,41,86,.08);}
.locations-map .map{position:relative;width:100%;padding-top:min(136%,650px);border-radius:10px;overflow:hidden;background:url(../images/map.webp) no-repeat center center;background-size:contain;background-color:#f4f7fb;}
.map-points{position:absolute;left:16px;right:16px;top:16px;bottom:16px;pointer-events:none;}
.map-points .point{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:2px solid #003a8f;border-radius:50%;background:#7ec7ff;cursor:pointer;pointer-events:auto;transition:all .2s ease;box-shadow:0 0 0 2px rgba(255,255,255,.92);}
.map-points .point::after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#003a8f;transform:translate(-50%,-50%);}
.map-points .point:hover,.map-points .point.active{background:#ffe14a;border-color:#003a8f;transform:translate(-50%,-50%) scale(1.08);}
.map-points .point .point-name{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);opacity:0;pointer-events:none;white-space:nowrap;background:#0e4295;color:#fff;font-size:12px;line-height:1;padding:8px 14px;border-radius:999px;border:2px solid #fff;box-shadow:0 6px 16px rgba(8,37,88,.24);transition:opacity .2s ease,bottom .2s ease;}
.map-points .point .point-name::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:14px;background:#fff;transform:translateX(-50%);}
.map-points .point:hover .point-name,.map-points .point.active .point-name{opacity:1;bottom:28px;}
.locations-search{min-width:0;}
.locations-search .title-box{margin-bottom:16px;}
.locations-search .title-box h2{font-size:28px;color:#1f2f4a;font-weight:700;line-height:1.25;}
.locations-search .title-box p{margin-top:6px;color:#7a8597;font-size:14px;}
.location-filter-form{display:flex;align-items:center;justify-content:flex-start;gap:10px;background:#f5f8fc;border:1px solid #dce6f3;border-radius:8px;padding:12px 14px;margin-bottom:18px;}
.location-filter-form select{height:40px;min-width:220px;padding:0 12px;border:1px solid #cfd7e3;border-radius:4px;background:#fff;color:#333;outline:none;}
.location-filter-form button{height:40px;padding:0 18px;border:1px solid #0e4295;border-radius:4px;background:#0e4295;color:#fff;cursor:pointer;transition:all .2s;}
.location-filter-form button:hover{background:#0a3678;border-color:#0a3678;}
.search-result{max-height:520px;overflow-y:auto;padding-right:6px;}
.search-result .item{margin:0 0 16px 0 !important;padding:0 !important;float:none !important;width:auto !important;box-shadow:none !important;border:none !important;background:transparent !important;}
.location-card-inner{background:#fff;border:1px solid #e4eaf3;border-radius:8px;padding:16px 18px;min-height:182px;box-sizing:border-box;display:flex;flex-direction:column;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;}
.location-card:hover .location-card-inner{border-color:#bfd0ea;box-shadow:0 6px 20px rgba(24,62,120,.08);transform:translateY(-2px);}
.location-city-tag{display:inline-block;align-self:flex-start;padding:3px 10px;font-size:12px;line-height:1.4;color:#0e4295;background:#edf3fd;border-radius:999px;margin-bottom:10px;}
.location-card-title{font-size:20px;line-height:1.45;color:#1e2a3b;font-weight:600;margin-bottom:10px;}
.location-card-info{color:#415066;line-height:1.8;font-size:16px;margin-bottom:12px;}
.location-card-info p{margin:2px 0;}
.location-card-info strong{color:#1f2f4a;font-weight:700;}
.location-card-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;}
.location-card-link{align-self:flex-start;display:inline-block;padding:7px 14px;border-radius:4px;background:#0e4295;color:#fff !important;font-size:14px;transition:all .2s;}
.location-card-link-line{background:#17a34a;}
.location-card-link-product{background:#e07b00;}
.location-card-link-audio{background:#7b2fa8;}
.location-card-link:hover{background:#333;color:#fff !important;}
.location-card-link-line:hover{background:#118239;}
.location-card-link-product:hover{background:#b86400;}
.location-card-link-audio:hover{background:#5e2080;}
.location-no-result{padding:20px 0 10px;color:#777;text-align:center;}

/* 隱私權政策 */
.privacyBox{
    width: 100%;
    margin: 30px auto 0;
    padding: 0 10px;
    position: relative;
    max-width: 1200px;
    font-size: 16px;
    line-height: 1.8;
    box-sizing: border-box;
}
.privacyBox h2{
    font-size: 1.5em;
    font-weight: bold;
}
/* 網站使用條款 */
.termsBox{
    width: 100%;
    margin: 30px auto 0;
    padding: 0 10px;
    position: relative;
    max-width: 1200px;
    font-size: 16px;
    line-height: 1.8;
    box-sizing: border-box;
}
.termsBox h2{
    font-size: 1.5em;
    font-weight: bold;
}
/* 首頁關於我們 */
.home_aboutItem {
    margin: 30px 0px 0;
    padding: 40px 0 60px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid #dedede;
}
.home_aboutItem .item{
    width: 25%;
}
.home_aboutItem .item .ImgBox {
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    aspect-ratio: 1/1;
    border-radius: 100%;
}
.home_aboutItem .Img img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.home_aboutItem .item .title {
    padding-top: 13px;
    line-height: 1.5;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    color: #444444;
}