@media screen and (min-width:768px) and (max-width:1620px){.banner-template[data-v-9c923b0b]{position:relative}.banner-template>div[data-v-9c923b0b]:first-child{height:400px;margin:7.083vw auto 0}.banner-template>div[data-v-9c923b0b]:first-child,.banner-template>div:first-child img[data-v-9c923b0b]{display:flex;justify-content:center;-o-object-fit:cover;object-fit:cover;width:100%}.banner-template>div:first-child img[data-v-9c923b0b]{height:100%;margin:0 auto}.banner-template>div[data-v-9c923b0b]:nth-child(2){position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.banner-template>div[data-v-9c923b0b]:nth-child(3){position:fixed;right:0;top:7vw;z-index:10}.banner-template>div:nth-child(3) .banner-template-btn[data-v-9c923b0b]{display:flex;position:absolute;top:0;z-index:9}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]{align-items:center;display:flex;margin-right:10px;text-decoration:none}.banner-template>div:nth-child(3) .banner-template-btn>a>div[data-v-9c923b0b]:first-child{align-items:center;display:flex;margin-right:5px}.banner-template>div:nth-child(3) .banner-template-btn>a>div[data-v-9c923b0b]:nth-child(2){color:#fff;font-family:Noto Sans HK;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-align:center;width:-moz-max-content;width:max-content}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]{box-shadow:0 0 0 0 transparent;overflow:hidden;transition:all .2s ease-in}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:hover{background:#59ba68;transition:all .2s ease-out}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:hover:before{animation:sh02-9c923b0b .5s linear 0s}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:before{background:#fff;box-shadow:0 0 50px 30px #fff;content:"";display:block;height:86%;left:0;opacity:0;position:absolute;top:7%;transform:skew(-20deg);width:0}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:first-child{background:var(--Basic-2,#59ba68);border-radius:0 0 10px 10px;padding:13px 11px 13px 16px}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:nth-child(2){background:#00a6ce;border-radius:0 0 10px 10px;padding:15px 13px 15px 19px}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:nth-child(2):hover{background:#00a6ce;transition:all .2s ease-out}.banner-template-btn[data-v-9c923b0b]{display:flex;position:absolute;right:50px;top:0;z-index:9}.banner-template-btn>a[data-v-9c923b0b]{align-items:center;display:flex;margin-right:10px;text-decoration:none}.banner-template-btn>a>div[data-v-9c923b0b]:first-child{align-items:center;display:flex;margin-right:5px}.banner-template-btn>a>div[data-v-9c923b0b]:nth-child(2){color:#fff;font-family:Noto Sans HK;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-align:center}.banner-template-btn>a[data-v-9c923b0b]:hover{box-shadow:0 0 7.5px #00000040;transform:scale(1.1);transition:all .3s ease-in-out}.banner-template-btn>a[data-v-9c923b0b]:hover:before{animation:sh02-9c923b0b .5s linear 0s}.banner-template-btn>a[data-v-9c923b0b]:first-child{border-radius:0 0 10px 10px;padding:13px 11px 13px 16px}.banner-template-btn>a[data-v-9c923b0b]:nth-child(2){border-radius:0 0 10px 10px;padding:15px 13px 15px 19px}}@media screen and (min-width:1621px){.banner-template[data-v-9c923b0b]{position:relative}.banner-template>div[data-v-9c923b0b]:first-child{height:400px;margin:130px auto 0}.banner-template>div[data-v-9c923b0b]:first-child,.banner-template>div:first-child img[data-v-9c923b0b]{display:flex;justify-content:center;-o-object-fit:cover;object-fit:cover;width:100%}.banner-template>div:first-child img[data-v-9c923b0b]{height:100%;margin:0 auto}.banner-template>div[data-v-9c923b0b]:nth-child(2){position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}.banner-template>div[data-v-9c923b0b]:nth-child(3){position:fixed;right:0;top:136px;z-index:99}.banner-template>div:nth-child(3) .banner-template-btn[data-v-9c923b0b]{display:flex;position:absolute;top:0;z-index:9}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]{align-items:center;display:flex;margin-right:10px;text-decoration:none}.banner-template>div:nth-child(3) .banner-template-btn>a>div[data-v-9c923b0b]:first-child{align-items:center;display:flex;margin-right:5px}.banner-template>div:nth-child(3) .banner-template-btn>a>div[data-v-9c923b0b]:nth-child(2){color:#fff;font-family:Noto Sans HK;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-align:center;width:-moz-max-content;width:max-content}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]{box-shadow:0 0 0 0 transparent;overflow:hidden;transition:all .2s ease-in}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:hover{background:#59ba68;transition:all .2s ease-out}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:hover:before{animation:sh02-9c923b0b .5s linear 0s}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:before{background:#fff;box-shadow:0 0 50px 30px #fff;content:"";display:block;height:86%;left:0;opacity:0;position:absolute;top:7%;transform:skew(-20deg);width:0}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:first-child{background:var(--Basic-2,#59ba68);border-radius:0 0 10px 10px;padding:13px 11px 13px 16px}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:nth-child(2){background:#00a6ce;border-radius:0 0 10px 10px;padding:15px 13px 15px 19px}.banner-template>div:nth-child(3) .banner-template-btn>a[data-v-9c923b0b]:nth-child(2):hover{background:#00a6ce;transition:all .2s ease-out}.banner-template-btn[data-v-9c923b0b]{display:flex;position:absolute;right:50px;top:0;z-index:9}.banner-template-btn>a[data-v-9c923b0b]{align-items:center;display:flex;margin-right:10px;text-decoration:none}.banner-template-btn>a>div[data-v-9c923b0b]:first-child{align-items:center;display:flex;margin-right:5px}.banner-template-btn>a>div[data-v-9c923b0b]:nth-child(2){color:#fff;font-family:Noto Sans HK;font-size:12px;font-style:normal;font-weight:700;line-height:normal;text-align:center}.banner-template-btn>a[data-v-9c923b0b]:hover{box-shadow:0 0 7.5px #00000040;transform:scale(1.1);transition:all .3s ease-in-out}.banner-template-btn>a[data-v-9c923b0b]:hover:before{animation:sh02-9c923b0b .5s linear 0s}.banner-template-btn>a[data-v-9c923b0b]:first-child{background:var(--Basic-2,#59ba68);border-radius:0 0 10px 10px;padding:13px 11px 13px 16px}.banner-template-btn>a[data-v-9c923b0b]:nth-child(2){background:#00a6ce;border-radius:0 0 10px 10px;padding:15px 13px 15px 19px}}@media screen and (max-width:767px){.banner-template[data-v-9c923b0b]{margin-top:65px}.banner-template>div[data-v-9c923b0b]:first-child{width:100vw}.banner-template>div:first-child>img[data-v-9c923b0b]{width:100%}.banner-template-btn[data-v-9c923b0b]{display:none}}@keyframes sh02-9c923b0b{0%{left:0;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}