@import url('/css/SeoJump.css');
@import url('/css/contentBuilder.css'); 

* { margin: 0; padding: 0; box-sizing: border-box; }

body { margin: 0; background: #f2f2f2; }

div, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li { text-align: left; vertical-align: middle; margin: 0; padding: 0; word-wrap: normal; word-break: normal; line-height: 150%; border-width: 0; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; font-size: 16px; word-wrap: break-word; word-break: break-all; }

:before, :after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

ul, ol { list-style: none; }

fieldset { border: 0; }
input, button, select, textarea { outline: none; }

img { max-width: 100%; }

a:link, a:visited { color: #000; }
a:link, a:visited, a:hover { text-decoration: none; vertical-align: initial; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }
livedemo00.template-help:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

/* a.photo */
a.photo { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; max-width: 100%; }

/* wow */
.wow { animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-duration: 1s; -webkit-animation-duration: 1s; }

/* webBox */
.webBox { position: relative; }
.webBox .pageh1 { position: absolute; top: 0; z-index: 1; }
.pageh1 { position: fixed; z-index: -8989898; opacity: 0; color: #fff; }
.webBox .wrapper { width: 100%; overflow: hidden; position: relative; top: 0; left: 0; z-index: 2; transition: all linear 0.3s; }

/* workframe */
.container { width: 1400px; position: relative; margin: 0 auto; }
.workframe { position: relative; margin: 0 auto; width: 100%; }

/* Sitemap */
#Sitemap #jsonUL a { color: #000; }

/* header */
header { display: flex; justify-content: flex-end; height: 120px; box-shadow: 0 0 14px -5px rgba(0, 0, 0, .3); background: #f2f2f2; width: 100%; transition: all linear 0.3s; z-index: 99; position: fixed; top: 0px; left: 0px; padding: 29px 40px 20px; }
header.fixed { top: -20px; }
header.headerTop {}
header #openMenu { z-index: 112; }
header #main-menu { margin: 0 23px 0 0; }
header .search-btn { width: 60px; height: 60px; display: inline-block; background: #000; border-radius: 50%; text-align: center; line-height: 60px; color: #fff; }
header .search-btn i { font-size: 20px; }
header #translate { display: none; position: absolute; right: 80px; top: 107px; height: 102px !important; width: 493px; padding: 30px !important; background-color: #000; animation-delay: 0s; animation-duration: 0.3s; animation-fill-mode: both; animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); -webkit-animation-delay: 0s; -webkit-animation-duration: 0.3s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); }
header #translate.open { display: block; animation-name: openItem; -webkit-animation-name: openItem; }
header #translate.close { display: none; animation-name: closeItem; -webkit-animation-name: closeItem; }
header #translate form { padding: 0 0 12px; border-bottom: 1px solid #fff; }

@-webkit-keyframes openItem { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes openItem { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }
@-webkit-keyframes closeItem { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(10px); } }
@keyframes closeItem { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(10px); } }

header #translate>p { display: inline-block; vertical-align: initial; font-size: 12px; margin-left: 10px; color: #238dc7; }
header #translate>p a { color: #1b6c98; }
header #translate form { display: flex; }
header #translate form p { border: 1px solid #7d7d7d; overflow: hidden; background: #fff; }
header #translate #goSearch { color: #fff; font-size: 21px; }
header #translate #goSearch:hover { opacity: .9; }
header #translate form input { display: block; width: 100%; background-color: transparent; color: #fff; line-height: 1.6; }
header #translate form input::-webkit-input-placeholder { color: #fff; font-weight: 500; letter-spacing: 0.1em; }
header#openSearch #translate { position: absolute; display: block; }
header #cis { position: absolute; top: 29px; left: 40px; z-index: 10; transition: ease .3s; }
header.fixed #cis { top: 35px; }
header .topBox { display: flex; justify-content: flex-end; transition: ease .3s; }
header.fixed .topBox { pointer-events: none; opacity: 0; transform: translateY(-10px); -webkit-transform: translateY(-10px); }
header .topBox .header-contact { margin-left: 18px; padding-left: 23px; position: relative; }
header .topBox .header-contact::before { position: absolute; left: 0; top: 50%; content: '/'; font-size: 11px; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
header .topBox .header-contact i { font-size: 16px; padding-right: 9px; }
header.headerTop .topBox { top: 0px; }
header .topBox font { display: inline-block; transition: all linear 0.3s; }
header .right-btn { display: flex; }
header font#openMenu { margin: 0 0 0 40px; }
header font#openMenu a { display: block; width: 60px; height: 60px; background: #1f79a9; border-radius: 50%; padding: 18px 21px; line-height: 0.5; }
header font#openMenu a span { transition: ease .3s; display: inline-block; width: 100%; height: 3px; background: #fff; }
.openwrap header font#openMenu a span:nth-child(1) { transform: rotate(45deg) translateY(5px) translateX(6px); }
.openwrap header font#openMenu a span:nth-child(2) { opacity: 0; }
.openwrap header font#openMenu a span:nth-child(3) { transform: rotate(-45deg) translateY(-4px) translateX(5px); }
header .topBox font a, header .topMenu nav .mobtop font a { color: #333; }

header .topMenu { display: flex; justify-content: flex-end; padding-top: 9px; width: calc(100% - 233px); }
header .topMenu nav { margin-top: 10px; transition: ease .3s; }
header.fixed .topMenu nav { transform: translateY(-13px); -webkit-transform: translateY(-13px); }
header .topMenu nav ul.pc { display: inline-block; }
header .topMenu nav .mobtop, header .topMenu nav .pc>li>p b { display: none; }
header .topMenu nav .pc>li { display: inline-block; }
header .topMenu nav .pc>li>p a { position: relative; display: block; text-align: center; font-size: 16px; color: #000; transition: all linear 0.3s; }
header .topMenu nav .pc>li>p a::before { position: absolute; left: 0; top: 0; content: ''; display: block; z-index: -1; height: 100%; width: 0; margin: 0 0 0 -2px; background-color: #1f79a9; transition: width 0.3s ease; }
header .topMenu nav .pc>li:hover>p a::before { width: calc(100% + 2px); }
header .topMenu nav .pc>li:hover>p a { color: #fff; }
header .topMenu nav .pc li .menu_body { overflow: hidden; position: absolute; width: 130px; height: 0; background: #fff; text-align: left; z-index: 10; opacity: 0; transition: all linear 0.3s; }

header .topMenu nav .pc li:hover .menu_body { overflow: visible; height: auto; opacity: 1; top: 44px; }
header .topMenu nav .pc li .menu_body ul li, header .topMenu nav .pc li .menu_body ul li .bo { position: relative; }
header .topMenu nav .pc li .menu_body ul li>div a { transition: ease .3s; font-weight: bold; background-color: #fff; position: relative; padding: 10px 15px 10px 15px; display: block; color: #272727; z-index: 3; }

header .topMenu nav .pc li .menu_body ul li:hover b, header .topMenu nav .pc li .menu_body ul li .sub2Option b { color: #1f79a9; }
header .topMenu nav .pc li .menu_body ul li .sub2Option a { color: #272727; }
header .topMenu nav .pc li .menu_body ul li b { color: #fff; position: absolute; padding: 0 5px; right: 0; top: calc(50% - 13px); z-index: 4; }
header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f0da"; }
header .topMenu nav .pc li .menu_body ul li>.sub2Option, header .topMenu nav .pc li .menu_body ul li>.sub3Option { transition: ease .3s; position: absolute; width: 130px; background: rgba(31, 77, 161, 0.7); right: 0; top: 0; opacity: 0; }
header .topMenu nav .pc li .menu_body ul li:hover>.sub2Option, header .topMenu nav .pc li .menu_body ul li:hover>.sub3Option { right: -160px; opacity: 1; }

/*menu-btn*/
#zhezhao { content: ""; position: fixed; top: -100%; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99; transition: top linear .5s, opacity linear .5s .1s; ; opacity: 0; }
.wrapper.menuActive #zhezhao { top: 0px; opacity: 1; }
.wrapper.menuActive header #menuBtn-content { opacity: 1; top: 0px; transition: top linear .3s, opacity linear .3s .3s; }

/*menu-content*/
#menuBtn-content { position: fixed; right: 0px; top: -100%; opacity: 0; height: 585px; width: 950px; background: #fff; z-index: 110; }
.menu-inner { display: flex; height: 100%; }
.menu-inner nav.menu-main { height: 100%; width: 535px; background-color: rgb(31, 121, 169); padding: 134px 78px 0px; }
.menu-inner .menu-sub { height: 100%; width: 415px; padding: 135px 0px 0px 80px; }
.menu-inner .menu-sub .sub-top a { display: block; margin-top: 30px; font-size: 16px; font-weight: bold; }
.menu-inner .menu-sub .sub-top a i { font-size: 22px; padding-right: 10px; }
.follow-content { display: flex; margin-top: 52px; }
.follow-content span { color: #000; font-family: 'Damion', cursive; font-size: 18px; padding-right: 33px; margin-right: 33px; position: relative; }
.follow-content span::before { position: absolute; right: 0px; content: ""; background-color: rgb(57, 67, 90); height: 1px; width: 12px; top: 14px; }
.community { display: flex; justify-content: center; align-items: center; }
.community a { display: flex; justify-content: center; align-items: center; margin-right: 30px; font-size: 29px; }
.community a.facebook { color: #3f51b5; }
.community a.rss { color: #fb6f12; }
.community a svg { width: 29px; height: 29px; fill: #00b900; }
.menu-inner nav .mobtop, .menu-inner nav .pc>li { display: block; }
.menu-inner nav .mobtop font { padding: 10px 0 15px; float: left; width: 50%; text-align: center; }
.menu-inner nav .pc { position: relative; width: 100%; overflow-y: scroll; height: 80%; }

.menu-inner nav .pc::-webkit-scrollbar { width: 10px; }
.menu-inner nav .pc::-webkit-scrollbar-track { background: #c5c5c5; }
.menu-inner nav .pc::-webkit-scrollbar-thumb { background: #8ec7da; }
.menu-inner nav .pc::-webkit-scrollbar-thumb:hover { background: #66b5d0; }
.menu-inner nav .pc>li, .menu-inner nav .pc>li:first-child {}
.menu-inner nav .pc>li>p { position: relative; }
.menu-inner nav .pc>li>p a, header.headerTop .menu-inner nav .pc>li>p a { padding: 7px 10px; text-align: left; color: #fff; display: block; font-size: 20px; }
.menu-inner nav .pc>li>p b { position: absolute; padding: 0 30px; display: block; color: #fff; top: calc(50% - 13px); right: 0; z-index: 1; }
.menu-inner nav .pc li .menu_body, .menu-inner nav .pc li .menu_body ul li>.sub2Option, .menu-inner nav .pc li .menu_body ul li>.sub3Option { position: relative; width: auto; height: auto; background: none; display: none; opacity: 1; transition: none; }
.menu-inner nav .pc li .menu_body ul li>.sub2Option .sub3Title a { color: #fff; }
.menu-inner nav .pc li .menu_body ul li { padding: 8px 20px; }
.menu-inner nav .pc li .menu_body ul li .sub2Title, .menu-inner nav .pc li .menu_body ul li .sub2Option .sub3Title { display: flex; justify-content: space-between; }
.menu-inner nav .pc li .menu_body ul li .sub2Option .sub3Title b { padding: 0px; margin-right: -10px; }
.menu-inner nav .pc li .menu_body ul li>.sub3Option li a {}
.menu-inner nav .pc li .menu_body ul li:hover>div a { color: #fff; }
.menu-inner nav .pc li .menu_body ul li>.sub2Option { background: unset; }
.menu-inner nav .pc li .menu_body ul li:hover b, .menu-inner nav .pc li .menu_body ul li .sub2Option b, .menu-inner nav .pc li .menu_body ul li .sub2Option a { color: #fff; }
.menu-inner nav .pc li .menu_body ul li>.sub3Option { padding-right: 0; }
.menu-inner nav .pc li .menu_body ul li>div a { border-bottom: 0; color: #fff; }
.menu-inner nav .pc li .menu_body ul li b { color: #fff; padding: 0 10px; }
.menu-inner nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f067"; }
.menu-inner nav .pc li .menu_body ul li:hover>.sub2Option, .menu-inner nav .pc li .menu_body ul li:hover>.sub3Option { right: 0; }
.menu-inner nav .pc li .menu_body ul li>.sub2Option>li:last-child { border-bottom: 0; }
.menu-inner nav .pc>li:hover>p a { color: #fff; }

/* gotop */
#gotop { position: fixed; bottom: 40px; right: 10px; z-index: 999; width: 50px; height: 50px; padding-top: 7px; border-radius: 50%; background-color: #1f79a9; color: #fff; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 700; text-align: center; transition: .3s; }
#gotop:before { display: block; width: 12px; height: 8px; margin-bottom: 2px; margin-left: 18.5px; margin-top: 5px; background: url(/images/27/ico-arrow_top.svg) 50% 50% no-repeat; background-size: cover; content: ""; }
#gotop i { color: #E33339; font-size: 45px; }

/* gocart */
#gocart { position: fixed; width: 50px; bottom: 95px; right: 10px; z-index: 999; color: #ffffff; height: 50px; border-radius: 50%; background: #333; text-align: center; line-height: 50px; font-size: 24px; }

/* footer */
footer { color: #fff; font-size: 13px; }
footer .footer-container { padding: 0 100px; }
footer #footerCompany { background: #fff; padding-top: 80px; padding-bottom: 30px; }
footer #footerCompany .row { display: flex; margin-top: 50px; padding-bottom: 48px; }
footer #footerCompany .row .section { width: 33%; }
footer #footerCompany .row .section:nth-child(1) { width: 28%; }
footer #footerCompany .row .section:nth-child(2) { padding: 0 15px; width: 38%; }
footer .contact-us { padding: 30px 0 0; border-top: 1px solid #e1e6ec; }
footer .fcontact { display: flex; }
footer .fcontact li { padding-right: 25px; }
footer .fcontact li i { font-size: 18px; padding-right: 8px; }
footer .footer-infobox { display: flex; }
footer .footer-infobox .extra-info { width: 50%; }
footer .follow-content { margin: 20px 0px; }
footer .navlist { margin-bottom: 40px; padding-bottom: 30px; border-bottom: 1px solid #eee; }
footer .navlist ul { display: flex; flex-wrap: wrap; }
footer #footerCompany .row h4 { font-size: 18px; font-weight: 400; margin-bottom: 15px; color: #333; }
footer #footerCompany .row h4 span { display: inline-block; width: 8px; height: 8px; background: #000; vertical-align: inherit; margin-right: 15px; }
footer #footerCompany #footer-qrcode, footer #footerCompany #footer-FB, footer #footerCompany #footer-map { width: 100%; display: inline-block; margin: 0 10px 10px 0; }
#footerCompany #footer-FB { overflow: hidden; }
footer #footerCompany .comlist li { color: #333; position: relative; font-size: 16px; padding-bottom: 5px; }
footer #footerCompany .comlist li b { color: #333; margin-right: 5px; vertical-align: middle; }
footer #footerCompany .comlist li span { vertical-align: middle; color: #818181; }
footer #footerCompany p { margin-bottom: 15px; color: #333; }
footer #footerCompany .footernav { display: flex; flex-wrap: wrap; }
footer #footerCompany .footernav li { width: 30%; position: relative; padding-bottom: 17px; }
footer #footerCompany .footernav li.sitemap i { color: #333; }
footer #footerCompany .footernav li a { color: #212121; font-weight: bold; font-size: 16px; }
footer #footerCompany .comlist li span a { color: #818181; }
footer .web, #footerSet { background: #000; }
#footerSet .info { overflow: hidden; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 15px; }
#footerSet .info div, #footerSet .info p { display: inline-block; vertical-align: top; color: #fff; font-size: 12px; }
#footerSet .info .SeoWebFooter { display: block; text-align: center; padding-bottom: 5px; }
#footerSet .info .SeoWebFooter .sitemap { margin-left: 5px; font-size: 12px; vertical-align: baseline; }
#footerSet .info .SeoWebFooter .sitemap a { color: #fff; }
#footerSet .info a { color: #818181; }
#footerSet .community { text-align: center; }
#footerSet .community li { display: inline-block; }
#footerSet .community li a { display: inline-block; font-size: 22px; padding: 0 5px; }
#footerSet .community li a i { color: #333; }
footer #footerCompany .comlist { width: 50%; padding-right: 15px; }
footer #footerCompany .plus-information { color: #000; font-size: 16px; list-style: none; padding-bottom: 5px; }
footer #footerCompany .plus-information a { position: relative; display: inline-block; }
footer #footerCompany .plus-information img { position: absolute; max-width: 150px; bottom: 100%; left: 0; z-index: 8; max-height: 150px; display: none; }
.web { color: #fff; font-size: 8pt; padding: 5px 0; }

/* webSeo */
#webSeo { overflow: hidden; width: 100%; }
#webSeo .seo>div { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* phoneWrap */
.phoneWrap { position: fixed; width: 100%; display: none; bottom: 0; left: 0; z-index: 998; transition: all linear .3s; }
.phoneWrap ul { overflow: hidden; }
.phoneWrap ul li { float: left; width: 50%; }
.phoneWrap ul li a { padding: 6px 0; background: #d8608d; display: block; text-align: center; font-size: 16px; color: #fff; }
.phoneWrap ul li:last-child a { background-color: #10ac84; border-right: 0; }

/* SeoStarRating */
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#SeoStarRating font { display: inline-block; }
#SeoStarRating font:first-child { font-weight: bold; font-size: 18px; color: #FF9800; }
#SeoStarRating font:nth-child(2) { font-size: 16px; color: #FF9800; }
#SeoStarRating font:last-child { color: #ff003b; }

@media screen and (min-width: 1281px) {
	footer #footer-info ul li.plus-information a:hover img { display: block; }
}
@media screen and (min-width: 1280px) {
	footer #footerCompany .plus-information a:hover img { display: block; }
}
@media screen and (min-width: 1025px) {
	header .topMenu nav .pc li:nth-child(7)~li .menu_body ul li:hover>.sub2Option, header .topMenu nav .pc li:nth-child(7)~li .menu_body ul li:hover>.sub3Option { right: 160px; }
	header .topMenu nav .pc li:nth-child(10) .menu_body ul li b { left: 0px; right: unset; }
	header .topMenu nav .pc li:nth-child(10) .menu_body ul li b i { transform: rotate(180deg); }
	header .topMenu nav .pc li .menu_body ul li>div a { text-align: center; }
	header .topMenu nav .pc li .menu_body { left: 50%; transform: translateX(-50%) translateY(20px); opacity: 0; transition: ease .3s; }
	header .topMenu nav .pc li:hover .menu_body { transform: translateX(-50%) translateY(0px); opacity: 1; }
	header .topMenu nav .pc li:hover .menu_body, header .topMenu nav .pc li .menu_body ul { min-width: 160px; }
	header .topMenu nav .pc li .menu_body ul { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .15); }
	header .topMenu nav .pc li .menu_body ul li:hover>div a { color: #1f79a9; }
	header .topMenu nav .pc>li { position: relative; padding: 0px 15px 30px; }
	header .topMenu nav .pc li .menu_body>ul { position: relative; }
	header .topMenu nav .pc li .menu_body>ul::after { position: absolute; left: 50%; top: -8px; content: ''; height: 0; width: 0; margin: 0 0 0 -8px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 8px 8px 8px; }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
	.container { width: 85%; }
	header .topMenu nav .pc>li { padding: 0px 8px 30px; }
	header .topMenu nav .pc li:hover .menu_body, header .topMenu nav .pc li .menu_body ul { min-width: 140px; }
	header .topMenu nav .pc li:nth-child(7)~li .menu_body ul li:hover>.sub2Option, header .topMenu nav .pc li:nth-child(7)~li .menu_body ul li:hover>.sub3Option { right: 140px; }
	header .topMenu nav .pc li .menu_body ul li:hover>.sub2Option, header .topMenu nav .pc li .menu_body ul li:hover>.sub3Option { right: -140px; }
}
@media screen and (max-width: 1280px) {
	.container { width: 90%; }
	header { padding: 29px 10px 20px; }
	header font#openMenu { margin: 0 0 0 10px; }
	header .topMenu { width: calc(100% - 190px); }
	header #cis { width: 190px; top: 35px; left: 20px; }
	header .topMenu nav .pc>li { padding: 0px 5px 30px; }
	header #main-menu { margin: 0 12px 0 0; }
	footer .footer-container { padding: 0 40px; }
}
@media screen and (max-width: 1110px) {
	header .topMenu nav .pc>li { padding: 0px 3px 30px; }
}
@media screen and (max-width: 1024px) {
	header { padding: 10px 15px 20px; }
	header .topMenu { padding-top: 0px; }
	header.fixed { top: 0px; }
	header #cis { width: 220px; top: 17px; }
	header.fixed #cis { top: 17px; }
	header #cis a { display: block; }
	header .topMenu #main-menu { display: none; }
	header { z-index: 1000; }
	header #translate { display: none; }
	header.headerTop .topBox { top: 15px; }
	header .topBox { right: 0px; top: 15px; display: flex; align-items: center; }
	header { height: 85px; }
	header #cis { left: 3%; }
	header #cis a.photo img { width: 170px; }
	header .topBox .workframe { width: 100%; }
	header .topBox font.languagebox { display: none; }
	header .topBox font { padding: 5px 15px 15px; }
	header .topBox font#openMenu { padding-top: 10px; }
	header .topBox font.phone, header .topBox font.cont { display: none; }
	header .topBox font#openMenu { display: inline-block; }
	header .topMenu:before { background-size: auto 5px; top: -4px; height: 5px; }
	header .topMenu nav { display: none; overflow-y: scroll; position: fixed; margin-left: 0; padding: 0 0 100px; width: 100%; height: 100%; background: #fff; top: 85px; left: 0px; z-index: 110; transition: all 0.5s ease; }
	.openwrap header nav { display: block; }
	header .topMenu nav::-webkit-scrollbar { width: 0; }
	header .topMenu nav .mobtop, header .topMenu nav .pc>li { display: block; }
	header .topMenu nav .mobtop font { padding: 10px 0 15px; float: left; width: 50%; text-align: center; }
	header .topMenu nav .pc { background: #fff; position: relative; padding: 40px 10%; width: 100%; }
	header .topMenu nav .pc>li, header .topMenu nav .pc>li:first-child { border-bottom: 1px solid #e0e0e0; }
	header .topMenu nav .pc>li>p { position: relative; }
	header .topMenu nav .pc>li>p a, header.headerTop .topMenu nav .pc>li>p a { padding: 15px 10px; text-align: left; color: #000; }
	header .topMenu nav .pc>li>p b { position: absolute; padding: 0 10px; display: block; color: #000; top: calc(50% - 13px); right: 0; z-index: 1; }
	header .topMenu nav .pc li .menu_body, header .topMenu nav .pc li .menu_body ul li>.sub2Option, header .topMenu nav .pc li .menu_body ul li>.sub3Option { position: relative; width: auto; height: auto; background: none; display: none; opacity: 1; transition: none; }
	header .topMenu nav .pc li .menu_body ul li>.sub2Option .sub3Title a { padding: 15px 30px; }
	header .topMenu nav .pc li .menu_body ul li>.sub3Option li a { padding: 15px 40px; }
	header .topMenu nav .pc li .menu_body ul li:hover>div a { color: #000; }
	header .topMenu nav .pc li .menu_body ul li>.sub2Option { background: unset; }
	header .topMenu nav .pc li .menu_body ul li:hover b, header .topMenu nav .pc li .menu_body ul li .sub2Option b, header .topMenu nav .pc li .menu_body ul li .sub2Option a { color: #000; }
	header .topMenu nav .pc li .menu_body ul li>.sub3Option { padding-right: 0; }
	header .topMenu nav .pc li .menu_body ul li>div a { border-bottom: 0; color: #000; }
	header .topMenu nav .pc li .menu_body ul li b { color: #000; padding: 0 10px; }
	header .topMenu nav .pc li .menu_body ul li b i.fa-plus:before { content: "\f067"; }
	header .topMenu nav .pc li .menu_body ul li:hover>.sub2Option, header .topMenu nav .pc li .menu_body ul li:hover>.sub3Option { right: 0; }
	header .topMenu nav .pc li .menu_body ul li>.sub2Option>li:last-child { border-bottom: 0; }
	header .topMenu nav .pc li .menu_body ul li>div a { padding: 15px 20px; background-color: #eee; }
	header .topMenu nav .pc>li:hover>p a { color: #000; }
	footer { padding: 0px 0 35px; }
	footer #footer-links { width: calc(48% - 40px); }
	footer #footer-menu { width: 48%; }
	footer #footer-info { margin: 15px 0; width: 100%; }
	footer #footer-info ul li { padding-right: 15px; width: calc(50% - 20px); display: inline-block; }
	.phoneWrap { display: block; }
	footer #footerCompany .row .section:nth-child(2) { width: 45%; }
	footer #footerCompany .footernav li { width: 48%; }
	footer .follow-content span { padding-right: 25px; margin-right: 15px; }
	footer .community a { margin-right: 10px; }
}
@media screen and (max-width: 940px) {
	#menuBtn-content { overflow-y: scroll; width: 100%; height: 100%; }
	.menu-inner { flex-wrap: wrap; width: 100%; }
	.menu-inner nav.menu-main { padding: 100px 60px 0px; width: 100%; height: 65%; overflow-y: scroll; background: #fff; }
	.menu-inner .menu-sub { width: 100%; height: auto; }
	.menu-inner nav .pc li .menu_body ul li:hover b, .menu-inner nav .pc li .menu_body ul li .sub2Option b, .menu-inner nav .pc li .menu_body ul li .sub2Option a { color: #000; }
	.menu-inner nav .pc>li>p a, header.headerTop .menu-inner nav .pc>li>p a { padding: 7px 10px 7px 0px; text-align: left; color: #000; display: block; font-size: 20px; }
	.menu-inner nav .pc { height: 100%; }
	.menu-inner nav .pc>li>p b { position: absolute; padding: 0 30px; display: block; color: #000; top: calc(50% - 13px); right: 0; z-index: 1; }
	.menu-inner nav .pc li .menu_body ul li>.sub2Option .sub3Title a { color: #000; }
	.menu-inner nav .pc li .menu_body ul li:hover>div a { color: #000; }
	.menu-inner nav .pc li .menu_body ul li>div a { border-bottom: 0; color: #000; }
	.menu-inner nav .pc li .menu_body ul li b { color: #000; padding: 0 10px; }
	.menu-inner nav .pc>li:hover>p a { color: #000; }
	.menu-inner nav .pc li .menu_body, .menu-inner nav .pc li .menu_body ul li>.sub2Option, .menu-inner nav .pc li .menu_body ul li>.sub3Option { background: #eee; }
	.menu-inner nav .pc li .menu_body ul li:hover>.sub2Option, .menu-inner nav .pc li .menu_body ul li:hover>.sub3Option { background: #d0d0d0; }
	.menu-inner nav .pc::-webkit-scrollbar-thumb { background: #000; }
	.menu-inner .menu-sub .sub-top { display: flex; }
	.menu-inner .menu-sub .sub-top a { padding-right: 20px; margin-top: 0px; }
	.follow-content { margin-top: 35px; }
	.menu-inner .menu-sub { padding: 30px 60px; }
}
@media screen and (max-width: 768px) {
	footer #footerCompany .footernav li { width: 20%; }
	header .topMenu nav .pc { padding: 40px 5%; }
	footer #footerCompany .row { flex-wrap: wrap; }
	footer #footerCompany .row .section:nth-child(2) { padding: 15px 0px; width: 100%; }
	footer #footerCompany .row .section:nth-child(1), footer #footerCompany .row .section { width: 100%; }
}
@media screen and (max-width: 640px) {
	header #translate { width: 50%; top: 95px; right: 15px; height: 70px !important; padding: 15px !important; }
	footer .fcontact { flex-wrap: wrap; }
	footer .fcontact li { padding: 5px 0px; width: 50%; }
}
@media screen and (max-width: 680px) {
	footer #footer-links #qrcode { display: none; }
	footer #footer-info ul li { padding-right: 0; width: auto; display: block; }
}
@media screen and (max-width: 540px) {
	footer #footerCompany .footernav li { width: 25%; }
	.menu-inner nav.menu-main { padding: 100px 30px 0px; }
	.menu-inner .menu-sub { padding: 30px; }
}
@media screen and (max-width: 480px) {
	footer #footerCompany .row .section { width: 100%; }
	footer #footerCompany .row:last-child { text-align: left; }
	footer #footerCompany #footer-FB { display: block; width: 85%; }
	footer #footerCompany #footer-qrcode { display: block; width: 150px; }
	footer #footerCompany #footer-map { width: 70px; }
	.web { font-size: 6pt; }
	footer #footerCompany .footernav li { width: 50%; }
	.menu-inner .menu-sub .sub-top { flex-wrap: wrap; }
	.menu-inner .menu-sub .sub-top a { width: 100%; padding: 5px 0px; }
}
@media screen and (max-width: 420px) {
	header #translate form { right: 0px; }
	header .topBox font { padding: 6px 15px; }
	header #cis { width: 160px; }
	header .search-btn { width: 50px; height: 50px; line-height: 50px; }
	header font#openMenu a { padding: 14px 16px; width: 50px; height: 50px; }
	header .right-btn { align-items: center; }
}
@media screen and (max-width: 375px) {
	footer .footer-container { padding: 0 20px; }
	footer .footer-infobox { flex-wrap: wrap; }
	footer #footerCompany .comlist, footer .footer-infobox .extra-info { width: 100%; }
	footer .fcontact li { font-size: 12px; }
	footer .fcontact li i { font-size: 16px; padding-right: 3px; }
}