@import url('/css/fontawesome-all.css');
@import url('/css/font-awesome.min.css');
@import url('/css/fontawesome.min.css');
@import url('/css/all.min.css');
@import url('/css/SeoJump.css');
@import url('/css/contentBuilder.css');
@import url('root.css');

@import url('https://fonts.googleapis.com/css2?family=Gideon+Roman&family=Noto+Serif+TC:wght@200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&display=swap');

/* main.less */
.webBox *,.webBox:before,.webBox:after{transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}.webBox header #menubtn[data-type="2"] a span:nth-child(1){transform:rotate(45deg);-webkit-transform:rotate(45deg);}.webBox header #menubtn[data-type="2"] a span:nth-child(3){transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}@media (min-width:1281px){.webBox header #webmenu li .menu_body{transform:translate(0,30px);-webkit-transform:translate(0,30px);}.webBox header #webmenu li .menu_body .subOption li .sub2Option{transform:translate(-30px,0);-webkit-transform:translate(-30px,0);}.webBox header #webmenu li .menu_body .subOption li .sub2Option li .sub3Option{transform:translate(-30px,0);-webkit-transform:translate(-30px,0);}.webBox header #webmenu li .menu_body .subOption li .sub2Option li:hover .sub3Option{transform:translate(0,0);-webkit-transform:translate(0,0);}.webBox header #webmenu li .menu_body .subOption li:hover .sub2Option{transform:translate(0,0);-webkit-transform:translate(0,0);}.webBox header #webmenu li:hover .menu_body{transform:translate(0,0);-webkit-transform:translate(0,0);}.webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option{transform:translate(30px,0);-webkit-transform:translate(30px,0);}.webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option li .sub3Option{transform:translate(30px,0);-webkit-transform:translate(30px,0);}.webBox header #webmenu li:last-child .menu_body .subOption li .sub2Option li:hover .sub3Option{transform:translate(0,0);-webkit-transform:translate(0,0);}.webBox header #webmenu li:last-child .menu_body .subOption li:hover .sub2Option{transform:translate(0,0);-webkit-transform:translate(0,0);}}.webBox header #search_box #openform{width:45px;height:45px;border-radius:50%;}.webBox header #search_box form{transform:translate(30px,0);-webkit-transform:translate(30px,0);}.webBox header #search_box[data-type="2"] form{transform:translate(0,0);-webkit-transform:translate(0,0);}.webBox .img_scale img{transform:scale(1);-webkit-transform:scale(1);}@media (min-width:1281px){.webBox .img_scale:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}}.webBox #SeoStarRating font{margin-right:5px;display:inline-block;line-height:110%;vertical-align:text-bottom;color:#ffc107;}.webBox #SeoStarRating font *{color:#ffc107;}.webBox #SeoStarRating font:first-child{font-weight:bold;font-size:18px;}.webBox #SeoStarRating font:last-child{color:#cb0244;}.webBox #webSeo .seo{-webkit-animation:marquee 200s linear infinite;animation:marquee 200s linear infinite;}.webBox #footer_btn a{width:45px;height:45px;border-radius:50%;}@media (max-width:550px){.webBox #footer_btn a{width:40px;height:40px;border-radius:50%;}}

