@import url('https://fonts.googleapis.com/1css2?family=Montserrat:wght@300;600;700&family=Noto+Sans+TC:wght@100;400;700&display=swap');
@import url('/css/SeoJump.css');
* { -webkit-text-size-adjust: none }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin: 0; border: 0; width: 100%; color: #000; font-size: 16px; line-height: 170%; }
div, h1, h2, h3, h4, hr, p, form, label, input, textarea, img, span, strong { text-align: left; vertical-align: middle; margin: 0; padding: 0; word-wrap: normal; word-break: normal; border-width: 0; font-family: 'Montserrat', 'Noto Sans TC', serif; outline: none; }
body::-webkit-scrollbar { width: 7px; }
body::-webkit-scrollbar-track { background: rgb(220 223 227); }
body::-webkit-scrollbar-thumb { background: rgb(246 182 25); border-radius: 50px; }
hr { noshade: noshade }
th { font-weight: 400 }
ul, ol { list-style: none; margin: 0; padding: 0; overflow: hidden }
li { list-style: none }
a, a:hover { text-decoration: none; cursor: pointer; outline: none; color: #000 }
a.coverLink { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
img { max-width: 100% }
input, select { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
br { font-family: Arial !important }
.pageh1 { position: fixed; z-index: -8989898; opacity: 0; color: #fff }
.wrapper .slick-slider { margin: 0 }
.workframe { width: 1366px; margin: 0 auto; overflow: hidden }
.webframe { width: 1160px; margin: 0 auto; overflow: hidden }
.wrapper { overflow: hidden; position: relative }
header { display: flex; align-items: center; justify-content: space-evenly; position: fixed; width: 100%; z-index: 9898; padding: 5px 0; background: #102031;}
header.headerTop { background: #102031; }
header #top-nav { margin-left: 10px; display: flex; align-items: center; }
header #top-nav p { display: flex; }
header #top-nav a { color: #ffffff; display: flex; align-items: center; }
header #top-nav a b { font-size: 15px; font-weight: 300; transition: all linear 0.3s; }
header #top-nav a svg { margin: 0 5px; border: #ffffffbf 1px solid; border-radius: 50%; padding: 7px; font-size: 32px; transition: all linear 0.3s; }
header #top-nav a i { font-size: 18px; margin-right: 5px; }
header #top-nav a:hover { color: #ffdf57; }
header #top-nav a:hover svg { border: #ffdf57ba 1px solid; }
header #top-nav .language { display: flex; vertical-align: middle; font-size: 16px; padding: 0 14px; }
header #top-nav a img { margin-right: 10px; vertical-align: middle }
header #menubar { transition: all ease .2s; display: flex; margin-top: 4px; }
header #top-nav .searchBox { display: none; }
header #top-nav .searchBox p { display: inline-block; margin-left: 10px }
header #top-nav .searchBox #hSearch { display: inline-block }
header #top-nav .searchBox #hSearch p { padding: 0 0 0 10px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
header #top-nav .searchBox #hSearch p a { float: right; color: #7d7d7d; font-size: 13px; border-left: 1px solid #ccc; padding: 2px 10px; line-height: 100%; margin: 5px 0 }
header #top-nav .searchBox #hSearch p a:hover { color: #434582 }
header #top-nav .searchBox #hSearch p input { width: 120px; display: inline-block; color: #545454; vertical-align: text-bottom }
.small_picture { text-align: center; }
.small_picture ul li { display: inline-block; padding: 0 10px; }
.small_picture ul li a { display: block; background-repeat: no-repeat; background-position: center; }
.smallpic { display: flex; justify-content: space-around; flex-wrap: wrap; }
.smallpic .item { padding: 15px 0px; width: 33%; }
.smallpic .item a { display: block; background-repeat: no-repeat; background-size: cover; background-position: 50% -24px; }
/*-------*/
#menubar .workframe { overflow: visible }
#cis { width: 230px; display: flex; flex-direction: column; }
#cis a { display: block; background-repeat: no-repeat; background-position: 0 50%; background-size: contain }
#rightSet { display: flex; align-items: center; }
#menubar #main-menu ul { text-align: right; overflow: visible; display: flex; align-items: center; align-content: center; }
#menubar #main-menu>ul>li { display: inline-block; position: relative; margin-left: 10px }
#menubar #main-menu>ul>li>a { display: block; font-size: 18px; padding: 0 16px; position: relative; color: #ebebeb; font-weight: 400; letter-spacing: 0.05em; }
#menubar #main-menu>ul>li>a:hover { color: #e0b850; }
#menubar #main-menu ul.subnav { display: none; position: absolute; width: 200px; left: -10px; text-align: left; z-index: 5; top: 100%; padding-top: 10px }
#menubar #main-menu>ul>li:hover ul.subnav, #menubar #main-menu>ul>li:active ul.subnav, #menubar #main-menu ul.subnav li:hover ul.subOption, #menubar #main-menu ul.subnav li:active ul.subOption { display: block }
#menubar #main-menu ul.subnav>li, #menubar #main-menu ul.subOption li { background: #fff; position: relative }
#menubar #main-menu ul.sub2nav, #menubar #main-menu ul.sub3nav { text-align: left; display: none; position: absolute; left: 100%; width: 100%; z-index: 54; }
#menubar #main-menu ul.subnav>li:hover ul.sub2nav, #menubar #main-menu ul.sub2nav li:hover ul.sub3nav { display: block }
#menubar #main-menu>ul>li:last-child ul.sub2nav, #menubar #main-menu>ul>li:last-child ul.sub3nav, #menubar #main-menu>ul>li:nth-last-child(2) ul.sub2nav, #menubar #main-menu>ul>li:nth-last-child(2) ul.sub3nav, #menubar #main-menu>ul>li:nth-last-child(3) ul.sub2nav, #menubar #main-menu>ul>li:nth-last-child(3) ul.sub3nav { right: 100%; left: inherit }
#menubar #main-menu ul.subnav>li ul.sub2nav li>a { background: #fff }
#menubar #main-menu ul.subnav>li:first-child { border-top: 3px solid #f6d466 }
#menubar #main-menu ul.subnav>li>a, #menubar #main-menu ul.subnav>li>p, #menubar #main-menu ul.subnav>li ul li>a { padding: 10px 20px; font-size: 15px; display: block; color: #383838 }
#menubar #main-menu ul.subnav>li>a:hover, #menubar #main-menu ul.subnav>li>p:hover, #menubar #main-menu ul.subnav>li ul li>a:hover { background: #ffe72e }
#menubar #main-menu ul.subOption { text-align: left; position: absolute; left: 100%; top: -3px; display: none; width: 200px }
#menubar #main-menu ul.subOption>li:first-child { border-top: 3px solid #f6a266 }
footer { color: #fff; font-size: 13px; background: #102031; }
#newCompany .community { display: flex; align-items: center; }
#newCompany .community li { display: flex; margin: 0 5px; }
#newCompany .community li a { display: flex; color: #fff; width: 25px; height: 25px; flex-direction: column; align-items: center; border: #ffffff80 1px solid; justify-content: center; padding: 25px 50px; }
#newCompany .community li a:hover { color: #fff; background: #5f5f5f }
#newCompany { padding: 25px 0; }
#newCompany .workframe { display: flex; }
#newCompany #footerMag { display: flex; flex-direction: column; width: 40%; }
#newCompany #footerMag li { font-size: 15px; }
#newCompany .panbom { width: 200px; padding: 10px; margin: 10px 0; background-image: linear-gradient(315deg, #c7a961 0%, #c6a14d 74%); }
#newCompany .panbom svg { font-size: 24px; margin-left: 3px; }
#newCompany .panbom a { font-size: 22px; margin-left: 10px; }
#newCompany h2.TAtitle { font-size: 18px; line-height: 180%; margin-bottom: 10px; border-bottom: #f7f7f75e 1px solid; margin-top: 18px; color: #dbdbdb; font-weight: 400; }
#newCompany a.privacy { font-size: 18px; line-height: 180%; margin-bottom: 10px; border-bottom: #f7f7f75e 1px solid; margin-top: 18px; color: #dbdbdb; font-weight: 400; }
#newCompany .JmanB { display: flex; align-items: center; justify-content: flex-end;}
#newCompany .footernav { float: left; margin-top: 5px }
#newCompany .footernav li { display: inline-block; vertical-align: top }
#newCompany .footernav li a { color: #FFF; display: block; position: relative; padding: 0 10px 0 20px }
#newCompany .footernav li a:after { content: '|'; position: absolute; left: 0; top: 0; color: #fff }
#newCompany .footernav li:first-child a { padding-left: 0 }
#newCompany .footernav li:first-child a:after { display: none }
#newCompany #footerSet { overflow: hidden; width: 60%; display: flex; flex-direction: column; }
#newCompany #footerSet .info { display: inline-block; float: right; margin-left: 15px }
#newCompany #footerSet .info p { display: inline-block; }
#newCompany .SeoWebFooter { display: inline-block; color: #fff; margin-left: 15px }
#newCompany .SeoWebFooter a { color: #fff }
#newCompany #footerSet span { color: #dfdfdf; font-weight: 400; }
.web { background: #eee; color: #4f4f4f; font-size: 8pt; padding: 8px 0; }
.phoneWrap, .mobile-main-nav, #mobile-menu, .nav-func, .sub2Option, .sub3Option { display: none }
#gotop { display: flex; background-color: #585858; color: #ffffff; position: fixed; right: 10px; bottom: 60px; width: 40px; height: 40px; text-align: center; line-height: 27px; font-size: 17px; flex-direction: column; align-items: center; justify-content: center; border-radius: 90px; z-index: 99; }
#gotop svg { margin-left: 0; }
figcaption #goline { display: flex; background-color: #1da591; color: #ffffff; right: 0px; border-radius: 15px 0 0 0px; bottom: 32%; width: 38px; text-align: center; padding: 10px 0px; position: fixed; justify-content: center; z-index: 99; }
figcaption #goline span { font-size: 21px; letter-spacing: 0.15em; webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; font-weight: 400; padding: 15px 0; }
figcaption .qrCode { position: fixed; display: none; right: 40px; border-radius: 40px; bottom: 25%; text-align: center; line-height: 20px; font-size: 17px; padding: 10px 0; width: 220px; }
figcaption:hover img { display: block; }
form#message, form#message fieldset { border: 0; padding: 0; margin: 0; overflow: hidden; color: #4f4f4f }
form#message .title-m { overflow: hidden; margin-bottom: 20px }
form#message .title-m h2 { float: left; font-weight: 800; font-size: 28px; line-height: 120% }
form#message .title-m p { float: right }
form#message .title-m p a { display: block; background: #ffdf57; color: #000; font-size: 16px; line-height: 120%; padding: 13px 20px; border-radius: 35px; }
form#message .title-m p a:hover { background: #f99615; }
form#message .contact-test { overflow: hidden }
form#message .contact-test .list { float: left; width: calc((100% / 3) - 40px); margin: 13px 0; height: 38px }
form#message .contact-test .list:nth-child(3n-1) { margin: 13px 60px }
form#message .contact-test .list.large { width: 100% }
form#message .contact-test .list p { overflow: hidden; font-size: 15px; line-height: 150% }
form#message .contact-test .list p label { display: inline-block; width: 95px; margin-right: 20px; font-size: 18px; line-height: 110%; color: #000; font-weight: 700; }
form#message .contact-test .list p input { border: 2px solid #e5e5e5; border-radius: 15px; padding: 7px 10px; font-size: 15px; width: calc(100% - 150px); }
form#message .contact-test .list p select { border: 2px solid #e5e5e5; border-radius: 15px; padding: 7px 10px; font-size: 15px; width: calc(100% - 125px); }
form#message .contact-test .list p textarea { border: 2px solid #e5e5e5; border-radius: 15px; padding: 7px 10px; font-size: 15px; width: calc(100% - 150px); height: 20px; }
form#message .contact-test .list p input::placeholder, form#message .contact-test .list p textarea::placeholder { color: #a7a7a7 }
#aboutFunc { padding: 0px 0; margin: 160px 0 0px; }
#aboutFunc #about { padding-bottom: 3px; }
#aboutFunc .aboutart { width: 50%; margin: 0 auto; text-align: center; position: relative; }
#aboutFunc .aboutart h2 { text-align: center; color: #2a3746; font-size: 45px; line-height: 120%; padding: 15px 20px; display: inline-block; margin: 5px 0; border-radius: 8px; }
#aboutFunc .aboutart h3 { text-align: center; margin: 20px 0; font-size: 12px; color: #aaa; }
#aboutFunc .aboutart .arts { text-align: center; line-height: 140%; font-weight: bold; color: #383333; }
b.subtitle { font-size: 60px; font-weight: 600; opacity: 0.3; z-index: -1; text-transform: uppercase; color: #dddddd; position: absolute; text-align: center; width: 100%; left: 0; bottom: 14px; }
#fakeNumber, #fakeNumber2 { background-image: url(/images/14/parallax-3.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; background-size: cover; position: relative; }
#fakeNumber { padding: 45px 0; }
#fakeNumber2 { padding: 90px 0; }
#fakeNumber2 .webframe { display: flex; flex-direction: column; align-content: center; align-items: center; }
#fakeNumber ul, #fakeNumber2 ul { text-align: center; }
#fakeNumber ul li, #fakeNumber2 ul li { display: inline-block; width: calc(25% - 4px); color: #fff; text-align: center; position: relative; }
#fakeNumber ul li .eva, #fakeNumber2 ul li .eva { padding: 50px 35px; margin: 0 auto; display: inline-block; }
#fakeNumber ul li .eva p, #fakeNumber2 ul li .eva p { font-size: 14px; color: #ffdf57; line-height: 100%; white-space: nowrap; }
#fakeNumber ul li .eva p b, #fakeNumber2 ul li .eva p b { font-size: 55px; margin-left: 5px; color: #ffffff; font-family: 'cwTeXYen'; line-height: 100%; }
#fakeNumber ul li .eva p span, #fakeNumber2 ul li .eva p span { color: #f9f9f9; font-size: 24px; vertical-align: baseline; }
#fakeNumber ul li .eva h2, #fakeNumber2 ul li .eva h2 { text-align: center; font-size: 22px; margin-bottom: 10px; line-height: 177%; font-weight: bold; color: #ffffff; font-weight: 300; }
/* footer_fix_coment */
#footer_fix_coment { position: fixed; padding: 1em .5em; background: #c7a75c; display: inline-block; letter-spacing: .2em; font-weight: 600; font-size: 19px; color: #fff; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media screen and (min-width: 1280px) {
	footer #footerCompany .plus-information a:hover img { display: block }
	header #top-nav { display: flex; align-items: center; width: 240px; justify-content: flex-end; }
}
@media screen and (max-width: 1440px) {
	#cis { width: 170px; padding-right: 0px; padding-left: 0px; margin: 6px 0; }
	#rightSet { width: calc(100% - 521px); }
	.workframe { width: 95%; }
	header { padding: 0px 5%; background-repeat: no-repeat; background-position: 40% 44%; background-size: cover; }
	#aboutFunc { margin: 100px 0 0px; }
}
@media screen and (max-width: 1280px) {
	#menubar #main-menu>ul>li>a { padding: 0 7px; font-size: 17px }
	#newCompany .footernav { margin: 0; width: 100%; float: none }
	#newCompany #footerSet { float: none }
	.webframe { width: 90% }
	#fakeNumber ul li .eva p b, #fakeNumber2 ul li .eva p b { font-size: 45px; }
	header { padding: 0 1%; }
}
@media screen and (max-width: 1024px) {
	#cis { width: 170px; margin: 0px auto; padding-left: 0px; }
	header { position: fixed; top: 0; width: calc(100% - 0px); left: 0; z-index: 89; padding: 10px 70px; background-position: 12% 50%; }
	#menubar #main-menu, header #top-nav { display: none }
	header #menubar { padding: 15px 0 }
	#menubar #cis { margin-left: 30px }
	#menubar #cis img { max-height: 38px }
	.mobile-main-nav { display: block; }
	.mobile-main-nav a { color: #efefef; }
	#rightSet { position: absolute; }
	.nav-funcB { position: fixed; left: 20px; top: 19px; font-size: 30px; color: #fff }
	#mobile-menu { width: 250px; background: #fff; height: calc(100vh - 100px); overflow: auto; padding-bottom: 30px; position: absolute; left: 0; top: 65px; }
	#mobile-menu>ul>li .menu_head, .subOption>li .sub2Title, .subOption>li .sub3Title { overflow: hidden; padding: 15px; border-bottom: 1px solid #efefef }
	#mobile-menu>ul>li .menu_head.c0 b, .subOption>li .sub2Title.c0 b, { display: none }
	#mobile-menu>ul>li .menu_head p, .subOption>li .sub2Title p, .subOption>li .sub3Title p { float: left; font-size: 11pt; width: calc(100% - 20px) }
	#mobile-menu>ul>li .menu_head a, .subOption>li .sub2Title a, .subOption>li .sub3Title a { color: #191919 }
	#mobile-menu>ul>li .menu_head b, .subOption>li .sub2Title b, .subOption>li .sub3Title b { float: right; color: #9a9a9a; cursor: pointer }
	#mobile-menu>ul>li .menu_body li p, .subOption>li .sub2Option li p { background: #fcef3f; padding: 5px 15px; font-size: 14px; border-bottom: 1px solid #fff }
	#mobile-menu>ul>li .menu_body li a, .subOption>li .sub2Option li p a { color: #404040; display: block; padding: 10px 35px; font-size: 11pt }
	#mobile-menu .subOption>li .sub2Title { background: #f5f5f5; padding: 15px 15px 15px 30px; font-size: 14px }
	#mobile-menu .subOption>li .sub2Title p { background: none; padding: 0; border: 0 }
	#mobile-menu .subOption>li .sub2Title p a { padding: 0; border: none }
	#mobile-menu .subOption>li .sub2Title.bo p a { display: inline-block }
	#mobile-menu .subOption>li .sub3Title { background: #e4e4e4; padding: 15px 15px 15px 45px }
	#mobile-menu .subOption>li .sub3Title p { background: none; width: calc(100% - 20px - 30px); padding: 0; border: 0 }
	#mobile-menu .subOption>li .sub3Title p a { padding: 0 }
	#mobile-menu .subOption>li .sub3Option p { padding: 15px 10px 15px 55px }
	#mobile-menu .subOption>li .sub3Option p a { padding: 0 }
	.nav-func { display: block; position: fixed; right: 20px; top: 21px; font-size: 30px; color: #f7f7f7 }
	header #top-nav .workframe { width: 100% }
	header #top-nav { position: fixed; top: 65px; width: 100%; right: 0px; padding: 9px 0; background: rgba(10, 10, 10, 0.57); color: #fff; justify-content: flex-end; }
	header #top-nav .translate, header #top-nav .topphone { float: none }
	header #top-nav .translate p { margin-left: 0; display: block }
	header #top-nav p { margin-bottom: 5px; margin-left: 0; display: flex; align-items: center; }
	header #top-nav .searchBox #hSearch { margin: 0 10px; vertical-align: super }
	header #top-nav .searchBox #hSearch p { margin: 0 }
	header #top-nav .searchBox #hSearch p input { width: 113px }
	footer #footerCompany .row { width: calc(50% - 4px); margin-bottom: 50px }
	footer #footerCompany .row:last-child, footer #footerCompany .row:nth-child(3) { margin-bottom: 0 }
	#aboutFunc .aboutart { width: 100%; }
	#fakeNumber ul li, #fakeNumber2 ul li { width: calc(50% - 4px); }
	header #top-nav p a { margin-bottom: 0; margin-left: 0; display: contents; color: #fff; }
}
@media screen and (min-width: 981px) {
	#footer_fix_coment { display: none; }
}
@media screen and (max-width: 980px) {
	#aboutFunc .aboutart h2 { font-size: 36px; padding: 15px 0; }
	b.subtitle { font-size: 39px; }
	#newCompany .workframe { flex-direction: column; }
	#newCompany #footerMag { width: 100%; margin-bottom: 20px; }
	#newCompany #footerSet { width: 100%; }
}
@media screen and (max-width: 640px) {
	#aboutFunc .aboutart h2 { font-size: 29px; }
	b.subtitle { font-size: 27px; }
	#newCompany .footernav { display: none }
	footer #footerCompany .row, footer #footerCompany .comlist, footer #footerCompany .fcontact, footer #footerCompany .footernav { width: 100%; max-width: 100% }
	footer #footerCompany .row:nth-child(3) { margin-bottom: 50px }
	footer #footerCompany .row:last-child, footer #footerCompany .footernav li, #footerSet .community, #footerSet .info, #footerSet .info .SeoWebFooter {  text-align: center }
	#footerSet .info, #footerSet .community { width: 100% }
	#newCompany #footerSet .info { margin-left: 0; }
	#footerSet .community { margin-top: 20px }
	.phoneWrap { display: flex; position: fixed; bottom: 0; left: 0; width: calc(100% - 42px); z-index: 5; }
	.phoneWrap ul { width: 100%; display: flex; }
	.phoneWrap li { display: inline-block; width: calc(50% - 4px); }
	.phoneWrap li a { display: block; color: #fff; background: rgba(18, 66, 119, 0.8); padding: 3px 15px; text-align: center; line-height: 30px; font-size: 10pt; }
	.phoneWrap li:nth-child(2) a { background: rgba(23, 119, 18, 0.8) }
	#newCompany { padding-bottom: 60px }
	#fakeNumber ul li .eva, #fakeNumber2 ul li .eva { padding: 30px 15px; }
}
@media screen and (max-width: 480px) {
	figcaption #goline span { font-size: 15px; webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; padding: 0; }
	figcaption #goline { width: 31px; bottom: 0; width: calc(100% - 40px); border-radius: 0; padding: 4px 0; left: 0; }
	#gotop { width: 31px; bottom: 0; width: 50px; border-radius: 0; height: 35px; right: 0; }
	#mobile-menu { top: 65px; }
	.smallpic .item { width: 100%; }
	.nav-func { font-size: 20px; }
	#menubar #cis { margin-left: 0 }
	#menubar #cis a { background-position: 50% 50% }
	#menubar .workframe { text-align: center }
	footer #footerCompany #footer-qrcode, footer #footerCompany #footer-FB, footer #footerCompany #footer-map { width: 70px }
	footer #footerCompany { padding: 50px 0 }
	header #top-nav .searchBox #hSearch { margin-left: 0 }
	#fakeNumber ul li .eva p b, #fakeNumber2 ul li .eva p b { font-size: 35px; }
	#fakeNumber, #fakeNumber2 { padding: 70px 0; }
	#fakeNumber ul li .eva p span, #fakeNumber2 ul li .eva p span { font-size: 20px; }
}