@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+TC:wght@100;300;400;500;700;900&family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Montserrat:wght@100;200;300;400;500&display=swap');*{margin:0;padding:0}
*:focus{outline:none}
body{margin:0}
body::selection{background:#191919;text-shadow:none;color:#fff}
body::-webkit-scrollbar{width:5px}
body::-webkit-scrollbar-track{background:#c0c0c0}
body::-webkit-scrollbar-thumb{background:#191919}
body::-webkit-scrollbar-thumb:hover{background:#000}
header,footer,div,nav,article,h2,h3,h4,h5,h6,hr,p,form,label,input,textarea,ul,li,img,span,font,strong,b,a,i{text-align:left;vertical-align:middle;margin:0;padding:0;line-height:170%;border-width:0;font-family:'Montserrat','Noto Sans TC','Noto Sans SC',sans-serif;font-size:16px;word-wrap:break-word;word-break:break-all;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
:before,:after{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
ul,ol{list-style:none}
fieldset{border:0}
input,button,select,textarea{outline:none}
img{max-width:100%}
a,a:link,a:visited,a:hover{display:inline-block;text-decoration:none}
.text-clamp,a.text-clamp{overflow:hidden;height:27px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
a.photo,.bgBox{overflow:hidden;background:no-repeat 50% / cover;display:block}
svg.arrow{width:15px}
svg.show{width:8px}
[class^="fancybox-"],[class^="fancybox-"] *,.slick-track,.fa,.fas,.fa:before,.fas:before,.fa:after,.fas:after{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.wrapper .slick-slider{margin-bottom:0}
.webBox{position:relative;overflow:hidden;width:100%;background:#ffe109;padding:20px !important;box-sizing:border-box}
.webBox .pageh1{position:absolute;top:0;z-index:1;display:none}
.webBox .wrapper{position:relative;background:#fff;border-radius:20px;overflow:hidden}
.workframe{position:relative;margin:0 auto;width:1440px;font-size:0;z-index:1}
#Sitemap #jsonUL a{display:block;font-size:0;color:#000}
#Sitemap #jsonUL a *{display:inline-block;line-height:170%;font-size:16px;vertical-align:top}
#Sitemap #jsonUL a font{width:calc(100% - 15px)}
#Sitemap #jsonUL p a{font-size:22px}
header{position:fixed;width:calc(100% - 40px);z-index:999;border-top:20px solid #ffe109;top:0}
header.headerfixed{background:#fff}
header .barBox{position:relative;padding:35px 160px 35px 60px;width:calc(100% - 220px);display:flex;z-index:999;align-items:center;background:#fff;border-radius:20px 20px 0 0}
header .barBox:after{content:'';display:block;width:20px;height:20px;position:absolute;left:0;top:0px;background:url(/images/37/gkado_lt20.png);background-size:cover;z-index:50}
header.headerfixed .barBox{padding:20px 160px 20px 60px}
header .menuoneBox ul li a{display:inline-block;color:#1f1f1f;font-weight:500;font-size:18px;position:relative}
header .menuoneBox ul li a:after{content:"";display:block;position:absolute;top:18px;height:8px;border-radius:2px;background:#ffe109;transition:all .3s ease;-webkit-transition:all .3s ease;width:0;z-index:-1}
header .menuoneBox ul li:hover a:after{width:100%}
header .menuoneBox ul{display:flex;align-items:center}
header .menuoneBox ul li{margin:0 20px}
header #cis{margin:0 auto 0 0;width:180px}
header #cis img{width:100%;height:44px;object-fit:contain}
header .rightBox{position:absolute;right:0;top:0}
header .rightBox >div{}
header .rightBox >div:after{content:"";display:block;width:20px;height:20px;background:url(/images/37/kado_rt20.png);background-size:cover;position:absolute;bottom:-20px;right:0;z-index:10}
header .rightBox >div:before{content:"";display:block;width:20px;height:20px;background:url(/images/37/kado_rt20.png);background-size:cover;position:absolute;top:0px;left:-20px;z-index:10}
header #searchBox form{position:absolute;background:rgb(0 0 0 / .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:0;right:-500px}
header #searchBox form input{padding:5px 10px;width:150px;background:none;display:inline-block;color:#fff;vertical-align:middle}
header #searchBox form a{padding:5px 10px;display:inline-block;vertical-align:middle;color:#fff}
header #toolbar a{display:inline-block}
header #menuIcon a{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;display:flex;width:140px;height:114px;text-align:center;border-radius:0 0 0 60px;overflow:hidden;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;background:#ffe109}
header #menuIcon a font.btn{position:relative;width:50px;height:17px;display:block;color:#fff;margin-bottom:10px}
header #menuIcon a font{color:#fff;font-weight:700}
header #menuIcon a font.btn span{position:absolute;width:100%;height:3px;background:#fff;display:block;top:0;right:0}
header #menuIcon a[data-type="1"] font.btn span:nth-child(2){top:calc(50% - 1px);display:none}
header #menuIcon a[data-type="1"] font.btn span:nth-child(3){top:calc(100% - 3px)}
header #menuIcon a[data-type="1"] font.btn 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 #menuIcon a[data-type="2"] font.btn span{transition:.4s cubic-bezier(.645,.045,.355,1)}
header #menuIcon a[data-type="2"] font.btn span:nth-child(1){top:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
header #menuIcon a[data-type="2"] font.btn span:nth-child(2){opacity:0}
header #menuIcon a[data-type="2"] font.btn span:nth-child(3){top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
header #menuBox{overflow:hidden;position:fixed;padding:0 60px 0;width:calc(100% - 160px);height:0;background:#ffffff;right:0;top:0;opacity:0;z-index:-1;border:20px solid #ffe109;border-radius:50px;transition:all linear 0.3s}
header #menuBox:after{content:'';position:absolute;background:#ffe109;width:100%;height:100px;bottom:0;left:0}
header #menuBox[data-type="2"]{height:calc(100% - 170px);font-size:0;opacity:1;z-index:998;padding:130px 60px 0;border-radius:0}
header #menuBox .box >ul{padding-bottom:15vh}
header #menuBox .box >ul >li{padding:0 20px}
header #menuBox .box >ul >li:last-child{border-bottom:0}
header #menuBox .box >ul >li >p,header #menuBox .box ul li .menu_body ul li .bo{position:relative}
header #menuBox .box ul li .menu_body,header #menuBox .box ul li .menu_body >ul li .sub2Option,header #menuBox .box ul li .menu_body >ul li .sub3Option{margin-bottom:15px;display:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
header #menuBox .box >ul >li >p a{padding:10px 0;display:block;font-weight:700;font-size:20px;color:#121212}
header #menuBox .box ul li b{position:absolute;padding:5px 0;width:23px;display:inline-block;text-align:center;color:#1c1c1c;top:calc((100% - 33px) / 2);right:0}
#menuBox .box ul li .menu_body >ul li .sub2Option{margin:5px 0 15px;padding:5px 15px;background:#3a3a3a}
header #menuBox .box ul li .menu_body >ul li a{padding:4px 0;display:block;font-size:18px;color:#9b9b9b}
header #menuBox .box ul li .menu_body .sub2Option a{color:#fff}
header #menuBox .box ul li .menu_body .sub3Option a{color:#8b8b8b}
header #menuBox .box ul li .menu_body .sub3Option a:before{content:"- "}
header #menuBox .contactBox ul{padding:20px 30px;border:1px #d5d5d5 solid;border-radius:25px}
header #menuBox .contactBox ul li{padding:10px 0;border-bottom:1px #d5d5d5 solid}
header #menuBox .contactBox ul li:last-child{border-bottom:0}
header #menuBox .contactBox ul li h4{font-size:16px;color:#676767}
header #menuBox .contactBox ul li p a{padding:5px 0;display:inline-block;font-size:18px;color:#181818}
header #menuBox .contactBox ul li p i{margin-right:10px;font-size:18px;display:inline-block;color:#ffe109}
header #menuBox .contactBox ul li.community a{margin:15px 10px 5px 0;width:40px;height:40px;border:1px #bbb solid;border-radius:50%;display:inline-block;text-align:center;line-height:35px;color:#bbb}
header #menuBox .contactBox ul li.community a i{font-size:14px}
header.headerfixed a{color:#1f1f1f}
header.headerfixed #menuIcon a font.btn span{}
header.open:before{background:#1f1f1f;z-index:999}
header.open a{color:#fff}
header.open #menuIcon a font.btn span{background:#fff}
#sPictureBox{padding:5vw 0;display: none;}
#sPictureBox .list{position:relative}
#sPictureBox .list a{position:absolute;width:calc(100% - 60px);height:100%;display:block;top:0;left:30px;z-index:3}
#sPictureBox .list .img{position:relative;margin:0 30px;z-index:1}
#sPictureBox .list .img img{width:100%;height:200px;object-fit:cover}
#sPictureBox .list .txt{position:absolute;padding:65px 5%;width:calc(90% - 60px);background:-moz-linear-gradient(left,rgba(240,244,247,1) 25%,rgba(240,244,247,0) 100%);background:-webkit-linear-gradient(left,rgba(240,244,247,1) 25%,rgba(240,244,247,0) 100%);background:linear-gradient(to right,rgba(240,244,247,1) 25%,rgba(240,244,247,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7',endColorstr='#00f0f4f7',GradientType=1 );top:0;left:30px;z-index:2}
#sPictureBox .list .txt h4{width:55%;height:40px;font-weight:400;font-size:24px;color:#1f1f1f}
#sPictureBox .list .txt .more{margin-top:5px;text-align:left}
#sPictureBox .list .txt .more font{margin-right:10px;text-align:center;font-family:'Montserrat','Noto Sans TC',sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:.7px;font-size:13px;color:#1f1f1f}
#g-map{position:relative;margin:70px 150px}
#g-map iframe{height:500px;overflow:hidden;width:100%;border-radius:20px;z-index:10}
footer{color:#262626;padding-bottom:60px}
footer a{color:#242424}
footer .wbox{width:1570px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between}
footer #flogo{width:250px}
footer #flogo .copyright{margin-top:10px}
footer #flogo .copyright >div,footer #flogo .copyright >div a{font-size:12px}
footer #fnav a{line-height:100%;font-size:15px;width:calc(50% - 5px);display:inline-block}
footer #footerinfo{width:calc(85% - 450px)}
footer #footerinfo ul{font-size:0;display:flex;flex-wrap:wrap;justify-content:space-between}
footer #footerinfo ul li{position:relative;margin:0 0 5px;width:49%}
footer #footerinfo ul li font{padding:5px 10px;font-size:14px;display:inline-block}
footer #footerinfo ul li font:first-child{background:#f1f0ec;border-radius:5px;letter-spacing:2px}
footer #footerinfo ul li font a{font-size:14px;color:#323232}
footer #fnav{width:15%}
footer #footerinfo ul li.plus-information img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}
footer #footerinfo .copyright{text-align:right}
footer #footerinfo .copyright >div{margin-left:10px;display:inline-block;font-size:14px;color:#606060}
footer #footerinfo .copyright .text{color:#fff}
.follow_sns{width:84px;position:fixed;right:35px;bottom:30vh;z-index:500}
.follow_sns h2{display:block}
.follow_sns a{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:56px;margin:0 auto 10px}
.follow_sns a:hover{transform:translateY(-5px)}
.follow_sns a:before{content:"";display:block;width:50px;height:50px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;border-radius:50px;border:2px solid #3260ad;box-sizing:border-box}
.follow_sns a img{position:relative;z-index:10;width:8px}
.follow_sns a:nth-child(3):before{border:2px solid #52b21e}
.follow_sns a:nth-child(3) img{width:14px}
.follow_sns a:nth-child(4):before{border:2px solid #ca0505}
.follow_sns a:nth-child(4) img{width:16px}
.follow_sns a:nth-child(5):before{border:2px solid #ea3030}
.follow_sns a:nth-child(5) img{width:13px}
#gotop{position:fixed;right:35px;bottom:115px;z-index:999;width:84px}
#gotop a{font-weight:bold;font-size:12px;white-space:nowrap;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;background:#fff;color:#ff9800;width:56px;margin:0 auto;display:flex;justify-content:center;align-items:center;height:150px;border-radius:50px}
#gotop a:before{content:"";display:block;width:50px;height:144px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;border-radius:50px;border:2px solid #ff9800;box-sizing:border-box}
#webSeo{position:relative;overflow:hidden;margin-top:40px;padding:10px 0}
#webSeo .js-marquee-wrapper *,#webSeo .js-marquee *,#webSeo .seo *{font-weight:100;font-size:13px;color:#959595;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#SeoStarRating font{margin-right:5px;display:inline-block;vertical-align:bottom}
#SeoStarRating font:first-child{line-height:130%;font-weight:bold;font-size:18px;color:#FF9800}
#SeoStarRating font:nth-child(2){font-size:16px;color:#FF9800}
#SeoStarRating font:last-child{color:#383838}
@media screen and (max-width:1680px){#g-map{margin:70px auto;width:90%}
footer .wbox{width:90%}
}@media screen and (max-width:1500px){.workframe,footer .wbox{width:90%}
#gotop{bottom:75px}
}@media screen and (min-width:1281px){header #menuBox .box{overflow-y:scroll;width:450px;height:85vh;display:inline-block}
header #menuBox .box::-webkit-scrollbar{width:0}
header #menuBox .contactBox{margin-left:calc(100% - 880px);width:430px;display:inline-block;vertical-align:baseline}
footer #footerinfo ul li.plus-information:hover img{display:block}
#gotop a:hover{transform:translateY(-5px)}
}@media screen and (max-width:1366px){footer #footerinfo ul li{width:100%}
#gotop{bottom:20px}
}@media screen and (max-width:1280px){header #menuBox[data-type="2"]{overflow-y:scroll;height:85vh}
header #menuBox[data-type="2"]::-webkit-scrollbar{width:0}
header #menuBox .contactBox ul{padding:0 0 15vh;border:0}
header #menuBox:after{display:none}
header #menuBox .box >ul{padding-bottom:5vh}
}@media screen and (max-width:1024px){header .menuoneBox{display:none}
header .barBox,header.headerfixed .barBox{padding:35px 30px;width:calc(100% - 60px)}
footer #fnav a{display:block;width:100%;margin-bottom:15px}
}@media screen and (max-width:768px){footer #flogo,footer #footerinfo,footer #fnav{width:100%;margin-bottom:20px}
footer #fnav a{display:inline-block;width:auto;margin-right:20px}
footer #fnav{margin-bottom:0}
}@media screen and (max-width:600px){footer{padding-bottom:50px}
header .barBox,header.headerfixed .barBox{padding:15px;width:calc(100% - 30px)}
footer #footerinfo ul li{width:calc(100% - 20px)}
footer #footerinfo .copyright{text-align:left}
header .rightBox .mb{position:fixed;margin-left:0;width:25%;background:#1f1f1f;line-height:100%;left:0;bottom:0}
header .rightBox #searchBox{left:25%}
header #menuIcon a{width:110px;height:94px;border-radius:0 0 0 30px}
header #menuBox,header #menuBox[data-type="2"]{padding:200px 30px 0;width:calc(100% - 100px)}
header #menuBox .box >ul >li{padding:0}
header #menuBox .contactBox ul li p a{font-size:15px}
header .rightBox #translateLink{left:50%}
header .rightBox #oredericon{left:75%}
header .rightBox .mb >a{padding:10px 0;display:block;border-left:1px #373737 solid;text-align:center;color:#fff}
header .rightBox #linelink{line-height:47px}
header .rightBox #linelink a{margin:auto;padding:5px 5% 4px;width:90%;border-left:0;display:inline-block;line-height:140%;font-size:14px}
header #searchBox form{position:fixed;bottom:60px}
.follow_sns,#gotop{right:15px;width:54px}
.follow_sns a{width:44px;height:44px}
.follow_sns h2{display:none}
#gotop a{width:44px;height:120px}
#gotop a:before{width:44px;height:120px}
.follow_sns a:before{width:44px;height:44px}
header .rightBox{top:-1px;}
}@media screen and (max-width:382px){header .rightBox #linelink{line-height:46px}
}