@charset "utf-8";

/*@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap||Material+Icons);
@import url(https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CNunito+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPacifico%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CPlayfair+Display%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CKarla%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CAssistant%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CLato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.8.3);*/
@font-face {
    font-family: nunito-sans;
    src: url(../fs/font/NunitoSans_10pt-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
} 

@font-face {
    font-family: nunito-sans;
    src: url(../fs/font/NunitoSans_10pt-Medium.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: nunito-sans;
    src: url(../fs/font/NunitoSans_10pt-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
} 
@font-face {
    font-family: FontAwesome;
    src: url(../fs/font/fontawesome-trimmed.eot?v=4.7.0);
    src: url(../fs/font/fontawesome-trimmed.eot?#iefix&v=4.7.0) format("embedded-opentype"),
         url(../fs/font/fontawesome-trimmed.woff?v=4.7.0) format("woff"),
         url(../fs/font/fontawesome-trimmed.ttf?v=4.7.0) format("truetype"),
         url(../fs/font/fontawesome-trimmed.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: hc;
    src: url(../fs/font/hc.eot);
    src: url(../fs/font/hc.eot?#iefix) format("embedded-opentype"),url(../fs/font/hc.woff) format("woff"),url(../fs/font/hc.ttf) format("truetype"),url(../fs/font/hc.svg#hc) format("svg");
    font-weight: 400;
    font-style: normal
}

html, body, form{width: 100%;height: 100%;line-height: 1; font-size:calc(28px * var(--device)); font-family: nunito-sans,avenir,Helvetica,Arial,"PingFang HK","Microsoft JhengHei",华文黑体,SimHei,黑体,sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}

.ff-Arial{font-family:Arial;} 

.rotate15{transform:rotate(15deg)}

*{margin: 0px;padding: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img,a img{border: none;} 
input:hover,select:hover,textarea:hover{cursor: pointer;}
input, select, textarea, button{outline: none;}
ul, li{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none; color: #000; outline: none;}
a:hover{text-decoration: none;cursor: pointer;}
select, input, img, select{vertical-align: middle;}
a:focus{outline: none;}
.cf{clear: both;}

.zindex-1{z-index:1}
.zindex-2{z-index:2;}

.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}

.mga{margin:0 auto;}

/*圆形*/
.br50{-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}

.psa{position:absolute;}
.psr{position:relative;}

.fsb{font-weight:bold;}

.kg{min-height: calc(20px * var(--device));}
.kg-2x{min-height: calc(40px * var(--device));}
.kg-3x{min-height: calc(60px * var(--device));}

.object-fit-cover{object-fit:cover;}

.text-decoration-through{text-decoration:line-through;}

.title-style{position:relative;}
.title-style .wz{position:absolute; top:0; left:0; width:100%; text-align:center;}
.title-style .word-en{ opacity:0.6; text-transform:uppercase;color:#fff; font-weight: 700;letter-spacing: -0.5px;text-shadow: 0px 0px 2px #585367; mix-blend-mode: multiply; width:100%;  font-family: "Playfair Display", Sans-serif;}
.title-style .word-hk{ font-weight: bold; letter-spacing: -1px;}
.title-style .word{ text-align:center; text-transform:capitalize; font-family: "Playfair Display", Sans-serif; font-weight: 700; font-style:italic;}
.title-style .icon i{display:block;-webkit-transform: rotate(45deg);    transform: rotate(45deg); transform-origin: center center;}


/*阴影*/
.box-shadow{box-shadow: 4px 7px 4px 0 rgba(0, 0, 0, .23);}
.box-shadow-light{box-shadow: 3px 1px 4px 0 rgba(0, 0, 0, .13);}
.box-shadow2{box-shadow: 5px 4px 13px 0 rgba(0, 0, 0, .23);}
.box-shadowT{box-shadow:6px 0px 11px 0 rgba(0, 0, 0, .23);}

/*滚动条*/
.ovh{overflow:hidden;}
.ova{overflow: auto;}

/*position*/
.psr{position:relative;}
.psr-zindex-2{position:relative;z-index:2;}

/*boxsz*/
.boxsz{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
 
/*省略号*/
.line1 { -webkit-line-clamp: 1; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}
.line2 { -webkit-line-clamp: 2; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}
.line3 { -webkit-line-clamp: 3; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}
.line4 { -webkit-line-clamp: 4; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; display: -webkit-box !important; display: box !important; -webkit-box-orient: vertical; box-orient: vertical; text-overflow: ellipsis; overflow: hidden; white-space: normal !important; outline: 0 !important;}


/*alljb*/
.alljb{-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.alljb-02{-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}