@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');
* {margin:0;padding:0;}
*:focus {outline:none;}
body {margin:0;}
body::selection {background:var(--primary);text-shadow:none;color:var(--white);}
body::-webkit-scrollbar {width:5px;}
body::-webkit-scrollbar-track {background:rgba(var(--gray-rgb),.4);}
body::-webkit-scrollbar-thumb {background:var(--primary);}
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,button,select,textarea {padding:10px 15px;width:calc(100% - 32px);border:0;border-radius:0;background:var(--gray);box-shadow:none;outline:none;font-size:16px;color:var(--black);-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select {padding:15px;width:100%;}
input#Checknum {margin-right:15px;width:70px;max-width:calc(100% - 97px);}
/* img */
img {max-width:100%;}
.img_cover {width:100%;object-fit:cover;}
.img_contain {width:100%;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;}
.txt_num {font-family:'Noto Sans TC','Noto Sans SC';}
/* btn */
.btn,.btn_outline {padding:2px 10px;}
.more_btn {min-width:240px;border:1px var(--secondary) solid;border-radius:5px;}
.more_btn font {line-height:60px;}
.more_btn span {width:50px;height:1px;top:calc((100% - 1px) / 2);right:-25px;}
.more_btn span:before {position:absolute;width:8px;height:1px;background:var(--secondary);display:block;right:0;top:0;content:"";}
.centerbox {display:flex;flex-direction:column;align-items:center;margin:10px 0;}
/* badge  */
.badge {padding:2px 10px;box-shadow:none;}
.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:100%;}
.webBox .pageh1 {position:absolute;top:0;z-index:1;}
.webBox .wrapper {position:relative;background:#fff;z-index:2;}
.webBox .slick-slider {margin-bottom:0;}
/* workframe */
.workframe {margin:0 auto;width:90%;}
/* header */
header #menubtn {width:75px;height:75px;top:0;right:0;z-index:991000;}
header #menubtn a {margin:auto;width:25px;height:20px;}
header #menubtn a span {position:absolute;width:100%;height:2px;display:block;top:0;right:0;}
header #menubtn[data-type="1"] a span {transition:transform .4s cubic-bezier(.215,.61,.355,1),opacity .4s cubic-bezier(.215,.61,.355,1),-webkit-transform .4s cubic-bezier(.215,.61,.355,1);}
header #menubtn[data-type="1"] a span:nth-child(2) {top:calc(50% - .5px);}
header #menubtn[data-type="1"] a span:nth-child(3) {top:calc(100% - 1px);}
header #menubtn[data-type="2"] a span {transition:.4s cubic-bezier(.645,.045,.355,1);}
header #menubtn[data-type="2"] a span:nth-child(1),header #menubtn[data-type="2"] a span:nth-child(3) {top:50%;}
header #menubtn[data-type="2"] a span:nth-child(2) {opacity:0;}
header #webmenu {z-index:999;}
header #webmenu nav >ul >li >p a {padding:10px 5px;font-size:18px;}
header #webmenu nav ul li b {position:absolute;padding:0 5px 0 15px;width:23px;height:41px;display:inline-block;text-align:center;line-height:41px;top:calc((100% - 41px) / 2);right:0;}
header #webmenu nav >ul >li .subOption li >div a {padding:7px 10px;display:block;}
header #header_bar {margin:15px 10px;align-items:center;}
header #header_bar >a {padding:10px 10px;margin:2px 5px;line-height:100%;border:#9f9f9f61 1px solid;border-radius:50%;}
header #header_bar svg {width:20px;height:20px;}
/* hSearch */
#hSearch {width:100%;height:0;top: 0;z-index: 100000000;}
#hSearch[data-type="2"] {height: 300px;}
#hSearch >div {margin:50px auto;width:700px;display: flex;align-items: center;}
#hSearch .click_close{display: flex;flex-direction: column;align-items: center;width: 36px;margin: 0;margin-left: 13%;}
#hSearch .click_close svg{width: 100%;}
#hSearch >div input {margin-right:15px;width:calc(100% - 89px);background:none;border-bottom:1px rgba(var(--black-rgb),.3) solid;}
#hSearch >div a {border-radius:50%;}
#hSearch >div a svg {margin:10px;width:22px;height:22px;}
/* menubg */
#menubg {width:100vw;height:100vh;top:0;left:0;}
#menubg[data-type="1"] {background:rgba(var(--black-rgb),0);z-index:-998;}
#menubg[data-type="2"] {background:rgba(var(--black-rgb),.5);/* z-index:998;*/}
/* footer */
footer {z-index:5;}
footer * {font-family:'Noto Sans TC','Noto Sans SC';font-weight:400;font-size:14px;color:var(--info);}
footer .f_inner {padding: 4% 5% 20px;text-align:left;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;}
footer #f_nav {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
footer #f_copy {margin-top:30px;}
footer #f_copy >div,footer #f_copy >div * {font-size:12px;}
footer #f_info {display:flex;flex-wrap:wrap;}
footer #f_info p {display:flex;width:50%;}
/* webSeo */#webSeo {padding:5px 0;white-space:nowrap;box-sizing:border-box;background: #ffffff47;}
#webSeo .seo {padding-left:100%;font-size:13px;opacity:.3;}
/* gotop */#gotop {right:10px;bottom:20px;z-index:99999;}
#gotop a {padding:10px;}
#gotop span {margin:0 auto 15px;width:2px;height:30px;background:var(--secondary);}
#gotop span:before {position:absolute;width:2px;height:8px;background:var(--secondary);display:block;top:0;left:-3px;content:"";}
#gotop font {font-family:'Noto Sans TC','Noto Sans SC';letter-spacing:-0.05em;font-weight:500;-ms-writing-mode:tb-rl -webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-orientation:upright;}
.webBox #gotop[data-type="2"] span,.webBox #gotop[data-type="2"] span:before {background:#14151f;}
.webBox #gotop[data-type="2"] font {color:#14151f;}
/* footer_btn */#footer_btn {right:0;bottom:140px;z-index:999;}
#footer_btn a {margin:11px 14px;}
#footer_btn a.line {background:white;padding:5px 7px;border-radius:50%;}
#footer_btn[data-type="2"] a.line {background:#8BC34A;}
#footer_btn a.phone {background:white;padding:5px 7px;border-radius:50%;}
#footer_btn[data-type="2"] a.phone {background:#2782ca;}
#footer_btn a svg {width:25px;height:25px;}
footer {position:relative;padding-top:10vw;background:#9a79ba;background-image:url(/images/freeboxbg.webp);}
footer:before {position:absolute;padding-top:10.6666667vw;width:100%;background:url("data:image/svg+xml,%3Csvg data-name='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 204.8'%3E%3Cpath d='M0 204.8c320.54-56.48 635.63-86.5 944.64-87 290.43-10.64 627.66 32.22 975.36 87V0H0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 50% 0 / cover;top:-1px;left:0;z-index:10;content:"";}
@media screen and (min-width:1441px) {.workframe {width:var(--width-xxl);max-width:95%;}}
@media screen and (min-width:1281px) {
	.writing {-ms-writing-mode:tb-rl -webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;}
	.more_btn:hover span {right:-35px;}
	header.scroll #webmenu {position:fixed;top:0px;padding:22px 0;background:white;width:96%;left:unset;padding:0 2%;}
	header #webmenu nav ul li {position:relative;vertical-align:top;}
	header #webmenu nav ul li.writing_straight {-ms-writing-mode:tb-rl -webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;}
	header.scroll #webmenu nav ul li.writing_straight {-ms-writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb;}
	header #webmenu nav ul li b {display:none;}
	header #webmenu nav ul li .bo {position:relative;background:var(--white);z-index:1;}
	header #webmenu nav >ul >li >p a {padding:0 6px 0px;}
	header.scroll #webmenu nav >ul >li >p a {padding:0 6px 0px;}
	header #webmenu nav >ul >li:hover >p a {color:var(--primary);}
	header #header_bar {margin:15px 0;justify-content:flex-end;}
	footer #extra ul li:hover img {display:block;}
}
@media screen and (min-width:1025px) {
	.phoneWrap {display:none !important;}
	footer #footerCompany .plus-information a:hover img {display:block}
}
@media screen and (max-width:1024px) {
	#gotop {bottom:52px;}
	#footer_btn {display:none;}
	footer{
    padding-bottom: 55px;
}
	.phoneWrap {display:flex;position:fixed;bottom:0px;left:0px;width:100%;z-index:5;flex-direction:column;}
	.phoneWrap ul {display:flex;}
	.phoneWrap ul li {width:50%;box-sizing:border-box;background-color:#745eba;}
	.phoneWrap ul li + li {border-left:1px solid #fff;}
	.phoneWrap ul li a {display:inline-block;width:100%;color:#fff;text-align:center;padding:10px 0px;}
}
@media screen and (max-width:1280px) {
	header #webmenu {position:fixed;padding:15px 0;width:350px;height:100vh;background:var(--white);box-shadow:0 10px 10px rgba(var(--black-rgb),.5);top:0;right:calc(-1 * var(--width-xs));z-index:99899;}
	header #webmenu nav {overflow-y:scroll;margin-top:45px;padding:0 10px;height:calc(100% - 65px);}
	header #webmenu nav::-webkit-scrollbar {width:0;}
	header #webmenu nav >ul {padding-bottom:10vh;}
	header #webmenu li .menu_body .subOption li ul {position:relative;display:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
	header #webmenu li .menu_body ul {margin-bottom:10px;margin-left:1.3em;}
	header #webmenu li .menu_body .subOption .bo {position:relative;}
	header #webmenu li .menu_body .subOption a {padding:5px 45px 5px 0;color:var(--triadic2);}
	header #webmenu li .menu_body .sub2Option a {padding:0 45px 0 0;font-weight:300;color:var(--triadic1);}
	header #webmenu li .menu_body .sub3Option a {padding-right:5px;color:var(--primary);}
	footer #f_info p {width:100%;}
}
@media screen and (max-width:760px) {
	footer #f_nav {margin-top:30px;}
	#hSearch .click_close{
    margin-left: 20px;
}
}
@media screen and (max-width:550px) {
	footer #f_nav a {margin-right:15px;}
	footer #f_info {margin-top:30px;}
}