@charset "UTF-8";@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{cursor:pointer; color:#333;}
@media (min-width:1201px){a:hover{color:#004998}
}



.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:0px;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: 0px;
    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 {
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex
; */
    /* position: relative; */
    /* max-width: 1400px; */
    /* -webkit-box-pack: justify; */
    -ms-flex-pack: justify;
    /* justify-content: center; */
    /* flex-wrap: nowrap; */
}


@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:0px}
@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:70%;-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:450px;opacity:0;pointer-events:none}
header .menu .subMenuBox.current{width: 1000px;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; width:1000px;-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:0px;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:0%}
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:39%;padding:0 0px; padding-right:30px;padding-left:15px;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: 60%;
    text-align: left;
    padding: 0 50px;
    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:0px;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:0px}
@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:0px;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:0px;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:0px;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;
    line-height: 38px;
    text-align: left;}
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 li a{    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:0px;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:0px;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:0rem}
@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:0px}

.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:0rem;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:0px;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}