@import url("/css/SeoJump.css");
@import url("https://fonts.googleapis.com/css?family=Patrick+Hand");
@import url("https://fonts.googleapis.com/css?family=Gloria+Hallelujah");
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300");
@import url("https://fonts.googleapis.com/css?family=Anton");

* { -webkit-text-size-adjust: none; }

body { overflow-x: hidden; margin: 0; width: 100%; border: 0; line-height: 150%; font-size: 16px; color: #000; }

div , h1 , h2 , h3 , h4 , hr , p , form , label , input , textarea , img , span , strong { margin: 0; padding: 0; word-wrap: normal; word-break: normal; border-width: 0; text-align: left; font-family: "微軟正黑體","蘋果儷中黑","Lucida Grande","Arial","Arial Narrow"; outline: none; vertical-align: middle; }

hr { noshade: noshade }
th { font-weight: 400 }

ul , ol { overflow: hidden; margin: 0; padding: 0; list-style: none; }
li { list-style: none; }

a , a:hover { text-decoration: none; cursor: pointer; outline: none; color: #000; }

img { max-width: 100%; }

br { font-family: Arial!important; }

.pageh1 { position: fixed; color: #fff; z-index:-8989898; opacity: 0; }

.wrapper .slick-slider { margin: 0; }
.wrapper { overflow: hidden; position: relative; }

.mobile-main-nav , .nav-func , .subnav , .sub2nav , .sub3nav , .phoneWrap , .sub2Option , .sub3Option , #mobile-menu { display: none; }

/* header */
header {position: absolute;width: calc(100% - 300px);left: 0;z-index: 8;transition: transform 1s cubic-bezier(.23, 1, .32, 1);background: #fff;padding: 7px 150px;}
header #cis a { background: no-repeat 0 50% / contain; display: block; }
header #cis a img { width: 100%; }
header #top-nav { border-top: 5px solid #0583c9; border-bottom: 1px solid #ededed; transition: all linear .2s; }
header #menubar {display: inline-block;z-index: 5;transition: all linear .3s;margin-left: 185px;}
header.headerTop #menubar { margin-top: 0; }
header #cis {margin-top: 0;width: 300px;display: inline-block;z-index: 6;}
header .rightTab { float: right; padding: 10px 0; }
header .rightTab .topphone { margin-bottom: 5px; }
header .rightTab .topphone p { overflow: hidden; }
header .rightTab .topphone p i { margin-right: 5px; font-size: 14px; }
header .rightTab .topphone p a { display: block; font-family: 'Bree Serif',serif; line-height: 100%; font-size: 43px; color: #333; }

#translate >p { margin-left: 10px; display: inline-block; vertical-align: initial; font-size: 12px; color: #238dc7; }
#translate >p a { color: #1b6c98; }
#translate{
    display: inline-block;
}
#translate h3 {width: 40px;height: 40px;border-radius: 50%;display: block;text-align: center;line-height: 40px;font-size: 23px;color: #363535;z-index: 8;cursor: pointer;}
#translate form {position: absolute;display: block;text-align: center;line-height: 40px;color: #fff;top: 75px;right: 190px;z-index: 8;}
#translate form p {overflow: hidden;background: #fff;border-bottom: 1px solid #363535;}
#translate #goSearch {padding: 5px 10px;float: right;height: 25px;background: #363535;text-align: center;line-height: 20px;font-size: 12px;letter-spacing: .1em;line-height: 25px;color: #fff;}
#translate form input {margin-top: 4px;padding: 0 5px;float: left;width: 160px;height: 25px;display: inline-block;font-size: 14px;}

#Wlanguage a {position: fixed;width: 40px;height: 40px;background-color: #3a8fb7;border-radius: 50%;display: block;text-align: center;line-height: 40px;font-size: 12px;color: #fff;bottom: 70px;right: 20px;z-index: 8;}
#menubar #main-menu ul {overflow: visible;text-align: end;}
#menubar #main-menu >ul >li { position: relative; margin-left: -4px; display: inline-block; vertical-align: top; }
#menubar #main-menu >ul >li >a {position: relative;padding: 0 15px;height: 68px;display: table;font-size: 15px;color: #fff;transition: all linear .3s;}
#menubar #main-menu >ul >li >a:after{position:absolute;content:'';width: 100%;height: 3px;background: #274976;bottom: 10px;left: 0;opacity: 0;transition: all ease-in-out 0.5s;}
#menubar #main-menu >ul >li >a p {
    display: block;
    position: relative;
    height: 62px;
    letter-spacing: 0.06em;
    padding: 10px 0px;
    font-weight: bold;
    font-size: 17px;
    color: #363535;
    line-height: 62px;
    }
#menubar #main-menu >ul >li:hover >a:after{
    opacity: 1;
}
#menubar #main-menu >ul >li >a b {
    display: block;
    position: absolute;
    width: 100%;
    line-height: 30px;
    font-size: 17px;
    color: #363535;
    top: 50%;
    margin-top: -15px;
    white-space: nowrap;
    transition: opacity .25s,transform .25s;
    -moz-transition: opacity .25s,transform .25s;
    -webkit-transition: opacity .25s,transform .25s;
    text-align: center;
    }
#menubar #main-menu >ul >li >a b.en{
    opacity: 0;
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}
#menubar #main-menu >ul >li >a b.cn{    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
}
#menubar #main-menu >ul >li:hover >a b.en{
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
}
#menubar #main-menu >ul >li:hover >a b.cn{
    opacity: 0;
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
}
#menubar #main-menu ul.subnav {position: absolute;width: 200px;display: none;text-align: left;top: 100%;left: calc(50% - 100px);z-index: 5;padding-top: 7px;}
#menubar #main-menu >ul >li:active ul.subnav , #menubar #main-menu ul.subnav li:active ul.subOption { display: block; }
#menubar #main-menu ul.subnav li { position: relative; background: #fff; }
#menubar #main-menu ul.sub2nav , #menubar #main-menu ul.sub3nav { position: absolute; width: 100%; box-shadow: 0 0 20px #dedede; display: none; text-align: left; left: 100%; z-index: 54; top: 0; }
#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 { left: inherit; right: 100%; }
#menubar #main-menu ul.subnav >li ul.sub2nav li >a { background: #fff; }
#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; display: block; font-size: 15px; color: #383838; }
#menubar #main-menu ul.subOption { position: absolute; width: 200px; display: none; text-align: left; top: -3px; left: 100%; }
#menubar #main-menu ul.subOption >li:first-child { border-top: 3px solid #f6a266 }

