@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+TC:wght@100..900&display=swap');
@import url('/css/SeoJump.css');
@import url('/css/14/root.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: var(--font-family);outline: none;font-size: 16px;font-weight: 400;color: var(--info);}
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: var(--info);}
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-between;position: fixed;width: 100%;z-index: 9898;background: white;padding: 15px 10%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;gap: 20px;}
header.headerTop {box-shadow: 0 10px 40px rgb(0 0 0 / 10%);}
header #top-nav {display: flex;align-items: center;gap: 15px;}
header #top-nav .btn{display:flex;gap: 10px;}
header #top-nav .btn a{background: linear-gradient(180deg, var(--secondary) 0%, var(--primary) 55%, var(--accent) 100%);padding: 10px 25px;border-radius: 10px;color: white;font-weight: 500;border: 1px solid var(--secondary);}
header #top-nav .btn a:hover, header #top-nav .btn a.publish:hover{background:linear-gradient(0deg, var(--secondary) 0%, var(--primary) 55%, var(--accent) 100%);color: white;border: 1px solid var(--secondary);}
header #top-nav .btn a.publish{background:transparent;border: 1px solid var(--primary);color: var(--primary);}
header #top-nav p {display: flex;align-items: center;gap: 5px;}
header #top-nav p svg{width:20px;height: 20px;fill: #858585;}
header #top-nav a {display: flex;align-items: center;font-weight: 500;letter-spacing: 0.08em;}
header #top-nav a:hover{color:#555}
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 .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;}
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;margin-left: auto;}
#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;}
#menubar #main-menu>ul>li>a {display: block;font-size: 17px;padding: 0 16px;position: relative;font-weight: 500;letter-spacing: 0.05em;}
#menubar #main-menu>ul>li>a:hover {color: var(--accent);}
#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 }
#newCompany{position:relative;background: #fffaf3;padding: 65px 0 35px;color:#3b3531;border-top: 1px solid var(--secondary);}
#newCompany .workframe{margin:0 auto;}
#footerMag{display:grid;grid-template-columns:300px 300px 1fr;align-items:stretch;}
#footerMag>div{box-sizing:border-box;}
#footerMag .footer_brand{padding: 0 45px 0 0;border-right:1px dotted #ffad53;}
#footerMag .footer_brand #flogo{margin-bottom:40px;}
#footerMag .footer_nav{padding:0 45px;border-right:1px dotted #ffad53;}
#footerMag #footerSet{padding:0 0 0 45px;}
.footer_logo{display:block;margin-bottom:22px;}
.footer_logo img{display:block;max-width:270px;max-height:80px;object-fit:contain;}
.footer_contact{padding:18px 0;border-top:1px solid #ffb05b;}
.footer_contact p{display:flex;align-items:center;gap:14px;margin:0 0 14px;font-size:15px;line-height:1.6;color:#403a36;}
.footer_contact p svg, .footer_contact p svg path{fill:var(--primary)}
.footer_contact p i{width:18px;color:#ff8a1f;font-size:18px;text-align:center;}
.community{display:flex;align-items:center;gap: 15px;margin:15px 0 22px;padding:0;list-style:none;}
.community li{margin:0;padding:0;}
.community li a{display:flex;align-items:center;justify-content:center;width:38px;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#ffb52e 0%,#ff8a1f 55%,#ff7417 100%);color:#fff;font-size:19px;text-decoration:none;transition:.3s ease;}
.community li a svg{width:20px;height:20px;fill: white;}
.community li a:hover{transform:translateY(-3px);}
.CopyR{margin:0;padding-top:18px;border-top:1px solid #ffb05b;color:#3f3a36;font-size:14px;}
.footernav{margin:0;padding:0;list-style:none;}
.footernav li{margin:0;padding:0;border-bottom:1px dashed #f2d5af;}
.footernav li:last-child{border-bottom:0;}
.footernav li a{display:flex;align-items:center;gap:12px;padding:13px 0;font-size:15px;font-weight:600;text-decoration:none;transition:.25s ease;}
.footernav li a svg{width: 10px !important;height: 10px !important;}
.footernav li a i{color:#ff8a1f;font-size:12px;}
.footernav li a:hover{color: var(--primary);padding-left:5px;}
.footernav li a:hover span{color:var(--primary)}
#footerSet .footer_notice ol{margin:0;padding:0;list-style:none;counter-reset:footerNotice;}
#footerSet .footer_notice ol li{position:relative;counter-increment:footerNotice;padding:0 0 13px 29px;margin:0 0 12px;border-bottom:1px dashed #efc98d;color:#393530;font-size: 15px;line-height:1.8;display: flex;align-items: center;flex-wrap: wrap;}
#footerSet .footer_notice ol li:before{content:counter(footerNotice) ".";position:absolute;left:0;color: var(--primary);font-size: 16px;font-weight:800;line-height: 1;top: 5px;}
#footerSet .footer_notice ol li span{font-weight:500;font-size: 15px;}
#footerSet .footer_notice ol li small{font-size:13px;color:#4c4641;}
#footerSet .SeoWebFooter{font-size:14px;line-height:1.9;color:#4a4541;}
#footerSet .footer_example{margin:16px 0 0;color:#49433f;font-size:14px;line-height:2;}
#footerSet .footer_example:empty{display:none;}
.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 { background: #c7a75c; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; top: 40%; border-radius: 30px 0 0 30px; display: none; }
/* fix_buttom */
.fix_buttom { position: fixed; right: 0; bottom: 30%; display: flex; flex-direction: column; gap: 10px; }
.fix_buttom a { writing-mode: vertical-lr; padding: 20px 20px; background: #c8ab67; color: white; font-size: 22px; font-weight: 500; letter-spacing: 2px; border-radius: 30px 0 0 30px; }
.fix_buttom a:last-child {background: linear-gradient(180deg, var(--secondary) 0%, var(--primary) 55%, var(--accent) 100%);color: white;font-weight: 500;border: 1px solid var(--secondary);}
@media screen and (min-width:1280px) {
  footer #footerCompany .plus-information a:hover img { display: block }
  header #top-nav {display: flex;align-items: center;justify-content: flex-end;}
}
@media screen and (max-width:1440px) {
  #cis { width: 170px; padding-right: 0px; padding-left: 0px; margin: 6px 0; }
  .workframe {width: 90%;}
  header {padding: 10px 2.5%;}
  #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; }

}
@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: var(--info);}
    .mobile-main-nav a svg{fill:#555}
  #rightSet { position: absolute; }
  .nav-funcB {position: fixed;left: 20px;top: 19px;font-size: 20px;color: #fff}
  #mobile-menu {width: 30vw;background: var(--primary);height: calc(100vh - 60px);overflow: auto;padding-bottom: 30px;position: absolute;left: 0;top: 63px;}
  #mobile-menu>ul>li .menu_head,.subOption>li .sub2Title,.subOption>li .sub3Title {overflow: hidden;padding: 15px;border-bottom: 1px solid rgb(80 53 35 / 15%);}
  #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: white;font-size: 16px;letter-spacing: 0.04em;}
  #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: 18px;font-size: 20px;color: var(--info);}
  header #top-nav .workframe { width: 100% }
  header #top-nav {position: fixed;top: 63px;width: 100%;right: 0px;padding: 9px 2.5%;background: var(--triadic2);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-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;}
}
@media screen and (min-width:981px) {
  #footer_fix_coment { display: none; }
}
@media screen and (max-width:980px) {
    #mobile-menu{width:40vw}
  .fix_buttom {bottom: 30%;}
  #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;grid-template-columns: 1fr;gap: 30px;}
    #footerMag .footer_brand{border-right:0;padding: 0;}
    #footerMag .footer_nav{border: 0;padding:0}
    #newCompany .footernav{display:grid;grid-template-columns: 1fr 1fr 1fr;}
    #footerMag .footer_brand #flogo img{height:50px;}
  #newCompany #footerSet {width: 100%;padding: 0;}
    .footernav li:last-child{    border-bottom: 1px dashed #f2d5af;}
}
@media screen and (max-width:640px) {
  .fix_buttom a {font-size: 16px;}
  #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: 30px;}
  #fakeNumber ul li .eva,#fakeNumber2 ul li .eva { padding: 30px 15px; }
}
@media screen and (max-width:480px) {
    header #top-nav .btn a{padding: 3px 8px;font-size: 14px;}
  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; }
  #mobile-menu {top: 63px;width: 75vw;}
  .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; }
    header #top-nav p a{font-size:14px;}
}