@charset "UTF-8";@import url(reset.css);@import url(font-awesome.min.css);@import url(rwdgrid.css);@import url(texteditor.css);.arrowBox .arrow,.arrowBox .arrow:before,.btnBox .btn,.classBox a,.classBox span,.classBoxRowPc a,.classBoxRowPc span,.controlBox .slick-dots li,.controlBox .slick-dots li button,.controlBox .slick-dots li button:before,.floatBox,.floatBox .headerIconBtn .num,.formBox .columnCheckBox .columnCheckLabel .columnCheck:after,.formBox .columnCheckBox .columnCheckLabel .columnCheck:before,.loadingArea,.moduleBox .moduleClose,.moduleBox.cart .cartList .del,.moduleBox.privacy .btnBox .btn.textLink:before,.moduleBox.privacy .customList .topBox .subtitle,.moduleBox.privacy .customList .topBox .trigger label span,.moduleBox.privacy .customList .topBox .trigger label span:before,.moduleBox.privacy .customList .topBox:before,.moduleMask,.pageBox .pageList a.nextBtn:before,.pageBox .pageList a.prevBtn:before,.pageBox .pageList.number a.firstBtn:after,.pageBox .pageList.number a.firstBtn:before,.pageBox .pageList.number a.lastBtn:after,.pageBox .pageList.number a.lastBtn:before,.privacyArea,.scrollHint,.slick-slider .slick-dots li,.slick-slider .slick-dots li button,.slick-slider .slick-dots li button:before,.slideMenuArea .languageBox .languageList,.slideMenuArea .menuBox .nav .submenu .submenuItemTitle.hasThirdMenu:after,.slideMenuArea .menuBox .nav .submenu .submenuItemTitle.hasThirdMenu:before,.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu>span>a:before,.slideMenuTrigger,.slideMenuTrigger .line:after,.slideMenuTrigger .line:before,.topFunctionBox .languageBox .languageList,.unitBox .unitList .unit:before,a,button,footer .topBox .qrcodeBox img,footer .topBox .socialBox .socialList li,footer .topBox .socialBox .socialList li a svg,header,header .menu .subMenuBox,header .menu .subMenuBox .subTitleTw,header .menu .subMenuBox .subTitleTwM2,header .menu .subMenuBox .submenuItemTitle,header .menu .subMenuBox .submenuItemTitle:before,header .menu .subMenuBox .submenuM1Box .Img,header .menu .subMenuBox .submenuM1Box .subTitleTwM2,header .menu .subMenuBox .submenuM1Box .submenuM2,header .menu .subMenuBox .submenuM1BoxPic{-webkit-transition:all .5s;transition:all .5s}
.formBox.changePassword{max-width:640px;margin:0 auto}
.formBox .formList{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;color:#2f2f2f;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:16px;margin-left:-10px;margin-right:-10px;position:relative}
.formBox .formRow{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.formBox .formColumn{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 10px;position:relative}
.formBox .formColumn.select{position:relative}
.formBox .formColumn.select:before{content:'';width:8px;height:8px;border-right:2px solid #626262;border-bottom:2px solid #626262;pointer-events:none;position:absolute;bottom:35px;right:20px;z-index:1;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.formBox .formColumn.pt0{padding-top:0}
.formBox .formColumn.pb0{padding-bottom:0}@media (max-width:1180px){.formBox .formColumn{padding:10px}}

.formBox .columnTitle{width:100%;font-weight:500;letter-spacing:0.02rem;line-height:1.25;margin-bottom:12px;position:relative}
.formBox .columnTitle.withCheckBox{width:auto}
.formBox .columnTitle.withCheckBox+.columnCheckBox{margin-left:10px;margin-bottom:12px}
.formBox .columnTitle.requireStyle{padding-left:10px}
.formBox .columnTitle.requireStyle:before{content:'*';color:#f00;font-size:18px;font-weight:700;position:absolute;top:3px;left:0;z-index:1}
.formBox .columnCheckBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px}
.formBox .columnCheckBox .columnCheckLabel{-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px 5px}
.formBox .columnCheckBox .columnCheckLabel .columnCheck{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;background:transparent;border:none;cursor:pointer;display:inline-block;margin:0;outline:0;position:relative}
.formBox .columnCheckBox .columnCheckLabel .columnCheck:before{content:"";width:100%;height:100%;background-color:transparent;border-radius:50%;border:1px solid #cecece;display:inline-block;position:absolute;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.formBox .columnCheckBox .columnCheckLabel .columnCheck:after{content:"";width:50%;height:50%;background-color:#333;border-radius:50%;display:inline-block;opacity:0;position:absolute;top:50%;left:50%;z-index:2;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.formBox .columnCheckBox .columnCheckLabel .columnCheck:checked:after{opacity:1}
.formBox .columnCheckBox .columnCheckLabel .columnCheck:disabled:before{background-color:#e5e5e5!important}
.formBox .columnCheckBox .columnCheckLabel .columnCheck:disabled:after{background-color:#b5b5b5!important}
.formBox .columnCheckBox .columnCheckLabel .columnCheck:disabled+span{color:#737373!important}
.formBox .columnCheckBox .columnCheckLabel .columnCheck.square:after,.formBox .columnCheckBox .columnCheckLabel .columnCheck.square:before{border-radius:0}
.formBox .columnCheckBox .columnCheckLabel .columnCheck.error:before{border-color:#004998}
.formBox .columnCheckBox .columnCheckBoxTitle{display:inline-block;font-size:15px;line-height:1;letter-spacing:0.02rem;margin-left:4px}
.formBox .columnSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;font-size:16px;font-family:"Noto Sans TC";outline:none;padding:5px 25px 5px 10px;margin:0}
.formBox .columnSelect:disabled{background-color:#e5e5e5!important;color:#737373!important}
.formBox .columnInput{padding:5px 10px}
.formBox .columnInput::-webkit-input-placeholder{color:#a6a6a6}
.formBox .columnInput::-moz-placeholder{color:#a6a6a6}
.formBox .columnInput:-ms-input-placeholder{color:#a6a6a6}
.formBox .columnInput::-ms-input-placeholder{color:#a6a6a6}
.formBox .columnInput::placeholder{color:#a6a6a6}
.formBox .columnInput:disabled{background-color:#e5e5e5!important;color:#737373!important}
.formBox .columnArea{height:200px;padding:10px}@media (max-width:1180px){.formBox .columnArea{height:120px;padding:5px 10px}}

.formBox .columnArea,.formBox .columnInput,.formBox .columnSelect{width:100%;border:1px solid rgba(0,0,0,0.1);border-radius:3px;color:#737373;font-weight:500}
.formBox .columnInput,.formBox .columnSelect{height:45px}
.formBox .btnBox{width:100%}
.formBox .noteTxt{width:100%;color:#999;font-size:15px;line-height:1.5;letter-spacing:0.02rem;margin-top:10px}
.formBox .noteTxt.red{color:#f00}@media (max-width:1180px){.formBox .noteTxt{font-size:14px}}

.formBox .error{border-color:#f00!important}@-webkit-keyframes btnAni{20%{background-color:rgba(0,73,152,0.3)}to{-webkit-transform:scale(1.3);transform:scale(1.3);background-color:transparent}}
@keyframes btnAni{20%{background-color:rgba(0,73,152,0.3)}to{-webkit-transform:scale(1.3);transform:scale(1.3);background-color:transparent}}
@-webkit-keyframes imgLoading{0%{background-position:100% 50%}to{background-position:0% 50%}}
@keyframes imgLoading{0%{background-position:100% 50%}to{background-position:0% 50%}}
@-webkit-keyframes slideLeftAnimation{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes slideLeftAnimation{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes slideDownAnimation{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideDownAnimation{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes slideUpAnimation{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideUpAnimation{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes aniSlideLeft{0%{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes aniSlideLeft{0%{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@-webkit-keyframes aniSlideDown{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes aniSlideDown{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes bannerScrollAnimation{0%{-webkit-transform:translateY(70px);transform:translateY(70px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(70px);transform:translateY(70px)}}
@keyframes bannerScrollAnimation{0%{-webkit-transform:translateY(70px);transform:translateY(70px)}50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(70px);transform:translateY(70px)}}
@-webkit-keyframes scrollHorizontal{to{-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0}}
@keyframes scrollHorizontal{to{-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0}}
@-webkit-keyframes scrollVertical{to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}
@keyframes scrollVertical{to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}}
@-webkit-keyframes ripple{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}50%{opacity:1;-webkit-transform:scale3d(0.75,0.75,1);transform:scale3d(0.75,0.75,1)}to{opacity:0;-webkit-transform:scale3d(1.25,1.25,1);transform:scale3d(1.25,1.25,1)}}
@keyframes ripple{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}50%{opacity:1;-webkit-transform:scale3d(0.75,0.75,1);transform:scale3d(0.75,0.75,1)}to{opacity:0;-webkit-transform:scale3d(1.25,1.25,1);transform:scale3d(1.25,1.25,1)}}
@-webkit-keyframes loadingFilter{50%{left:100%;-webkit-transform:translateX(calc(-100% - 4px));transform:translateX(calc(-100% - 4px))}}
@keyframes loadingFilter{50%{left:100%;-webkit-transform:translateX(calc(-100% - 4px));transform:translateX(calc(-100% - 4px))}}
#chat-icon{bottom:60px!important}#greeting-messages{bottom:125px!important}body{background-color:#fff;font-size:17px;font-family:"Roboto","Noto Sans TC",Arial,"Microsoft JhengHei",sans-serif;color:#3e3e3e}@media (max-width:1180px){body{font-size:14px}}
@media (max-width:768px){body{font-size:14px}}
body.loadingOverflow,body.overflow,body.popwinOverflow{overflow:hidden}body.errorPage .mainArea{width:100%;height:calc(100vh - 300px);min-height:500px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.errorPage .mainArea .top{max-width:380px;color:#004998;font-size:28px;font-weight:500;line-height:1.5;margin:0 auto}@media (max-width:768px){body.errorPage .mainArea{height:50vh;min-height:350px}body.errorPage .mainArea .top{font-size:24px}}
address{font-style:normal}a{color:#fff;cursor:pointer}@media (min-width:1201px){a:hover{color:#004998}}

button,input[type=password],input[type=text],textarea{    /* -webkit-appearance: none; */
    -moz-appearance: none;
    /* appearance: none; */
    background-color: #fff;
    border: none;
    width: 800px;
    border-radius: 10px;
    font-size: 16px;
    /* font-family: "Noto Sans TC"; */
    /* outline: none; */
    padding: 10px;
    margin: 0;
    margin-left: -600px;
}}
button{cursor:pointer}select{cursor:pointer}textarea{resize:vertical}input[type=file],input[type=file]::-webkit-file-upload-button{cursor:pointer}
.Img img{height:auto}div.titan{display:none}[class*=col-]{float:left}
.col-1{width:100%}
.col-2{width:50%}
.col-3{width:33.33%}
.col-4{width:25%}
.col-5{width:20%}@media (max-width:480px){.col-1,.col-2,.col-3,.col-4,.col-5{float:none;width:100%}}

.titleBox{margin-bottom:40px;position:relative;text-align:center}
.titleBox.textLeft{text-align:left}
.titleBox .decoTitle{color:#6db327;font-size:16px;line-height:normal;padding-bottom:4px}@media (max-width:1180px){.titleBox .decoTitle{font-size:14px}}
@media (max-width:768px){.titleBox .decoTitle{font-size:12px;padding-bottom:0}}

.titleBox .title{color:#3e3e3e;font-size:22px;font-weight:500;line-height:normal}
.titleBox .subtitle{color:#004998;font-size:60px;font-weight:700;line-height:normal;padding-top:4px;text-transform:uppercase}@media (max-width:1180px){.titleBox .subtitle{padding:10px 0 0;font-size:24px}}
@media (max-width:768px){.titleBox .subtitle{font-size:20px}}

.titleBox .text{color:#3e3e3e;font-size:17px;line-height:normal;padding-top:30px}@media (max-width:1180px){.titleBox .text{font-size:14px;padding-top:20px}}
@media (max-width:768px){.titleBox .text{font-size:14px;padding-top:15px}}

.titleBox.white .title{color:#fff}
.titleBox.white .subtitle{color:#fff}
.titleBox.white .text{color:#fff}
.titleHomeBox{margin-bottom:40px;position:relative;text-align:left}
.titleHomeBox.textcenter{text-align:center}
.titleHomeBox .decoTitle{color:#6db327;font-size:16px;line-height:normal;padding-bottom:4px}@media (max-width:1180px){.titleHomeBox .decoTitle{font-size:14px}}
@media (max-width:768px){.titleHomeBox .decoTitle{font-size:12px;padding-bottom:0}}

.titleHomeBox .title{color:#3e3e3e;font-size:22px;font-weight:500;line-height:normal}
.titleHomeBox .subtitle{color:#004998;font-size:60px;font-weight:700;line-height:normal;padding-top:4px;text-transform:uppercase}@media (max-width:1180px){.titleHomeBox .subtitle{font-size:40px}}

.titleHomeBox .text{color:#3e3e3e;font-size:17px;line-height:normal;padding-top:30px}@media (max-width:1180px){.titleHomeBox .text{font-size:14px;padding-top:20px}}
@media (max-width:768px){.titleHomeBox .text{font-size:14px;padding-top:15px}}

.titleHomeBox.white .title{color:#fff}
.titleHomeBox.white .subtitle{color:#fff}
.titleHomeBox.white .text{color:#fff}
.titleArtBox{margin-bottom:40px;position:relative;text-align:center}
.titleArtBox.textLeft{text-align:left}
.titleArtBox .decoTitle{color:#6db327;font-size:16px;line-height:normal;padding-bottom:4px}@media (max-width:1180px){.titleArtBox .decoTitle{font-size:14px}}
@media (max-width:768px){.titleArtBox .decoTitle{font-size:12px;padding-bottom:0}}

.titleArtBox .title{color:#004998;font-size:30px;font-weight:500;line-height:normal}
.titleArtBox .subTitle{color:#3e3e3e;font-size:22px;font-weight:500;line-height:normal;margin-bottom:5px}
.titleArtBox .text{color:#3e3e3e;font-size:17px;line-height:1.7;padding-top:20px}@media (max-width:1180px){.titleArtBox .text{font-size:14px;padding-top:20px}}
@media (max-width:768px){.titleArtBox .text{font-size:14px;padding-top:15px}}

.titleArtBox.white .title{color:#fff}
.titleArtBox.white .subtitle{color:#fff}
.titleArtBox.white .text{color:#fff}
.titleArtInsBox{margin-bottom:40px;position:relative;text-align:left}
.titleArtInsBox.center{text-align:center}
.titleArtInsBox .decoTitle{color:#6db327;font-size:16px;line-height:normal;padding-bottom:4px}@media (max-width:1180px){.titleArtInsBox .decoTitle{font-size:14px}}
@media (max-width:768px){.titleArtInsBox .decoTitle{font-size:12px;padding-bottom:0}}

.titleArtInsBox .title{color:#3e3e3e;font-size:22px;font-weight:500;line-height:normal}
.titleArtInsBox .subtitle{color:#004998;font-size:20px;font-weight:500;line-height:normal;text-transform:uppercase;margin-top:10px}
.titleArtInsBox .titleTw{color:#3e3e3e;font-size:20px;font-weight:500;line-height:normal;text-transform:uppercase;margin-top:10px}
.titleArtInsBox .titleEn{color:#004998;font-size:30px;font-weight:500;line-height:normal;margin-top:10px}
.titleArtInsBox .text{color:#3e3e3e;font-size:17px;line-height:1.7;padding-top:20px;margin-top:20px;position:relative}
.titleArtInsBox .text:before{content:"";position:absolute;width:40px;height:2px;background-color:#004998;top:0;left:0}
.titleArtInsBox.white .title{color:#fff}
.titleArtInsBox.white .subtitle{color:#fff}
.titleArtInsBox.white .text{color:#fff}
.text{color:#3e3e3e;font-size:17px;line-height:1.5}
.text.ellipsis{height:22px;overflow:hidden}
.unitBox{width:290px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:30px}@media (max-width:1180px){.unitBox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}}

.unitBox .unitList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:290px;background-color:#ededed;border-radius:23px}
.unitBox .unitList .unit{position:relative;line-height:45px;display:block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 25px;align-items:center;cursor:pointer}
.unitBox .unitList .unit:before{content:"";position:absolute;width:100%;height:100%;background-color:#6db327;top:0;right:0;border-radius:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;opacity:0}
.unitBox .unitList .unit .unitText{font-size:16px;color:#969696;position:relative;z-index:1}
.unitBox .unitList .unit.current .unitText{color:#fff}
.unitBox .unitList .unit.current:before{opacity:1}
.pageInfoBox{max-width:200px;width:100%}
.pageInfoBox .formBox .select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;right:0;width:100%;padding:0}
.pageInfoBox .formBox .select:before{top:35%;bottom:unset}
.pageInfoBox .formBox .select .columnTitle{width:70px;display:inline-block;margin:0 15px 0 0;font-size:16px}
.pageInfoBox .formBox .select .columnSelect{width:calc(100% - 85px);padding:0 10px;border:1px solid rgba(0,0,0,0.5);height:30px}
.classBoxRowPc{position:relative;z-index:4;width:260px;margin:0 0 0 auto}@media (max-width:1180px){.classBoxRowPc{width:100%;margin:20px 0 0}}

.classBoxRowPc .classCurrent{background-color:#f3f2f2;color:#737373;cursor:pointer;font-size:16px;padding:10px 30px 10px 30px;position:relative;border-radius:25px;text-align:center}
.classBoxRowPc .classCurrent:before{content:"\f107";color:#737373;font-size:15px;font-family:FontAwesome;line-height:1;margin-top:-6px;position:absolute;right:30px;top:50%;z-index:1}
.classBoxRowPc a,.classBoxRowPc span{cursor:pointer}
.classBoxRowPc .classLink{width:100%;max-height:90vh;background-color:#fff;border-radius:10px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.1);display:none;overflow-y:auto;position:absolute;top:100%;left:0;z-index:1}
.classBoxRowPc .classLink.open{display:block}
.classBoxRowPc .classLink>li:not(:first-child){border-top:1px solid rgba(0,0,0,0.1)}
.classBoxRowPc .classLink>li span.current,.classBoxRowPc .classLink>li>a.current{color:#fff}
.classBoxRowPc .classLink>li ul{display:none}
.classBoxRowPc .classLink a,.classBoxRowPc .classLink span{color:#464545;background-color:#fff;display:block;padding:14px 15px;position:relative}
.classBoxRowPc .classLink a.current,.classBoxRowPc .classLink span.current{background-color:#004998;color:#fff}@media (min-width:1201px){.classBoxRowPc .classLink a:hover,.classBoxRowPc .classLink span:hover{background-color:#004998;color:#fff}}

.btnBox{margin-top:20px}
.btnBox.flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:-6px;margin-right:-6px}
.btnBox.flex.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.btnBox.flex.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.btnBox.flex .btn{min-width:auto;max-width:200px;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 6px}
.btnBox.single.center{text-align:center}
.btnBox.single .btn{width:100%;max-width:200px}@media (max-width:480px){.btnBox.single .btn{max-width:100%}}

.btnBox.full .btn{width:100%}
.btnBox .btn{min-width:258px;line-height:53px;display:inline-block;font-size:17px;position:relative;text-align:center;z-index:1;border-radius:36px}@media (max-width:1180px){.btnBox .btn{line-height:50px;min-width:220px}}

.btnBox .btn .btnText{display:inline-block;position:relative;width:165px;margin:0 auto;text-align:left}@media (max-width:1180px){.btnBox .btn .btnText{width:155px}}

.btnBox .btn .btnText:before{content:"";position:absolute;top:50%;width:9px;height:9px;border-left:1px solid #fff;border-bottom:1px solid #fff;right:0%;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}@media (min-width:1201px){.btnBox .btn:hover{background-color:#6db327}}

.btnBox .btn.bgMain{background-color:#004998;color:#fff;max-width:210px;width:100%}@media (max-width:1180px){.btnBox .btn.bgMain{line-height:50px}}
@media (min-width:1201px){.btnBox .btn.bgMain:hover{background-color:#6db327}
.btnBox .btn.bgMain:hover:not(.animation){background-color:#fff}}

.btnBox .btn.bgSecond{background-color:#6db327;color:#fff;max-width:210px;line-height:44px;width:100%}@media (max-width:1180px){.btnBox .btn.bgSecond{line-height:50px}}
@media (min-width:1201px){.btnBox .btn.bgSecond:hover{background:#004998;color:#6db327}
.btnBox .btn.bgSecond:hover:not(.animation){background-color:#fff}}

.btnBox .btn.colorMain{background-color:#fff;border:1px solid #004998;color:#004998}
.btnBox .btn.colorMain.animation:after{background-color:#004998}@media (min-width:1201px){.btnBox .btn.colorMain:hover{color:#fff}
.btnBox .btn.colorMain:hover:not(.animation){background-color:#004998}}

.btnBox .btn.colorSecond{background-color:#fff;border:1px solid #6db327;color:#6db327}
.btnBox .btn.colorSecond.animation:after{background-color:#6db327}@media (min-width:1201px){.btnBox .btn.colorSecond:hover{color:#fff}
.btnBox .btn.colorSecond:hover:not(.animation){background-color:#6db327}}

.btnBox .btn.rounded{border-radius:24.5px}
.btnBox .btn.roundedSlightly{border-radius:4px}
.arrowBox{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:115px;margin:0 auto;pointer-events:none}@media (max-width:640px){.arrowBox{width:100%}}

.arrowBox .arrow{width:50px;height:50px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer;pointer-events:auto}@media (min-width:1201px){.arrowBox .arrow:hover:before{border-left:1px solid #004998;border-bottom:1px solid #004998}}

.arrowBox .arrow:before{content:"";position:absolute;top:50%;width:25px;height:25px;border-left:1px solid rgba(54,54,54,0.5);border-bottom:1px solid rgba(54,54,54,0.5)}@media (max-width:640px){.arrowBox .arrow:before{width:20px;height:20px;border-left:1px solid #666666;border-bottom:1px solid #666666}}
@media (max-width:414px){.arrowBox .arrow:before{width:12px;height:12px}}

.arrowBox .arrowPrev{left:0}
.arrowBox .arrowPrev:before{left:40%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}
.arrowBox .arrowNext{right:0}
.arrowBox .arrowNext:before{right:40%;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}
.arrowBox_color_white .arrow{background-color:#fff}
.arrowBox_color_white .arrow:before{border-left:1px solid #004998;border-bottom:1px solid #004998}
.arrowBoxBig .arrow:before{width:25px;height:25px;border-left:1px solid #414141;border-bottom:1px solid #414141}@media (max-width:414px){.arrowBoxBig .arrow:before{width:12px;height:12px}}
@media (min-width:1201px){.arrowBoxBig .arrow:hover{background-color:transparent}
.arrowBoxBig .arrow:hover:before{border-left:1px solid rgba(65,65,65,0.5);border-bottom:1px solid rgba(65,65,65,0.5)}}

.arrowBox.bg_white .arrow{background-color:#fff;-webkit-box-shadow:0px 3px 9px 0px rgba(4,0,0,0.08);box-shadow:0px 3px 9px 0px rgba(4,0,0,0.08)}
.arrowBox.bg_white .arrow:before{width:7px;height:7px}
.arrowBox.bg_white .arrowPrev:before{left:45%}
.arrowBox.bg_white .arrowNext:before{right:45%}
.outerWrap{max-width:1920px;margin:0 auto;padding-top:136px;position:relative}@media (max-width:1180px){.outerWrap{padding-top:70px;padding-bottom:calc(55px + env(safe-area-inset-bottom))}}

.wrap{width:100%;max-width:1300px;margin:0 auto;padding-left:0px;padding-right:0px}@media (max-width:1440px){.wrap{padding-left:40px;padding-right:40px}}
@media (max-width:1180px){.wrap{padding-left:30px;padding-right:30px}}
@media (max-width:768px){.wrap{padding-left:20px;padding-right:20px}}

.moduleBox{position:fixed;left:0;top:0;z-index:1005;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding-left:20px;padding-right:20px;opacity:0;visibility:hidden;pointer-events:none;-webkit-transition-property:top,opacity,visibility;transition-property:top,opacity,visibility;-webkit-transition-duration:0.5s;transition-duration:0.5s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.moduleBox.show{opacity:1;visibility:visible}
.moduleBox.show .moduleWrap{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}
.moduleBox .moduleWrap{position:relative;width:100%;max-width:960px;background-color:#fff;pointer-events:none;padding-top:60px;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all 0.5s;transition:all 0.5s;border-radius:10px}
.moduleBox .moduleTitle{color:#000;font-weight:400;font-size:24px;letter-spacing:0.05em;padding-bottom:10px;text-align:center}
.moduleBox .moduleContent{width:100%;padding-left:30px;padding-right:30px;padding-bottom:30px}
.moduleBox .moduleContent::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#f1f1f1}
.moduleBox .moduleContent::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1}
.moduleBox .moduleContent::-webkit-scrollbar-thumb{background:#004998}
.moduleBox .moduleClose{width:60px;height:60px;background:none;background-color:#004998;border:none;cursor:pointer;position:absolute;right:0;top:0;z-index:1;border-radius:0 10px 0 10px}@media (max-width:640px){.moduleBox .moduleClose{width:50px;height:50px}}

.moduleBox .moduleClose:after,.moduleBox .moduleClose:before{content:"";position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-0.5px;width:30px;height:1px;background-color:#fff}
.moduleBox .moduleClose:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.moduleBox .moduleClose:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media (min-width:1201px){.moduleBox .moduleClose:hover{background-color:#6db327}}

.moduleBox .btnBox.flex .btn{line-height:44px}@media (max-width:640px){.moduleBox .btnBox.flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.moduleBox .btnBox.flex .btn{width:100%;margin:5px 0}}

.moduleBox.loadingFilterBox .moduleWrap{max-width:1500px;height:500px;border-radius:10px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.moduleBox.loadingFilterBox .moduleContent{width:100%;padding-left:30px;padding-right:30px;padding-bottom:30px}
.moduleBox.loadingFilterBox .moduleContent::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#f1f1f1}
.moduleBox.loadingFilterBox .moduleContent::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1}
.moduleBox.loadingFilterBox .moduleContent::-webkit-scrollbar-thumb{background:#004998}
.moduleBox.loadingFilterBox .animationBox{width:100%}
.moduleBox.loadingFilterBox .finishInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}
.moduleBox.loadingFilterBox .finishInfo .moduleTitle{font-size:20px;color:#6db327}
.moduleBox.loadingFilterBox .finishInfo .loader{max-width:390px;width:100%;height:23px;border-radius:11px;position:relative;background-color:#e3e3e3;margin:10px auto 20px}
.moduleBox.loadingFilterBox .finishInfo .loader:before{content:"";position:absolute;margin:2px;width:50%;top:0;bottom:0;left:0;border-radius:inherit;-webkit-animation:loadingFilter 1s infinite linear;animation:loadingFilter 1s infinite linear;background:-webkit-gradient(linear,left top,right top,from(#6db327),to(#004998));background:linear-gradient(to right,#6db327,#004998)}
.moduleBox.loadingFilterBox .finishInfo .moduleText{font-size:18px;color:#454545}
.moduleBox.projectInfoArea .moduleClose{width:100px;height:100px}
.moduleBox.projectInfoArea .moduleWrap{max-width:1300px;border-radius:10px}
.moduleBox.projectInfoArea .projectInfoBox{width:100%;max-width:1200px;margin:0 auto;padding:0 50px}
.moduleBox.projectInfoArea .textInfoBox{height:400px;padding:0 50px 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.moduleBox.projectInfoArea .textInfoBox::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#ececec}
.moduleBox.projectInfoArea .textInfoBox::-webkit-scrollbar{width:5px;height:5px;background-color:#ececec}
.moduleBox.projectInfoArea .textInfoBox::-webkit-scrollbar-thumb{background:#969696}
.moduleBox.privacy .moduleWrap{max-width:700px;padding-top:50px;position:relative;z-index:1004}
.moduleBox.privacy .moduleTitle{font-size:20px;font-weight:600;padding-bottom:15px;text-align:left}@media (max-width:640px){.moduleBox.privacy .moduleTitle{font-size:18px;padding-bottom:10px}}

.moduleBox.privacy .moduleContent{max-height:calc(90vh - 50px);overflow-y:auto}
.moduleBox.privacy .settingBox+.settingBox{margin-top:25px}
.moduleBox.privacy .text{font-size:15px;line-height:1.35}@media (max-width:640px){.moduleBox.privacy .text{font-size:14px}}

.moduleBox.privacy .btnBox{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}
.moduleBox.privacy .btnBox .btn{padding:0 20px;line-height:55px!important;min-width:210px!important;max-width:unset;width:auto;-webkit-box-flex:unset;-ms-flex:unset;flex:unset}
.moduleBox.privacy .btnBox .btn .btnText{width:100%;padding-right:12px}
.moduleBox.privacy .btnBox .btn.textLink{display:inline-block;font-size:15px;font-weight:500;position:relative}
.moduleBox.privacy .btnBox .btn.textLink:before{content:"";width:0;height:1px;background-color:#004998;position:absolute;bottom:-3px;left:50%}@media (min-width:1201px){.moduleBox.privacy .btnBox .btn.textLink:hover:before{width:100%;left:0}}

.moduleBox.privacy .customList .customItem:not(:last-child){padding-bottom:10px}
.moduleBox.privacy .customList .topBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:15px;position:relative}
.moduleBox.privacy .customList .topBox:before{content:"";width:9px;height:9px;border-right:1px solid #000;border-bottom:1px solid #000;pointer-events:none;position:absolute;top:50%;right:0;z-index:1;-webkit-transform:translateY(-80%) rotate(-45deg);transform:translateY(-80%) rotate(-45deg)}
.moduleBox.privacy .customList .topBox.open:before{-webkit-transform:translateY(-100%) rotate(45deg);transform:translateY(-100%) rotate(45deg)}
.moduleBox.privacy .customList .topBox .subtitle{width:100%;cursor:pointer;font-size:16px;font-weight:500;line-height:1;padding:10px 20px 10px 0}
.moduleBox.privacy .customList .topBox .trigger{font-size:15px;line-height:1;position:absolute;top:50%;right:20px;z-index:2;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.moduleBox.privacy .customList .topBox .trigger .alwaysOn{color:#004998;font-size:15px;font-weight:500;display:inline-block;line-height:1.35;padding-bottom:3px}
.moduleBox.privacy .customList .topBox .trigger label{cursor:pointer;display:inline-block}
.moduleBox.privacy .customList .topBox .trigger label[for=cookie_necessary]{cursor:not-allowed}
.moduleBox.privacy .customList .topBox .trigger label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;opacity:0;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.moduleBox.privacy .customList .topBox .trigger label input[type=checkbox]:checked+span{background-color:#0075f4}
.moduleBox.privacy .customList .topBox .trigger label input[type=checkbox]:checked+span:before{background-color:#0055b2;-webkit-transform:translate(75%,-50%);transform:translate(75%,-50%)}
.moduleBox.privacy .customList .topBox .trigger label span{width:38px;height:14px;border-radius:30px;background-color:#d9d9d9;display:block;margin-left:auto;position:relative}
.moduleBox.privacy .customList .topBox .trigger label span:before{content:"";width:21px;height:21px;border-radius:50%;background-color:#b5b5b5;position:absolute;top:50%;left:0;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:1201px){.moduleBox.privacy .customList .topBox:hover .subtitle{color:#004998}}
@media (max-width:640px){.moduleBox.privacy .customList .topBox{margin-bottom:5px}}

.moduleBox.privacy .customList .text{background-color:#e1e1e1;padding:18px 15px}@media (max-width:640px){.moduleBox.privacy .customList .text{padding:15px 12px}}

.moduleBox.cart .moduleWrap{max-width:480px}
.moduleBox.cart .text{color:#373737;font-size:14px;letter-spacing:0.05em;text-align:center}
.moduleBox.cart .text b{padding-left:4px;padding-right:4px;font-weight:400;font-size:18px;color:#004998}
.moduleBox.cart .cartBox{max-height:50vh;border-top:2px solid #004998;border-bottom:2px solid rgba(0,0,0,0.1);margin-top:20px;margin-bottom:20px;overflow-y:auto;padding-top:15px;padding-bottom:15px}
.moduleBox.cart .cartList .cartItem{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
.moduleBox.cart .cartList .cartItem:not(:first-child){border-top:1px solid rgba(0,0,0,0.1);margin-top:12px;padding-top:12px}
.moduleBox.cart .cartList .Img{width:100px;padding-right:10px}
.moduleBox.cart .cartList .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.moduleBox.cart .cartList .Txt{min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:10px;position:relative}
.moduleBox.cart .cartList .title{min-width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:5px}
.moduleBox.cart .cartList .title a{color:#000;display:block;font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1201px){.moduleBox.cart .cartList .title a:hover{color:#004998}}

.moduleBox.cart .cartList .spec{color:#6a6a6a;font-size:14px;margin-bottom:3px}
.moduleBox.cart .cartList .num{color:#6a6a6a;font-size:14px;line-height:1}
.moduleBox.cart .cartList .del{width:35px;height:35px;border:none;background-color:#eee;border-radius:50%;color:#5f5f5f;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:1201px){.moduleBox.cart .cartList .del:hover{background-color:#004998;color:#fff}}

.moduleBox.cart .cartList .del svg{width:15px;height:18px;display:inline-block;vertical-align:middle}@media (max-width:400px){.moduleBox.cart .cartList .Img{width:85px}}

.moduleBox.orderCheck .moduleWrap{max-width:480px}
.moduleBox.orderCheck .formBox{max-height:50vh;overflow-x:hidden;overflow-y:auto}
.moduleBox.search .moduleWrap{max-width:480px}
.moduleBox.search .moduleContent{max-height:calc(90vh - 50px);overflow-y:auto}
.moduleBox.search .searchBox{margin:30px 0;position:relative}
.moduleBox.search .searchBox input[type=text]{width:100%;display:block;border:1px solid #e1e1e1;padding:12px 55px 12px 15px}
.moduleBox.search .searchBox button{width:50px;height:50px;background-color:#004998;color:#fff;display:block;font-size:16px;-ms-flex-negative:0;flex-shrink:0;line-height:50px;position:absolute;top:50%;right:0;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}@media (min-width:1201px){.moduleBox.search .searchBox button:hover{background-color:#000}}

.moduleBox.cookie .moduleWrap{max-width:480px}
.moduleBox.cookie .text{font-size:14px;letter-spacing:0.5px;line-height:1.6}
.moduleMask{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1003;background-color:rgba(0,0,0,0.7);opacity:0;visibility:hidden;pointer-events:none}
.moduleMask.show{opacity:1;visibility:visible;pointer-events:auto}@-webkit-keyframes loadingAni{0%{scale:1 1;opacity:0;-webkit-filter:blur(5px);filter:blur(5px)}15%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}to{scale:1.4 1.4}}
@keyframes loadingAni{0%{scale:1 1;opacity:0;-webkit-filter:blur(5px);filter:blur(5px)}15%{opacity:1;-webkit-filter:blur(0px);filter:blur(0px)}to{scale:1.4 1.4}}
@-webkit-keyframes loadOut{to{top:-100%}}
@keyframes loadOut{to{top:-100%}}

.loadingArea{width:100%;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f3f1f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;position:fixed;left:0;top:0;z-index:9999}
.loadingArea .loadLogo{width:260px}
.loadingArea .loadLogo img{scale:1 1;opacity:0;width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.loadingArea.show{opacity:1;pointer-events:auto;-webkit-transition:2s cubic-bezier(0.43,0.05,0.17,1);transition:2s cubic-bezier(0.43,0.05,0.17,1)}
.loadingArea.show img{-webkit-animation:loadingAni 8s forwards linear;animation:loadingAni 8s forwards linear}
.loadingArea.hide{opacity:0}
.loadingArea.hide .loadLogo{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transition:1s cubic-bezier(0.43,0.05,0.17,1);transition:1s cubic-bezier(0.43,0.05,0.17,1)}


.topFunctionBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    background: linear-gradient(to right,#345B78, #000);
    height: 45px;
    border-bottom: 1px solid rgba(0,0,0,0.2)
}

@media (max-width: 1180px) {
    .topFunctionBox {
        display:none
    }}


.topFunctionBox .wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1600px
}

.topFunctionBox .leftBox {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
	font-size:14px;
	color:#fff;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.topFunctionBox .rightBox {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.topFunctionBox .languageBox {
    position: relative;
    z-index: 2;
    font-size: 14px;
    border-right: 1px solid rgba(0,0,0,0.2);
    padding-right: 30px;
    margin-right: 20px
}

.topFunctionBox .languageBox .languageCurrent {
    cursor: pointer;
    position: relative;
    width: 110px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px
}

.topFunctionBox .languageBox .languageCurrent .icon {
    width: 13px;
    margin-right: 10px
}

.topFunctionBox .languageBox .languageCurrent .icon img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.topFunctionBox .languageBox .languageCurrent:before {
    content: "";
    width: 7px;
    height: 7px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    -webkit-transform: translate(100%,-50%) rotate(45deg);
    transform: translate(100%,-50%) rotate(45deg)
}

.topFunctionBox .languageBox .languageList {
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1
}

.topFunctionBox .languageBox .languageList.show {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.topFunctionBox .languageBox .languageList li:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,0.1)
}

.topFunctionBox .languageBox .languageList li a {
    display: block;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.5px;
    padding: 10px 10px;
    text-align: center
}

@media (min-width: 1201px) {
    .topFunctionBox .languageBox .languageList li a:hover {
        background-color:#345B78;
        color: #fff
    }}


.topFunctionBox .languageBox .languageList li a.current {
    background-color: #345B78;
    color: #fff
}

.topFunctionBox .searchBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.topFunctionBox .searchBox input {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    border: none;
    color: #fff;
}

.topFunctionBox .searchBox button {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 10px 0 0
}

.topFunctionBox .headerIconBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.topFunctionBox .headerIconBtn:not(:last-child) {
    margin-right: 30px;
    padding-right: 30px;
    color: #fff;
    border-right: 1px solid rgba(0,0,0,0.2)
}

.topFunctionBox .headerIconBtn .icon {
    width: 15px;
    margin-right: 10px
}

.topFunctionBox .headerIconBtn .icon svg {
    width: 15px;
    height: 15px;
    display: block
}

.topFunctionBox .headerIconBtn .txt.ins {
    display: none
}

.topFunctionBox .headerIconBtn .txt.float {
    display: none
}

.topFunctionBox .headerIconBtn .num {
    width: 22px;
    height: 22px;
    background-color: #345B78;
    border-radius: 50%;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.topFunctionBox .headerIconBtn.bgSmall {
    background-color: #345B78;
    color: #fff;
    min-width: 147px;
    line-height: 25px;
    padding: 0 20px;
    border-radius: 21px
}

.topFunctionBox .headerIconBtn.bgSmall .txt {
    width: 100%;
    position: relative;
    font-size: 14px;
}

.topFunctionBox .headerIconBtn.bgSmall .txt:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 9px;
    height: 9px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    right: 0%;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

@media (min-width: 1201px) {
    .topFunctionBox .headerIconBtn.bgSmall:hover {
        background-color:#1BD8E1
    }}






header{position:fixed;left:0;top:0;width:100%;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,0.1);box-shadow:0 0 15px rgba(0,0,0,0.1);z-index:100}
header .wrap{header .wrap {
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: flex
;
    /* position: relative; */
    width: 1800px;
    /* max-width: 1600px; */
    /* -webkit-box-pack: justify; */
    -ms-flex-pack: justify;
    /* justify-content: center; */
    /* flex-wrap: nowrap; */
    /* flex-direction: row; */
}
}@media (max-width:1680px){header .wrap{padding:0 20px}}
@media (max-width:1180px){header .wrap{padding:0 0 0 20px}}
header .logo{width:115px}header .logo a{display:block}header .logo img{height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}header .menuBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (max-width:1180px){header .menuBox{display:none}}
header .menu>.menuItem{position:relative;display:inline-block}header .menu>.menuItem a{color:#464545;display:block;font-size:17px;line-height:20px;padding:35px 30px;letter-spacing:0.3px}@media (max-width:1280px){header .menu>.menuItem a{font-size:15px}}
header .menu>.menuItem a.current{color:#004998}@media (min-width:1201px){header .menu>.menuItem a:hover{color:#004998}}
header .menu>.menuItem.contactBtn{margin-left:120px}@media (max-width:1536px){header .menu>.menuItem.contactBtn{margin-left:20px}}
header .menu>.menuItem.contactBtn a{background-color:#6db327;color:#fff;min-width:140px;line-height:41px;border-radius:20.5px;padding:0;text-align:center}header .menu>.menuItem.contactBtn a i{margin-right:5px}@media (min-width:1201px){header .menu>.menuItem.contactBtn a:hover{background-color:#004998}}
header .menu .submenu{width:250px;display:none; font-size:14px;position:absolute;top:100%;left:50%;z-index:99;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}header .menu .submenu.mb{display:none!important}header .menu .submenu .submenuItem{width:100%;font-size:14px;display:block;position:relative;padding:0}header .menu .submenu a{font-size:14px;border-bottom:1px solid rgba(0,0,0,0.15);background-color:#f7f7f7;color:#666;display:block;padding:10px}header .menu .submenu a.current{color:#fff;background-color:#004998}@media (min-width:1201px){header .menu .submenu a:hover{color:#fff;background-color:#004998}}
header .menu .submenu.twoLayers .submenuItem{position:relative}header .menu .submenu.twoLayers .thirdMenu{width:150px;display:none;position:absolute;left:100%;top:0}header .menu .submenu.twoLayers .thirdMenuItem{width:100%}header .menu .subMenuBox{position:fixed;z-index:0;left:50%;-webkit-transform:translateX(-50%) translateY(-15px);transform:translateX(-50%) translateY(-15px);width:50vw;background:#fff;-webkit-box-shadow:0 0 10px rgba(126,126,126,0.2);box-shadow:0 0 10px rgba(126,126,126,0.2);height:550px;opacity:0;pointer-events:none}header .menu .subMenuBox.current{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);pointer-events:auto}header .menu .subMenuBox .wrap{padding:40px 0}@media (max-width:1600px){header .menu .subMenuBox .wrap{padding:20px 40px;max-width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}
header .menu .subMenuBox .titleMenuBox{width:200px;position:relative;text-align:left}@media (max-width:1366px){header .menu .subMenuBox .titleMenuBox{width:180px}}
header .menu .subMenuBox .titleMenuBox:before{content:"";position:absolute;bottom:0;left:0;width:25px;height:2px;background-color:#004998}header .menu .subMenuBox .titleMenuBox .titleTw{font-size:22px;color:#3e3e3e;font-weight:500}header .menu .subMenuBox .titleMenuBox .titleEn{font-size:30px;color:#004998;font-weight:500;text-transform:uppercase;line-height:1;padding:20px 0 30px}header .menu .subMenuBox .titleMenuBox .titleEn em{color:#6db327}header .menu .subMenuBox .subTitleTw{font-size:20px;color:#3e3e3e;font-weight:500;width:100%;border-bottom:1px solid #ccdbea;position:relative;text-align:left;padding-bottom:25px;margin-bottom:25px}header .menu .subMenuBox .subTitleTw:before{content:"";position:absolute;bottom:0;left:0;width:100px;height:1px;background-color:#004998}header .menu .subMenuBox .subTitleTwM2{font-size:20px;color:#3e3e3e;font-weight:500;width:100%;border-bottom:1px solid #ccdbea;position:relative;text-align:left;padding-bottom:25px;margin-bottom:25px}header .menu .subMenuBox .subTitleTwM2:before{content:"";position:absolute;bottom:0;left:0;width:100px;height:1px;background-color:#004998}header .menu .subMenuBox .submenuItem{width:100%;text-align:left}header .menu .subMenuBox .submenuItemTitle{position:relative;width:100%;font-size:17px;color:#929292;font-weight:400;letter-spacing:1.8px;padding:10px 0;position:relative}header .menu .subMenuBox .submenuItemTitle:before{content:"";position:absolute;top:50%;width:9px;height:9px;border-left:1px solid #9d9d9d;border-bottom:1px solid #9d9d9d;right:0%;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}header .menu .subMenuBox .submenuItemTitle.current{color:#004998}header .menu .subMenuBox .submenuItemTitle.current:before{border-left:1px solid #004998;border-bottom:1px solid #004998}@media (min-width:1201px){header .menu .subMenuBox .submenuItemTitle:hover{color:#004998}header .menu .subMenuBox .submenuItemTitle:hover:before{border-left:1px solid #004998;border-bottom:1px solid #004998}}
header .menu .subMenuBox .submenuM1BoxPic{width:20%}header .menu .subMenuBox .submenuM1BoxPic .Img{width:100%;border-radius:10px;overflow:hidden}header .menu .subMenuBox .submenuM1BoxPic .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}header .menu .subMenuBox .submenuM1Box{width:34%;padding:0 40px;border-right:1px solid #e1e1e1;position:relative;overflow-x:hidden;overflow-y:auto;height:380px}header .menu .subMenuBox .submenuM1Box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#f1f1f1}header .menu .subMenuBox .submenuM1Box::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1}header .menu .subMenuBox .submenuM1Box::-webkit-scrollbar-thumb{background:#004998}header .menu .subMenuBox .submenuM1Box:before{content:"";position:absolute;top:0;right:0;width:1px;height:335px;background-color:rgba(0,0,0,0.2);z-index:2}header .menu .subMenuBox .submenuM1Box .Img,header .menu .subMenuBox .submenuM1Box .subTitleTwM2,header .menu .subMenuBox .submenuM1Box .submenuM2{display:none}header .menu .subMenuBox .submenuM2Box{width:30%;padding:0 20px;position:relative;overflow-x:hidden;overflow-y:auto;height:380px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header .menu .subMenuBox .submenuM2Box::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#f1f1f1}header .menu .subMenuBox .submenuM2Box::-webkit-scrollbar{width:5px;height:5px;background-color:#f1f1f1}header .menu .subMenuBox .submenuM2Box::-webkit-scrollbar-thumb{background:#004998}header .menu .subMenuBox .submenuM2Box:before{content:"";position:absolute;top:0;right:0;width:1px;height:335px;background-color:rgba(0,0,0,0)}header .menu .subMenuBox .submenuM2Box .submenuM2{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}header .menu .subMenuBox .submenuM2Box .subTitleTw.m2{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
.slideMenuTrigger{width:70px;height:70px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}@media (min-width:1181px){.slideMenuTrigger{display:none}}

.slideMenuTrigger.show .line{background-color:transparent}
.slideMenuTrigger.show .line:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.slideMenuTrigger.show .line:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.slideMenuTrigger .line{width:28px;height:1px;background-color:#004998;display:inline-block;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-transition:all 0.5s;transition:all 0.5s}
.slideMenuTrigger .line:after,.slideMenuTrigger .line:before{content:"";width:100%;height:1px;background-color:#004998;position:absolute;z-index:1}
.slideMenuTrigger .line:before{top:0;left:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}
.slideMenuTrigger .line:after{bottom:0;right:0;-webkit-transform:translateY(8px);transform:translateY(8px)}@media (min-width:1201px){.slideMenuTrigger:hover{background-color:#242424}
.slideMenuTrigger:hover span{background-color:transparent;-webkit-transition:background-color 0s 0s ease-in-out,-webkit-transform 0s 0s ease-in-out;transition:background-color 0s 0s ease-in-out,-webkit-transform 0s 0s ease-in-out;transition:background-color 0s 0s ease-in-out,transform 0s 0s ease-in-out;transition:background-color 0s 0s ease-in-out,transform 0s 0s ease-in-out,-webkit-transform 0s 0s ease-in-out}
.slideMenuTrigger:hover span:after,.slideMenuTrigger:hover span:before{background-color:#004998;-webkit-transition:background-color 0s 0s ease-in-out,-webkit-transform 0s 0s ease-in-out;transition:background-color 0s 0s ease-in-out,-webkit-transform 0s 0s ease-in-out;transition:background-color 0s 0s ease-in-out,transform 0s 0s ease-in-out;transition:background-color 0s 0s ease-in-out,transform 0s 0s ease-in-out,-webkit-transform 0s 0s ease-in-out}
.slideMenuTrigger:hover span:before{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}
.slideMenuTrigger:hover span:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}}

.slideMenuArea{width:100%;max-width:100%;height:100dvh;background-color:#f8f8f8;opacity:0;overflow-x:hidden;padding-bottom:calc(0px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;top:0;right:0;z-index:99;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-overflow-scrolling:touch}
.slideMenuArea::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15);background-color:#fff}
.slideMenuArea::-webkit-scrollbar{width:5px;height:5px;background-color:#fff}
.slideMenuArea::-webkit-scrollbar-thumb{background:#004998}
.slideMenuArea.show{opacity:1;pointer-events:auto;-webkit-transform:translateX(0);transform:translateX(0)}
.slideMenuArea.show .menuBox{-webkit-animation:slideLeftAnimation 0.5s 0.4s ease-in-out both;animation:slideLeftAnimation 0.5s 0.4s ease-in-out both}
.slideMenuArea.show .socialBox{-webkit-animation:slideLeftAnimation 0.5s 0s ease-in-out both;animation:slideLeftAnimation 0.5s 0s ease-in-out both}@media (min-width:1181px){.slideMenuArea.show{opacity:0;pointer-events:none;-webkit-transform:translateX(100%);transform:translateX(100%)}}

.slideMenuArea>.wrap{padding:80px 20px;position:relative;background-color:#f8f8f8;height:100dvh;width:100%}
.slideMenuArea .funcBox{width:100%;margin-top:30px}
.slideMenuArea .searchBox{width:315px;height:44px;border-radius:22px;background-color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 25px;margin:0 auto}
.slideMenuArea .searchBox .icon{color:#004998;font-size:20px;margin-right:15px}
.slideMenuArea .searchBox .btnBox{width:97px;height:44px;border-radius:22px;overflow:hidden;position:absolute;top:0;right:0;display:block;margin:0}
.slideMenuArea .searchBox .btnBox .searchBtn{width:100%;height:100%;background-color:#004998;color:#fff;display:block}
.slideMenuArea .menuBox{width:100%;padding:15px 0}
.slideMenuArea .menuBox .nav>.menuItem{position:relative}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu>span{cursor:pointer}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu>span>a{width:100%}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu>span>a:before{content:"";position:absolute;background-image:url("../images/arrow.png");background-position:center;background-repeat:no-repeat;background-size:contain;width:7px;height:4px;top:50%;right:30%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0)}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu>span>a.current{color:#6db327}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu>span>a.current:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0)}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu.open{color:#6db327}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu.open>span>a{color:#6db327;border-bottom:1px solid #6db327}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu.open>span>a:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-filter:unset;filter:unset}
.slideMenuArea .menuBox .nav>.menuItem.dropDown.hasSubMenu.open .submenu{-webkit-animation:slideDownAnimation 0.4s 0s ease-in-out both;animation:slideDownAnimation 0.4s 0s ease-in-out both}
.slideMenuArea .menuBox .nav>.menuItem a{display:block;font-weight:500;line-height:1;letter-spacing:0px;padding:20px 0;font-size:18px;position:relative;color:#494848;border-bottom:1px solid #dcdcdc;text-align:center}
.slideMenuArea .menuBox .nav>.menuItem a.current{color:#6db327}
.slideMenuArea .menuBox .nav>.menuItem a.current:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#6db327}@media (min-width:1201px){.slideMenuArea .menuBox .nav>.menuItem a:hover{color:#004998}}

.slideMenuArea .menuBox .nav>.menuItem.contactBtn{width:100%;margin-top:30px}
.slideMenuArea .menuBox .nav>.menuItem.contactBtn a{background-color:#6db327;color:#fff;width:227px;line-height:41px;border-radius:20.5px;padding:0;text-align:center;margin:0 auto}
.slideMenuArea .menuBox .nav>.menuItem.contactBtn a i{margin-right:5px}@media (min-width:1201px){.slideMenuArea .menuBox .nav>.menuItem.contactBtn a:hover{background-color:#004998}}
@media (max-width:1180px){.slideMenuArea .menuBox .nav .subMenuBox{display:none!important}}

.slideMenuArea .menuBox .nav .submenu{width:100%;background-color:rgba(238,238,238,0.5);display:none;padding:10px;border-radius:8px}
.slideMenuArea .menuBox .nav .submenu.fullSubmenu .wrap{padding:0}
.slideMenuArea .menuBox .nav .submenu .submenuItem{padding:5px 0}
.slideMenuArea .menuBox .nav .submenu .submenuItem a{color:rgba(73,72,72,0.8);font-size:15px;font-weight:500;padding:10px 0;border-bottom:1px solid transparent}
.slideMenuArea .menuBox .nav .submenu .submenuItem a:after{display:none}
.slideMenuArea .menuBox .nav .submenu .submenuItem a.current{color:rgba(73,72,72,0.8)}@media (min-width:1201px){.slideMenuArea .menuBox .nav .submenu .submenuItem a:hover{color:rgba(73,72,72,0.8)}}

.slideMenuArea .menuBox .nav .submenu .submenuItemTitle{position:relative}
.slideMenuArea .menuBox .nav .submenu .submenuItemTitle.hasThirdMenu:after,.slideMenuArea .menuBox .nav .submenu .submenuItemTitle.hasThirdMenu:before{content:"";width:12px;height:1px;background-color:#004998;position:absolute;top:50%;right:5px;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);z-index:1;display:none}
.slideMenuArea .menuBox .nav .submenu .submenuItemTitle.hasThirdMenu:after{-webkit-transform:translate(-50%,0) rotate(90deg);transform:translate(-50%,0) rotate(90deg)}
.slideMenuArea .menuBox .nav .submenu .submenuItemTitle.current:after,.slideMenuArea .menuBox .nav .submenu .submenuItemTitle.current:before{background-color:#004998}
.slideMenuArea .menuBox .nav .submenu .thirdMenu{padding:5px 0px 5px 15px;display:none}
.slideMenuArea .languageBox{position:relative;z-index:2;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:230px;margin:0 auto}
.slideMenuArea .languageBox .languageCurrent{cursor:pointer;position:relative;width:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px}
.slideMenuArea .languageBox .languageCurrent .icon{width:13px;margin-right:10px}
.slideMenuArea .languageBox .languageCurrent .icon img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.slideMenuArea .languageBox .languageCurrent:before{content:"";width:7px;height:7px;border-right:1px solid #232323;border-bottom:1px solid #232323;position:absolute;top:50%;right:0;z-index:1;-webkit-transform:translate(100%,-50%) rotate(45deg);transform:translate(100%,-50%) rotate(45deg)}
.slideMenuArea .languageBox .languageList{width:100%;background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.1);box-shadow:0 3px 6px rgba(0,0,0,0.1);opacity:0;pointer-events:none;position:absolute;top:100%;left:0;z-index:1}
.slideMenuArea .languageBox .languageList.show{opacity:1;pointer-events:auto;-webkit-transform:translateY(10px);transform:translateY(10px)}
.slideMenuArea .languageBox .languageList li:not(:first-child){border-top:1px solid rgba(0,0,0,0.1)}
.slideMenuArea .languageBox .languageList li a{display:block;font-size:14px;line-height:1;letter-spacing:0.5px;padding:10px 10px;text-align:center}@media (min-width:1201px){.slideMenuArea .languageBox .languageList li a:hover{background-color:#004998;color:#fff}}

.slideMenuArea .languageBox .languageList li a.current{background-color:#004998;color:#fff}
.slideMenuMask{position:fixed;left:0;top:0;right:0;bottom:0;z-index:98;background-color:rgba(0,0,0,0.7);opacity:0;pointer-events:none;-webkit-transition:all 0.5s;transition:all 0.5s}
.slideMenuMask.show{opacity:1;pointer-events:auto}@media (min-width:1181px){.slideMenuMask.show{opacity:0;pointer-events:none}}

.m_menu{position:fixed;top:0;left:0;z-index:50;display:block;width:100%;-webkit-box-shadow:0 2px 5px rgba(126,126,126,0.68);box-shadow:0 2px 5px rgba(126,126,126,0.68)}@media (min-width:1181px){.m_menu{display:none}}

.m_menu .mask{position:fixed;top:0;left:0;z-index:10;display:none;background-color:rgba(0,0,0,0.7);width:100%;height:100%;padding-bottom:60px}
.m_menu .m_logo{float:left;margin-left:70px}
.m_menu .m_logo img{display:block;width:150px;padding-top:8px}
.m_menu .controlBox{position:relative;z-index:99;height:60px;background-color:#fff}
.m_menu .controlBox a.main{position:absolute;left:0;top:0;width:60px;height:60px}
.m_menu .controlBox a.main span{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-top:-0.5px;width:26px;height:1px;background-color:#111;-webkit-transition:all 0.5s;transition:all 0.5s}
.m_menu .controlBox a.main span:after,.m_menu .controlBox a.main span:before{content:"";position:absolute;left:0;width:100%;height:1px;background-color:#111;-webkit-transition:all 0.5s;transition:all 0.5s}
.m_menu .controlBox a.main span:before{top:-7px}
.m_menu .controlBox a.main span:after{bottom:-7px}
.m_menu .controlBox a.main.show span{background-color:transparent}
.m_menu .controlBox a.main.show span:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.m_menu .controlBox a.main.show span:after{bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.m_menu .controlBox .btn_cart{display:inline-block;vertical-align:middle}
.m_menu .controlBox .right{float:right;line-height:60px;margin-right:10px}
.m_menu .controlBox .right a{position:relative;display:inline-block;vertical-align:middle;margin-left:8px;font-size:13px;color:#fff}
.m_menu .controlBox .right a em{display:none}
.m_menu .controlBox .right i{display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px;font-size:20px;color:#fff;text-align:center;border-radius:100%;background:#799a1b}
.m_menu .controlBox .right b{position:absolute;top:6px;right:-5px;display:block;border-radius:5px;line-height:normal;padding:3px 5px;font-size:13px;color:#fff;background-color:#c40000}
.m_menu .controlBox .language:hover .submenu{display:block}
.m_menu .hideBox{position:fixed;left:0;top:0;bottom:0;z-index:11;display:none;width:100%;padding:60px 0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#650e13;background:-webkit-gradient(linear,left top,left bottom,from(#650e13),to(#b2181b));background:linear-gradient(to bottom,#650e13 0%,#b2181b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#650e13',endColorstr='#b2181b',GradientType=0)}
.m_menu .hideBox .sp{display:none;padding:10px;font-size:13px;color:#fff;background-color:#c80303}
.m_menu .searchBox{padding:20px 0;text-align:center}
.m_menu .searchBox input[type=text]{display:inline-block;vertical-align:middle;width:200px;height:30px;border:1px solid #ccc}
.m_menu .searchBox button{display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px;font-size:15px;text-align:center;color:#fff;background-color:#9cc720}
.m_menu .m_trans{text-align:center;padding-top:30px}
.m_menu .m_trans>a{display:inline-block;padding:8px 15px;border:1px solid #fff;color:#fff}
.m_menu .m_trans>a i{margin-left:5px}
.m_menu .loginBox{padding:30px 0;text-align:center}
.m_menu .loginBox a{display:inline-block;margin:0 3px;font-size:15px;color:#fff}
.m_menu .loginBox a i{margin-right:3px}
.m_menu .loginBox .submenu{margin-top:10px;color:#ccc}
.m_menu .loginBox .submenu span{margin:0 5px}
.m_menu .mfun{padding:30px 0;text-align:center}
.m_menu .mfun a{display:inline-block;margin:0 1px;width:35px;height:35px;line-height:35px;border-radius:50%;font-size:20px;color:#fff;text-align:center;background-color:#b21d26}
.m_menu .nav li{border-top:1px solid #af6568}
.m_menu .nav a{position:relative;display:block;padding:20px 10px;font-size:15px;color:#fff;text-align:center}@media (min-width:1201px){.m_menu .nav a:hover{background-color:#d12127}}

.m_menu .nav a i{position:absolute;right:10px;top:50%;display:block;margin-top:-7px}
.m_menu .nav .dropDown>a:after{content:"\f107";position:absolute;right:10px;top:20px;font-family:FontAwesome}
.m_menu .nav .submenu{display:none}
.m_menu .nav .submenu a{padding:10px 20px}@media (min-width:1201px){.m_menu .nav .submenu a:hover{background-color:#999}}

.bannerArea{clear:both;overflow:hidden;position:relative;z-index:1}
.bannerArea .wrap{max-width:100%;padding:0}
.bannerArea.ins .bannerItem{position:relative}
.bannerArea.ins .bannerItem .Txt{max-width:1200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;z-index:2;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.bannerArea.ins .bannerItem .Txt .textBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}
.bannerArea.ins .bannerItem .Txt .titleEn{color:#fff;font-size:40px;font-weight:600;text-transform:uppercase}@media (max-width:1180px){.bannerArea.ins .bannerItem .Txt .titleEn{font-size:30px}}

.bannerArea.ins .bannerItem .Txt .title{color:#fff;font-size:30px;font-weight:400;line-height:1.2;letter-spacing:0.5px}@media (max-width:1180px){.bannerArea.ins .bannerItem .Txt .title{font-size:20px}}

.bannerArea.ins .bannerItem .Txt .subtitle{color:#fff;display:block;font-size:20px;line-height:1.3;letter-spacing:0.5px;margin-top:10px}@media (max-width:1180px){.bannerArea.ins .bannerItem .Txt .subtitle{font-size:16px}}

.bannerArea.ins .bannerItem .Txt .text{color:#fff;display:block;line-height:1.5;letter-spacing:0.5px;margin-top:10px}@media (max-width:768px){.bannerArea.ins .bannerItem .Txt .text{font-size:14px}}
@media (max-width:1440px){.bannerArea.ins .bannerItem .Txt{padding:20px 20px 85px}}
@media (max-width:960px){.bannerArea.ins .bannerItem .Txt{padding:20px}}

.bannerArea.ins .bannerItem .Img{position:relative;z-index:1;width:100%}
.bannerArea.ins .bannerItem .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden;-o-object-fit:cover;object-fit:cover;height:500px}@media (max-width:640px){.bannerArea.ins .bannerItem .Img img{-o-object-fit:cover;object-fit:cover;height:300px}}

.bannerArea .bannerLink{display:block;z-index:3;width:100%;height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0}
.marqueeArea{padding:15px 0;background-color:#061540}
.marqueeArea .title{float:left;margin-right:20px;font-weight:400;font-size:15px;color:#fff}@media (max-width:640px){.marqueeArea .title{display:none}}

.marqueeArea .title em{margin-left:5px}
.marqueeArea .marqueeBox{max-height:30px;overflow:hidden}
.marqueeArea .marqueeBox .marqueeTxtList{overflow:hidden}
.marqueeArea .marqueeBox .marqueeTxtItem{line-height:20px}
.marqueeArea .marqueeBox .marqueeTxtItem .item{display:-webkit-box;display:-ms-flexbox;display:flex}
.marqueeArea .marqueeBox .marqueeTxtItem .date{display:inline-block;vertical-align:top;margin-right:10px;font-size:13px;color:#dbdbdb}@media (max-width:640px){.marqueeArea .marqueeBox .marqueeTxtItem .date{display:none}}

.marqueeArea .marqueeBox .marqueeTxtItem .title{color:#fff;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marqueeArea .marqueeBox .marqueeTxtItem .title a{color:#fff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:1201px){.marqueeArea .marqueeBox .marqueeTxtItem .title a:hover{color:#004998}}

.floatBox{position:fixed;top:40%;right:30px;z-index:99;opacity:0;margin:auto 0;-webkit-transform:translateX(40px);transform:translateX(40px)}@media (min-width:1181px){.floatBox{display:none!important}
.floatBox.scrollDown{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}
@media (max-width:1180px){.floatBox{top:unset;bottom:0;right:0;opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px);width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}}

.floatBox .headerIconBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#6db327;width:46px;height:170px;border-radius:23px;overflow:hidden;margin:5px 0}@media (max-width:1180px){.floatBox .headerIconBtn{width:calc(100% / 2);height:55px;border-radius:0;-webkit-box-orient:unset;-webkit-box-direction:unset;-ms-flex-direction:unset;flex-direction:unset;margin:0}
.floatBox .headerIconBtn:not(:last-child){border-right:1px solid rgba(255,255,255,0.2)}}
@media (min-width:1201px){.floatBox .headerIconBtn:hover{background-color:#004998}
.floatBox .headerIconBtn:hover .num{color:#004998}}

.floatBox .headerIconBtn .icon{width:20px;margin:0 auto}@media (max-width:1180px){.floatBox .headerIconBtn .icon{margin:0px}}

.floatBox .headerIconBtn .icon svg{width:20px;height:20px;display:block;color:#fff}
.floatBox .headerIconBtn .txt{color:#fff;text-align:center}@media (min-width:1181px){.floatBox .headerIconBtn .txt{-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;margin:10px 0}}
@media (max-width:1180px){.floatBox .headerIconBtn .txt{margin:0 10px}}

.floatBox .headerIconBtn .txt.ins{display:none}
.floatBox .headerIconBtn .txt.header{display:none}
.floatBox .headerIconBtn .num{width:30px;height:30px;background-color:#fff;border-radius:50%;font-size:12px;color:#6db327;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}footer{padding:50px 0 40px 0;background-color:#f3f3f3}@media (max-width:1180px){footer{padding:40px 0 0}}
footer .topBox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media (max-width:1180px){footer .topBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
footer .topBox .leftBox{width:30%}@media (max-width:1180px){footer .topBox .leftBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}
@media (min-width:1181px){footer .topBox .leftBox .qrcodeBox{display:none}}
footer .topBox .footerLogo{}footer .topBox .footerLogo a{display:block}footer .topBox .footerLogo img{height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}footer .topBox .rightBox{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1180px){footer .topBox .rightBox{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}}
@media (max-width:640px){footer .topBox .rightBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
@media (max-width:1180px){footer .topBox .rightBox .qrcodeBox{display:none}}
footer .topBox .qrcodeBox{width:300px}footer .topBox .qrcodeBox .qrcodeList{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}footer .topBox .qrcodeBox .qrcode{width:auto;margin-right:20px;overflow:hidden;padding:10px}@media (min-width:1201px){footer .topBox .qrcodeBox .qrcode:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}}
footer .topBox .qrcodeBox img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}footer .topBox .socialBox{z-index:2;margin-left:20px}@media (max-width:640px){footer .topBox .socialBox{margin:20px auto 0}}
footer .topBox .socialBox .socialList{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}footer .topBox .socialBox .socialList li{width:40px;height:40px;border-radius:50%;background-color:#696969;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 5px}@media (min-width:1201px){footer .topBox .socialBox .socialList li:hover{background-color:#6db327}}
footer .topBox .socialBox .socialList li a{color:#fff;display:block;font-size:18px;line-height:35px;text-align:center}footer .topBox .socialBox .socialList li a svg{width:20px;height:18px;display:inline-block;fill:#fff;margin-top:-2px;vertical-align:middle}footer .footerInfoBox{width:100%;border-top:1px solid rgba(0,0,0,0.1);margin-top:30px}@media (max-width:1180px){footer .footerInfoBox{padding:30px 0}}
footer .footerInfoBox .side_contactInfo{width:100%}footer .footerInfoBox .infoList{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:640px){footer .footerInfoBox .infoList{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}
footer .footerInfoBox li{margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}@media (max-width:1180px){footer .footerInfoBox li{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px}}
footer .footerInfoBox li .tit{font-size:16px;color:#494848;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}footer .footerInfoBox li .tit i{border:2px solid transparent;color:#494848;font-size:16px;margin:0 10px 0 0;line-height:1;width:auto;height:auto}footer .footerInfoBox li a,footer .footerInfoBox li span{line-height:1;position:relative;color:#494848;font-size:16px}@media (min-width:1201px){footer .footerInfoBox li a:hover{color:#004998}}
footer .bottom{width:100%;   
    background: #000;
    padding: 20px;}footer .footerMenu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px;width:100%;margin:40px 0}@media (max-width:1180px){footer .footerMenu{margin:0}}
@media (min-width:1181px){footer .footerMenu .lv1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin-bottom:10px}footer .footerMenu .lv1>li{width:25%; text-align:left;}footer .footerMenu .lv1>li:nth-child(3){width:30%}footer .footerMenu .lv1>li:not(:last-child){border-right:1px solid rgba(0,0,0,0.1);padding-right:20px;margin-right:20px}footer .footerMenu .lv1>li .mainLink{display:block;font-size:16px;color:#000;position:relative;letter-spacing:0.8px;line-height:2;font-weight:700}}
@media (max-width:1180px){footer .footerMenu .lv1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}footer .footerMenu .lv1>li{position:relative;width:100%}footer .footerMenu .lv1>li.dropDown.hasSubMenu>span{cursor:pointer}footer .footerMenu .lv1>li.dropDown.hasSubMenu>span>a:before{content:"";position:absolute;background-image:url("../images/arrow.png");background-position:center;background-repeat:no-repeat;background-size:contain;width:7px;height:4px;top:50%;right:30%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0)}footer .footerMenu .lv1>li.dropDown.hasSubMenu>span>a.current{color:#6db327}footer .footerMenu .lv1>li.dropDown.hasSubMenu>span>a.current:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0)}footer .footerMenu .lv1>li.dropDown.hasSubMenu.open>span>a:after{-webkit-transform:translate(-50%,0) rotate(0);transform:translate(-50%,0) rotate(0)}footer .footerMenu .lv1>li.dropDown.hasSubMenu.open .submenu{-webkit-animation:slideDownAnimation 0.4s 0s ease-in-out both;animation:slideDownAnimation 0.4s 0s ease-in-out both}footer .footerMenu .lv1>li .mainLink{display:block;font-weight:400;line-height:1;letter-spacing:0px;padding:20px 0;font-size:18px;position:relative;color:#494848;border-bottom:1px solid #dcdcdc;text-align:center}footer .footerMenu .lv1>li .mainLink.current{color:#6db327}footer .footerMenu .lv1>li .mainLink.current:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#6db327}}
@media (max-width:1180px) and (min-width:1201px){footer .footerMenu .lv1>li .mainLink:hover{color:#004998}}
@media (max-width:1180px){footer .footerMenu .lv1 .submenu{width:100%;background-color:rgba(238,238,238,0.5);display:none;padding:10px;border-radius:8px}}
footer .footerMenu .submenu{margin-top:10px;width:100%;padding:0;text-align:center}footer .footerMenu .submenu .wrap{padding:0}footer .footerMenu .submenu li{    width: 100%;
    padding: 3px 0;
    text-align: left;
    font-size: 15px;
    line-height: 32px;}footer .footerMenu .submenu a{font-size:15px;color:#494848;font-weight:400;border-bottom:1px solid transparent;text-align:left}@media (max-width:1180px){footer .footerMenu .submenu a{text-align:center}}
@media (min-width:1201px){footer .footerMenu .submenu a:hover{color:#004998}}
footer .copyrightBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#494848;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -5px;position:relative}@media (max-width:1180px){footer .copyrightBox{text-align:center;padding:10px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}}
footer .copyrightBox .copyright{font-size:16px;padding:5px;    color: #fff;}footer .copyrightBox .shaoLink{padding:5px;    color: #fff;}footer .copyrightBox .shaoLink a{color:#494848;font-size:16px}@media (min-width:1201px){footer .copyrightBox .shaoLink a:hover{color:#004998}}
@media (max-width:1024px){footer .copyrightBox{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-bottom:10px}}

.privacyArea{width:100%;max-width:760px;background-color:rgba(0,0,0,0.8);-webkit-box-shadow:0 -2px 6px rgba(0,0,0,0.1);box-shadow:0 -2px 6px rgba(0,0,0,0.1);padding:0px;position:fixed;bottom:0;right:0;z-index:99}
.privacyArea.check{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
.privacyArea .wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px}
.privacyArea .text{width:100%;color:#fff;font-size:14px;line-height:1.5;letter-spacing:0.5px;text-align:center}
.privacyArea .text a{color:#004998;display:inline-block;margin-top:8px;text-decoration:underline}@media (min-width:1201px){.privacyArea .text a:hover{color:#004998}}

.privacyArea .btnBox{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:25px}@media (max-width:480px){.privacyArea .btnBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}

.privacyArea .btnBox .btn{margin:0 10px;width:unset;min-width:180px;max-width:unset;line-height:30px;font-size:15px;padding:8px 20px}
.privacyArea .btnBox .btn .btnText{width:unset;width:100%;padding-right:12px}@media (max-width:480px){.privacyArea .btnBox .btn{margin:10px 0}}

.translateshao{display:inline-block;vertical-align:middle}
.translateshao .design{display:block;line-height:22px;font-size:9pt;color:#000}
.translateshao .design a{color:#000;text-decoration:none}@media (min-width:1201px){.translateshao .design a:hover{text-decoration:underline}}

.fixedQuickLink{width:100%;background-color:#000;padding-bottom:env(safe-area-inset-bottom);position:fixed;left:0;bottom:0;z-index:5}@media (min-width:1181px){.fixedQuickLink{display:none}}

.fixedQuickLink ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.fixedQuickLink li{-webkit-box-flex:1;-ms-flex:1;flex:1}
.fixedQuickLink li:not(:last-child){border-right:1px solid rgba(255,255,255,0.1)}
.fixedQuickLink a,.fixedQuickLink button{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:55px;font-size:13px;color:#fff}
.fixedQuickLink i{margin-bottom:5px}
.adminPreviewArea{max-width:320px;border:4px solid #ffe2e2;border-radius:5px;background:#fdc9c9;color:#000;padding:20px;position:fixed;top:15px;right:0;z-index:99999}
.adminPreviewArea button{text-decoration:underline}
.adminLoginArea{width:100%;background-color:rgba(180,0,0,0.85);color:#fff;font-size:15px;line-height:1;letter-spacing:0.5px;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;z-index:99999;text-align:center}
.adminLoginArea p{padding:20px 15px}
.bookingArea{margin-top:-85px;position:relative;z-index:2}@media (max-width:960px){.bookingArea{margin-top:0}}

.bookingArea .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0;background-color:#fff}@media (max-width:960px){.bookingArea .wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:15px 20px}}

.bookingArea .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:3;-ms-flex:3;flex:3;font-size:15px;border-right:1px solid #e6e6e6}@media (max-width:960px){.bookingArea .title{display:none}}

.bookingArea .title i{margin-right:15px;font-size:20px}
.bookingArea .bookingList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:6;-ms-flex:6;flex:6;padding:20px}@media (max-width:960px){.bookingArea .bookingList{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0}}
@media (max-width:960px){.bookingArea .bookingList li{margin-bottom:15px}}

.bookingArea .bookingList li:not(:first-child){margin-left:10px}@media (max-width:960px){.bookingArea .bookingList li:not(:first-child){margin-left:0}}

.bookingArea .btn{-webkit-box-flex:3;-ms-flex:3;flex:3}
.bookingArea .btn button{width:100%;height:100%;background-color:#004998;color:#fff;font-size:16px;letter-spacing:0.2rem}@media (min-width:1201px){.bookingArea .btn button:hover{background-color:#004998}}
@media (max-width:960px){.bookingArea .btn{-webkit-box-flex:1;-ms-flex:1;flex:1}
.bookingArea .btn button{padding:12px}}

.bookingArea input,.bookingArea select{height:45px;padding:5px 10px;border:1px solid #e6e6e6;font-size:16px;font-family:"微軟正黑體"}@media (max-width:960px){.bookingArea input,.bookingArea select{width:100%}}

.mainArea{padding-bottom:30px}@media (max-width:1180px){.mainArea{padding-top:30px}}

.mainArea .contentBox{clear:both}
.mainArea.insPage{padding:100px 0}@media (max-width:1180px){.mainArea.insPage{padding:40px 0}}

.classNote{padding:20px 0}
.classNote img{max-width:100%}
.bread{position:absolute;top:20px;right:0;z-index:2;width:100%}
.bread .wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:20px 0;max-width:1600px}@media (max-width:1640px){.bread .wrap{padding:20px}}

.bread .wrap a,.bread .wrap span{display:inline-block;font-size:14px;line-height:1;letter-spacing:0.5px}
.bread .wrap a{color:#fff}@media (min-width:1201px){.bread .wrap a:hover{color:#004998}}

.bread .wrap span{color:#fff}
.bread .wrap a+a,.bread .wrap a+span,.bread .wrap span+a,.bread .wrap span+span{position:relative}
.bread.arrow .wrap a+a,.bread.arrow .wrap a+span,.bread.arrow .wrap span+a,.bread.arrow .wrap span+span{padding-left:25px}
.bread.arrow .wrap a+a:before,.bread.arrow .wrap a+span:before,.bread.arrow .wrap span+a:before,.bread.arrow .wrap span+span:before{content:"";width:7px;height:7px;border-right:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e;position:absolute;top:50%;left:7px;z-index:1;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}
.bread.verticalLine .wrap a+a,.bread.verticalLine .wrap a+span,.bread.verticalLine .wrap span+a,.bread.verticalLine .wrap span+span{padding-left:20px}
.bread.verticalLine .wrap a+a:before,.bread.verticalLine .wrap a+span:before,.bread.verticalLine .wrap span+a:before,.bread.verticalLine .wrap span+span:before{content:"";width:1px;height:80%;background-color:#fff;position:absolute;top:10%;left:10px;z-index:1;-webkit-transform:rotate(15deg);transform:rotate(15deg)}
.bread.horizontalLine .wrap a+a,.bread.horizontalLine .wrap a+span,.bread.horizontalLine .wrap span+a,.bread.horizontalLine .wrap span+span{padding-left:25px}
.bread.horizontalLine .wrap a+a:before,.bread.horizontalLine .wrap a+span:before,.bread.horizontalLine .wrap span+a:before,.bread.horizontalLine .wrap span+span:before{content:"";width:8px;height:1px;background-color:#3e3e3e;position:absolute;top:50%;left:8px;z-index:1}@media (max-width:768px){.bread{display:none}}

.articleTitle{border-bottom:1px solid #d6d6d6;color:#004998;font-size:30px;font-weight:500;margin-bottom:20px;padding:12px 0}
.artTitle{color:#004998;font-size:30px;font-weight:500;margin-bottom:20px;padding:12px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}@media (max-width:1180px){.artTitle{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}

.pageListBox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:70px 0 0}@media (max-width:1180px){.pageListBox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:30px 0 0}}

.pageListBox .pageList.number{padding:0}@media (max-width:1180px){.pageListBox .pageList.number{padding:0 0 20px}}

.pageListBox .pageInfoList{width:180px;margin-left:20px}@media (max-width:1180px){.pageListBox .pageInfoList{margin:0}}

.pageListBox .pageInfoList .formBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media (max-width:1180px){.pageListBox .pageInfoList .formBox{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}

.pageListBox .pageInfoList .formColumn.select:before{bottom:unset;top:45%}
.pageListBox .pageInfoList .formColumn .tit{display:inline-block;margin:0 15px 0 0;font-size:16px;width:auto}
.pageListBox .pageInfoList .formColumn .columnSelect{width:auto;display:inline-block;height:40px}
.sectionTitle{border-bottom:1px solid #d6d6d6;color:#232323;font-size:22px;font-weight:500;margin-bottom:20px;padding:12px 0}
.sectionTitle strong{display:block;position:relative;font-weight:400}
.sectionTitle a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.breakpoint>tbody>tr>td.expand{background:url("../images/plus.png") no-repeat 5px center;cursor:pointer;padding-left:40px}
.classBox{position:relative;z-index:4}@media (max-width:1180px){.classBox{padding:0 20px}}

.classBox .wrap{padding:0;position:relative}
.classBox .classCurrent{background-color:#004998;color:#fff;cursor:pointer;font-size:16px;padding:10px 30px 10px 10px;position:relative}
.classBox .classCurrent:before{content:"\f107";color:#fff;font-size:15px;font-family:FontAwesome;line-height:1;margin-top:-6px;position:absolute;right:15px;top:50%;z-index:1}@media (min-width:1181px){.classBox .classCurrent{display:none;opacity:0;pointer-events:none;visibility:hidden}}

.classBox a,.classBox span{cursor:pointer}
.classBoxRow{background-color:#ececec;width:100%}@media (min-width:1181px){.classBoxRow .classLink{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}
.classBoxRow .classLink li{min-width:230px;position:relative}
.classBoxRow .classLink li:before{content:"";position:absolute;width:1px;height:15px;background-color:rgba(0,0,0,0.2);right:0;top:0;bottom:0;margin:auto 0}
.classBoxRow .classLink a,.classBoxRow .classLink span{min-width:230px;color:#797979;display:block;letter-spacing:0.02rem;text-align:center;padding:15px 30px}
.classBoxRow .classLink a.current,.classBoxRow .classLink span.current{background-color:#004998;color:#fff}}
@media (min-width:1181px) and (min-width:1201px){.classBoxRow .classLink a:hover,.classBoxRow .classLink span:hover{background-color:#004998;color:#fff}}

.classBoxColumn{margin-bottom:30px}
.classBoxColumn .classLink .linkHasItems:after,.classBoxColumn .classLink .linkHasItems:before{content:"";width:13px;height:1px;background-color:#2f2f2f;display:block;position:absolute;top:50%;right:15px;z-index:1;-webkit-transition:all 0.5s;transition:all 0.5s}
.classBoxColumn .classLink .linkHasItems:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.classBoxColumn .classLink .linkHasItems:after{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
.classBoxColumn .classLink .linkHasItems.open{background-color:#004998;color:#fff}
.classBoxColumn .classLink .linkHasItems.open:after,.classBoxColumn .classLink .linkHasItems.open:before{background-color:#fff}
.classBoxColumn .classLink .linkHasItems.open:after{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}
.classBoxColumn .classLink .linkHasItems.open+ul>li{-webkit-animation:aniSlideDown 0.5s 0s ease-out both;animation:aniSlideDown 0.5s 0s ease-out both}
.classBoxColumn .classLink .linkHasItems.open+ul>li a,.classBoxColumn .classLink .linkHasItems.open+ul>li span{padding-left:25px;background-color:#f1f1f1}
.classBoxColumn .classLink .linkHasItems.open+ul>li a.current,.classBoxColumn .classLink .linkHasItems.open+ul>li span.current{background-color:rgba(0,73,152,0.75);color:#fff}
.classBoxColumn .classLink .linkHasItems.open+ul>li a.open,.classBoxColumn .classLink .linkHasItems.open+ul>li span.open{background-color:rgba(0,73,152,0.75);color:#fff}@media (min-width:1201px){.classBoxColumn .classLink .linkHasItems.open+ul>li a:hover,.classBoxColumn .classLink .linkHasItems.open+ul>li span:hover{background-color:rgba(0,73,152,0.75)}}

.classBoxColumn .classLink .linkHasItems.open+ul>li ul a{padding-left:35px}
.classBoxColumn .classLink .linkHasItems.open+ul>li ul a.current{background-color:rgba(0,73,152,0.5);color:#fff}@media (min-width:1201px){.classBoxColumn .classLink .linkHasItems.open+ul>li ul a:hover{background-color:rgba(0,73,152,0.5)}}
@media (min-width:1181px){.classBoxColumn .classLink .linkHasItems.open+ul>li{-webkit-animation:aniSlideLeft 0.5s 0s ease-out both;animation:aniSlideLeft 0.5s 0s ease-out both}
.classBoxColumn .classLink .linkHasItems.open+ul>li a,.classBoxColumn .classLink .linkHasItems.open+ul>li span{padding-left:25px}
.classBoxColumn .classLink .linkHasItems.open+ul>li ul a{padding-left:35px}}
@media (min-width:1181px){.classBoxColumn .classLink>li:not(:first-child){border-top:1px solid rgba(0,0,0,0.1)}
.classBoxColumn .classLink ul{display:none}
.classBoxColumn .classLink ul li:not(:first-child){border-top:1px solid rgba(0,0,0,0.1)}
.classBoxColumn .classLink a,.classBoxColumn .classLink span{color:#464545;display:block;line-height:1.2;letter-spacing:0.2rem;padding:18px 15px;position:relative}
.classBoxColumn .classLink a.current,.classBoxColumn .classLink span.current{background-color:#004998;color:#fff}
.classBoxColumn .classLink a.current:after,.classBoxColumn .classLink a.current:before,.classBoxColumn .classLink span.current:after,.classBoxColumn .classLink span.current:before{background-color:#fff}}
@media (min-width:1181px) and (min-width:1201px){.classBoxColumn .classLink a:hover,.classBoxColumn .classLink span:hover{background-color:#004998;color:#fff}
.classBoxColumn .classLink a:hover:after,.classBoxColumn .classLink a:hover:before,.classBoxColumn .classLink span:hover:after,.classBoxColumn .classLink span:hover:before{background-color:#fff}}
@media (max-width:1180px){.classBoxColumn,.classBoxRow{background-color:transparent}}
@media (max-width:1181px){.classBoxColumn .classLink,.classBoxRow .classLink{width:100%;max-height:90vh;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.1);display:none;overflow-y:auto;position:absolute;top:100%;left:0;z-index:1;border-radius:10px}
.classBoxColumn .classLink.open,.classBoxRow .classLink.open{display:block}
.classBoxColumn .classLink>li:not(:first-child),.classBoxRow .classLink>li:not(:first-child){border-top:1px solid rgba(0,0,0,0.1)}
.classBoxColumn .classLink>li span.current,.classBoxColumn .classLink>li>a.current,.classBoxRow .classLink>li span.current,.classBoxRow .classLink>li>a.current{color:#fff}
.classBoxColumn .classLink>li ul,.classBoxRow .classLink>li ul{display:none}
.classBoxColumn .classLink a,.classBoxColumn .classLink span,.classBoxRow .classLink a,.classBoxRow .classLink span{color:#464545;background-color:#fff;display:block;padding:14px 15px;position:relative}
.classBoxColumn .classLink a.current,.classBoxColumn .classLink span.current,.classBoxRow .classLink a.current,.classBoxRow .classLink span.current{background-color:#004998;color:#fff}}

.pageBox .pageList{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:40px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pageBox .pageList a{color:#3e3e3e;display:block;font-size:16px}
.pageBox .pageList a.nextBtn:before,.pageBox .pageList a.prevBtn:before{content:"";width:10px;height:10px;border-left:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;display:block;position:absolute}
.pageBox .pageList a.prevBtn:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.pageBox .pageList a.nextBtn:before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@media (min-width:1201px){.pageBox .pageList a:hover{background-color:#f0f0f0}}

.pageBox .pageList.number{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.pageBox .pageList.number.oval a{width:50px}
.pageBox .pageList.number li{margin:5px}
.pageBox .pageList.number a{width:40px;height:40px;line-height:40px;font-weight:400;position:relative;text-align:center}
.pageBox .pageList.number a.nextBtn:before,.pageBox .pageList.number a.prevBtn:before{margin:auto;top:0;bottom:0}
.pageBox .pageList.number a.prevBtn:before{left:5px;right:0}
.pageBox .pageList.number a.nextBtn:before{left:0;right:5px}
.pageBox .pageList.number a.firstBtn:after,.pageBox .pageList.number a.firstBtn:before,.pageBox .pageList.number a.lastBtn:after,.pageBox .pageList.number a.lastBtn:before{content:"";width:10px;height:10px;border-left:1px solid #9e9e9e;border-bottom:1px solid #9e9e9e;display:block;margin:auto;position:absolute;top:0;bottom:0}
.pageBox .pageList.number a.firstBtn:after,.pageBox .pageList.number a.firstBtn:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.pageBox .pageList.number a.firstBtn:before{left:-2px;right:0}
.pageBox .pageList.number a.firstBtn:after{left:12px;right:0}
.pageBox .pageList.number a.lastBtn:after,.pageBox .pageList.number a.lastBtn:before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.pageBox .pageList.number a.lastBtn:before{left:0;right:-2px}
.pageBox .pageList.number a.lastBtn:after{left:0;right:12px}
.pageBox .pageList.number a.current{background-color:#f0f0f0}
.pageBox .pageList.prevnext li.prev{margin-right:auto}
.pageBox .pageList.prevnext li.next{margin-left:auto}
.pageBox .pageList.prevnext a{width:200px;height:45px;font-weight:300;line-height:45px;padding:0 20px;position:relative;background-color:#f0f0f0;border-radius:25px}@media (min-width:1201px){.pageBox .pageList.prevnext a:hover{background-color:#004998;color:#fff}}

.pageBox .pageList.prevnext a.nextBtn:before,.pageBox .pageList.prevnext a.prevBtn:before{top:calc(50% - 5px)}
.pageBox .pageList.prevnext a.prevBtn{text-align:right}
.pageBox .pageList.prevnext a.prevBtn:before{left:15px}
.pageBox .pageList.prevnext a.nextBtn{margin-left:auto;text-align:left}
.pageBox .pageList.prevnext a.nextBtn:before{right:15px}@media (max-width:768px){.pageBox .pageList.prevnext a{width:125px;padding:0 15px}}
@media (max-width:640px){.pageBox .pageList.prevnext li{width:calc(100% / 2 - 15px)}
.pageBox .pageList.prevnext a{width:100%}}
@media (max-width:480px){.pageBox .pageList.prevnext li{width:calc(100% / 2 - 10px)}}

.pageBox .pageList.prevnext.circle a{width:45px;padding:0}
.pageBox .pageList.prevnext.circle a span{display:none}
.pageBox .pageList.prevnext.circle a.prevBtn:before{left:calc(50% - 3px)}
.pageBox .pageList.prevnext.circle a.nextBtn:before{right:calc(50% - 3px)}
.pageBox .pageList.circle a{border-radius:50%;overflow:hidden}
.pageBox .pageList.oval a{border-radius:30px;overflow:hidden}
.tagBox{padding:20px 0}
.tagBox b{display:inline-block;margin-right:10px}
.tagBox ul{display:inline-block}
.tagBox li{display:inline-block;margin-bottom:5px}
.tagBox a{position:relative;display:block;margin:0 3px;padding:5px 10px;border:1px solid #004998;font-size:13px;color:#004998}@media (min-width:1201px){.tagBox a:hover{color:#fff;background-color:#004998}}

.tagBox a.current{color:#fff;background-color:#004998}
.tagBox a.current:before{content:"\f00d";margin-right:5px;font-family:FontAwesome;font-size:12px}
.tab{border-top:1px solid #d6d6d6;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:40px}
.tab .tabItem{-webkit-box-flex:1;-ms-flex:1;flex:1}
.tab a{height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#464545;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px 10px;position:relative;text-align:center;word-break:break-word;z-index:2}
.tab a.current{background-color:#004998;color:#fff}
.tabContent{margin-top:-1px;padding:20px 5px;border-top:1px solid #d6d6d6}
.tabContent .tabContentItem{display:none}
.albumBox{width:50%;margin-right:30px}@media (max-width:767px){.albumBox{width:100%;margin-right:0;margin-bottom:30px}}

.albumBox .albumList .albumItem{cursor:pointer}
.albumBox .albumList .albumItem img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.albumBox .albumListMain .albumItem{height:320px}
.albumBox .albumListMain .albumItem img{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain}
.albumBox .albumListNav{margin:15px -5px 0}
.albumBox .albumListNav .albumItem{padding:0 5px}
.side_menu{margin-bottom:50px}
.side_menu li{border-bottom:1px solid #e1e1e1;position:relative}
.side_menu li>a{display:block;font-size:14px;padding:10px 15px}
.side_menu li>a.current{background-color:#8c8c8c;color:#fff}
.side_menu li>a b{color:#808080;font-size:13px;font-weight:400;margin-left:10px}
.side_menu dl{padding-left:25px}
.side_menu dl a{display:block;padding:10px 15px;font-size:14px}
.side_menu dl a.current{color:#000;text-decoration:underline}
.side_album{margin-top:30px;margin-bottom:30px;margin-right:-10px}
.side_album li{float:left;width:33.33%;padding:0 10px 10px 0}
.side_album a{display:block;-webkit-box-shadow:2px 2px 5px #c3c3c3;box-shadow:2px 2px 5px #c3c3c3}
.side_album a img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.side_booking{margin-bottom:30px}
.side_booking a{display:block;border-radius:4px;-webkit-box-shadow:0 1px 1px #8d2121;box-shadow:0 1px 1px #8d2121;font-weight:bold;font-size:25px;color:#fff;background-color:#f05b8f}
.side_booking a i{display:inline-block;font-size:28px;padding:10px 15px;margin-right:15px;border-right:1px solid #d33434;-webkit-box-shadow:1px 0 #f38a8a;box-shadow:1px 0 #f38a8a}@media (min-width:1201px){.side_booking a:hover{-webkit-box-shadow:inset 0 3px 3px #8d2121;box-shadow:inset 0 3px 3px #8d2121}}

.side_contactInfo li{margin-bottom:20px}
.side_contactInfo a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;color:#414141}
.side_contactInfo i{display:inline-block;vertical-align:middle;-ms-flex-negative:0;flex-shrink:0;width:35px;height:35px;line-height:35px;margin-right:8px;border:2px solid #a5a5a5;border-radius:50%;font-size:20px;color:#a5a5a5;text-align:center}
.side_contactInfo b{display:inline-block;vertical-align:middle;font-weight:400}
.side_room{margin-bottom:50px}
.side_room .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.side_room .Txt{margin-top:5px}
.side_room .Txt .title a{font-size:16px;font-weight:400}
.side_room .Txt .text{max-height:100px;font-size:13px;color:#858383;line-height:1.8;overflow:hidden}
.sideDataArea{margin:30px 0}
.sideDataArea.news .Txt{padding:15px 0}
.sideDataArea.catalog .Txt,.sideDataArea.fac .Txt,.sideDataArea.room .Txt{text-align:center}
.sideDataArea.catalog .Img:before{-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.15);box-shadow:0 3px 8px rgba(0,0,0,0.15);color:#fff;display:block;line-height:1;letter-spacing:0.5px;padding:8px 25px;position:absolute;top:12px;left:12px;z-index:2;text-align:center;-webkit-transform-origin:top left;transform-origin:top left}
.sideDataArea.catalog .Img.statusNew:before{content:"NEW";background-color:#004998;border:1px solid #004998}
.sideDataArea.catalog .Img.statusHot:before{content:"HOT";background-color:#004998;border:1px solid #004998}
.sideDataArea .sideDataList{margin:0 -15px}
.sideDataArea .sideDataItem{padding:0 15px}
.sideDataArea .Img img{width:100%;height:auto;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.sideDataArea .Txt{padding:15px}
.sideDataArea .Txt .newsInfoBox{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3e3e3e;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;margin-bottom:13px}
.sideDataArea .Txt .newsInfoBox .classTitle+.date{margin-left:11px;padding-left:11px;position:relative}
.sideDataArea .Txt .newsInfoBox .classTitle+.date:before{content:"";width:1px;height:100%;background-color:rgba(0,0,0,0.1);position:absolute;top:0;left:0;z-index:1}
.sideDataArea .Txt .title{max-height:65px;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sideDataArea .Txt .text{max-height:60px;color:#3e3e3e;font-size:15px;padding-top:10px}@media (max-width:1180px){.sideDataArea .Txt .text{font-size:14px}}
@media (max-width:1200px){.sideDataArea .sideDataList{margin:0 -10px}
.sideDataArea .sideDataItem{padding:0 10px}
.sideDataArea .Txt .newsInfoBox .classTitle+.date{margin-left:8px;padding-left:8px}}
@media (max-width:640px){.sideDataArea .sideDataList{margin:0}
.sideDataArea .sideDataItem{padding:0}}

.sideShare{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:15px}
.sideShare .shareList{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
.sideShare .shareList .shareTitle{display:inline-block;font-size:13px;font-weight:400;color:#666}
.sideShare .shareList .shareItem a,.sideShare .shareList .shareItem button{color:#666;display:inline-block;font-size:16px;line-height:1;padding:5px 6px;text-align:center}@media (min-width:1201px){.sideShare .shareList .shareItem a:hover,.sideShare .shareList .shareItem button:hover{opacity:0.8}}

.sideShare .shareList .shareItem a svg,.sideShare .shareList .shareItem button svg{width:16px;height:16px;display:inline-block;margin-top:-3px;vertical-align:middle;fill:#666}
.sideShare .shareList .shareItem a.twitter svg,.sideShare .shareList .shareItem button.twitter svg{width:14px;height:14px}
.imh_opacity{background-color:#000;overflow:hidden}
.imh_opacity img{-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (min-width:1201px){.imh_opacity:hover img{opacity:0.8;-webkit-transform:scale(1.05);transform:scale(1.05)}}

.imh_detail{background-color:#000;overflow:hidden;position:relative}
.imh_detail img{-webkit-transition:all 0s linear;transition:all 0s linear;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.imh_detail a:before{content:"Details+";position:absolute;left:50%;top:50%;z-index:99;margin-left:-45px;margin-top:-80px;display:block;padding:10px 20px;font-size:13px;color:#fff;border:2px solid #fff;opacity:0;-webkit-transition:all 0s ease;transition:all 0s ease}@media (min-width:1201px){.imh_detail:hover a:before{opacity:1;margin-top:-20px}
.imh_detail:hover img{opacity:0.3;-webkit-transform:scale(1.05);transform:scale(1.05)}}

.imh_zoom{background-color:#000;overflow:hidden;position:relative}
.imh_zoom img{-webkit-transition:all 0s linear;transition:all 0s linear;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.imh_zoom a:before{content:"\f002";display:block;position:absolute;left:50%;top:-30px;margin-top:-20px;margin-left:-20px;z-index:99;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#fff;font-family:FontAwesome;text-align:center;background-color:#000;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}@media (min-width:1201px){.imh_zoom:hover a:before{top:50%}
.imh_zoom:hover img{opacity:0.3;-webkit-transform:scale(1.05);transform:scale(1.05)}}

.controlBox .slick-dots,.slick-slider .slick-dots{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0}
.controlBox .slick-dots.center,.slick-slider .slick-dots.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.controlBox .slick-dots.vertical,.slick-slider .slick-dots.vertical{width:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute}
.controlBox .slick-dots.vertical li,.slick-slider .slick-dots.vertical li{margin:8px 0}
.controlBox .slick-dots:not(.vertical) li,.slick-slider .slick-dots:not(.vertical) li{margin:0 8px}
.controlBox .slick-dots.large li,.slick-slider .slick-dots.large li{width:16px;height:16px}
.controlBox .slick-dots.white li button:before,.slick-slider .slick-dots.white li button:before{background-color:#fff}
.controlBox .slick-dots li,.slick-slider .slick-dots li{width:8px;height:8px;border-radius:50%;overflow:hidden}
.controlBox .slick-dots li button,.slick-slider .slick-dots li button{width:100%;height:100%;border:none;color:transparent;display:block;padding:0;position:relative}
.controlBox .slick-dots li button:before,.slick-slider .slick-dots li button:before{content:"";width:100%;height:100%;background-color:#004998;border:none;border-radius:4px;color:transparent;font-size:0;opacity:1;position:absolute;top:0;left:0}
.controlBox .slick-dots li.slick-active,.slick-slider .slick-dots li.slick-active{width:28px;border-radius:4px}
.controlBox .slick-dots li.slick-active button:before,.slick-slider .slick-dots li.slick-active button:before{background-color:#6db327;opacity:1;border-radius:4px}@media (min-width:1201px){.controlBox .slick-dots li:hover button:before,.slick-slider .slick-dots li:hover button:before{background-color:#004998;opacity:1}}

.slickClsList:not(.slick-slider){overflow:hidden}
.slickClsList:not(.slick-slider) .slickClsItem:not(:first-child){display:none}
.Img{position:relative}
.Img.observer:not(.loaded),.Img.observerSlick:not(.loaded){-webkit-animation:imgLoading 0.9s ease infinite;animation:imgLoading 0.9s ease infinite;background-size:400% 100%;background-image:linear-gradient(135deg,#e1e1e1,#e1e1e1,#e1e1e1,#e1e1e1,#e1e1e1,#e1e1e1,#f6f6f6,#e1e1e1,#e1e1e1,#e1e1e1,#e1e1e1,#e1e1e1,#e1e1e1);background-color:#f0f0f0}
.Img.observer:not(.loaded) img,.Img.observerSlick:not(.loaded) img{opacity:0!important;-webkit-transition:all 0s ease!important;transition:all 0s ease!important}
.scrollHint{width:120px;height:100px;background-color:rgba(0,0,0,0.5);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5}
.scrollHint.hide{opacity:0}
.scrollHint.horizontal .scrollIcon{-webkit-animation:scrollHorizontal 1.25s ease-out infinite;animation:scrollHorizontal 1.25s ease-out infinite}
.scrollHint.vertical .scrollIcon{-webkit-animation:scrollVertical 1.25s ease-out infinite;animation:scrollVertical 1.25s ease-out infinite}
.scrollHint .scrollIcon{position:relative;content:url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13 2c-1.645 0-3 1.355-3 3v11.813l-.656-.688l-.25-.219a2.968 2.968 0 0 0-4.188 0a2.968 2.968 0 0 0 0 4.188v.031l8.188 8.094l.062.031l.031.063a8.307 8.307 0 0 0 5 1.687h1.72a8.17 8.17 0 0 0 8.187-8.188V14c0-1.645-1.356-3-3-3c-.426 0-.82.117-1.188.281C23.578 9.981 22.395 9 21 9c-.766 0-1.469.3-2 .781A2.984 2.984 0 0 0 17 9a2.95 2.95 0 0 0-1 .188V5c0-1.645-1.355-3-3-3m0 2c.555 0 1 .445 1 1v11h2v-4c0-.555.445-1 1-1c.555 0 1 .445 1 1v4h2v-4c0-.555.445-1 1-1c.555 0 1 .445 1 1v4h2.094v-2c0-.555.445-1 1-1c.554 0 1 .445 1 1v7.813c0 3.464-2.723 6.187-6.188 6.187h-1.718c-1.465 0-2.731-.523-3.782-1.313l-8.094-8c-.445-.445-.445-.93 0-1.375c.446-.445.93-.445 1.375 0L12 21.625V5c0-.555.445-1 1-1"/></svg>');width:32px;height:32px;-webkit-filter:invert(1);filter:invert(1);z-index:2}
.scrollHint .scrollText{margin-top:10px;color:#fff}
.toastMessageBox{position:fixed;z-index:1005}
.toastMessageBox.top{top:40px}@media (max-width:640px){.toastMessageBox.top{top:10px}}

.toastMessageBox.right{right:40px}@media (max-width:640px){.toastMessageBox.right{right:10px}}

.toastMessageBox.bottom{bottom:40px}@media (max-width:640px){.toastMessageBox.bottom{bottom:10px}}

.toastMessageBox.left{left:40px}@media (max-width:640px){.toastMessageBox.left{left:10px}}

.toastMessageBox .toastMessage{cursor:pointer;color:#fff;display:block;margin:10px;padding:10px 20px;border-radius:5px;opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all 0s linear;transition:all 0s linear}
.toastMessageBox .toastMessage.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.toastMessageBox .toastMessageText{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}
.toastMessageBox .toastMessageText i{font-size:24px;margin-right:10px}