html {scroll-behavior: auto !important;}

/**/
:root {
--c_blue:#0b3a69;
--c_blueL:#005783; 
--c_blueEL:#2f6ba2; 
--c_green:#027b71;
--c_greenL:#00a784;
--c_greenEL:#35b597;
--c_bluegreen:#06586a;
--c_yellow:#fdd23e;
--c_orange:#ea5532;
--c_orangeL:#f39939;
--c_blueD:#002147;
--cl_A:linear-gradient(166.9deg,#35b597, #2f6ba2);
--cl_B:linear-gradient(166.9deg,#00a784, #005783);
--cl_C:linear-gradient(166.9deg,#027b71, #0b3a69);
--cl_D:linear-gradient(166.9deg,#0b3a69, #000000);
--cl_E:linear-gradient(166.9deg,#f39939, #ea5532);
--cl_F:linear-gradient(166.9deg,#fdd23e, #f39939);
--cl_G:linear-gradient(166.9deg,#35b597, #00a784);
--cl_H:linear-gradient(166.9deg,#00a784, #027b71);
}
@media (max-width: 1599.98px) {
:root {}}
@media (max-width: 1399.98px) {
:root {}}
@media (max-width: 1199.98px) {
:root {}}
@media (max-width: 991.98px) {
:root {}}
@media (max-width: 767.98px) {
:root {}}

/* Google fonts*/
/* <uniquifier>: Use a unique and descriptive class name*/
/* <weight>: Use a value from 200 to 900*/
.noto-sans-tc- {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
.noto-serif-tc- {
  font-family: "Noto Serif TC", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
.noto-sans-tc-<uniquifier> {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}


.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 20
}


/*bootstrap container*/
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {padding-right:30px;padding-left: 30px;}
@media (min-width: 1600px){
.container, .container-xxl, .container-xl{max-width: 1520px;}
.container-lg {max-width: 1220px;}
.container-md {max-width: 1120px;}
.container-sm {max-width: 1020px;}}
@media (max-width: 1599px){
.container, .container-xxl, .container-xl, .container-lg, .container-md{max-width: 1320px;}
.container-sm {max-width: 1120px;}}
@media (max-width: 1399.98px) {
.container, .container-xxl, .container-xl, .container-lg, .container-md{max-width: 1220px;}
.container-sm {max-width: 1020px;}}
@media (max-width: 991.98px) {
.container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{width:92%;}}
@media (max-width: 767.98px) {
.container, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{width:100%;}}
@media (max-width: 575.98px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {padding-right:20px;padding-left: 20px;}}
@media (max-width: 410px) {
.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {padding-right:15px;padding-left: 15px;}}

/*style*/
::-moz-selection { color: #fff;background:#000000;}
::selection {color: #fff;background:#000000;}
body{font-family:"Noto Sans TC", sans-serif;color: #000;background:#fff;padding-top: 151px;overflow-x: hidden;overflow-y: scroll !important;padding-right: 0px !important;}
a,a:link,a:visited{color:var(--c_green);text-decoration:none;}
a:hover,a:active{color:#000000}
h1{font-size: 3em;line-height: 1.3em;font-weight: bold;margin-bottom: .7em;}
p{font-size:1.1em;line-height: 1.7em;}
p span{color:#000;font-weight: bold;}
.cc2{column-count: 2;column-gap: 2.5rem;text-align: justify;}
.cc3{column-count: 3;column-gap: 2rem;}
.note{font-size:14px;color: rgba(0,0,0,0.5)}
.cover-gsap{width:100%;border-radius:10px;overflow: hidden;background:#bfbfac;}
.cover-gsap img{width:100%;}
.badge {padding: .6em 1.2em;}
@media (max-width: 1599px){
body{padding-top: 143px;}
h1{font-size: 2.5em;}}
@media (max-width: 1399.98px) {
body{padding-top: 137px;}
h1{font-size: 2.4em;}
p{font-size:1em;}
.note{font-size:13px;}}
@media (max-width: 1199.98px) {
body{padding-top: 131px;}
h1{font-size: 2.3em;}}
@media (max-width: 991.98px) {
body{padding-top: 117px;}
h1{font-size: 2.2em;}
.note{font-size:12px;}}
@media (max-width: 767.98px) {
body{padding-top: 63px;}
h1{font-size: 1.8em;}
p{font-size:.95em;margin-bottom: .9rem;}
.cc2{column-count:1;column-gap: 0rem;}}
@media (max-width: 575.98px) {
p{font-size:.9em;margin-bottom: .8rem;}}

/*btn*/
.btn,.btn:link,.btn:visited{background:var(--cl_G);border:none;color:#fff;font-weight:bold;border-radius:30px;padding:0px 50px 3px 50px;font-size:17px;letter-spacing:1px;display:inline-flex;align-items:center;position:relative;overflow:hidden;height:60px;transition:All .2s ease;}
.btn:after{content: '';display: block;width:0%;height:100%;background:var(--cl_A);position: absolute;top:0px;left:0px;z-index:1;transition:All .15s ease;opacity: 0;border-radius: 30px;}
.btn:hover:after,.btn:active:after{width:100%;opacity: 1}
.btn img{width:12px !important;height:12px!important;margin-left: 15px;position: relative;z-index: 2}
.btn span{position: relative;z-index: 2}
.btn-link,.btn-link:link,.btn-link:visited{padding-right:40px;margin-right: 10px;}
.btn-contact,.btn-contact:link,.btn-contact:visited{padding-right:40px;background:var(--cl_C);}
.btn-contact:after{background:var(--cl_E);}
.btn-light,.btn-light:link,.btn-light:visited{padding-right:40px;background:var(--cl_G);}
.btn-light:after{background:var(--cl_H);}
.btn-more{margin-top: 15px;text-align: end}
.btn-more .btn-more-text{font-weight: bold;margin-right:10px;}
.btn-more .btn-more-arrow{background:var(--cl_B);width:50px;height:50px;display: inline-block;text-align: center;line-height: 46px;border-radius: 25px;transition:All .2s ease;}
.btn-more .btn-more-arrow img{width:30%;transition: All .2s ease;}
.card:hover .btn-more .btn-more-arrow{background:var(--cl_C);transition:All .2s ease;}
.card:hover .btn-more .btn-more-arrow img{transform:translate(3px, -3px);}
.bg-primary {background-color:var(--c_blue) !important;}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {
.btn,.btn:link,.btn:visited{height:50px;padding: 0px 30px 3px 30px;}
.btn-link,.btn-link:link,.btn-link:visited{padding-right:30px;margin-right:5px;}
.btn img{margin-left:10px;}}
@media (max-width: 640px) {
.btn-more{margin-top: 10px;}
.btn-more .btn-more-text{font-size: 14px;margin-right:5px;}
.btn-more .btn-more-arrow{width:40px;height:40px;line-height: 36px;border-radius: 20px;}}
@media (max-width: 575.98px) {
.btn-more{margin-top: 0px;}}

/*p-inner*/
.p-inner{padding-top: 142px;}
@media (max-width: 991.98px) {
.p-inner{padding-top: 78px;}}
@media (max-width: 767.98px) {
.p-inner{padding-top: 72px;}}

/*mTitle*/
.mTitle{margin-bottom:15px;display: inline-flex;}
.mTitle h6{font-size:13px;margin-right:10px;font-weight: bold;padding: 3px 0px 3px;margin-bottom: 0;}
.mTitle h6.mTitleTW{color:#fff;background:var(--cl_C);padding: 3px 10px 3px;border-radius: 10px;margin-bottom: 0;}

/*loading*/
.loading{position: fixed;width: 100%;height: 100%;z-index: 1030;top: 0px;left: 0px;display:flex;align-items: center;justify-content: center;background: #fff;text-align: center;transition:All 1s ease;pointer-events: none;padding-top:80px}
.loading .logo{width:200px;height: auto}
body.active .loading{opacity: 0;transition-delay:.5s;}
.loading_logo{width:200px;}
.loading_text{color:#999}

/*breadcrumb*/
nav[aria-label="breadcrumb"]{margin-bottom:10px;font-size: 14px;}
.breadcrumb{margin-bottom: 0px;color:#999;}
.breadcrumb a,.breadcrumb a:link,.breadcrumb a:visited{color:#444;}
.breadcrumb-item+.breadcrumb-item::before {color: #ccc;}
.page-link{border:none;background:transparent;}
.page-item.disabled .page-link{background:transparent;color:#aaa;}
.page-link:hover{border:none;background:transparent;}
@media (max-width: 767.98px) {
nav[aria-label="breadcrumb"],.breadcrumb{margin-bottom:0px;}}
    
/*btn-top*/
a.btn-top{background: #fff;width:50px;height:50px;text-align: center;font-size:30px;line-height: 50px;font-weight: bold;border-radius:25px;position:fixed;bottom:35px;right:35px;box-shadow:0px 0px 10px rgba(0,0,0,0.2);z-index: 9999}
a.btn-top:hover{background:var(--c_greenL);border-color:var(--c_greenL)}
a.btn-top:hover span{color:#fff;}
@media (max-width: 991.98px) {
a.btn-top{bottom:15px;right:15px;}}

/*navbar*/
.navbar{padding:0px;transition:All .3s ease;background: #fff;padding-right:0px !important;z-index: 1031}
.navbar-brand{margin:30px 0px;transition:All .3s ease;}
.navbar-brand img{width:260px;transition:All .3s ease;}
.navbar-nav{align-items: center;justify-content: end}
.navbar-nav .nav-item{height:100%;display: flex;align-items: center;}
.navbar-nav .nav-item .nav-link{font-size:18px;line-height:1em;padding:15px;text-decoration:none;color:#555;font-weight: 400;cursor: pointer;display: inline-flex;align-items: center;position: relative}
.navbar-nav .nav-item .nav-link:hover,.navbar .nav-item .nav-link:active{text-decoration: none;}
.navbar-nav-icon .nav-item .nav-line{background:#06c755;padding: 0px !important;height: 40px;width:40px;text-align: center;border-radius: 20px;overflow: hidden;margin:0px 10px;transition:All .2s ease;}
.navbar-nav-icon .nav-item .nav-line img{width:65% !important;height:65% !important;margin: auto;}
.navbar-nav-icon .nav-item .nav-line:hover{background:var(--c_greenL);}
.navbar-nav-icon .nav-item .nav-contact{background:var(--cl_C);padding: 0px !important;height: 40px;width:40px;text-align: center;border-radius: 20px;overflow: hidden;transition:All 2s ease;}
.navbar-nav-icon .nav-item .nav-contact img{width:65% !important;height:65% !important;margin: auto}
.navbar-nav-icon .nav-item .nav-contact:hover{background:var(--c_blueL);}
.navbar-nav .dropdown-toggle {white-space: inherit;}
.navbar-nav .dropdown-toggle::after{display:none;border:none;margin: 0px;;}
.navbar-nav .dropdown-menu{top:100%;box-shadow:0px 6px 20px rgba(0,0,0,.2);padding:20px 0px 18px;left: -10px;border-radius:0px;background: #fff;transition:All .3s ease;display: block;opacity: 0;pointer-events: none}
.navbar-nav .dropdown-menu.show{transition:All .3s ease;padding:20px 20px 18px;height: auto;background: #fff;display: block;opacity: 1;pointer-events:auto}
.navbar-nav .dropdown-menu .dropdown-item {color:#333;text-align: left;font-size:16px;padding:.2rem .5rem;text-decoration: none;margin-bottom:2px;display: flex;align-items: center;}
.navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-nav .dropdown-menu .dropdown-item:hover{color:#000000;background:transparent}
.navbar-nav .dropdown-menu span{font-size: 18px;margin-left: -2px;}
.navbar.active{}
.navbar.active .navbar-brand{margin:10px 0px;}
.navbar.active .navbar-brand img {width:200px;}
.navbar-toggler-close{display:none}
.p-about .nav-link_about,.p-sv .nav-link_service,.p-works .nav-link_works,.p-search .nav-link_search,.p-download .nav-link_download,.p-recruitment .nav-link_recruitment,.p-login .nav-link_search,.p-qa .nav-link_qa{color:#000 !important;font-weight: 500!important;}
@media (max-width: 1599px){
.navbar-brand img{width:240px;}
.navbar-nav-main .nav-item .nav-link{font-size:17px;padding:18px 17px !important;}}
@media (max-width: 1399.98px) {
.navbar-brand img{width:220px;}
.navbar-nav-main .nav-item .nav-link{font-size:16px;padding:18px 10px !important;}}
@media (max-width: 1199.98px) {
.navbar-brand img,.navbar.active .navbar-brand img{width:200px;}
.navbar-nav-main .nav-item .nav-link{}}
@media (max-width: 991.98px) {
.offcanvas{max-width:85%;height:100vh}
.offcanvas-body{padding:0px;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
.offcanvas-body::-webkit-scrollbar {width:0px;}
.navbar-brand,.navbar.active .navbar-brand{margin:20px 0px;}
.navbar-brand img,.navbar.active .navbar-brand img{width:220px;}
.navbar-toggler{width:36px;height:50px;position: relative;padding: 0px;z-index: 9999;} 
.navbar-toggler:focus,.navbar-toggler:hover,button:focus{outline: none !important;box-shadow:0px 0px 0px rgba(0.0.0.0);}
.navbar-toggler:after{width:2px;height:2px;content: '';display: block;background: #369;border-radius:1px;position: absolute;top:23px;left:14px;transition:All .2s ease;}
.navbar-toggler .menu-line{width:100%;height:3px;background: #000;display: block;transition:All .3s ease;transform-origin: center;position: absolute;border-radius:8px;z-index: 2}
.navbar-toggler .menu-line-1{width:100%;top: 12px}
.navbar-toggler .menu-line-2{width:100%;top: 22px}
.navbar-toggler .menu-line-3{width:100%;top: 32px;}
.navbar-toggler-close{background:transparent;border-color:transparent;position: absolute;z-index:1001;right:5px;top:20px;display: block;outline: none}
.navbar-toggler.active {}
.navbar-toggler.active:after{width:60px;height:60px;content: '';display: block;background: #369;border-radius: 30px;position: absolute;top: -6px;left: -13px}
.navbar-toggler.active .menu-line-1{transform:rotate(-45deg) translate(-7px, 7px);background: #fff;}
.navbar-toggler.active .menu-line-2{opacity: 0}
.navbar-toggler.active .menu-line-3{transform:rotate(45deg) translate(-7px, -7px);background: #fff;}
.navbar-nav {align-items: inherit;margin:0px;padding:30px;flex-grow: revert !important;}
.navbar-nav .nav-item{flex-direction: column;}
.navbar-nav .nav-link{writing-mode:inherit;font-size: 20px;text-align: left;letter-spacing: 0px;padding: 10px 30px;color:#000;}
.navbar-nav .dropdown-menu,.navbar-nav .dropdown-menu.show{display:block;position: relative;left:0px;top: 0px; background:transparent;box-shadow: none;border: none;padding:0px;overflow: hidden;;opacity: 1}
.navbar-nav .dropdown-menu .dropdown-item {padding:2px 0px;text-align:left;font-size:14px;color:#666;margin-bottom:0px;box-shadow:none;font-weight: normal;line-height:26px}
.navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-nav .dropdown-menu .dropdown-item:hover{color:var(--color_red);box-shadow:none;background:transparent;}
.navbar-nav .dropdown-menu span{display: none}
.navbar-nav-icon{flex-direction: row;border-top: 1px solid #ddd;justify-content: center;}
.navbar-nav-icon .nav-item .nav-line,.navbar-nav-icon .nav-item .nav-contact{margin:0px 5px;}}
@media (max-width: 767.98px) {
.navbar{border-bottom: 1px solid #eee;}
.navbar-brand,.navbar.active .navbar-brand{margin:5px 0px;}
.navbar-brand img,.navbar.active .navbar-brand img{width:140px;}}
@media (max-width: 575.98px) {}
@media (max-width: 410px) {}

/*footer*/
footer{background: #fff;color:#000;padding:60px 0px 30px;}
footer a,footer a:link,footer a:visited{color: #666;font-weight: 400;}
footer a:hover,footer a:active{color: var(--c_greenL)}
footer h5{margin-bottom:30px;font-weight:500;font-size: 18px;}
footer h5 a,footer h5 a:link,footer h5 a:visited{color:#000;font-weight:500;}
footer ul{color:#000;line-height:30px;list-style:none;list-style-position:inside;padding:0px;font-size:16px;font-family:"Noto Sans TC", sans-serif;font-weight:bold;}
footer ul li{margin: 2px 0px}
footer .footer-brand{margin-bottom: 18px;}
footer .footer-brand,footer .footer-brand img{display: inline-block;max-width:100%;width:250px;}
footer .footer-link{color:#000;font-size: 15px;line-height: 1.7em}
footer .footer-link li{margin: 0px}
.copyright{background: #fff;color:#aaa;padding-bottom:30px;font-size: 14px;}
.copyright-right{text-align: end}
.copyright a,.copyright a:link,.copyright a:visited{color: var(--c_green);}
.copyright a:hover,.copyright a:active{color:var(--c_greenL)}
@media (max-width: 991.98px) {
footer ul{font-size:15px;line-height:28px;}
footer .footer-link{font-size: 15px;}
footer ul li{margin: 0px 0px}
footer .footer-brand,footer .footer-brand img{width:200px;}
.copyright,.copyright-right{text-align: center;font-size: 13px;}}
@media (max-width: 767.98px) {    
footer .footer-brand{margin-top: 30px;}
footer .footer-link{font-size: 14px;}
footer ul{font-size:14px;line-height:26px;}
.copyright,.copyright-right{font-size: 12px;}}
@media (max-width: 575.98px) {
footer ul{font-size:13px;}
.copyright,.copyright-right{font-size: 11px;}}

/*navSub*/
#navSub{position: fixed;top:150px;width:100%;background:var(--cl_B);z-index: 2;transition: All .3s ease;}
#navSub.active{top:91px;}
#navSub ul{list-style: none;display: flex;justify-content: center;margin-bottom: 0px;}
#navSub ul li{}
#navSub ul li a{padding: 15px ;color:#fff;font-weight: bold;position: relative;}
#navSub ul li a:hover{color:#00c6ae}
#navSub ul li a.active{color:#00c6ae}
#navSub ul li a.active:after {content: '';display: block;position: absolute;width: 100%;height: 3px;background:#00c6ae;bottom: 0px;left: 0px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
@media (max-width: 1599px){
#navSub{top:143px;}}
@media (max-width: 1399.98px) {
#navSub{top:137px;}}
@media (max-width: 1199.98px) {
#navSub{top:131px;}}
@media (max-width: 991.98px) {
#navSub{top:117px;}
#navSub.active{top:117px;}}
@media (max-width: 767.98px) {
#navSub{top:63px;}
#navSub.active{top:63px;}
#navSub ul li a{padding: 10px 8px;font-size: 13px;line-height: 26px}}

/*article*/
article{margin-bottom: 30px;font-size: 1.2em;line-height: 1.8em}
article h1,article h2,article h3,article h4,article h5,article h6{font-weight: bold;margin-top: .8em;margin-bottom: .8em;}
article h1{margin-top: 2em;margin-bottom: .8em;}
article h2{margin-top: 1.8em;margin-bottom: .8em;border-bottom: 1px solid rgba(0,0,0,0.3);padding-bottom: 20px;color:var(--c_blueL);}
article h3{margin-top: 1.5em;margin-bottom: .8em;color:var(--c_greenEL);}
article h4{margin-top: 1.2em;margin-bottom: .8em;}
article h5{margin-top: 1em;margin-bottom: .8em;}
article h6{margin-top: .8em;margin-bottom: .8em;}
article p{margin-bottom: 1em;text-indent: 1.5em;font-size: 1em;line-height: 1.8em}
article ul{list-style-image: url("../images/icon-list2.png")}
article ul li{line-height: 1.8em}
article ul li p,article ol li p{text-indent:0em;margin-bottom: .4em;}
article p span,article ul span{font-weight: bold;color:#000;}
article img{max-width: 100%}
table{background: #fff;width:100%;font-family: "Noto Sans TC", sans-serif !important;font-size: 1em !important;}
table tr:nth-child(2n+1){background: #f7f7f1}
table tr td,table tr th{border:1px solid #cecebc;padding:8px 10px;line-height: 1.3em}
article table tr th{background:var(--c_blueL);color: #fff;}
table tr td:first-child{background: #bcbca6;color:#fff;}
table tr td p{margin-bottom: 0em;text-indent: 0em;font-size: 1em !important;line-height: 1.3em !important;font-family: "Noto Sans TC", sans-serif !important;}
table tr td span{font-size: 1em !important;line-height: 1.3em !important;font-family: "Noto Sans TC", sans-serif !important;font-weight: normal !important;}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
article p{font-size: 1.1em;}}
@media (max-width: 767.98px) {
article p{font-size: 1em;}}
@media (max-width: 575.98px) {}

/*ulStpe*/
.ulStpe{list-style: none;background:#e6e6dc url("../images/bg-box.jpg") no-repeat right bottom;border-radius: 30px;padding: 30px;}
.ulStpe li{background:#fff;display: flex;margin-bottom:20px;justify-content: space-between;border-radius: 15px;position: relative}
.ulStpe li div{padding:15px;}
.ulStpe li div:nth-child(1){flex:1;font-weight: bold;font-size:20px;background:linear-gradient(180deg,#027b71, #0b3a69);border-top-left-radius:15px;border-bottom-left-radius:15px;color:rgba(255,255,255,.7);text-align: center;align-items: center;display: flex;}
.ulStpe li div:nth-child(1):before{content: 'Step.';}
.ulStpe li div:nth-child(2){flex:2;font-weight: bold;font-size:20px;background:linear-gradient(180deg,#027b71, #0b3a69);border-top-right-radius:15px;border-bottom-right-radius:15px;color:#fff;align-items: center;display: flex;}
.ulStpe li div:nth-child(3){flex:6}
.ulStpe li div:nth-child(3) a{font-weight: bold;margin-left: 10px;font-size: 14px;}
.ulStpe li:after{content: '';display: block;width:60px;height:30px;background:url("../images/icon-steparrow.png");position: absolute;bottom: -30px;left:25%; z-index:1;}
.ulStpe li:last-child{margin-bottom: 0px;}
.ulStpe li:last-child:after{display: none}
@media (max-width: 1599px){
.ulStpe{border-radius:20px;padding:20px;}
.ulStpe li{border-radius: 10px;}
.ulStpe li div:nth-child(1){border-top-left-radius: 10px;border-bottom-left-radius: 10px;font-size:18px;}
.ulStpe li div:nth-child(2){border-top-right-radius: 10px;border-bottom-right-radius: 10px;font-size:18px;}}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {
.ulStpe{border-radius:15px;padding:15px;}
.ulStpe li div:nth-child(1){font-size:16px;}
.ulStpe li div:nth-child(2){font-size:16px;}
.ulStpe li div:nth-child(3),.ulStpe li div:nth-child(3) a{font-size: 13px;}}
@media (max-width: 767.98px) {
.ulStpe li div {padding: 10px;}
.ulStpe li div:nth-child(1){font-size:15px;flex:2}
.ulStpe li div:nth-child(2){font-size:15px;flex:3;}}
@media (max-width: 575.98px) {}

/*s-head*/
.s-head{padding:40px 0px;}
.s-head h1{margin-bottom: 0px;font-size: 2.4em;margin-top: 15px;}
.s-head h1 span{font-size: .4em;display: inline-block;margin-left: 10px;color:rgba(0,0,0,0.3)}
@media (max-width: 1599px){
.s-head h1{font-size: 2.2em;margin-top: 13px;}}
@media (max-width: 1399.98px) {
.s-head{padding:30px 0px;}
.s-head h1{font-size: 2em;margin-top: 10px;}}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

/*module_ul_List*/
.s-list{margin:3rem 0rem;}
.ul_List{margin:30px 0px;list-style: none;padding: 0px;}
.ul_List li{margin:20px 0px;padding-bottom:20px;border-bottom: 1px solid #eee}
.ul_List li:last-child{margin: 20px 0px 0px;padding-bottom:0px;border-bottom:none}
.ul_List a{font-size:19px;font-weight: bold;display: flex;align-items: center;}
.ul_List a .badge {margin-right:10px;}
.ul_List-datetime{font-family: "Noto Sans TC", sans-serif;font-weight: 300;}
@media (max-width: 767.98px) {
.s-list{margin:2rem 0rem;}
.ul_List{margin:20px 0px 40px;}
.ul_List li{margin: 20px 0px;padding-bottom: 20px;}
.ul_List a{font-size:16px;}}

/*card*/
.card{margin:0px;border-radius: 20px;background:#e6e6dc url("../images/bg-box.jpg") no-repeat right bottom;background-size: cover;padding:20px;border:1px solid #e6e6dc;transition: All .3s ease;overflow: hidden;}
.card a{color:#000;}
.card-cover{position: relative}
.card-cover img{width:100%;border-radius: 10px;object-fit: cover;    aspect-ratio: 1 / 1;}
.card-info{padding: 15px 0px 0px;}
.card-num{color:#fff;position: absolute;top: -30px;right:100px;padding: 0px;width:60px;height: 60px;background: #000;border-radius: 30px;font-weight: bold;text-align: center;line-height: 57px}
.card-title{font-weight: bold;font-size: 20px;}
.card-location{position: absolute;top:14px;right:14px;text-align: center;margin: auto}
.card-location div{background: #e6e6dc;;padding:5px 10px 10px 20px;border-bottom-left-radius:10px;font-size:15px;display: inline-block;position: relative;color:#666}
.card-tags{list-style: none;padding: 0px;margin-top:5px;margin-bottom: 0px;height:3em;overflow: hidden;display: flex;flex-direction: row;flex-wrap: wrap;} 
.card-tags li{display: inline-block;margin-right: 10px;font-size:15px;color: #666}
.card-tags li:before{content: '# ';}
.card:hover{transform: translate(0px, -2px);transition: All .3s ease;box-shadow: 0px 0px 50px rgba(0,0,0,0.1);}
.card h5.cardt{margin-bottom:30px;position: relative;color:rgba(0,0,0,0.8);font-size:14px;}
.card h5.cardt:after {content: '';display: block;width: 30px;height: 1px;background:rgba(0,0,0,0.2);position: relative;top:17px;}
.card h5.cardt .cardtn{margin-left:4px;}
@media (max-width: 1599px){
.card{border-radius:16px;padding:16px;}
.card-cover{border-radius: 9px}
.card-location{top:13px;right:13px;}
.card-title{font-size: 19px;}
.card-location div{padding:4px 8px 8px 16px;font-size:14px;}}
@media (max-width: 1399.98px) {
.card{border-radius:14px;padding:14px;}
.card-cover{border-radius: 8px}
.card-title{font-size: 18px;}
.card-location{top:10px;right:10px;}
.card-location div{padding:2px 4px 4px 10px;font-size:12px;}}
@media (max-width: 1199.98px) {
.card{border-radius:12px;padding:12px;}
.card-cover{border-radius: 7px}
.card-title{font-size: 17px;}}
@media (max-width: 991.98px) {
.card{border-radius:10px;padding:10px;}
.card-cover{border-radius: 6px}
.card-title{font-size: 16px;}
.card-location{top:3px;right:8px;}
.card-location div{padding:1px 3px 3px 6px;font-size:11px;}
.card-info {padding: 10px 0px 0px;}
.card-tags li{margin-right:8px;font-size: 12px;}}
@media (max-width: 767.98px) {
.card-title{font-size: 15px;}
.card-tags li{font-size: 10px;}}
@media (max-width: 640px) {
.card-title{font-size: 14px;}
.card h5.cardt{margin-bottom:20px;font-size:12px;}
.card h5.cardt:after {top:10px;}}
@media (max-width: 575.98px) {
.card h5.cardt{margin-bottom:16px;font-size:10px;}
.card h5.cardt:after {top:7px;}}

/*cardService*/
.cardService{display:flex;padding:20px;flex-direction: row;flex: 1;}
.cardService .cardService-l{text-align: center;flex: 2}
.cardService .cardService-l .cardService-cover{overflow: hidden;border-radius: 10px;background:#bfbfac;}
.cardService .cardService-l img{width:100%;object-fit: cover;aspect-ratio: 1 / 1;}
.cardService .cardService-r{flex-basis:auto;margin-left:50px;flex:auto;;flex:3;display: flex;flex-direction: column;justify-content: space-between;}
.cardService h3{font-weight: bold;font-size:2em;margin-bottom: 20px;position: relative}
.cardService p{margin-bottom: 0px;font-size: 18px;line-height: 1.5em;color: rgba(0,0,0,0.8);overflow: hidden;height:4.5em;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.cardService .btn-more{margin-top: 10px;}
@media (max-width: 1599px){
.cardService{padding:15px;border-radius:15px;}
.cardService .cardService-r{margin-left:25px;}
.cardService-t{font-size: 14px;}
.cardService-n{font-size:50px;}
.cardService h3{font-size:1.6em;margin-bottom: 15px;}
.cardService h3:after {top:13px;}
.cardService p{font-size: 16px;}}
@media (max-width: 1399.98px) {
.cardService .cardService-r{margin-left:20px;margin-right:0px}
.cardService-t{font-size: 12px;}
.cardService-n{font-size:35px;}
.cardService h3{font-size:1.4em;margin-bottom: 10px;}
.cardService h3:after {top:10px;}
.cardService p{font-size: 15px;}}
@media (max-width: 1199.98px) {
.cardService p{font-size: 14px;}}
@media (max-width: 991.98px) {
.cardService .cardService-l{flex:1}
.cardService p{font-size: 17px;}}
@media (max-width: 767.98px) {
.cardService p{font-size: 13px;}}
@media (max-width: 640px) {
.cardService .cardService-l{flex:2}
.cardService{padding:10px;border-radius:12px;}
.cardService h3{font-size:1em;margin-bottom: 5px;}
.cardService p{font-size: 12px;color: rgba(0,0,0,0.6)}}

/*cardSearch*/
.cardSearch{padding:30px;border-radius:30px;}
@media (max-width: 991.98px) {
.cardSearch{padding:20px;border-radius:20px;}}

/*s-contact*/
.s-contact{background-image:url("../images/bg-contact.jpg");background-size:cover;background-repeat: no-repeat;background-color:var(--c_bluegreen) ; color:#fff;padding:120px 0px;border-radius: 30px;}
.s-contact .c_contact-l{text-align: center;margin: 30px 0px}
.s-contact .c_contact-l img{width:100px;margin-bottom:10px;;}
.s-contact .c_contact-l h3{line-height: 1.5em;font-weight: bold;}
.s-contact .c_contact-l p{font-size: 14px;opacity: .6;margin-bottom: 5px;}
.s-contact .c_contact-l a{color:#fff;border:1px solid #fff;padding:0px 12px 3px;border-radius: 20px;font-size: 14px;display: inline-block;opacity: 1}
.s-contact .c_contact-l a:hover{background: #fff;color:#000;}
.s-contact .col-form-labelCode{height:50px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border: none !important}
.s-contact .btn-contact{background:var(--c_greenEL);height: 50px;text-align: center;width:100%;text-decoration:none;justify-content: center;}
.s-contact .btn-contact:hover{color:#fff;}
@media (max-width: 1599px){
.s-contact .c_contact-l h3{font-size: 1.5em;}}
@media (max-width: 1399.98px) {
.s-contact .c_contact-l h3{font-size: 1.4em;}}
@media (max-width: 1199.98px) {
.s-contact .c_contact-l h3{font-size: 1.2em;}}
@media (max-width: 991.98px) {
.s-contact{padding:80px 0px;}
.s-contact .c_contact-l h3{font-size: 1.3em;}}
@media (max-width: 767.98px) {
.s-contact{padding:20px 0px 45px;background-size:160%;background-color:var(--c_blue);}}

/*form*/
.row-input{border-radius: 10px;background: #fff;overflow: hidden}
.form-control{background-color: #fff;border:none;border-radius:0px;height:50px;font-size: 1em;font-weight: bold;}
textarea.form-control{height:auto}
.form-select,.form-select{background-color: #fff;border:none;border-radius:0px;height:50px;font-size: 1em;font-weight: bold;}
.form-check-input:checked {background-color:var(--color_blue);border-color:var(--color_blue);outline: none}
.form-select{padding-left: 15px;box-shadow: none !important;outline: none !important;}
.form-select:focus,.form-select:active,.form-select:hover{border:none!important;box-shadow: none !important;outline: none !important;}
.form-control:disabled, .form-control[readonly]{background: #f9f9f9;border:1px solid #eee}
.col-form-label{background: #fff;color:#888;font-size:16px;line-height:30px;border-bottom-left-radius:10px;border-top-left-radius:10px;position: relative;height:50px;padding-left: 20px}
.col-form-label:after{position: absolute;content: '';display: block;width:1px;height:30px;background: #ccc;top: 10px;right: 0px;}
.col-form-r{border-bottom-right-radius: 10px;border-top-right-radius: 10px}
.VerCode{margin-top: -3px;}
.form-select.checked,form .form-control.checked{color:var(--c_orange) !important;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
textarea:focus, textarea.form-control:focus, input.form-control:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, [type=text].form-control:focus, [type=password].form-control:focus, [type=email].form-control:focus, [type=tel].form-control:focus, [contenteditable].form-control:focus , select.form-control:focus{box-shadow: none !important;outline: none !important;background: #fff;border-color:#fff}
button:focus{box-shadow: none !important;outline: none !important;}
input[type=number] {-moz-appearance: textfield;}
input:disabled,.form-select:disabled{background: #fff;color:#808080;font-weight: normal !important;}
.form-check .form-check-input {outline: none !important;box-shadow: none !important;}
input.form-check-input[type="checkbox"]{width:20px;height:20px;accent-color: #000000;border-radius: 2px}
input.form-check-input:hover[type="checkbox"]{background-color: #eee;}
input.form-check-input[type="checkbox"]:checked {background-color: #000000 !important;border-color: #000000 !important;outline: none;}
.form-control::placeholder {color: #000;font-size: 1em;}
.col-form-label span{color:var(--c_orange);font-size: 20px;font-weight: bold;display:inline-block;position: relative;top: 5px;left: 3px}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {}
@media (max-width: 1199.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {
form .col-form-label{height:30px;line-height:25px;padding:0px 15px;border-bottom:1px solid #ddd;border-radius:0px;color: #999;font-size: 13px;}
form .col-form-label:after{display: none}}

/*filter*/
.filter{}
.filter .form-select{border:1px solid #ddd !important;border-radius:8px;}
.filter .form-select:hover{border:1px solid #aaa !important;}
.filter .col-form-label span {color:#aaa;font-weight: normal;top: 5px;left: 3px;margin-right: 10px;}

/*p-index*/
.s-kv{margin:30px auto 60px;position: relative}
.s-kv .s-kvB{position: relative;z-index: 2}
.s-kv .s-kvB h1{margin-bottom: 10px;}
.s-kv .s-kvB h2{margin-bottom: 30px;font-weight: bold;}
.s-kv .kvbg{position: absolute;bottom: 0px;right: 0px;}
.s-kv .container{position: relative}
.s-kv .linebox{position:absolute;background:#fff;right:30px;bottom:0px;width:400px;font-size:13px;font-family:'Noto Sans TC';z-index:66;border-radius:15px;box-shadow: 0px 3px 20px rgba(0,0,0,0.1);}
.s-kv .linebox-ol{display:flex;}
.s-kv .linebox-slogan{writing-mode:vertical-lr;padding:20px;display:flex;justify-content:center;font-size:16px;font-weight:bold;text-align:center;color:#fff;background:#06c755;border-top-left-radius:15px;border-bottom-left-radius:15px;}
.s-kv .linebox-qrcode{width:80px;margin: 5px 15px 5px 5px;border-radius: 3px}
.s-kv .linebox-text{margin-left:10px;margin-right: 20px;;display:flex;align-items: center}
.s-kv .linebox-text a:link,.s-kv .linebox-text a:visited{font-size:17px;margin-bottom:3px;color:#06c755;display:block;font-weight: bold;;}
.s-kv .linebox-text p{font-size:13px;line-height: 1.4em; padding: 0px;margin: 0px !important;color:#000;}
.s-kv .linebox.active{opacity:0;transform: translate(0px, 100px);}
.s-kv .lineid{background: #06c755;color:#fff;padding: 0px 10px 3px;font-size: 13px;;border-radius:20px;position: relative;top: -3px;}
.s-kv .btnSD{position: absolute;z-index: 66;color:#666;transform: rotate(90deg);display: flex;right:0px;top:80%;font-size: 13px;;}
.s-kv .btnSD:after {width: 80px;height: 1px;background:#ccc;display: block;content: '';margin-bottom: 15px;margin-top: 10px;transition: All 4s ease;transition-delay: 8s;position: relative;bottom: -0px;left: 10px;}
.s-kv .marquee-container {width: 100%;overflow: hidden;display: flex;position: absolute;pointer-events: none;}
.s-kv .marquee-container1{bottom: 120px;}
.s-kv .marquee-container2{bottom: 20px;}
.s-kv .marquee-container3{bottom: -80px;}
.s-kv .marquee-content {display: inline-block;white-space: nowrap;font-size: 100px;font-weight: bold;color: #f9f9f9;}
.s-kv .marquee-content span{font-weight: bold;color: #f9f9f9;animation: marqueeA 4s linear infinite;}
.s-kv .marquee-content1{animation: marquee1 500s linear infinite;}
.s-kv .marquee-content2{animation: marquee2 500s linear infinite;}
.s-kv .marquee-content3{animation: marquee1 500s linear infinite;}
.s-abt{overflow: hidden;background:url("../images/bg-blue.jpg");background-size:cover;border-radius:30px;position: relative;z-index: 2;color:#fff;margin: 30px;background-color:var(--c_bluegreen) ;}
.s-abt .s-abtBox{color:#fff;}
.s-abt .abt-cover{width:100%;border-radius:10px;margin: 30px 0px;overflow: hidden;background: #000;}
.s-abt .abt-cover img{width:100%;}
.s-abt h3{margin-bottom: 30px;color:#fff}
.s-abt h3:after{content: '';display: block;width:20px;height:3px;background:#fff;position: relative;top: 15px}
.s-abt h1{color:#fff;font-size:2.4em;}
.s-abt h1 span{color:var(--c_greenEL);}
.s-sv{padding-top:91px;overflow:hidden;height:100vh;display:flex;align-items:center;}
.s-sv .s-svT{position: relative}
.s-sv .s-svT #scrollBtn{background: rgba(255,255,255,1);border-radius: 30px;width:50px;height:50px;position: absolute;top:42%;right: 0px;z-index: 2;text-align: center;line-height:60px;cursor: pointer;}
.s-sv .s-svT #scrollBtn:hover{background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.1)}
.s-sv .s-svT #scrollBtn span{color:#999;position: relative;left: 3px}
.s-sv .s-svT #scrollBtnUp{background: rgba(255,255,255,1);border-radius: 30px;width:50px;height:50px;position: absolute;top:42%;left: 0px;z-index: 2;text-align: center;line-height:60px;cursor: pointer;}
.s-sv .s-svT #scrollBtnUp:hover{background: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,0.1)}
.s-sv .s-svT #scrollBtnUp span{color:#999;position: relative;left: 6px}
.s-sv .s-svB{margin-bottom:30px;}
.s-sv .cards-sv{display: flex;width: 4560px;margin-left: -20px;position: relative}
.s-sv .cards-sv .cardService{margin:0px 20px}
.s-sv .cards-sv .cards-sv-more{position: absolute;right: -220px;background:linear-gradient(to right,#e6e6dc, #fff);height: 100%; width:200px;display: flex;align-items: center;padding:0px 60px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;color: #666}
.s-sv .cards-sv .cards-sv-more:hover{color:#000}
.s-works{padding:50px 0px 100px;margin:0px;}
.s-works .s-worksB{background: url(../images/bg-blue.jpg);background-size:cover;background-color:var(--c_bluegreen) ;color: #fff;padding: 80px 0px;border-radius: 30px;}
.s-works .cards .card{margin:20px}
@media (max-width: 1599px){
.s-sv .cards-sv{width:4200px;}
.s-abt h1{font-size: 2em;}}
@media (max-width: 1399.98px) {
.s-abt h3{font-size: 1.5em;}
.s-abt h1{font-size: 1.65em;}}
@media (max-width: 1199.98px) {
.s-abt h3{font-size: 1.3em;}
.s-abt h1{font-size: 1.4em;}}
@media (max-width: 991.98px) {
.s-kv{margin:60px auto 60px;}
.s-kv .btnSD{display: none}
.s-kv .linebox{position:relative;top: 0px;bottom:0px;left: 0%;right:  0%;width:100%;margin:30px 0px -20px;}
.s-abt .s-abtBox{transform: none !important}
.s-abt .col-abt-r{padding: 30px 0px}
.s-abt h3{font-size: 1.1em;}
.s-abt h1{font-size: 1.2em;}
.s-works .s-worksB{background-position: right;background-size: cover;padding:40px 0px;}}
@media (max-width: 767.98px) {
.s-kv .linebox{left:5%;right:5%;width:90%;}
.s-sv{padding-top:63px;}
.s-sv .s-svB{margin-bottom:20px;}
.s-sv .cards-sv{width:calc(95vw*5);margin-left: -35px;}
.s-sv .cards-sv .cardService{margin:0px 0px 0px 35px}
.s-kv .linebox-text a:link,.s-kv .linebox-text a:visited{font-size:16px;}}
@media (max-width: 575.98px) {
.s-kv .s-kvB .cc2{margin-bottom: 0px !important;}
.s-abt{border-radius:20px;margin:6px;}
.s-abt .abt-cover{margin:18px 0px;overflow: hidden;background: #000;}
.s-abt .col-abt-r{padding:0px 0px 30px;}
.s-works{padding:0px 0px 100px;}
.s-works .cards .card{margin:6px}
.s-works .cards .card .card-cover,.s-works .cards .card .card-cover img{border-radius: 6px}
.s-sv .container{margin-bottom: 80px;}
.s-sv .s-svB{margin-bottom:10px;}
.s-sv .cards-sv{margin-left: -30px;}
.s-sv .cards-sv .cardService{margin:0px 0px 0px 30px}
.s-kv .linebox{left:1%;right:1%;width:98%;}
.s-kv .linebox-qrcode{margin: 5px 5px 5px 5px;}
.s-kv .linebox-slogan{padding:20px 15px;font-size:13px;}
.s-kv .linebox-text a:link,.s-kv .linebox-text a:visited{font-size:15px;}
.s-kv .linebox-text p{font-size:12px;line-height: 1.4em;}}

/**/
@keyframes marquee1 {
0% {transform: translateX(0) skew(-10deg, 0deg);;}
100% {transform: translateX(-100%) skew(-10deg, 0deg);;}}
@keyframes marquee2 {
0% {transform: translateX(-100%) skew(10deg, 0deg);;}
100% {transform: translateX(0%) skew(10deg, 0deg);;}}
@keyframes marqueeA {
0% {color:#fbfbfb;}
50% {color:#f6f6f6;}
100% {color:#fbfbfb;}}

/*p-contact*/
.c-ide{}
.c-ideInfo{margin-top:0px;}
.c-ideInfo ul{list-style: none;padding: 0px;display: flex;flex-wrap: wrap}
.c-ideInfo ul li{}
.btn-ide, .btn-ide:link, .btn-ide:visited {margin:7px 7px 7px 0px;padding:5px;height: 54px}
.btn-ide span{position: relative;z-index: 2}
.btn .btn-ideAvatar{width:44px!important;height:44px!important;border-radius: 22px;border:2px solid #fff!important;margin:0px 8px 0px 0px;z-index: 2}
.btn-ideName{margin-right: 10px;z-index: 2;opacity: .6}
.btn-ideArrow {width: 12px;height: 12px;margin-left: 15px;margin-right: 20px;position: relative;z-index: 2;}
.btn-ide-1{background: var(--c_greenL) !important;}
.btn-ide-2{background: var(--c_bluegreen) !important;}
.btn-ide-3{background: var(--c_blue) !important;}
.btn-ide-4{background: var(--c_green) !important;}
.btn-ide-5{background: var(--c_greenEL) !important;}
@media (max-width: 1599px){
.btn-ide, .btn-ide:link, .btn-ide:visited {height: 50px}
.btn-ideAvatar{width:40px;height:40px;border-radius: 20px;}}
@media (max-width: 1399.98px) {
.btn-ide, .btn-ide:link, .btn-ide:visited {margin:6px 6px 6px 0px;height: 46px;font-size: 16px;}
.btn-ideAvatar{width:36px;height:36px;border-radius: 18px;}}
@media (max-width: 1199.98px) {
.btn-ide, .btn-ide:link, .btn-ide:visited {margin:5px 5px 5px 0px;height: 40px;font-size: 14px;}
.btn-ideAvatar{width:30px;height:30px;border-radius: 15px;}
.btn-ideArrow {margin-left: 10px;margin-right: 15px;}}
@media (max-width: 991.98px) {
.btn-ide, .btn-ide:link, .btn-ide:visited {margin:4px 4px 4px 0px;font-size: 13px;}
.btn-ideArrow {width: 10px;height: 10px;}}
@media (max-width: 767.98px) {}
@media (max-width: 575.98px) {}

/*p-about*/
.p-about{padding-top:204px;}
.p-about p{text-align: justify;}
.p-about .btn-top{display: none}
.p-about .sharebar{position: absolute;z-index:1;bottom: 20px;right:20px;}
.p-about .sharebar span{position: relative;top:5px;left: -5px}
.s-abt-A{height:100vh;position: relative;padding-top: 145px;}
.s-abt-A h2{margin-bottom:30px;font-weight: bold;}
.s-abt-A .col-12{position: relative;z-index:1;}
.s-abt-A>.container,.s-abt-A>.container>.row{height: 100%}
.s-abt-A .abt-cover img{width:100%;overflow: hidden;border-radius: 15px}
#s-abt-A1{background-image:url("../images/abt-bg3.jpg");background-size: cover;background-position: center center;height:calc(100vh - 204px);color: #fff;overflow: hidden;padding-top: 0px;}
#s-abt-A1 h4{color:#fff;}
#s-abt-A1 a{color:#fff;font-weight: bold;}
#s-abt-A2{border-bottom: 1px solid #ddd;background:#e6e6dc url("../images/bg-box.jpg") no-repeat right bottom;}
#s-abt-A2 a{color:#888;margin-top: 10px;display: inline-block}
.abt-int_boxR img{width:200px}
.abt-int{}
.abt-int_box{border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom:20px;margin-bottom:40px;}
.abt-int_box:last-child{padding-bottom: 0px;margin-bottom: 0px;border-bottom: none}
.abt-int_boxL{margin-left: 50px;}
@media (max-width: 1599px){
.p-about{padding-top:197px;}
#s-abt-A1{height:calc(100vh - 197px);}}
@media (max-width: 1399.98px) {
.p-about{padding-top:191px;}
#s-abt-A1{height:calc(100vh - 191px);}}
@media (max-width: 1199.98px) {
.p-about{padding-top:185px;}
.s-abt-A{height:auto;padding-bottom: 50px;padding-top:180px}
#s-abt-A1{height:calc(100vh - 185px);}
#s-abt-A3 .abt-cover{margin-bottom:50px;}
.abt-int_boxR img{width:160px}
.abt-int_box{padding-bottom:10px;margin-bottom:20px;}}
@media (max-width: 991.98px) {
.p-about{padding-top:171px;}
#s-abt-A1{height:calc(100vh - 171px);}
.abt-int_boxR img{width:140px}}
@media (max-width: 767.98px) {
.p-about{padding-top:107px;}
#s-abt-A1{height:calc(100vh - 107px);}
.abt-int_boxR img{width:120px}
.abt-int_boxL {margin-left:20px;}}
@media (max-width: 575.98px) {}

/*p-sv*/
.p-sv .cardService{width:100%;margin-bottom: 30px;}
.p-sv .Rworks{background: url(../images/bg-blue.jpg);background-position:center right;color: #fff;padding:60px;border-radius: 30px;margin:80px 0px;}
.p-sv .Rworks-l{display: flex;height: 100%;flex-direction: column;justify-content: space-between;}
.p-sv .sticky-top{margin-top:170px;top:150px;}
.p-sv .sticky-top h5{margin-bottom: 30px;;}
.p-sv .sticky-top ul{list-style: none;padding:0px;border-radius:30px;}
.p-sv .sticky-top ul li{font-size: 18px;line-height:24px;margin-bottom:15px;position: relative}
.p-sv .sticky-top ul li:after{content: '';display: block;width:8px;height: 1px;background: #ccc;position: absolute;bottom: 10px;left: -18px}
.p-sv .sticky-top ul li a:link,.p-sv .sticky-top ul li a:visited{color:#444;transition: All .2s ease;display: block}
.p-sv .sticky-top ul li a:hover,.p-sv .sticky-top ul li a:active{color:#000;transform:translate(5px,0px)}
.p-sv1 .a_sv1,.p-sv2 .a_sv2,.p-sv3 .a_sv3,.p-sv4 .a_sv4,.p-sv5 .a_sv5,.p-sv6 .a_sv6{color:var(--c_greenEL) !important;}
@media (max-width: 1599px){
.p-sv .Rworks{padding:50px;margin:70px 0px;}}
@media (max-width: 1399.98px) {
.p-sv .Rworks{padding:40px;margin:60px 0px;}}
@media (max-width: 1199.98px) {
.p-sv .Rworks{padding:30px;margin:50px 0px;}}
@media (max-width: 991.98px) {
.p-sv .Rworks{background-position: right;background-size: cover}
.p-sv .sticky-top ul li{font-size: 15px;margin-bottom: 10px;}
.p-sv .Rworks-l{justify-content: center;padding-bottom: 30px;text-align: center;}
.p-sv .Rworks-l .btn-light{margin-top:15px;}}
@media (max-width: 767.98px) {
.p-sv .cardService{margin-bottom:10px;}
.p-sv .Rworks-r .row .col-6:last-child{display: none;}}


/**/
.p-works .card{height:100%}

/*p-pjt*/
.s-pjtBox{border-radius:30px;background:#e6e6dc url("../images/bg-box.jpg") no-repeat right bottom;padding:30px;border: 1px solid #e6e6dc;margin-bottom: 50px;}
.s-pjtBoxCover{position: sticky;top: 121px;margin-top: -100px;border-radius: 30px;margin-bottom:40px;}
.s-pjtBoxCover img{object-fit: cover;aspect-ratio: 1 / 1;}
.s-pjtBoxInfo{margin-top: 100px;margin-bottom:50px;}
.s-pjtBoxInfo h1{border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 20px;margin-bottom: 20px;}
.p-pjt .location{background: var(--c_blue);display: inline-block;color:#fff;padding:5px 20px;border-radius: 30px;margin-bottom: 15px;}
.p-pjt .tags{margin-bottom: 50px;height:auto;padding: 0px;}
.p-pjt .tags li{display: inline;margin-right: 10px;font-size:18px;color:var(--c_green);}
.p-pjt .tags li a{font-weight: bold;display: inline-block}
.p-pjt .tags li a:before{content: '# ';}
.p-pjt .info{margin-bottom: 20px;padding-bottom: 10px;}
.p-pjt .info h5{font-size: 13px;color: rgba(0,0,0,0.4)}
.p-pjt .info h3{font-size: 20px;color:#000}
.p-pjt .ul-info{font-size: 1.1rem;font-family: "Noto Sans TC", sans-serif;font-weight:400;margin-bottom:2rem;padding: 0px}
.p-pjt .ul-info li{display: flex;margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid rgba(0,0,0,.1);justify-content: space-between;position: relative}
.p-pjt .ul-info li:before{content: '';display: block;width:60px;height:5px;background:rgba(0,0,0,0.1);position: absolute;bottom: 0px;}
.p-pjt .ul-info li div:nth-child(1){width:120px;font-weight: 300;color:#000;flex:none;}
.p-pjt .ul-info li div:nth-child(2){font-weight: bold;}
.pjtNav_link{display: flex;align-items: center;}
.pjtNav_link span{display: block;margin: 0px 15px;color:#000;width: 20px;}
.pjtNav_link div div:nth-child(1){font-size: 12px;color:#999;margin-bottom:2px;}
.pjtNav_link div div:nth-child(2){font-size: 20px;color:#000;font-weight: bold;transition: All .2s ease;}
.pjtNav_link div img{width:80px;border-radius:10px;margin: 0px 10px;object-fit: cover;aspect-ratio: 1 / 1;}
.pjtNav_link-prev{}
.pjtNav_link-next{justify-content: flex-start;;flex-direction: row-reverse;}
.pjtNav_link-next .d-flex{flex-direction: row-reverse}
.pjtNav_link:hover div div:nth-child(2){color:var(--c_green);}
.pjtNav_home {margin-top: 10px;display: block;color:#ddd;}
.pjtNav_home span{color:#e6e6dc;font-size: 40px;transition: All .2s ease;}
.pjtNav_home:hover span{color:var(--c_green);font-size: 40px;}
@media (max-width: 1599px){}
@media (max-width: 1399.98px) {
.s-pjtBoxInfo{margin-top:30px;margin-bottom:30px;}
.s-pjtBoxCover{margin-top:0px;}}
@media (max-width: 991.98px) {
.s-pjtBox{padding:20px;}
.s-pjtBoxCover{margin-top: 0px;border-radius:15px;margin-bottom: 0px;}
.s-pjtBoxInfo{margin-top:30px;}
.p-pjt .location{padding:4px 15px;margin-bottom: 5px;}
.p-pjt .tags{margin-bottom:30px;}
.p-pjt .tags li{font-size:16px;}
.pjtNav_link span{margin: 0px 10px;}
.pjtNav_link div div:nth-child(2){font-size:18px;}}
@media (max-width: 767.98px) {
.pjtNav_link span{margin: 0px 5px;}
.pjtNav_link div div:nth-child(1) {font-size: 10px;color: #666;margin-bottom: 2px;}
.pjtNav_link div div:nth-child(2){font-size:14px;}
.pjtNav_link div img{width:50px;border-radius:5px;margin: 0px 7px}}

/*p-login*/
.s-loginBox{background:#e6e6dc url("../images/bg-box.jpg") no-repeat right bottom;padding:40px 0px 60px;border-radius: 30px;}
.s-loginBox .btn-contact span{width: 100%;display: block;text-align: center}
.login-or{font-size:12px;color:#999;overflow: hidden;}
.login-or span{position:relative;font-family: "Noto Sans TC", sans-serif;}
.login-or span:before{content:'';display: block;width:100%;height:1px;background:#ddd;position: absolute;top:8px;left:110%}
.login-or span:after{content:'';display: block;width:100%;height:1px;background:#ddd;position: absolute;top:8px;right:110%}
.btn-line{background:#06c755 !important;border:1px solid #06c755 !important;width: 100%;}
.btn-line:hover{background:#06c755 !important;border:1px solid #06c755 !important;}
.btn-line svg{margin-top:-3px}
@media (max-width: 991.98px) {}
@media (max-width: 767.98px) {}

/*p-recruitment*/
.p-recruitment .container-fluid{padding: 0px;}
.p-recruitment .sticky-top{top:91px}
.p-recruitment .recCover {width:100%;height:calc( 100vh - 91px);object-fit: cover;border-radius: 0px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.recList{border-bottom: 1px solid #ddd}
@media (max-width: 991.98px) {
.p-recruitment .recCover{height:45vw;border-radius:10px;}}
@media (max-width: 767.98px) {}

/*p-download*/
.p-download table{vertical-align: middle;}
.s-dlPageB{margin-bottom: 50px;}
.s-dlPageB .dlID{text-align: center;width:5%;}
.s-dlPageB .dlName{font-weight: bold;width:25%}
.s-dlPageB .dlDes{color:#888;width:45%}
.s-dlPageB .dlDate{color: #888;width:10%}
.s-dlPageB .btn-dl{background: var(--cl_A);color:#fff;padding:0px 15px 2px 12px;font-size: 14px;line-height:30px;border-radius: 20px;display: inline-flex;margin: 2px 0px;align-items: center;}
.s-dlPageB .btn-dl span.material-symbols-outlined{font-size:20px;font-weight: normal;color:rgba(255,255,255,.7)}
.s-dlPageB .btn-dl div{white-space:nowrap;font-weight: bold;}
.s-dlPageB .btn-dl:hover,.s-dlPageB .btn-dl:active{background: var(--cl_C)}
.s-dlPageB h3{font-weight: bold;margin: 40px 0px 20px;}
.s-dlPageB thead,.s-dlPageB thead tr th{color:#ccc;font-weight: normal;}
.s-dlPageCover img{width:100%;min-height:200px;object-fit: cover}
@media (max-width: 991.98px) {
.s-dlPageB .dlName{font-size: 15px;}
.s-dlPageB .dlDes,.s-dlPageB .dlDate,.s-dlPageB thead, .s-dlPageB thead tr th{font-size: 13px;}
.s-dlPageB .dlDate{width:100px}
.s-dlPageB .btn-dl{padding:0px 12px 2px 10px;font-size: 13px;}}
@media (max-width: 767.98px) {
.s-dlPageB .dlName{font-size: 14px;}
.s-dlPageB .dlDes,.s-dlPageB .dlDate,.s-dlPageB thead, .s-dlPageB thead tr th{font-size: 12px;}
.s-dlPageB .btn-dl{padding:0px 12px 2px 10px;font-size: 12px;}}