/* g-map */
#g-map { position: relative; background: #fff; z-index: 2; }

/* footer */
footer {position: relative;font-size: 16px;line-height: 150%;color: #fff;z-index: 2;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;background: #274976;}
footer .workframe { overflow: hidden; margin: 0 auto; width: 80%; }
footer #footerCompany {padding: 60px 0 45px;}
footer #footerCompany .row {width: calc((100% - 245px) / 3);display: inline-block;vertical-align: top;}
footer #footerCompany .row:nth-child(2){
    margin-left: 70px;
}
footer #footerCompany .row:nth-child(3){
}
footer #footerCompany .row:last-child{
    width: 150px;
}
footer #footerCompany .row h2 { margin-bottom: 20px; font-weight: 400; font-size: 18px; }
footer #footerCompany .row h2 span { margin-right: 15px; width: 8px; height: 8px; background: #d9c4a9; display: inline-block; vertical-align: inherit; }
footer #footerSet {padding: 20px 0 0;border-top: 1px solid rgb(255 255 255 / 15%);}
footer #footerCompany .comlist , footer #footerCompany .fcontact , footer #footerCompany .footernav {max-width: 90%;}
footer #footerCompany #footer-qrcode { margin: 0 0 10px; width: 100%; }
footer #footerCompany .sedc >div { margin-bottom: 3px; display: inline-block; vertical-align: top; }
footer #footerCompany .sedc >div a { padding: 0 25px; height: 40px; background: #b45b5b; display: block; text-align: center; line-height: 40px; color: #fff; font-size: 18px; font-family: 'Open Sans Condensed',sans-serif; }
footer #footerCompany .sedc #footer-FB a { background: #435a8f; }
footer #footerCompany .sedc a b { font-weight: 400; }
footer #footerCompany .comlist li#footer-cis{
    margin: 20px 0;
}
footer #footerCompany .comlist li {
    margin-bottom: 5px;
}
footer #footerCompany .comlist li b {margin-right: 10px;color: #fff;vertical-align: middle;}
footer #footerCompany .comlist li span { vertical-align: middle; }
footer #footerCompany p { margin-bottom: 15px; }
footer #footerCompany p.sitemap , footer #footerCompany p.sitemap a {}
footer #footerCompany p a { color: #fff; }
footer #footerCompany .fcontact li { margin-bottom: 5px; }
footer #footerCompany .fcontact li a {padding: 10px 0;background: rgb(255 255 255 / 20%);border-radius: 25px;display: block;text-align: center;color: #fff;transition: all linear .3s;font-weight: bold;}
footer #footerCompany .fcontact li:nth-child(even) a {}
footer #footerCompany .footernav li { margin-bottom: 5px; float: left; width: 50%; }
footer #footerCompany .footernav li a , footer #footerCompany .comlist li span a {color: #fff;}
footer #footerCompany .fcontact { padding: 10px 0; }
#footerSet .info { overflow: hidden; float: left; }
#footerSet .info div , #footerSet .info p {display: inline-block;font-size: 12px;color: #fff;vertical-align: top;}
#footerSet .info .SeoWebFooter {
    margin-left: 5px;
}
#footerSet .info a { color: #dbdbdb }
#footerSet .community { float: right; text-align: right; }
#footerSet .community li { margin-left: 5px; display: inline-block; }
#footerSet .community li a { width: 25px; height: 25px; border: 1px solid #d1d1d1; display: block; text-align: center; font-size: 13px; color: #d7d7d7; left: 25px; }
footer #footerCompany .comlist , footer #footerCompany .plus-information { overflow: visible; }
footer #footerCompany .plus-information a { position: relative; display: inline-block; }
footer #footerCompany .plus-information img { position: absolute; max-width: 150px; max-height: 150px; display: none; bottom: 100%; left: 0; z-index: 8; }
.web { padding: 20px 0; font-size: 8pt; color: #fff; }

/* gotop #gocart  */
#gotop , #gocart {position:fixed;width: 40px;height: 40px;background-color: #0f2540;border-radius: 25px;display: block;text-align: center;line-height: 35px;font-size: 17px;color: #fff;right: 20px;bottom: 20px;z-index:99;}
#gocart { background-color:#b31e1e; bottom: 170px; }

/* index-title */
.index-title {margin: 0 auto;}
.index-title h2 {margin: 10px 0;line-height: 120%;font-size: 30pt;color: #363535;font-family: 'Roboto', sans-serif;}
.index-title h2:first-letter {
    color: #3a8fb7;
}
.index-title p {font-size: 22px;font-weight: 700;color: #3c3c3c;letter-spacing: 2px;}
.index-title p b {margin-right: 10px;vertical-align: bottom;}
.index-title p b img { transform: scale(0.7); }
.index-title h3 { margin-top: 50px; }
.index-title h3 a {padding: 15px 35px;border: 1px solid #274976;display: inline-block;font-size: 13px;color: #274976;font-family: 'Roboto', sans-serif;font-weight: normal;letter-spacing: 2px;-webkit-transition: .3s ease-in-out;}
.index-title h4 {line-height: 150%;font-weight: bold;font-size: 22px;color: #3c3c3c;letter-spacing: 1px;}
.index-title h5{
    font-weight: normal;
    font-size: 14px;
    text-align: justify;
    line-height: 200%;
}

/* ssbanner */
#ssbanner { padding: 70px 0; }
#ssbanner .index-title { margin-bottom: 50px; }

/* comprehensive */
#comprehensive { margin: 0 auto; width: 960px; }
#comprehensive .bxslider { overflow: hidden; }
#comprehensive .bxslider >div { margin: 0 10px 20px; float: left; width: calc(50% - 20px); }
#comprehensive a { overflow: hidden; position: relative; background: no-repeat 50% / cover; display: block; }
#comprehensive .inin { overflow: hidden; position: absolute; padding: 20px; width: 260px; height: calc(100% - 40px); background: #21537e; text-align: center; color: #fff; white-space: nowrap; text-overflow: ellipsis; font-size: 15pt; transition: .3s ease-in-out; -o-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; left: 0; top: 0; }
#comprehensive p { overflow: hidden; height: 100%; width: 100%; display: table; white-space: nowrap; text-overflow: ellipsis; }
#comprehensive p b { display: table-cell; font-weight: 400; vertical-align: middle; }
#comprehensive p b span { overflow: hidden; width: 250px; display: block; white-space: nowrap; text-overflow: ellipsis; }
#comprehensive .bxslider >div:nth-child(2) .inin , #comprehensive .bxslider >div:nth-child(3) .inin { background: #cc4a18; }
#comprehensive img { width: 100%; }


.dance { cursor: pointer; }


/* imgSkirt */
.imgSkirt { position: relative; }

.open.imgSkirt::after { width: 0; }

/* SeoStarRating */
#SeoStarRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
#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: #0a29d2; }

@media screen and (max-width:1680px) {
	header {width: calc(100% - 60px);padding: 7px 30px;}
	#translate form {top: 80px;right: 0;width: 220px;}
}
@media screen and (max-width:1440px) {
	#menubar #main-menu >ul >li >a{
    padding: 0 15px;
}
	header {    width: calc(100% - 40px);    padding: 7px 20px;}
	header #menubar {    margin-left: 35px;}
}
@media screen and (max-width:1366px) {
	footer .workframe{width: 90%;}
}
@media screen and (max-width:1280px) {
	#menubar #main-menu >ul >li >a b {}
	#menubar #main-menu >ul >li >a {height: 60px;}
	#menubar #main-menu >ul >li >a p {}
	header #cis {    width: 240px;}
}
@media screen and (min-width:1025px) {
	footer{background-attachment: fixed;}
	.headerTop #menubar #main-menu >ul >li >a { color: #2b8fa5; }
	.headerTop #menubar #main-menu >ul >li >a b {}
	header.headerTop {position: fixed;z-index: 999;border-bottom: 0;}
	#translate h3:hover {}
	#translate #goSearch:hover {background: #274976;}
	#Wlanguage a:hover {background-color: #226b8e;}
	#menubar #main-menu >ul >li:hover >a p {
    color: #274976;
}
	#menubar #main-menu >ul >li:hover ul.subnav , #menubar #main-menu ul.subnav li:hover ul.subOption , #menubar #main-menu ul.subnav >li:hover ul.sub2nav , #menubar #main-menu ul.sub2nav li:hover ul.sub3nav { display: block; }
	#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: #274976;color: #fff;}
	footer #footerCompany .fcontact li a:hover , footer #footerCompany .sedc >div a:hover { opacity: .8 }
	footer #footerCompany .footernav li a:hover {color: #fff;}
	footer #footerCompany .plus-information a:hover img { display: block; }
	#footerSet .community li a:hover {background: #fff;color: #274976;}
	#gotop:hover { background-color: #2d2b2b; }
	#comprehensive a:hover .inin { padding-left: 50px; }
	.btn.style:hover {
    letter-spacing: 0;
    background: #274976;
    color: #fff;
}
}
@media screen and (max-width:1024px) {
	header #menubar { display: none; }
	header {position: fixed;width: 100%;display: block;background: #fff;left: 0;top: 0;z-index: 8;border: 0;    padding: 0;}
	#translate {position: absolute;right: 10px;top: 24px;z-index: 9;}
	header:after{display:none;}
	.mobile-main-nav { display: block; }
	.nav-funcB {position: fixed;font-size: 30px;color: #363535;left: 20px;top: 30px;}
	.nav-funcB:hover {
}
	#mobile-menu {overflow: auto;position: fixed;padding-bottom: 30px;width: 300px;height: calc(100vh - 80px);background: #ececec;top: 92px;}
	#mobile-menu >ul >li .menu_head , .subOption >li .sub2Title,.subOption >li .sub3Title {overflow: hidden;position: relative;padding: 15px;border-bottom: 1px solid rgb(0 0 0 / 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; width: calc(100% - 20px); font-size: 11pt; }
	#mobile-menu >ul >li .menu_head a , .subOption >li .sub2Title a , .subOption >li .sub3Title a {
    display: block;
    font-weight: bold;
}
	#mobile-menu >ul >li .menu_head b , .subOption >li .sub2Title b , .subOption >li .sub3Title b {position: absolute;width: 50px;height: 56px;text-align: center;line-height: 56px;color: #363535;cursor: pointer;right: 0;top: 0;}
	#mobile-menu >ul >li .menu_body li p , .subOption >li .sub2Option li p {padding: 5px 15px;background: #274976;border-bottom: 1px solid rgb(255 255 255 / 10%);font-size: 14px;}
	#mobile-menu >ul >li .menu_body li a , .subOption >li .sub2Option li p a { padding: 10px 35px; display: block; font-size: 11pt; color: #fff; }
	#mobile-menu .subOption >li .sub2Title { padding: 15px 15px 15px 30px; background: #102c6c; font-size: 14px; }
	#mobile-menu .subOption >li .sub2Title p { padding: 0; background: none; border: 0; }
	#mobile-menu .subOption >li .sub2Title p a { padding: 0; border: none; color: #fff }
	#mobile-menu .subOption >li .sub2Title.bo p a { display: inline-block; color: #fff; }
	#mobile-menu .subOption >li .sub3Title { padding: 15px 15px 15px 45px; background: #051d53; }
	#mobile-menu .subOption >li .sub3Title p { padding: 0; width: calc(100% - 20px - 30px); background: none; border: 0; }
	#mobile-menu .subOption >li .sub3Title p a { padding: 0; color: #fff; }
	#mobile-menu .subOption >li .sub3Option p { padding: 15px 10px 15px 55px; background: #102c6c; }
	#mobile-menu .subOption >li .sub3Option p a { padding: 0; color: #fff; }
	header .rightTab { overflow: hidden; margin: 0 auto; padding: 10px 5%; float: none; background: #efefef; text-align: center; }
	header #cis {position: initial;margin: 20px auto;padding-left: 0;float: none;width: 270px;display: block;}
	header #cis h2 { text-align: center; }
	header #cis a img {}
	header .rightTab .topphone p a { font-size: 30px; }
	header .rightTab .topphone { float: right; margin: 0; }
	header .rightTab .translate { float: left; }
	header .workframe { width: 100%; }
	footer #footerCompany .row, footer #footerCompany .row:nth-child(2), footer #footerCompany .row:nth-child(3), footer #footerCompany .row:last-child {width: calc(50% - 4px);margin: 0 0 30px;}
	#comprehensive p { line-height: 120%; }
	#comprehensive { width: 90%; }
	#cursor .waku,#cursor { z-index: -9999999999; }
}
@media screen and (max-width:768px) {
	#comprehensive .bxslider >div { width: calc(100% - 20px); }
	#comprehensive .inin { width: calc(100% - 40px); background: rgba(3, 55, 99, .49); }
	#comprehensive .bxslider >div:nth-child(2) .inin , #comprehensive .bxslider >div:nth-child(3) .inin { background: rgba(3, 55, 99, .49); }
	#comprehensive img { padding: 20px 0; }
	footer #footerCompany .row, footer #footerCompany .row:nth-child(2), footer #footerCompany .row:nth-child(3), footer #footerCompany .row:last-child {    width: 100%;    margin: 0 0 30px;    display: block;}
}
@media screen and (max-width:640px) {
	.phoneWrap{display:block;position:fixed;bottom:0;left:0;width:100%;z-index:99}
.phoneWrap ul li{float:left;width:50%;text-align:center}
.phoneWrap ul li a{color:#fff;padding:5px 0;display:block;background: #9c0b0b;border-radius:10px;margin:5px;}
.phoneWrap ul li.line a{ background: #0b9c16;}
footer #footerCompany .row:first-child{
    width: 70%;
}
#gotop{
    bottom: 50px;
}
#Wlanguage a{
    bottom: 100px;
}
	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 , #footerSet .community , #footerSet .info , #footerSet .info .SeoWebFooter { text-align: center; }
	footer #footerCompany .footernav li,footer .sitemap { text-align: left; }
	#footerSet .info,#footerSet .community { width: 100%; }

	#footerSet .community { margin-top: 20px; }
	.web { padding-bottom: 60px; }
	footer #footerCompany .fcontact { width: calc(100% - 20px); }
	#gotop,#Wlanguage a , #translate h3,#gocart {right: 5px;}
	#mobile-menu >ul { margin-bottom: 60px; }
	#translate h3{    top: 10px;}
	#translate form{
    right: 15px;
    top: 60px;
}
}
@media screen and (max-width: 480px) {
	footer #footerCompany { padding: 50px 0; }
	header #cis{
    width: 220px;
    margin: 16px auto;
}
.nav-funcB{
    top: 23px;
}
#translate{
    top: 15px;
}
#mobile-menu{
    top: 74px;
}
}