@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
@import url('/css/SeoJump.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans:wght@400;700&family=Noto+Serif+SC:wght@200;300;400;500;600&family=Noto+Serif+TC:wght@200;300;400;500;600&family=Noto+Serif:wght@400;700&display=swap');

*:focus { outline: none; }

header, footer, div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, svg, span, font, strong, b, a, i { text-align: left; vertical-align: middle; word-wrap: break-word; word-break: break-word; line-height: 170%; border-width: 0; font-family: var(--font-family), sans-serif; font-size: 16px; color: var(--info); }

ul , ol { list-style: none; }

fieldset { border: 0; }

input[type="text"] , input[type="tel"] , input[type="number"] , input[type="password"] , button , select , textarea { padding: .5rem 1rem; width: 100%; background-color: #fff; background-clip: padding-box; border: 1px #ededed solid; border-radius: .2rem; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input::-webkit-outer-spin-button , input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; }
input[type="password"] { font-family: auto; }
select { padding: .3rem 1rem; }

/* img */
img { max-width: 100%; }
.img_cover { object-fit: cover; }
.img_contain { object-fit: contain; }

a , a:link , a:visited , a:hover { text-decoration: none; white-space: pre-wrap; }

/* general class set */
.txt_clamp { overflow: hidden; height: 27px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.d_inblock.txt_clamp { display: -webkit-inline-box; }
.atag_item { width: 100%; height: 100%; top: 0; left: 0; }
.nowrap_box {font-size: 0;}
.flex_direction { flex-direction: column; }
.flex_wrap { flex-wrap: wrap; }
.text_uppercase { text-transform: uppercase; }
.writing_rl { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }

/* btn */
.btn { padding: .2rem 1rem .25rem; border-width: 1px; border-style: solid; border-radius: .2rem; display: inline-block; text-align: center; line-height: 1.2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn_pill { padding: .6rem 2rem; }

/* badge  */
.badge { padding: .2rem .3rem; border-radius: .2rem; line-height: 1; font-weight: 300; font-size: 15px; text-align: center; white-space: nowrap; vertical-align: baseline; }
.badge_pill { padding: .7em 2em; border-radius: 10em; }
.badge_lighten { padding: 0 4px; min-width: 22px; border-radius: 3px; font-weight: 400; text-align: center; font-size: 12px; vertical-align: text-bottom; }

/* photo,bg_box */
a.photo , .bg_box { overflow: hidden; background: no-repeat 50% / cover; display: block; }

/* fancybox */
[class^="fancybox-"] , [class^="fancybox-"] * , .slick-track , .fa , .fas , .fa:before , .fas:before , .fa:after , .fas:after , .trans_none_box { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.fancybox-infobar__body span { font-size: inherit; color: currentcolor; vertical-align: initial; }

/* webBox */
.webBox { overflow: hidden; position: relative; width: 100vw; min-height: 100vh; }
.webBox .wrapper {position: relative;width: 100vw;min-height: 100vh;background: #f6fffa;z-index: 2;padding: 20px 0 0;}
.webBox .slick-slider { margin-bottom: 0; }

/* workframe */
.workframe { margin: 0 auto; width: 90vw; }

/* header */
header { padding: 5px 5vw; width: 100%; top: 0; left: 0; z-index: 999; }

/* banner */
#banner { width: 100vw; height: calc(100vh - 35.5px); }
#banner .img_box img { min-width: 100vw; width: 100vw; min-height: calc(100vh - 35.5px); height: calc(100vh - 35.5px); }

/* contract_wrap */
#contract_wrap { position: relative; }

/* searchform */
#searchform {position: absolute;padding: 1.5rem 2rem;width: 400px;border-left: 6px solid #d5e3db;background-color: #eaf3ee;border-radius: .5rem;top: 35vh;left: 50%;transform: translate(-50%, -50%);}
#searchform h2 {text-align: center;font-weight: 500;font-size: 22px;color: #000000;}
#searchform p { margin-top: 15px; text-align: right; }
#searchform p .btn {padding: .4rem 2.5rem .4rem;background: #14371b;border-color: #14371b;font-size: 17px;color: #fff;}
#searchform p .askpass {  display: block; text-align: center; }
#searchform p .askpass a { line-height: 1; font-size: 14px; color: #bdbdbd; }
#searchform p.send { text-align: center; }
#searchform p.check_box { display: flex; align-items: center; }
#searchform p.check_box input { margin-right: 15px; }

/* footer */
footer {padding: 5px 5vw;background: var(--info);text-align: center;font-weight: 200;font-size: 15px;color: #fff;}

/* gotop */
#gotop { }

/* lodbg */
[data-action="loader"] { position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0 / .3); text-align: center; line-height: 100vh; top: 0; left: 0; opacity: 0; z-index: -1; }
[data-action="loader"] .loader-circle { width: 50px; height: 50px; border: 2px rgba(0, 0, 0, .6) solid; border-left-color: rgb(255 255 255 / .4); border-radius: 100%; display: inline-block; }
#lodbg { opacity: 1; z-index: 99999; }
#lodbg .loader-circle { -webkit-animation: circle infinite .75s linear; -moz-animation: circle infinite .75s linear; -o-animation: circle infinite .75s linear; animation: circle infinite .75s linear; }

@keyframes circle { 0%{ transform: rotate(0); } 100% { transform: rotate(360deg); } }
@-webkit-keyframes circle { 0%{ -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes circle { 0%{ -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }
@-o-keyframes circle { 0%{ -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }

@media screen and (min-width: 1441px){
	.workframe { width: 1440px; }
}
@media screen and (max-width: 1440px){
}