* { margin: 0; padding: 0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
*:focus { outline: none; }


html {width:100%;max-width:100%;overflow-x:clip;}
body { margin: 0;width:100%;max-width:100%;margin:0;overflow-x:visible; }
body ::selection { background: var(--gray); 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: 5px 15px; width: calc(100% - 32px); border: 1px rgba(var(--black-rgb), .15) solid; border-radius: 0; background: none; box-shadow: none; outline: none; font-size: 16px; color: var(--gray); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select { padding: 10px 15px; width: 100%; }
input#Checknum { margin-right: 15px; width: 70px; max-width: calc(100% - 97px); }
input::-webkit-input-placeholder , textarea::-webkit-input-placeholder { font-weight: 400; color: rgba(var(--black-rgb), .6); }
input::-moz-placeholder , textarea::-moz-placeholder { font-weight: 400; color: rgba(var(--black-rgb), .6); }
input:-ms-input-placeholder , textarea:-ms-input-placeholder { font-weight: 400; color: rgba(var(--black-rgb), .6); }
input:-moz-placeholder , textarea:-moz-placeholder { font-weight: 400; color: rgba(var(--black-rgb), .6); }

/* 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: 'Quicksand', sans-serif; }

/* btn */
.btn , .btn_outline { padding: 2px 10px; }
.more_btn { padding: 10px 35px; text-transform: capitalize; }
.more_btn:before { position: absolute; width: 100%; height: 100%; background: var(--white); top: 0; left: 0; opacity: .3; z-index: 9; content: ""; -webkit-transition: -webkit-transform .6s; transition: -webkit-transform .6s; transition: transform .6s; transition: transform .6s, -webkit-transform .6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,100%,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,bgBox */
a.photo , .bgBox { 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; }
[class^="fancybox-"], [class^="fancybox-"] * { font-family: inherit; color: currentColor; }

/* webBox */
.webBox { overflow: hidden; position: relative; width: 100%; }
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.webBox .wrapper { position: relative; background: var(--white); z-index: 2; }
.webBox .slick-slider { margin-bottom: 0; }

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

.papah1{display:flex;flex-direction: column;align-items: center;margin: 25px auto;}
.papah1 h1{font-size: 1.25rem;font-weight: 400;}
.masklink{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;}

/* header */
#header{width:100%;height:92px;left:0;top:0;z-index:1000;padding:0 3.5%;transition:.4s ease;background:linear-gradient(to bottom,rgba(255,255,255,.82),rgba(255,255,255,.25) 70%,rgba(255,255,255,0));}
#header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 60%,transparent 100%);}
#header.is_scroll{height:78px;background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(27,72,94,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
#header.is_scroll:before{display:none;}
.header_inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:2;}
#cis{position:relative;flex:0 0 auto;text-align:left;}
#cis a{display:block;}
#cis img{width:auto;max-width:205px;max-height:58px;display:block;transition:.35s ease;}
#header.is_scroll #cis img{max-height:50px;}
#webmenu{position:relative;flex:1;display:flex;justify-content:flex-end;align-items:center;}
.menu_box{position:relative;}
.menu_box>ul{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:0;padding:0;}
.menu_box>ul>li{position:relative;list-style:none;overflow:visible;padding:0 2px;}
.menu_box>ul>li>p{margin:0;}
.menu_box>ul>li>p>a{position:relative;display:block;padding:34px 17px 31px;color:#173d50;font-size:16px;line-height:1.4;letter-spacing:.08em;white-space:nowrap;transition:.3s ease;}
.menu_box>ul>li>p>a:after{content:"";position:absolute;left:50%;bottom:22px;width:0;height:1px;background:#3a88ad;transform:translateX(-50%);transition:.3s ease;}
.menu_box>ul>li:hover>p>a{color:#3a88ad;}
.menu_box>ul>li:hover>p>a:after{width:22px;}
#header.is_scroll .menu_box>ul>li>p>a{padding-top:27px;padding-bottom:26px;}
#header.is_scroll .menu_box>ul>li>p>a:after{bottom:18px;}
.menu_body{position:absolute;left: -25%;top:calc(100% - 10px);min-width:180px;padding:10px 0;background:rgba(255,255,255,.97);border:1px solid rgba(70,132,161,.12);border-radius:12px;box-shadow:0 16px 35px rgba(26,75,99,.12);opacity:0;visibility:hidden;transform:translate(-50%,10px);transition: 0s ease;overflow:hidden;}
.menu_box>ul>li:hover .menu_body{opacity:1;visibility:visible;transform:translate(-50%,0);}
.menu_body ul{margin:0;padding:0;}
.menu_body li{list-style:none;}
.menu_body a{display:block;padding:10px 18px;color:#41616f;font-size:15px;line-height:1.5;white-space:nowrap;transition:.25s ease;}
.menu_body a:hover{color:#247da8;background:#eef7fb;}
.header_right{position:relative;flex:0 0 auto;display:flex;align-items:center;gap:12px;}
.header_contact{min-width:116px;height:43px;padding:0 20px;border-radius:50px;background:linear-gradient(135deg,#6eabc7 0%,#387fa5 100%);display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:15px;letter-spacing:.08em;box-shadow:0 7px 20px rgba(52,126,164,.18);transition:.3s ease;}
.header_contact span{color: #fff;}
.header_contact i{position:relative;width:18px;height:1px;background:rgba(255,255,255,.85);transition:.3s ease;}
.header_contact i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);}
.header_contact:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(52,126,164,.28);}
.header_contact:hover i{width:23px;}
#menubtn{position:relative;width:46px;height:46px;flex:0 0 46px;}
#menubtn>a{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(50,112,140,.28);border-radius:50%;background:rgba(255,255,255,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
#menubtn span{display:block;width:17px;height:1px;background:#245e78;transition:.3s ease;}
#menubtn span:nth-child(2){width:13px;margin-left:4px;}
#menubg{display:none;left:0;top:0;width:100%;height:100%;z-index:1090;background:rgba(12,41,56,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:.35s ease;}
.mobile_menu_head,.mobile_menu_bottom{display:none;}

@media(max-width:1400px){
#header{padding:0 2.5%;}
.menu_box>ul>li>p>a{padding-left:11px;padding-right:11px;font-size:15px;}
#cis img{max-width:180px;}
.header_contact{min-width:105px;padding:0 16px;}
}

@media(max-width:1200px){
#header{height:78px;padding:0 24px;background:rgba(255,255,255,.88);box-shadow:0 5px 25px rgba(22,63,82,.06);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);}
#header:before{display:none;}
#cis{width:auto;flex:1;}
#cis img{max-width:190px;max-height:52px;}
#webmenu{position:fixed;display:block;right:-390px;top:0;width:360px;max-width:88vw;height:100dvh;padding:0;background:#f7fbfd;z-index:1100;overflow-y:auto;transition:right .45s cubic-bezier(.65,0,.35,1);box-shadow:-20px 0 50px rgba(20,68,91,.12);}
body.menu_open #webmenu{right:0;}
body.menu_open #menubg{display:block;opacity:1;}
	
.mobile_menu_head{height:92px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(44,107,137,.1);}
.mobile_menu_title{font-family:"Times New Roman",serif;color:#17485f;font-size:20px;letter-spacing:.14em;}
.mobile_menu_close{position:relative;width:42px;height:42px;border:1px solid rgba(43,104,132,.18);border-radius:50%;}
.mobile_menu_close span{position:absolute;left:12px;top:20px;width:17px;height:1px;background:#245f7a;}
.mobile_menu_close span:first-child{transform:rotate(45deg);}
.mobile_menu_close span:last-child{transform:rotate(-45deg);}
.menu_box{padding:18px 27px 30px;}
.menu_box>ul{display:block;}
.menu_box>ul>li{width:100%;padding:0;border-bottom:1px solid rgba(42,103,132,.1);}
.menu_box>ul>li>p>a{padding:17px 0;color:#183f51;font-size:16px;letter-spacing:.08em;}
.menu_box>ul>li>p>a:after{display:none;}
	.menu_box>ul>li p {display:flex;align-items: center;justify-content: space-between;}
.menu_body{position:static;min-width:0;padding:0 0 12px 13px;background:transparent;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:block;overflow:visible;}
.menu_box>ul>li:hover .menu_body{transform:none;}
.menu_body:empty{display:none;}
.menu_body a{position:relative;padding:7px 10px 7px 15px;color:#6d858f;font-size:15px;white-space:normal;background:transparent;}
.menu_body a:before{content:"";position:absolute;left:0;top:17px;width:5px;height:1px;background:#72a9c2;}
.menu_body a:hover{background:transparent;color:#3484aa;}
.mobile_menu_bottom{display:block;margin-top:auto;padding:25px 27px 35px;background:linear-gradient(140deg,#edf7fb,#f9fcfd);}
.mobile_menu_en{margin-bottom:20px;color:#94abb5;font-family:"Times New Roman",serif;font-size:12px;line-height:1.55;letter-spacing:.22em;}
.mobile_line_btn{width:100%;height:50px;border-radius:50px;background:linear-gradient(135deg,#6faec9,#3881a6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;letter-spacing:.12em;}
.header_contact{height:41px;}
#menubtn{display:block;}
}

@media(max-width:767px){
#header{height:68px;padding:0 15px;}
#cis img{max-width:155px;max-height:44px;}
.header_right{gap:8px;}
.header_contact{min-width:91px;height:38px;padding:0 14px;font-size:14px;}
.header_contact i{display:none;}
#menubtn{width:40px;height:40px;flex-basis:40px;}
#menubtn span{width:15px;}
#menubtn span:nth-child(2){width:11px;}
#webmenu{width:320px;right:-340px;}
.mobile_menu_head{height:76px;padding:0 22px;}
.menu_box{padding:15px 22px 25px;}
.mobile_menu_bottom{padding:23px 22px 30px;}
}

@media(max-width:450px){
.header_contact{min-width:82px;padding:0 11px;font-size:13px;}
#cis img{max-width: 190px;}
}


/* search_box */
#openform { background: var(--secondary); line-height: 45px; }
#search_box svg { width: 18px; height: 18px; }
#search_box form { width: 240px; box-shadow: 0 0 10px rgba(var(--black-rgb), .3); right: 0; bottom: -55px; opacity: 0; }
#search_box[data-type="2"] form { opacity: 1; }
#search_box form input { width: calc(100% - 65px); border: 0; }

/* 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{position:relative;color:#345462;background: #d6e6f6;overflow:hidden;}
#footer .footer_main{position:relative;padding: 80px 0 70px;overflow:hidden;}

#footer .footer_wrap{position:relative;display:grid;grid-template-columns: 24% 43% 29%;gap: 2%;align-items:start;z-index:3;}
#footer .footer_brand{position:relative;}
#footer #flogo{position:relative;margin-bottom: 25px;}
#footer #flogo a{display: flex;}
#footer #flogo img{display:block;width:auto;max-width:245px;max-height:82px;object-fit:contain;}
#footer .footer_brand_text{position:relative;}
#footer .footer_brand_en{color:#2d718f;font-family:"Times New Roman",serif;font-size:13px;line-height:1.5;letter-spacing:.16em;}
#footer .footer_brand_tw{margin-top:13px;color:#355a6a;font-size:16px;font-weight:500;line-height:1.7;letter-spacing:.04em;}
#footer .footer_brand_desc{margin-top:4px;color:#6b828d;font-size:16px;line-height:1.7;letter-spacing:.04em;}
#footer .footer_brand_slogan{position:relative;margin-top:38px;padding-top:18px;color:#819eac;font-family:"Times New Roman",serif;font-size:12px;line-height:1.6;letter-spacing:.26em;}
#footer .footer_brand_slogan:before{content:"";position:absolute;left:0;top:0;width:45px;height:1px;background:#88a8b7;}
#footer .footer_block_title{position:relative;margin-bottom:28px;}
#footer .footer_block_title>span{display:block;color:#236987;font-family:"Times New Roman",serif;font-size:25px;line-height:1.2;letter-spacing:.08em;}
#footer .footer_block_title>div{margin-top:5px;color:#718b97;font-size:15px;line-height:1.5;letter-spacing:.08em;}
#footer .footer_contact_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap: 15px 20px;}
#footer .footer_contact_item{position:relative;display:flex;align-items: center;gap:14px;min-width:0;}
#footer .footer_contact_icon{width:35px;height:35px;flex:0 0 35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.55);box-shadow:0 5px 15px rgba(54,114,141,.06);}
#footer .footer_contact_icon svg{width:17px;height:17px;fill:#377f9f;}
#footer .footer_contact_dot{width:8px;height:8px;flex:0 0 8px;margin:8px 12px 0 13px;border-radius:50%;background:#4b91af;}
#footer .footer_contact_info{min-width:0;}
#footer .footer_contact_info>span{display:block;margin-bottom:5px;color:#7d98a4;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.12em;}
#footer .footer_contact_info>a,#footer .footer_contact_info>div{display:block;color:#385563;font-size:15px;line-height:1.7;word-break:break-word;transition:.3s ease;}
#footer .footer_contact_info>a:hover{color:#247ca3;}
#footer .footer_address{grid-column:span 2;}
#footer .footer_nav{position:relative;padding-left:15px;}
#footer .footer_nav_list{display:grid;grid-template-columns: repeat(2 , 1fr);gap: 5px 15px;}
#footer .footer_nav_list>a{position:relative;min-height:44px;padding:11px 35px 11px 0;border-bottom:1px solid rgba(68,122,145,.13);display:flex;align-items:center;justify-content:space-between;color:#456370;font-size:15px;line-height:1.5;transition:.3s ease;}
#footer .footer_nav_list>a:first-child{border-top:1px solid rgba(68,122,145,.13);}
#footer .footer_nav_list>a span{transition:.3s ease;}
#footer .footer_nav_list>a em{position:absolute;right:5px;top:50%;width:20px;height:1px;background:#7096a7;transform:translateY(-50%);transition:.3s ease;}
#footer .footer_nav_list>a em:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #7096a7;border-right:1px solid #7096a7;transform:rotate(45deg);}
#footer .footer_nav_list>a:hover{color:#247ca3;}
#footer .footer_nav_list>a:hover span{transform:translateX(5px);}
#footer .footer_nav_list>a:hover em{width:27px;background:#247ca3;}
#footer .footer_nav_list>a:hover em:after{border-color:#247ca3;}
#footer .footer_deco{position:absolute;border-radius:50%;pointer-events:none;}
#footer .footer_deco01{left: -4%;top: 0%;width:170px;height:170px;border:1px solid rgba(90,162,195,.12);box-shadow:inset 0 0 35px rgba(74,156,194,.06);}
#footer .footer_deco02{right:-35px;bottom:8%;width:105px;height:105px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.85),rgba(120,194,228,.22) 45%,rgba(78,151,186,.06) 70%,transparent 72%);filter:blur(.2px);}
#footer .footer_deco03{left: 52%;bottom: 25px;width:130px;height:130px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.7),rgba(119,194,225,.12) 45%,transparent 72%);}
#footer .footer_bottom{position:relative;border-top:1px solid rgba(64,116,139,.14);background: rgb(185 212 237);z-index:3;}
#footer .footer_bottom_wrap{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:35px;}
#footer .copbox{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;}
#footer .coodmditem, #footer .coodmditem *{position:relative;color:#66818d;font-size:13px;line-height:1.6;}
#footer .coodmditem+ .coodmditem:before{content:"";position:absolute;left:-12px;top:50%;width:1px;height:12px;background:rgba(72,118,139,.3);transform:translateY(-50%);}
#footer .footer_bottom_nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px;}
#footer .footer_bottom_nav a{position:relative;color:#66818d;font-size:13px;line-height:1.6;transition:.3s ease;}
#footer .footer_bottom_nav a:hover{color:#247ca3;}
#footer #webSeo{position:relative;width:100%;padding:7px 0;background: #bddffb;text-align:center;}
#footer #webSeo .seo{color:#8198a2;font-size:12px;line-height:1.5;}
@media(max-width:1400px){
#footer .footer_main{padding:75px 0 60px;}
#footer .footer_wrap{grid-template-columns:28% 46% 26%;gap:40px;}
#footer #flogo img{max-width:220px;}
#footer .footer_contact_list{gap:22px 20px;}
}

@media(max-width:1200px){
#footer .footer_wrap{grid-template-columns:1fr 1.5fr;gap:50px;}
#footer .footer_brand{grid-column:1;}
#footer .footer_contact{grid-column:2;}
#footer .footer_nav{grid-column:1 / -1;padding-left:0;}
#footer .footer_nav_list{grid-template-columns:repeat(3,1fr);column-gap:30px;}
#footer .footer_address{grid-column:span 2;}
#footer .footer_bottom_nav{display:none;}
}

@media(max-width:991px){
#footer .footer_main{padding:65px 0 55px;}
#footer .footer_wrap{grid-template-columns:1fr;gap:45px;}
#footer .footer_brand,#footer .footer_contact,#footer .footer_nav{grid-column:auto;}
#footer .footer_brand{padding-bottom:35px;border-bottom:1px solid rgba(66,122,145,.13);}
#footer .footer_contact{padding-bottom:35px;border-bottom:1px solid rgba(66,122,145,.13);}
#footer .footer_nav_list{grid-template-columns:repeat(2,1fr);column-gap:35px;}
#footer .footer_bottom_wrap{min-height:68px;}
}

@media(max-width:767px){
	.papah1 h1{font-size:1rem;}
#footer .footer_main{padding:55px 0 45px;}
#footer .footer_wrap{gap:35px;}
#footer #flogo{margin-bottom:22px;}
#footer #flogo img{max-width:190px;max-height:65px;}
#footer .footer_brand_en{font-size:12px;}
#footer .footer_brand_tw,#footer .footer_brand_desc{font-size:15px;}
#footer .footer_brand_slogan{margin-top:28px;font-size:11px;}
#footer .footer_block_title{margin-bottom:22px;}
#footer .footer_block_title>span{font-size:22px;}
#footer .footer_block_title>div{font-size:15px;}
#footer .footer_contact_list{grid-template-columns:1fr;gap:20px;}
#footer .footer_address{grid-column:auto;}
#footer .footer_contact_info>a,#footer .footer_contact_info>div{font-size:15px;}
#footer .footer_nav_list{grid-template-columns:1fr 1fr;column-gap:20px;}
#footer .footer_nav_list>a{font-size:15px;}
#footer .footer_bottom_wrap{padding:16px 0;display:block;text-align:center;}
#footer .copbox{justify-content:center;gap:5px 16px;}
#footer .coodmditem{font-size:12px;}
#footer .footer_deco01{width:120px;height:120px;right:-35px;}
}

@media(max-width:500px){
#footer .footer_main{padding:48px 0 40px;}
#footer .footer_nav_list{grid-template-columns:1fr;}
#footer .footer_nav_list>a:first-child{border-top:1px solid rgba(68,122,145,.13);}
#footer .footer_contact_icon{width:32px;height:32px;flex-basis:32px;}
#footer .footer_contact_icon svg{width:15px;height:15px;}
#footer .coodmditem+ .coodmditem:before{display:none;}
}

/* webSeo */
#webSeo { padding: 10px 0; white-space: nowrap; box-sizing: border-box; }
#webSeo .seo { padding-left: 100%; font-weight: 100; font-size: 13px; color: var(--info); }

/* footer_btn */
#footer_btn {right: 15px;bottom: 15px;z-index: 2000;display: flex;flex-direction: column;align-items: center;gap: 10px;}
#footer_btn a {position: relative;margin-top: 0;background: #12b508;line-height: 40px;}
#footer_btn a svg {width: 60%;height: 60%;fill: white;}
#footer_btn a.phone {background: var(--primary);}
#footer_btn a.gotop {background: #5397b8;border: 1px #5397b8 solid;}

@-webkit-keyframes marquee { 0% { -webkit-transform: translate(0, 0); } 100% { -webkit-transform: translate(-100%, 0); } }
@keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }

@media screen and (min-width: 1441px){
	.workframe { width: var(--width-xxl); }	
}
@media screen and (min-width: 1281px){
	.more_btn:hover:before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,180deg) translate3d(0,-100%,0); }
	.menu_box>ul>li b{display:none;}
}

@media screen and (max-width: 760px){
	footer #extra { margin-top: 10px; }
	.webBox .wrapper_lines .center_box >div { border-width: 0 0 0 1px; }
}
@media screen and (max-width: 550px){
	#search_box form { right: 2%; bottom: -35px; }
	#footer_btn {right: 0;bottom: 30px;}
	#footer_btn a { margin: 0 10px; line-height: 35px; }
	#footer_btn a.gotop { right: 0; bottom: 0; }
}