@keyframes Zoomin{0%{opacity:0;transform:scale(1.05, 1.05)}100%{opacity:1;transform:scale(1, 1)}}.img-with-three-info-box{position:relative}.img-with-three-info-box .bg-m{width:100% !important;height:100vh;position:absolute;z-index:0;top:0px;left:0px}.img-with-three-info-box .bg-m .img{position:absolute;width:100%;height:100%;top:0px;left:0px;background-position:center center;background-size:cover;opacity:0;transition:background-image .3s;-webkit-transition:background-image 0.3s;-moz-transition:background-image 0.3s;-o-transition:background-image 0.3s;transition:all .5s}@media only screen and (max-width: 767px){.img-with-three-info-box .bg-m .img{opacity:1}}.img-with-three-info-box.over .bg-m{position:fixed;top:0px;left:0px}.img-with-three-info-box.over-end .bg-m{position:absolute;top:auto;bottom:0px}.img-with-three-info-box .content-wrapper{width:100%;height:840px;box-sizing:border-box;padding:55px 70px;border-radius:30px;overflow:hidden;position:relative}.img-with-three-info-box .content-wrapper .bg,.img-with-three-info-box .content-wrapper .bg2{border-radius:30px;position:absolute;z-index:0;top:0px;left:0px;width:100%;height:100%;transition:background-image .3s;-webkit-transition:background-image 0.3s;-moz-transition:background-image 0.3s;-o-transition:background-image 0.3s;transition:all .5s;background-position:center center;background-size:cover}.img-with-three-info-box .content-wrapper .bg.zoom-in,.img-with-three-info-box .content-wrapper .bg2.zoom-in{-webkit-animation:Zoomin 0.6s forwards;-moz-animation:Zoomin 0.6s forwards;-o-animation:Zoomin 0.6s forwards;animation:Zoomin 0.6s forwards}.img-with-three-info-box .content-wrapper .top-bar{width:100%;height:auto;margin-bottom:40px;position:relative;display:flex;flex-direction:row;z-index:1}.img-with-three-info-box .content-wrapper .top-bar .line{flex:1 0 auto;position:relative;margin:0px 40px}.img-with-three-info-box .content-wrapper .top-bar .line::before{content:"";height:1px;width:100%;margin-top:0px;position:absolute;top:50%;left:0px;background:#ffffff;opacity:.2}.img-with-three-info-box .content-wrapper .top-bar p,.img-with-three-info-box .content-wrapper .top-bar a span{font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:500;font-size:18px;line-height:24px;transition:all .3s;text-shadow:0px 8px 20px rgba(0,0,0,0.3)}body.zh_HK .img-with-three-info-box .content-wrapper .top-bar p,body.zh_HK .img-with-three-info-box .content-wrapper .top-bar a span{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1600px){.img-with-three-info-box .content-wrapper .top-bar p,.img-with-three-info-box .content-wrapper .top-bar a span{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.img-with-three-info-box .content-wrapper .top-bar p,.img-with-three-info-box .content-wrapper .top-bar a span{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .top-bar p,.img-with-three-info-box .content-wrapper .top-bar a span{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.img-with-three-info-box .content-wrapper .top-bar p,.img-with-three-info-box .content-wrapper .top-bar a span{font-size:16px;line-height:22px}}.img-with-three-info-box .content-wrapper .top-bar a span{font-size:18px;line-height:24px;transition:all .3s}@media only screen and (max-width: 1600px){.img-with-three-info-box .content-wrapper .top-bar a span{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.img-with-three-info-box .content-wrapper .top-bar a span{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .top-bar a span{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.img-with-three-info-box .content-wrapper .top-bar a span{font-size:16px;line-height:22px}}.img-with-three-info-box .content-wrapper .top-bar a .arrow-right{top:9px}.img-with-three-info-box .content-wrapper .top-bar .title{position:relative;color:#ffffff}.img-with-three-info-box .content-wrapper .top-bar .arrow-btn{margin-right:20px;position:relative;cursor:pointer}.img-with-three-info-box .content-wrapper .main-title{width:50%;font-size:34px;line-height:48px;transition:all .3s;transition:all 0s;color:#ffffff;max-width:650px;text-shadow:0px 8px 30px rgba(0,0,0,0.2);position:absolute;top:110px;left:70px}@media only screen and (max-width: 1600px){.img-with-three-info-box .content-wrapper .main-title{font-size:28px;line-height:34px}}@media only screen and (max-width: 1366px){.img-with-three-info-box .content-wrapper .main-title{font-size:28px;line-height:34px}}@media only screen and (max-width: 768px){.img-with-three-info-box .content-wrapper .main-title{font-size:28px;line-height:34px}}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .main-title{font-size:24px;line-height:30px}}.img-with-three-info-box .content-wrapper .main-title p{position:absolute;top:0px;left:0px;font-size:34px;color:#ffffff}.img-with-three-info-box .content-wrapper .box-wrapper{width:100%;height:420px;position:absolute;bottom:60px;left:0px;display:flex;justify-content:center}@media only screen and (max-width: 1426px){.img-with-three-info-box .content-wrapper .box-wrapper{padding:0px 70px;box-sizing:border-box}}@media only screen and (max-width: 1366px){.img-with-three-info-box .content-wrapper .box-wrapper{bottom:40px}}@media only screen and (max-width: 1024px){.img-with-three-info-box .content-wrapper .box-wrapper{padding:0px 30px;box-sizing:border-box}}.img-with-three-info-box .content-wrapper .box-wrapper .box{display:inline-block;width:335px;box-sizing:border-box;margin-right:60px;border-radius:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg);position:relative;background:rgba(0,0,0,0.2)}.img-with-three-info-box .content-wrapper .box-wrapper .box .img-box{position:absolute;right:30px;width:70px;height:70px;top:30px}@media only screen and (max-width: 1024px){.img-with-three-info-box .content-wrapper .box-wrapper .box .img-box{top:20px}}@media only screen and (max-width: 768px){.img-with-three-info-box .content-wrapper .box-wrapper .box .img-box{width:35px;height:35px}.img-with-three-info-box .content-wrapper .box-wrapper .box .img-box img{width:100%}}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .box-wrapper .box .img-box{right:25px;top:25px;width:70px;height:70px}}.img-with-three-info-box .content-wrapper .box-wrapper .box .img-box img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.img-with-three-info-box .content-wrapper .box-wrapper .box .container{transition:all .3s;height:100%;width:100%;position:relative;padding:38px;box-sizing:border-box;border-radius:25px;border:2px solid #ffffff}.img-with-three-info-box .content-wrapper .box-wrapper .box p,.img-with-three-info-box .content-wrapper .box-wrapper .box a{text-align:left;color:#ffffff}.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child{width:335px;margin-right:0px}.img-with-three-info-box .content-wrapper .box-wrapper .box .sup-title{color:rgba(255,255,255,0.7);font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-size:16px;line-height:24px;margin-bottom:12px;transition:all .3s}body.zh_HK .img-with-three-info-box .content-wrapper .box-wrapper .box .sup-title{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.img-with-three-info-box .content-wrapper .box-wrapper .box .title{color:#ffffff;font-size:28px;line-height:32px;transition:all .3s;line-height:32px;transition:all .3s}@media only screen and (max-width: 1366px){.img-with-three-info-box .content-wrapper .box-wrapper .box .title{font-size:22px;line-height:26px}}@media only screen and (max-width: 768px){.img-with-three-info-box .content-wrapper .box-wrapper .box .title{font-size:18px;line-height:22px}}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .box-wrapper .box .title{font-size:20px;line-height:24px}}.img-with-three-info-box .content-wrapper .box-wrapper .box .desc{position:absolute;bottom:36px;left:40px;width:calc(100% - 80px);transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;transition-timing-function:cubic-bezier(1, 0.01, 0.3, 1);font-size:18px;line-height:24px;transition:all .3s}body.zh_HK .img-with-three-info-box .content-wrapper .box-wrapper .box .desc{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1600px){.img-with-three-info-box .content-wrapper .box-wrapper .box .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.img-with-three-info-box .content-wrapper .box-wrapper .box .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .box-wrapper .box .desc{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.img-with-three-info-box .content-wrapper .box-wrapper .box .desc{font-size:16px;line-height:22px}}.img-with-three-info-box .content-wrapper .box-wrapper .box .red-circle-btn{position:absolute;bottom:36px;left:40px;opacity:0;pointer-events:none;transition:all .6s}@media only screen and (max-width: 1366px){.img-with-three-info-box .content-wrapper .box-wrapper .box{margin-right:50px}}@media only screen and (max-width: 1280px){.img-with-three-info-box .content-wrapper .box-wrapper .box{margin-right:40px}}.img-with-three-info-box .content-wrapper .box-wrapper.icon-version .box .container .title{padding-right:70px}.img-with-three-info-box .content-wrapper .bg-gradient-wrapper{position:absolute;width:100%;height:100%;z-index:0;pointer-events:none;top:0px;left:0px;border-radius:30px;overflow:hidden}.img-with-three-info-box .content-wrapper .bg-gradient-wrapper .black{width:100%;position:absolute;top:0px;left:0px;height:100%;opacity:1;transition:all .3s}.img-with-three-info-box .content-wrapper .bg-gradient-wrapper .black .bottom{position:absolute;width:100%;bottom:0px;left:0px;content:"";height:200px;pointer-events:none;z-index:0;background:linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%)}.img-with-three-info-box .content-wrapper .bg-gradient-wrapper .black .top{position:absolute;width:100%;top:0px;left:0px;content:"";height:200px;pointer-events:none;z-index:0;background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%)}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .bg-gradient-wrapper{border-radius:0px}}@media only screen and (max-width: 1024px){.img-with-three-info-box .content-wrapper{height:720px;padding:38px 40px}.img-with-three-info-box .content-wrapper .main-title{top:80px;left:40px}.img-with-three-info-box .content-wrapper .box-wrapper .box{margin-right:25px}.img-with-three-info-box .content-wrapper .box-wrapper .box .container{padding:25px 30px}.img-with-three-info-box .content-wrapper .box-wrapper .box .desc{left:30px;width:calc(100% - 60px);bottom:25px}}@media only screen and (max-width: 767px){.img-with-three-info-box .content-wrapper .box-wrapper .box .container{padding:36px 40px;min-height:220px}}@media only screen and (min-width: 767px){.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box:hover .container,.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box.selected .container{background:#ffffff}.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box:hover .sup-title,.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box.selected .sup-title{color:#707070}.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box:hover .title,.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box.selected .title{color:red}.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box:hover .desc,.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box.selected .desc{color:#333}.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box:hover .red-circle-btn,.img-with-three-info-box.over-effect .content-wrapper .box-wrapper .box.selected .red-circle-btn{pointer-events:all;opacity:1}}.img-with-three-info-box .component-title.end-m .btn-container .arrow-btn span{color:#ffffff}.img-with-three-info-box .component-title.end-m .btn-container .arrow-btn .arrow-right{border:solid #ffffff;border-width:0 2px 2px 0}.img-with-three-info-box .component-title.end-m .btn-container .arrow-btn:hover span::after{background:#ffffff}.img-with-three-info-box.short-version .content-wrapper{height:610px}@media only screen and (max-width: 1366px){.img-with-three-info-box.short-version .content-wrapper{height:550px}}@media only screen and (max-width: 1024px){.img-with-three-info-box.short-version .content-wrapper{height:500px}}@media only screen and (max-width: 768px){.img-with-three-info-box.short-version .content-wrapper{height:auto}}@media only screen and (max-width: 768px){.img-with-three-info-box.short-version .content-wrapper .top-bar{margin-bottom:20px}}@media only screen and (max-width: 768px){.img-with-three-info-box.short-version .content-wrapper .main-title{position:relative;top:0px;left:0px;width:100%}}.img-with-three-info-box.short-version .content-wrapper .box-wrapper{height:auto}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .desc{position:relative;bottom:0px;left:0px;width:100%;margin-top:50px;min-height:0px}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .container{display:flex;flex-direction:column}@media only screen and (max-width: 768px){.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .container{flex-direction:row;margin-top:0px}}@media only screen and (max-width: 767px){.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .container{flex-direction:column;margin-top:0px}}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .container .title{flex:1 0 auto}@media only screen and (max-width: 1024px){.img-with-three-info-box.short-version .content-wrapper .box-wrapper{padding:0px 40px}}@media only screen and (max-width: 768px){.img-with-three-info-box.short-version .content-wrapper .box-wrapper{flex-wrap:wrap;position:relative;bottom:0px;left:0px;padding:0px 0px}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box{margin-top:20px;width:100%;margin-right:0px}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .desc{padding-right:40px;margin-top:0px}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .container .title{width:110px;padding-right:20px}}@media only screen and (max-width: 767px){.img-with-three-info-box.short-version .content-wrapper .box-wrapper{padding:0px 0px}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .container .title{width:calc(100% - 60px);padding-right:0px}.img-with-three-info-box.short-version .content-wrapper .box-wrapper .box .desc{padding-right:0px}}@media only screen and (max-width: 767px){.img-with-three-info-box{padding:0px 0px !important;overflow:hidden}.img-with-three-info-box .content-wrapper{height:auto;border-radius:0px}.img-with-three-info-box .content-wrapper .bg,.img-with-three-info-box .content-wrapper .bg2{border-radius:0px;display:none}.img-with-three-info-box .content-wrapper .main-title{position:relative;top:0px;left:0px;width:100%;margin-bottom:34px}.img-with-three-info-box .content-wrapper .box-wrapper{height:auto;bottom:0;position:relative;flex-direction:column;padding:0px}.img-with-three-info-box .content-wrapper .box-wrapper .box,.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child{margin:0;width:100%;margin-top:10px !important;margin-bottom:10px !important}.img-with-three-info-box .content-wrapper .box-wrapper .box .desc,.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child .desc{position:relative;left:0px;bottom:0px;width:100%;min-height:auto;margin-top:70px}.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child{margin-bottom:0px}.img-with-three-info-box .content-wrapper .top-bar .line,.img-with-three-info-box .content-wrapper .top-bar .arrow-btn{display:none}}@media only screen and (max-width: 550px){.img-with-three-info-box .content-wrapper{padding:43px 20px}}@media only screen and (max-width: 320px){.img-with-three-info-box .content-wrapper{padding:43px 15px}}.news-three-box-with-l-shape .content-wrapper{width:100%;height:auto;box-sizing:border-box;display:inline-block;position:relative;display:flex;flex-direction:row}.news-three-box-with-l-shape .content-wrapper .left-box{width:48%;box-sizing:border-box;margin-right:2%;float:left;position:relative;box-sizing:border-box}.news-three-box-with-l-shape .content-wrapper .left-box .slider-wrapper{width:100%}.news-three-box-with-l-shape .content-wrapper .left-box .slider-wrapper .slick-slide>div{width:100%;display:inline-block}.news-three-box-with-l-shape .content-wrapper .left-box .news-box-slider{position:relative}.news-three-box-with-l-shape .content-wrapper .left-box .news-box-slider .slick-list{border-radius:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg)}.news-three-box-with-l-shape .content-wrapper .left-box .news-box-slider .news-item{width:100%;display:block;overflow:hidden}.news-three-box-with-l-shape .content-wrapper .left-box .news-box-slider .news-item .img-box{width:100%;display:block}.news-three-box-with-l-shape .content-wrapper .left-box .news-box-slider .news-item img{width:100%;display:block;transition:all .3s}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper .left-box{width:calc(50% - 12px);margin-right:12px}}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper .left-box .slick-dots{bottom:0px;right:0px;position:relative;width:100%;text-align:center;margin-top:20px}}.news-three-box-with-l-shape .content-wrapper .left-box .dots-wrapper{position:absolute;z-index:3}.news-three-box-with-l-shape .content-wrapper .left-box .dots-wrapper .slick-dots{bottom:0px;right:0px;padding:25px 40px}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper .left-box .dots-wrapper{position:relative}.news-three-box-with-l-shape .content-wrapper .left-box .dots-wrapper .slick-dots{padding:0px}}.news-three-box-with-l-shape .content-wrapper .left-box::before{position:absolute;bottom:0px;left:0px;width:100%;height:100%;content:"";pointer-events:none;z-index:1;border-radius:30px;opacity:0;transition:all 0.3s}.news-three-box-with-l-shape .content-wrapper .left-box.black::before{background:#fff;background:-moz-linear-gradient(0deg, #fff 0%, rgba(0,0,0,0) 52%);background:-webkit-linear-gradient(0deg, #fff 0%, rgba(0,0,0,0) 52%);background:linear-gradient(0deg, #fff 0%, rgba(0,0,0,0) 52%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);opacity:.2}.news-three-box-with-l-shape .content-wrapper .left-box.white::before{background:#000;background:-moz-linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);background:-webkit-linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);opacity:.2}.news-three-box-with-l-shape .content-wrapper .right{width:48%;box-sizing:border-box;margin-left:2%;float:left;position:relative}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box{display:block;width:100%;border-radius:30px;position:relative;overflow:hidden;transform:rotate(0deg);-webkit-transform:rotate(0deg)}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box::before{pointer-events:none;content:"";position:absolute;bottom:0px;left:0px;width:100%;height:100%;opacity:0.5;background:#000;background:-moz-linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);background:-webkit-linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);z-index:1}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box .img-box{width:100%;border-radius:30px;overflow:hidden;transform:rotate(0deg);-webkit-transform:rotate(0deg)}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box img{width:100%;border-radius:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg);overflow:hidden;display:block;transition:all .3s}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box:first-child{margin-bottom:7%}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper .right{width:calc(50% - 12px);margin-left:12px}}.news-three-box-with-l-shape .content-wrapper .left-box .action-box,.news-three-box-with-l-shape .content-wrapper .right .action-box{width:calc(100% - 70px);padding-left:30px;position:absolute;bottom:40px;left:0px;z-index:2;pointer-events:none}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .simple-btn,.news-three-box-with-l-shape .content-wrapper .right .action-box .simple-btn{float:left;clear:both;margin-bottom:2px;pointer-events:none;margin-left:10px;margin-bottom:10px;background:red}@media only screen and (max-width: 767px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .simple-btn,.news-three-box-with-l-shape .content-wrapper .right .action-box .simple-btn{margin-left:0px}}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .simple-btn.empty,.news-three-box-with-l-shape .content-wrapper .right .action-box .simple-btn.empty{background:transparent;width:100%;margin-bottom:0px;margin-top:0px}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text p,.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text span,.news-three-box-with-l-shape .content-wrapper .right .action-box .text p,.news-three-box-with-l-shape .content-wrapper .right .action-box .text span{float:left;clear:both;color:#ffffff;font-size:34px;line-height:38px;transition:all .3s;transition:all .3s;padding:0px 10px;display:inline-block;margin-bottom:2px;pointer-events:none}@media only screen and (max-width: 1600px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text p,.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text span,.news-three-box-with-l-shape .content-wrapper .right .action-box .text p,.news-three-box-with-l-shape .content-wrapper .right .action-box .text span{font-size:28px;line-height:34px}}@media only screen and (max-width: 1366px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text p,.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text span,.news-three-box-with-l-shape .content-wrapper .right .action-box .text p,.news-three-box-with-l-shape .content-wrapper .right .action-box .text span{font-size:22px;line-height:26px}}@media only screen and (max-width: 768px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text p,.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text span,.news-three-box-with-l-shape .content-wrapper .right .action-box .text p,.news-three-box-with-l-shape .content-wrapper .right .action-box .text span{font-size:22px;line-height:26px}}@media only screen and (max-width: 767px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text p,.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text span,.news-three-box-with-l-shape .content-wrapper .right .action-box .text p,.news-three-box-with-l-shape .content-wrapper .right .action-box .text span{font-size:24px;line-height:30px}}@media only screen and (max-width: 767px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text p,.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text span,.news-three-box-with-l-shape .content-wrapper .right .action-box .text p,.news-three-box-with-l-shape .content-wrapper .right .action-box .text span{padding-left:0px}}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{float:left;clear:both;color:#ffffff;margin-left:10px;margin-top:10px;font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-size:18px;line-height:24px;transition:all .3s;font-weight:300;transition:all .3s;padding-right:30px;width:100%}@media only screen and (max-width: 1600px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{font-size:15px;line-height:20px}}@media only screen and (max-width: 1366px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{font-size:14px;line-height:18px}}@media only screen and (max-width: 768px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{font-size:16px;line-height:22px}}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{padding-right:20px}}@media only screen and (max-width: 767px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{text-indent:0px;margin-left:0px}}.news-three-box-with-l-shape .content-wrapper .left-box .action-box.black .text p,.news-three-box-with-l-shape .content-wrapper .left-box .action-box.black .text span,.news-three-box-with-l-shape .content-wrapper .right .action-box.black .text p,.news-three-box-with-l-shape .content-wrapper .right .action-box.black .text span{color:#333}.news-three-box-with-l-shape .content-wrapper .left-box .action-box.black .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box.black .desc{color:#333}@media only screen and (max-width: 1366px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box,.news-three-box-with-l-shape .content-wrapper .right .action-box{padding-left:30px;bottom:35px}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{margin-top:5px}}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper .left-box .action-box,.news-three-box-with-l-shape .content-wrapper .right .action-box{padding-left:20px;bottom:30px}}@media only screen and (min-width: 767px){.news-three-box-with-l-shape .content-wrapper .left-box .news-narrow-box:hover img,.news-three-box-with-l-shape .content-wrapper .left-box .slick-slide:hover img,.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box:hover img,.news-three-box-with-l-shape .content-wrapper .right .slick-slide:hover img{transform:scale(1.05)}}.news-three-box-with-l-shape .content-wrapper .right .action-box{width:calc(60% - 70px);padding-left:22px;position:absolute;bottom:30px}.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{padding-right:0px}@media only screen and (max-width: 1366px){.news-three-box-with-l-shape .content-wrapper .right .action-box{width:calc(70% - 70px);padding-left:20px;bottom:25px}}@media only screen and (max-width: 1280px){.news-three-box-with-l-shape .content-wrapper .right .action-box{width:calc(70% - 50px);padding-left:20px;bottom:25px}}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper .right .action-box{padding-left:20px;bottom:30px}}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc{box-sizing:border-box;padding-right:100px}@media only screen and (max-width: 1024px){.news-three-box-with-l-shape .content-wrapper{flex-direction:column}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{display:block !important}.news-three-box-with-l-shape .content-wrapper .left-box .slick-dots{bottom:0px;right:0px}.news-three-box-with-l-shape .content-wrapper .left-box,.news-three-box-with-l-shape .content-wrapper .right{width:100%;margin:0%}.news-three-box-with-l-shape .content-wrapper .left-box{margin-bottom:40px}.news-three-box-with-l-shape .content-wrapper .left-box::before{display:none}.news-three-box-with-l-shape .content-wrapper .left-box .action-box{position:relative;bottom:0px;padding-left:0px;pointer-events:all;display:inline-block;width:100%;margin-top:20px}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .simple-btn{margin-top:0px;background:transparent;padding:0px;margin-bottom:12px;margin-left:0px}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .simple-btn p{color:red}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text p{color:#333 !important;padding-left:0px;display:inline-block;width:100%}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .text{display:inline-block;width:100%}.news-three-box-with-l-shape .content-wrapper .right .action-box{position:relative;bottom:0px;padding-left:0px;margin-top:20px;display:inline-block;width:100%}.news-three-box-with-l-shape .content-wrapper .right .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .text p{color:#333 !important;padding:0px}.news-three-box-with-l-shape .content-wrapper .right .action-box .simple-btn{border-radius:0px;background-color:transparent;padding:0;margin-bottom:12px;margin-left:0px}.news-three-box-with-l-shape .content-wrapper .right .action-box .simple-btn p{color:red}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box{border-radius:0px;margin-bottom:40px}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box .img-box{width:100%;border-radius:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg);overflow:hidden}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box:first-child{margin-bottom:40px}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box::before{display:none}.news-three-box-with-l-shape .content-wrapper .left-box .action-box .desc,.news-three-box-with-l-shape .content-wrapper .right .action-box .desc{padding-right:0px;margin-left:0px}.news-three-box-with-l-shape .content-wrapper .right .news-narrow-box:last-child{margin-bottom:0px}}.news-three-box-with-l-shape .content-wrapper .left-box.black .slick-dots li:hover::after{background:#707070}.news-three-box-with-l-shape .content-wrapper .left-box.black .slick-dots li::before{background:rgba(255,255,255,0.2)}.news-three-box-with-l-shape .content-wrapper .left-box.black .slick-dots li::after{background:#333333}.news-three-box-with-l-shape .content-wrapper .left-box.black .slick-dots li.selected::after{background:red !important}.news-three-box-with-l-shape .content-wrapper .left-box.black .slick-dots li.slick-active::after{background:red !important}@media only screen and (max-width: 1024px){.slick-dots li:hover::after{background:#333 !important}.slick-dots li::before{background:rgba(51,51,51,0.2) !important}.slick-dots li::after{background:#ffffff !important}.slick-dots li.selected::after{background:#ffffff !important}.slick-dots li.slick-active::after{background:red !important}}.three-column-with-info-img .remarks{font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;width:100%;margin-top:100px}@media only screen and (max-width: 768px){.three-column-with-info-img .remarks{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.three-column-with-info-img .remarks{font-size:14px;line-height:20px}}body.zh_HK .three-column-with-info-img .remarks{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 767px){.three-column-with-info-img .remarks{margin-top:80px}}.three-column-with-info-img .remarks:not(:empty){margin-top:100px;margin-bottom:-40px}.three-column-with-info-img .content-wrapper{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;width:calc(100% + 60px);margin-left:-30px;margin-bottom:30px}@media only screen and (max-width: 1600px){.three-column-with-info-img .content-wrapper{width:calc(100% + 40px);margin-left:-20px}}@media only screen and (max-width: 1024px){.three-column-with-info-img .content-wrapper{width:calc(100% + 24px);margin-left:-12px}}.three-column-with-info-img .content-wrapper .item{width:33.33333%;box-sizing:border-box;padding:0px 30px}@media only screen and (max-width: 1600px){.three-column-with-info-img .content-wrapper .item{padding:0px 20px}}@media only screen and (max-width: 1024px){.three-column-with-info-img .content-wrapper .item{padding:0px 12px}}@media only screen and (max-width: 767px){.three-column-with-info-img .content-wrapper .item:nth-child(n+2) .item-wrapper{border-top:none}}.three-column-with-info-img .content-wrapper .item .item-wrapper{border-top:1px solid #ccc;padding-top:27px;display:flex;flex-direction:column;height:100%}.three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p{display:inline-block;font-size:18px;line-height:24px;transition:all .3s;line-height:24px;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;color:red;margin-bottom:20px;position:relative}@media only screen and (max-width: 1600px){.three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p{font-size:16px;line-height:22px}}body.zh_HK .three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p::after{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:2px;opacity:0;transition:all .3s;background:red}@media only screen and (max-width: 767px){.three-column-with-info-img .content-wrapper .item .item-wrapper .sub-title p{margin-bottom:12px}}.three-column-with-info-img .content-wrapper .item .item-wrapper .title{flex:1 1 auto}.three-column-with-info-img .content-wrapper .item .item-wrapper .title p{font-size:28px;line-height:32px;transition:all .3s;margin-bottom:10px;color:#333;transition:all .3s}@media only screen and (max-width: 1366px){.three-column-with-info-img .content-wrapper .item .item-wrapper .title p{font-size:22px;line-height:26px}}@media only screen and (max-width: 767px){.three-column-with-info-img .content-wrapper .item .item-wrapper .title p{font-size:20px;line-height:24px}}@media only screen and (max-width: 768px){.three-column-with-info-img .content-wrapper .item .item-wrapper .title p{margin-bottom:14px}}.three-column-with-info-img .content-wrapper .item .item-wrapper .img-block{width:100%;overflow:hidden;border-radius:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg)}.three-column-with-info-img .content-wrapper .item .item-wrapper .img-block img{width:100%;display:block;transition:all .3s}@media only screen and (min-width: 767px){.three-column-with-info-img .content-wrapper .item .item-wrapper:hover p{color:#000000}.three-column-with-info-img .content-wrapper .item .item-wrapper:hover .sub-title p{color:red}.three-column-with-info-img .content-wrapper .item .item-wrapper:hover .img-block{overflow:hidden;border-radius:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg)}.three-column-with-info-img .content-wrapper .item .item-wrapper:hover .img-block img{-webkit-transform:scale(1.05);transform:scale(1.05)}}@media only screen and (max-width: 767px){.three-column-with-info-img .content-wrapper .item .item-wrapper{border-top:none;padding-top:50px}}@media only screen and (max-width: 767px){.three-column-with-info-img .content-wrapper .item:first-child .item-wrapper{padding-top:0px}}@media only screen and (max-width: 767px){.three-column-with-info-img .content-wrapper{margin-bottom:0px;flex-direction:column}.three-column-with-info-img .content-wrapper .item-wrapper{border-top:none}.three-column-with-info-img .content-wrapper .item{width:100%;margin-bottom:0px}.three-column-with-info-img .content-wrapper .item .img-block{margin-bottom:0px}}.three-column-with-info-img.small-version .content-wrapper .item .item-wrapper .title p{font-size:28px;line-height:34px;transition:all .3s}@media only screen and (max-width: 1600px){.three-column-with-info-img.small-version .content-wrapper .item .item-wrapper .title p{font-size:28px;line-height:34px}}@media only screen and (max-width: 1366px){.three-column-with-info-img.small-version .content-wrapper .item .item-wrapper .title p{font-size:22px;line-height:26px}}@media only screen and (max-width: 768px){.three-column-with-info-img.small-version .content-wrapper .item .item-wrapper .title p{font-size:22px;line-height:26px}}@media only screen and (max-width: 767px){.three-column-with-info-img.small-version .content-wrapper .item .item-wrapper .title p{font-size:24px;line-height:30px}}.three-column-with-info-img.small-version .content-wrapper .item .item-wrapper .sub-title p{margin-bottom:15px}@media only screen and (max-width: 767px){.three-column-with-info-img.small-version .content-wrapper .item .item-wrapper .sub-title p{margin-bottom:0px}}.four-column-character-box{position:relative;overflow:hidden}.four-column-character-box .arrow-btn{position:absolute;right:150px;top:15px}@media only screen and (max-width: 1440px){.four-column-character-box .arrow-btn{top:5px}}@media only screen and (max-width: 1024px){.four-column-character-box .arrow-btn{right:70px}}@media only screen and (max-width: 767px){.four-column-character-box .arrow-btn{display:none}}.four-column-character-box .component-title.end-m .btn-container .arrow-btn{position:relative;right:0px;top:0px}@media only screen and (max-width: 767px){.four-column-character-box .component-title.end-m .btn-container .arrow-btn{display:inline-block}}.four-column-character-box .content-wrapper{width:100%;box-sizing:border-box}.four-column-character-box .content-wrapper .item-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:calc(100% + 60px);margin-left:-30px}@media only screen and (max-width: 1440px){.four-column-character-box .content-wrapper .item-wrapper{width:calc(100% + 40px);margin-left:-20px}}@media only screen and (max-width: 1024px){.four-column-character-box .content-wrapper .item-wrapper{width:calc(100% + 24px);margin-left:-12px}}@media only screen and (max-width: 1023px){.four-column-character-box .content-wrapper .item-wrapper{flex-wrap:wrap}}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper{margin-left:0px;width:100%;flex-direction:column}}.four-column-character-box .content-wrapper .item-wrapper .item{width:25%;box-sizing:border-box;padding:0px 30px}.four-column-character-box .content-wrapper .item-wrapper .item .content-box{position:relative;border-radius:30px;transform:rotate(0deg);-webkit-transform:rotate(0deg);overflow:hidden}.four-column-character-box .content-wrapper .item-wrapper .item .img-box{position:relative;background-position:-9999px -9999px;background-size:cover}.four-column-character-box .content-wrapper .item-wrapper .item .img-box img{width:100%;display:block}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .img-box img{display:none}}.four-column-character-box .content-wrapper .item-wrapper .item .img-box::after{border-radius:30px;overflow:hidden;position:absolute;width:100%;height:100%;bottom:0px;left:0px;opacity:.5;transition:all .3s;content:"";background:#000;background:-moz-linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);background:-webkit-linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);background:linear-gradient(0deg, #000 0%, rgba(0,0,0,0) 52%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .img-box{transition:padding .3s;height:0px;padding-bottom:40%;background-position:center 20%}}@media only screen and (max-width: 550px){.four-column-character-box .content-wrapper .item-wrapper .item .img-box{padding-bottom:65%}}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);transition:all .3s;width:100%;box-sizing:border-box;padding:0px 20px}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper p{color:#ffffff;font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;text-align:center;pointer-events:none}@media only screen and (max-width: 768px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper p{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper p{font-size:14px;line-height:20px}}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper p{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1280px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper p{font-size:14px;line-height:18px}}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .sub-title{margin-bottom:18px}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{font-size:18px;line-height:24px;transition:all .3s;font-weight:300;transition:all .7s;opacity:0;height:0;overflow:hidden;width:100%;box-sizing:border-box;padding:0px 40px}@media only screen and (max-width: 1600px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 1500px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{font-size:14px;line-height:20px}}@media only screen and (max-width: 768px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{font-size:16px;line-height:22px}}@media only screen and (max-width: 1700px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{padding:0px 20px}}@media only screen and (max-width: 1440px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{padding:0px 0px}}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box{width:100%;box-sizing:border-box;text-align:center;margin-bottom:20px}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box{overflow:hidden}}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box img{width:100%}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box img{width:auto}}@media only screen and (max-width: 550px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box img{width:140%}}@media only screen and (max-width: 1440px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper{padding:0px 15px}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box{display:none}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{font-size:14px;line-height:20px}}@media only screen and (max-width: 1023px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box{display:block;margin-bottom:30px}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{margin-bottom:30px}}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box{display:block}}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container{position:absolute;bottom:40px;left:0px;width:100%;text-align:center;opacity:0;transition:all .5s;pointer-events:none}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{border-radius:100px;padding:15px 22px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:first-child{margin-right:5px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:nth-child(2){margin-left:8px}@media only screen and (max-width: 1800px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:15px 18px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn span{font-size:14px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:first-child{margin-right:3px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:nth-child(2){margin-left:3px}}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn.with-img .arrow-right{position:absolute;top:50%;right:25px;margin-top:-4px;transition:all .3s;border:solid #ffffff;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:all .3s}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn.with-img:hover .arrow-right{border:solid #ffffff;border-width:0 2px 2px 0;-webkit-animation:GoSlideAndFadeArrow .5s forwards;-moz-animation:GoSlideAndFadeArrow .5s forwards;-o-animation:GoSlideAndFadeArrow .5s forwards;animation:GoSlideAndFadeArrow .5s forwards;animation-timing-function:cubic-bezier(1, 0.01, 0.3, 1)}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn.with-img:hover img{-webkit-animation:GoSlideAndFadeArrow3 .5s forwards;-moz-animation:GoSlideAndFadeArrow3 .5s forwards;-o-animation:GoSlideAndFadeArrow3 .5s forwards;animation:GoSlideAndFadeArrow3 .5s forwards;animation-timing-function:cubic-bezier(1, 0.01, 0.3, 1)}@media only screen and (max-width: 1700px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container{display:flex;flex-direction:column;bottom:30px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{margin-top:8px}}@media only screen and (max-width: 1700px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container{padding:0px 15%;width:70%}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:15px 15px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:first-child{margin-right:0px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:nth-child(2){margin-left:0px}}@media only screen and (max-width: 1366px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:12px 15px}}@media only screen and (max-width: 1280px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{margin-top:4px;margin-left:3px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn span{font-size:12px}}@media only screen and (max-width: 1150px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container{padding:0px 10px;width:calc(100% - 20px)}}@media only screen and (max-width: 1024px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container{padding:0px 10%;width:80%;bottom:20px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{margin-top:7px}}@media only screen and (max-width: 1023px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container{margin-bottom:30px;bottom:10px}}@media only screen and (max-width: 768px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:8px 13px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:first-child{margin-right:4px}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn span{font-size:14px}}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:8px 20px;margin-top:0px}}.four-column-character-box .content-wrapper .item-wrapper .item .icon-m{position:relative;display:none}@media only screen and (max-width: 1440px){.four-column-character-box .content-wrapper .item-wrapper .item .icon-m{display:inline-flex;justify-content:center;width:100%}}@media only screen and (max-width: 1023px){.four-column-character-box .content-wrapper .item-wrapper .item .icon-m{display:none}}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item .icon-m{display:none}}.four-column-character-box .content-wrapper .item-wrapper .item .icon-m img{display:inline-block;transition:all .3s;margin-top:30px;max-width:100%}@media only screen and (max-width: 1024px){.four-column-character-box .content-wrapper .item-wrapper .item .icon-m img{margin-top:20px;transform-origin:center;transform:scale(0.8)}}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(1) .sub-title{margin-bottom:38px}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(1) .data-wrapper .icon-box img{padding-bottom:17px}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(2) .sub-title{margin-bottom:39px}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(2) .data-wrapper .icon-box img{padding-bottom:10px}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(3) .sub-title{margin-bottom:40px}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(3) .data-wrapper .icon-box img{padding-bottom:19px}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .sub-title{margin-bottom:20px}@media only screen and (min-width: 768px){.four-column-character-box .content-wrapper .item-wrapper .item:hover .img-box::after{height:200%;opacity:0.7}.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper{bottom:165px}.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper .desc{opacity:1;height:auto}.four-column-character-box .content-wrapper .item-wrapper .item:hover .btn-container{opacity:1;pointer-events:all}.four-column-character-box .content-wrapper .item-wrapper .item:hover:nth-child(1) .sub-title,.four-column-character-box .content-wrapper .item-wrapper .item:hover:nth-child(2) .sub-title,.four-column-character-box .content-wrapper .item-wrapper .item:hover:nth-child(3) .sub-title{margin-bottom:18px}.four-column-character-box .content-wrapper .item-wrapper .item:hover:nth-child(1) .data-wrapper .icon-box img,.four-column-character-box .content-wrapper .item-wrapper .item:hover:nth-child(2) .data-wrapper .icon-box img,.four-column-character-box .content-wrapper .item-wrapper .item:hover:nth-child(3) .data-wrapper .icon-box img{padding-bottom:0px}}@media only screen and (min-width: 768px) and (max-width: 1440px){.four-column-character-box .content-wrapper .item-wrapper .item{padding:0px 20px}}@media only screen and (min-width: 768px) and (max-width: 1440px){.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper{bottom:50%}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(1) .sub-title,.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(2) .sub-title,.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(3) .sub-title,.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .sub-title{margin-bottom:18px}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(1) .data-wrapper .icon-box img,.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(2) .data-wrapper .icon-box img,.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(3) .data-wrapper .icon-box img,.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .data-wrapper .icon-box img{padding-bottom:0px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.four-column-character-box .content-wrapper .item-wrapper .item{padding:0px 12px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.four-column-character-box .content-wrapper .item-wrapper .item{width:50%;margin-bottom:40px}.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper{bottom:175px}}@media only screen and (min-width: 768px) and (max-width: 1280px){.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper{bottom:50%}.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper .sub-title{margin-bottom:10px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper{bottom:50%}}@media only screen and (min-width: 768px) and (max-width: 1023px){.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper{bottom:40%}}@media only screen and (max-width: 767px){.four-column-character-box .content-wrapper .item-wrapper .item{margin:0px 0px;padding:0px 0px;cursor:pointer;width:100%}.four-column-character-box .content-wrapper .item-wrapper .item:nth-child(n+2){margin-top:20px}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .sub-title{display:none;text-align:left}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box{text-align:left;margin-bottom:2px}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box img{padding-bottom:0px !important}.four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .desc{height:0;text-align:left}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container{width:calc(100% - 40px);padding:0px 20px;padding-right:0px;bottom:20px;flex-direction:row}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:15px 20px}.four-column-character-box .content-wrapper .item-wrapper .item.open{cursor:default}.four-column-character-box .content-wrapper .item-wrapper .item.open .img-box{height:0;padding-bottom:130%}.four-column-character-box .content-wrapper .item-wrapper .item.open .data-wrapper{bottom:110px}.four-column-character-box .content-wrapper .item-wrapper .item.open .data-wrapper .icon-box{margin-bottom:10px}.four-column-character-box .content-wrapper .item-wrapper .item.open .data-wrapper .sub-title{display:block;margin-bottom:12px !important}.four-column-character-box .content-wrapper .item-wrapper .item.open .data-wrapper .desc{opacity:1;height:auto;text-align:left;margin-bottom:12px}.four-column-character-box .content-wrapper .item-wrapper .item.open .btn-container{opacity:1;pointer-events:all;bottom:10px}.four-column-character-box .content-wrapper .item-wrapper .item.open:hover .data-wrapper{bottom:110px}.four-column-character-box .content-wrapper .item-wrapper .item:hover .data-wrapper{bottom:0px}}@media only screen and (max-width: 375px){.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:12px 15px}}.four-column-character-box.padding-full-210 .content-wrapper .item-wrapper .item{width:23%}.four-column-character-box.padding-full-210 .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:15px 15px;margin:0px 5px}.four-column-character-box.padding-full-210 .content-wrapper .item-wrapper .item .btn-container .white-circle-btn span{font-size:14px}.four-column-character-box.five-mode .content-wrapper .item-wrapper .item{width:20%}@media only screen and (min-width: 768px) and (max-width: 1023px){.four-column-character-box.five-mode .content-wrapper .item-wrapper .item{width:50%}}@media only screen and (min-width: 768px) and (max-width: 1700px){.four-column-character-box.five-mode .content-wrapper .item-wrapper .item{padding:0px 20px}}@media only screen and (min-width: 768px) and (max-width: 1280px){.four-column-character-box.five-mode .content-wrapper .item-wrapper .item{padding:0px 12px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.four-column-character-box.five-mode .content-wrapper .item-wrapper .item{padding:0px 12px}}@media only screen and (max-width: 767px){.four-column-character-box.five-mode .content-wrapper .item-wrapper .item{padding:0px;width:100%}}.four-column-character-box.five-mode .content-wrapper .item-wrapper .item .btn-container .white-circle-btn:nth-child(2){margin-left:0px}.four-column-character-box.five-mode .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:15px 20px}@media only screen and (min-width: 768px) and (max-width: 1280px){.four-column-character-box.five-mode .content-wrapper .item-wrapper .item .btn-container .white-circle-btn{padding:9px 20px}}.four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn span{line-height:20px}body.zh_HK .four-column-character-box.five-mode .content-wrapper .item-wrapper .item .icon-m img{margin-top:15px}@media only screen and (max-width: 1024px){body.zh_HK .four-column-character-box.five-mode .content-wrapper .item-wrapper .item .icon-m img{transform:scale(1)}}@media only screen and (max-width: 1023px){body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item .btn-container .white-circle-btn span{line-height:18px !important}}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(2) .data-wrapper .icon-box img{padding-bottom:17px}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(3) .data-wrapper .icon-box img{padding-bottom:16px}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .data-wrapper .icon-box img{padding-bottom:6px}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .sub-title{margin-bottom:17px}@media only screen and (max-width: 1700px){body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .sub-title{margin-bottom:22px}}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .icon-m img{margin-top:15px}@media only screen and (min-width: 768px) and (max-width: 1023px){body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item .data-wrapper .icon-box{margin-bottom:40px}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(1) .data-wrapper .icon-box img,body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(2) .data-wrapper .icon-box img,body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(3) .data-wrapper .icon-box img,body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .data-wrapper .icon-box img{padding-bottom:0px}body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(1) .sub-title,body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(2) .sub-title,body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(3) .sub-title,body.zh_HK .four-column-character-box .content-wrapper .item-wrapper .item:nth-child(4) .sub-title{margin-bottom:28px}}@keyframes BgShow{0%{opacity:0;width:0px;right:40px;top:90px;height:0px;border-radius:58px}100%{opacity:1;width:100%;right:0px;top:0px;height:100%;border-radius:30px}}.service-plan-filter-box{width:100%;position:relative;z-index:2}.service-plan-filter-box .tool-wrapper{width:100%;position:relative;display:flex;flex-direction:row;justify-content:space-between}.service-plan-filter-box .tool-box{width:25%;border-left:1px solid #ccc;box-sizing:border-box;padding:0px 24px;height:auto;position:relative}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box{padding:0px 24px}}@media only screen and (max-width: 1023px){.service-plan-filter-box .tool-box{padding:0px 24px}}.service-plan-filter-box .tool-box .panel-face{position:relative;width:100%;height:110px;cursor:pointer}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-face{height:auto}}.service-plan-filter-box .tool-box .panel-face .title{color:red;margin-top:8px;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-size:18px;line-height:24px;transition:all .3s}body.zh_HK .service-plan-filter-box .tool-box .panel-face .title{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-face .title{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-face .title{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-face .title{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.service-plan-filter-box .tool-box .panel-face .title{font-size:16px;line-height:22px}}.service-plan-filter-box .tool-box .panel-face .placeholder-box{width:calc(100% - 50px);margin-top:25px}@media only screen and (max-width: 1366px){.service-plan-filter-box .tool-box .panel-face .placeholder-box{margin-top:30px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-face .placeholder-box{margin-top:15px}}.service-plan-filter-box .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:48px;transition:all .3s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;color:#333}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:38px}}@media only screen and (max-width: 1366px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:38px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:28px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p{font-size:24px;line-height:30px}}.service-plan-filter-box .tool-box .panel-face .placeholder-box p em{font-size:18px;line-height:24px;transition:all .3s;color:#333}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p em{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.service-plan-filter-box .tool-box .panel-face .placeholder-box p em{font-size:16px;line-height:22px}}.service-plan-filter-box .tool-box .panel-face .placeholder-box p i{font-style:normal;color:#333;display:inline-block;width:12px;text-align:center;padding:0px 6px}.service-plan-filter-box .tool-box .panel-face .placeholder-box p.ready{color:#333}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box{width:97%;display:flex;flex-direction:row;justify-content:left}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box:empty{display:none}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box{margin-top:-8px}}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img{width:56px;height:56px;box-sizing:border-box;border-radius:56px;margin:0px 5px;position:relative;-webkit-animation:FadeInUp .5s forwards;-moz-animation:FadeInUp .5s forwards;-o-animation:FadeInUp .5s forwards;animation:FadeInUp .5s forwards;animation-timing-function:cubic-bezier(1, 0.01, 0.3, 1)}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img img{position:absolute;top:50%;max-width:50px;left:50%;transform:translate(-50%, -50%)}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img::before{position:absolute;content:' ';left:50%;margin-left:-28px;width:56px;height:56px;box-sizing:border-box;border-radius:56px;border:1px solid #ccc;background:#ffffff}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img{opacity:0}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(1){animation-delay:.03s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(2){animation-delay:.06s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(3){animation-delay:.09s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(4){animation-delay:.12s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(5){animation-delay:.15s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(6){animation-delay:.18s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(7){animation-delay:.21s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(8){animation-delay:.24s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(9){animation-delay:.27s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(10){animation-delay:.3s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(11){animation-delay:.33s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(12){animation-delay:.36s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(13){animation-delay:.39s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(14){animation-delay:.42s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(15){animation-delay:.45s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(16){animation-delay:.48s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(17){animation-delay:.51s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(18){animation-delay:.54s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(19){animation-delay:.57s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(20){animation-delay:.6s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(21){animation-delay:.63s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(22){animation-delay:.66s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(23){animation-delay:.69s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(24){animation-delay:.72s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(25){animation-delay:.75s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(26){animation-delay:.78s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(27){animation-delay:.81s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(28){animation-delay:.84s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(29){animation-delay:.87s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(30){animation-delay:.9s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .network-icon-box{width:57px;height:57px;background:red;border-radius:15px;position:relative;margin-top:-5px;margin-right:20px;float:left}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-face .placeholder-box .network-icon-box{margin-top:-12px}}.service-plan-filter-box .tool-box .panel-face .placeholder-box .network-icon-box img{position:absolute;top:0px;left:0px;opacity:0;width:57px;height:57px;transition:all 0.6s}.service-plan-filter-box .tool-box .panel-face .placeholder-box .network-icon-box img.show{opacity:1}.service-plan-filter-box .tool-box .panel-face .open-btn{position:absolute;right:0px;top:45px;width:58px;height:58px;pointer-events:all;border-radius:30px;transition:all .3s}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-face .open-btn{top:40px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-face .open-btn{top:30px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-face .open-btn{top:20px}}.service-plan-filter-box .tool-box .panel-face .open-btn::after{content:"";position:absolute;top:26px;right:24px;width:0;height:0;border-style:solid;border-width:7px 6px 0 6px;border-color:#707070 transparent transparent transparent;transition:all .3s}.service-plan-filter-box .tool-box .panel-face:hover .open-btn{background:#F6F6F6}.service-plan-filter-box .tool-box .panel-popup-box{width:100%;height:100%;position:absolute;right:0px;top:0px;z-index:2;pointer-events:none;opacity:0;transition:all 0.3s}.service-plan-filter-box .tool-box .panel-popup-box .close-btn{position:absolute;right:24px;top:53px;width:58px;height:58px;border-radius:30px;transition:all 0s;transition-delay:0s;opacity:0;cursor:pointer;background:#ffffff}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-popup-box .close-btn{top:48px;right:0px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-popup-box .close-btn{top:38px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-popup-box .close-btn{top:28px}}@media only screen and (max-width: 375px){.service-plan-filter-box .tool-box .panel-popup-box .close-btn{top:28px;right:-20px}}.service-plan-filter-box .tool-box .panel-popup-box .close-btn::before,.service-plan-filter-box .tool-box .panel-popup-box .close-btn::after{position:absolute;left:28px;top:22px;content:' ';height:16px;width:2px;background-color:#707070;transition:all .3s}.service-plan-filter-box .tool-box .panel-popup-box .close-btn::before{transform:rotate(45deg)}.service-plan-filter-box .tool-box .panel-popup-box .close-btn::after{transform:rotate(-45deg)}.service-plan-filter-box .tool-box .panel-popup-box .close-btn:hover::before,.service-plan-filter-box .tool-box .panel-popup-box .close-btn:hover::after{background-color:#333}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-popup-box{right:30px}}@media only screen and (max-width: 1023px){.service-plan-filter-box .tool-box .panel-popup-box{right:20px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-popup-box{right:20px;width:100%}}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{width:calc(100% + 3px);border-radius:30px;position:absolute;right:-1px;top:-30px;min-height:240px;height:auto;padding:30px 26px;box-sizing:border-box;transition:all 0s;pointer-events:none;opacity:1}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .bg{box-shadow:0 0px 50px rgba(0,0,0,0.26);position:absolute;width:0px;right:40px;top:90px;height:0px;border-radius:58px;box-sizing:border-box;opacity:0;background:#F6F6F6;pointer-events:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{cursor:default;opacity:0;transition-delay:0s;transition:all 0s;padding-bottom:10px;border-bottom:1px solid #ffffff}@media only screen and (max-width: 1280px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{padding-bottom:10px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{padding-bottom:20px}}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p{color:#333}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:18px;line-height:24px;transition:all .3s}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:16px;line-height:22px}}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face{padding:20px 0px;padding-bottom:0px;opacity:0;transition-delay:0s;transition:all 0s;position:relative;width:100%}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .info-row{display:inline-block;width:100%}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .title{float:left}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .value{float:right}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .value i{display:inline-block;width:10px;padding:0px 4px;text-align:left}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-wrapper{margin-top:25px;margin-bottom:25px;width:100%;box-sizing:border-box;padding:0px 5px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;color:#333}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-size:14px;line-height:20px}}body.zh_HK .service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box{width:200px;height:57px;position:relative}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:34px;line-height:48px;transition:all .3s;position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%, -50%)}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:28px;line-height:34px}}@media only screen and (max-width: 1366px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:28px;line-height:34px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:28px;line-height:34px}}@media only screen and (max-width: 767px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:24px;line-height:30px}}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn{float:left}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn{float:right}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn{width:57px;height:57px;border-radius:57px;background:#ccc;position:relative;transition:all .3s;cursor:pointer}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn.disabled,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn.disabled{cursor:default;background:#dfdfdf}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn.disabled:hover,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn.disabled:hover{background:#dfdfdf}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::before,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::after,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::before,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::after{position:absolute;content:''}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::before,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::before{width:23px;height:3px;background:#ffffff;top:27px;left:17px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::after,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::after{width:3px;height:23px;background:#ffffff;top:18px;left:27px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn:hover,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn:hover{background:#707070}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::after{display:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .one-sim,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .more-sim{display:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .one-sim.show,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .more-sim.show{display:block}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box{width:100%;box-sizing:border-box;padding-right:25px;max-height:280px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li{width:100%;box-sizing:border-box;list-style:none;height:auto;border-radius:58px;overflow:hidden;padding:5px;margin-bottom:3px;display:flex;flex-direction:row;transition:all 0.3s;cursor:pointer}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li:hover{background:#EBEBED}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li:last-child{margin-bottom:0px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img{width:40px;height:40px;position:relative;background:#ffffff;border-radius:40px;transition:all .3s}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img .w,.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img .r{position:absolute;top:50%;max-width:40px;left:50%;transform:translate(-50%, -50%)}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img .w{display:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected{background:#EBEBED}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected .img{background:red}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected .img .r{display:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected .img .w{display:block}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box{display:flex;flex-direction:column;justify-content:center;margin-left:15px;flex:1 0;box-sizing:border-box;padding-right:10px;font-size:14px;line-height:18px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300}body.zh_HK .service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box p{font-size:14px;line-height:18px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300}body.zh_HK .service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box p{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-row{display:inline-block;width:100%;height:30px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-slider{display:none;pointer-events:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-slider.show{display:block;pointer-events:all}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector{width:100%;height:58px;box-sizing:border-box;padding:4px;background:#ffffff;border-radius:99px;margin-bottom:28px;margin-top:20px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn{cursor:pointer;width:50%;height:100%;border-radius:30px;float:left;box-sizing:border-box;border:2px solid transparent;transition:all 0.3s;position:relative}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn img{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn img.r-color{display:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn:hover{background:#EBEBED}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected{border:2px solid red}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected img.r-color{display:block}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected img.g-color{display:none}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected:hover{background:transparent}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{right:-32px;padding:30px 25px}}@media only screen and (max-width: 1366px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{min-width:400px}}@media only screen and (max-width: 1023px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{right:-22px}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{padding:20px 25px;top:-20px;min-width:100%}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .bg{box-shadow:0 0px 50px rgba(0,0,0,0.26)}}@media only screen and (max-width: 375px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{padding:20px 20px;right:-40px;width:calc(100% + 40px)}}@media only screen and (max-width: 320px){.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{right:-35px;width:calc(100% + 30px)}}.service-plan-filter-box .tool-box.show .panel-popup-box{opacity:1;transition:all 0.3s;pointer-events:all}.service-plan-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper{pointer-events:all}.service-plan-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper .bg{-webkit-animation:BgShow .5s forwards;-moz-animation:BgShow .5s forwards;-o-animation:BgShow .5s forwards;animation:BgShow .5s forwards;animation-timing-function:cubic-bezier(1, 0.01, 0.3, 1)}.service-plan-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper .panel-face{opacity:1;transition:all 0.8s;transition-delay:0.3s}.service-plan-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper .action-face{opacity:1;transition:all 0.8s;transition-delay:0.3s}.service-plan-filter-box .tool-box.show .panel-popup-box .close-btn{opacity:1;transition-delay:0.3s}.service-plan-filter-box .tool-box.special-box .panel-face .placeholder-box p{color:#ccc}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box{width:100%;margin-top:20px}.service-plan-filter-box .tool-box:first-child{margin-top:0px}}@media only screen and (max-width: 375px){.service-plan-filter-box .tool-box{padding-right:0px}}@media only screen and (max-width: 1024px){.service-plan-filter-box .tool-box:first-child .filter-popup-wrapper,.service-plan-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-32px;left:auto}.service-plan-filter-box .tool-box:first-child .panel-popup-box .close-btn,.service-plan-filter-box .tool-box:nth-child(n+3) .panel-popup-box .close-btn{right:0px;left:auto}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-box:first-child .filter-popup-wrapper,.service-plan-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-22px}.service-plan-filter-box .tool-box:first-child .panel-popup-box .close-btn,.service-plan-filter-box .tool-box:nth-child(n+3) .panel-popup-box .close-btn{right:4px}}@media only screen and (max-width: 375px){.service-plan-filter-box .tool-box:first-child .filter-popup-wrapper,.service-plan-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-40px}.service-plan-filter-box .tool-box:first-child .panel-popup-box .close-btn,.service-plan-filter-box .tool-box:nth-child(n+3) .panel-popup-box .close-btn{right:-20px}}@media only screen and (max-width: 320px){.service-plan-filter-box .tool-box:first-child .filter-popup-wrapper,.service-plan-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-35px}}.service-plan-filter-box .tool-box.price-box .placeholder-box p em{margin-right:5px}.service-plan-filter-box .tool-box.network-box .placeholder-box p em{margin-left:5px}.service-plan-filter-box .tool-box.sim-box .panel-face .placeholder-box p i{color:#333}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:32px;transition:all .3s}@media only screen and (max-width: 1366px){.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box p{font-size:22px;line-height:26px}}@media only screen and (max-width: 767px){.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box p{font-size:20px;line-height:24px}}.service-plan-filter-box.inner-style .tool-box{padding:0px 24px}@media only screen and (max-width: 1600px){.service-plan-filter-box.inner-style .tool-box{padding:0px 24px}}@media only screen and (max-width: 767px){.service-plan-filter-box.inner-style .tool-box{padding:0px 20px;padding-right:10px}}.service-plan-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:30px 24px}@media only screen and (max-width: 1600px){.service-plan-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:30px 24px}}@media only screen and (max-width: 767px){.service-plan-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:20px 27px}}@media only screen and (max-width: 767px){.service-plan-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{padding-bottom:0px}}.service-plan-filter-box.inner-style .tool-box .panel-face .open-btn{width:40px;height:40px;top:30px}.service-plan-filter-box.inner-style .tool-box .panel-face .open-btn::after{top:18px;right:16px;border-width:5px 4px 0 4px}@media only screen and (max-width: 767px){.service-plan-filter-box.inner-style .tool-box .panel-face .open-btn{top:20px}}.service-plan-filter-box.inner-style .tool-box .panel-popup-box .close-btn{width:40px;height:40px;right:24px;top:38px}@media only screen and (max-width: 1600px){.service-plan-filter-box.inner-style .tool-box .panel-popup-box .close-btn{right:-4px}}@media only screen and (max-width: 1024px){.service-plan-filter-box.inner-style .tool-box .panel-popup-box .close-btn{right:6px}}@media only screen and (max-width: 767px){.service-plan-filter-box.inner-style .tool-box .panel-popup-box .close-btn{top:28px}}.service-plan-filter-box.inner-style .tool-box .panel-popup-box .close-btn::after,.service-plan-filter-box.inner-style .tool-box .panel-popup-box .close-btn::before{left:19px;top:13px}.service-plan-filter-box.inner-style .tool-box .panel-face{height:80px}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box{margin-top:10px}@media only screen and (max-width: 1024px){.service-plan-filter-box.inner-style .tool-box:nth-child(2) .filter-popup-wrapper,.service-plan-filter-box.inner-style .tool-box:nth-child(4) .filter-popup-wrapper{right:-22px}}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box{margin-top:0px}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box .img{width:40px;height:40px}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box .img::before{width:40px;height:40px;margin-left:-20px}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box .img img{max-width:36px}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box .network-icon-box{width:40px;height:40px;margin-top:-6px}.service-plan-filter-box.inner-style .tool-box .panel-face .placeholder-box .network-icon-box img{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px}.service-plan-filter-box .action-box{width:100%;position:relative;text-align:center;margin-top:50px}.service-plan-filter-box .action-box .red-border-circle-btn{position:relative}@media only screen and (max-width: 1280px){.service-plan-filter-box .action-box{flex:0 0 100%;width:100%;margin-top:20px;text-align:center}.service-plan-filter-box .action-box .red-border-circle-btn{display:inline-block;position:relative}}@media only screen and (max-width: 767px){.service-plan-filter-box .action-box{text-align:left}}.service-plan-filter-box .tool-wrapper{flex-wrap:wrap}.service-plan-filter-box .tool-wrapper .tool-box{width:23%}.service-plan-filter-box .tool-wrapper .tool-box:nth-child(2){width:31%}.service-plan-filter-box .tool-wrapper .tool-box:nth-child(3){width:23%}.service-plan-filter-box .tool-wrapper .tool-box:nth-child(4){width:23%}@media only screen and (max-width: 1600px){.service-plan-filter-box .tool-wrapper .tool-box{width:50%}.service-plan-filter-box .tool-wrapper .tool-box:nth-child(2){width:50%}.service-plan-filter-box .tool-wrapper .tool-box:nth-child(3){margin-top:10px;width:50%}.service-plan-filter-box .tool-wrapper .tool-box:nth-child(4){margin-top:10px;width:50%}}@media only screen and (max-width: 768px){.service-plan-filter-box .tool-wrapper{flex-wrap:wrap}.service-plan-filter-box .tool-wrapper .tool-box{width:100% !important;margin-top:10px}}.service-plan-filter-box .panel-popup-box.mobile-special{display:none;position:relative;right:0px;transition:none !important;height:auto}.service-plan-filter-box .panel-popup-box.mobile-special .filter-popup-wrapper{position:relative;top:0px;width:100%;right:0px;padding:0px;min-height:auto;margin-bottom:40px}@media only screen and (max-width: 767px){.service-plan-filter-box .panel-popup-box.mobile-special .filter-popup-wrapper{padding-top:20px}}.service-plan-filter-box .panel-popup-box.mobile-special .filter-popup-wrapper .action-face{border-top:1px solid #ffffff}@media only screen and (max-width: 375px){.service-plan-filter-box .panel-popup-box.mobile-special{width:calc(100% - 20px)}}.close-btn.mobile-special{position:absolute;right:20px;top:40px;width:58px;height:58px;border-radius:30px;opacity:0;cursor:pointer;background:#ffffff;pointer-events:none}.close-btn.mobile-special::before,.close-btn.mobile-special::after{position:absolute;left:28px;top:22px;content:' ';height:16px;width:2px;background-color:#707070;transition:all .3s}.close-btn.mobile-special::before{transform:rotate(45deg)}.close-btn.mobile-special::after{transform:rotate(-45deg)}.close-btn.mobile-special:hover::before,.close-btn.mobile-special:hover::after{background-color:#333}@media only screen and (max-width: 767px){.close-btn.mobile-special{top:30px}}@media only screen and (max-width: 375px){.close-btn.mobile-special{top:35px;right:10px;width:40px;height:40px}.close-btn.mobile-special::before,.close-btn.mobile-special::after{left:19px;top:13px}}@media only screen and (max-width: 550px){body.mobile-mode .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-wrapper{padding:0px 14px}}body.mobile-mode .tool-box .panel-face{padding-bottom:5px}body.mobile-mode .panel-popup-box.mobile-special .filter-popup-wrapper .action-face .drop-down-box{max-height:220px;height:220px}body.mobile-mode .panel-popup-box.mobile-special .filter-popup-wrapper .action-face{padding:18px 0px;padding-bottom:0px}body.mobile-mode .tool-box.show .panel-popup-box{display:none}body.mobile-mode .tool-box{transition:all .3s}body.mobile-mode .tool-box::before{content:"";position:absolute;top:-10px;left:0px;background:#F6F6F6;border-radius:30px;width:100%;height:100%;opacity:0;transition:all .3s}@media only screen and (max-width: 375px){body.mobile-mode .tool-box::before{left:-20px;width:calc(100% + 40px)}}body.mobile-mode .tool-box.show{border-left:1px solid transparent}body.mobile-mode .tool-box.show::before{opacity:1}body.mobile-mode .tool-box.show .close-btn.mobile-special{pointer-events:all;opacity:1}body.mobile-mode .tool-box:nth-child(n+2).show{margin-top:30px}body.mobile-mode .inner-style .tool-box .panel-face{padding-bottom:10px}@media only screen and (max-width: 768px){body.mobile-mode .inner-style .close-btn.mobile-special{top:20px}body.mobile-mode .inner-style .tool-box .panel-face{height:auto}body.mobile-mode .inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:0px 0px;right:0px}}@media only screen and (max-width: 375px){body.mobile-mode .inner-style .panel-popup-box.mobile-special{width:100%}}@media only screen and (max-width: 768px){body.mobile-mode .tool-wrapper{flex-wrap:wrap}body.mobile-mode .tool-wrapper .tool-box{width:50%;margin-top:10px}body.mobile-mode .tool-wrapper .tool-box .panel-popup-box .filter-popup-wrapper{min-width:0px}}@media only screen and (max-width: 767px){body.mobile-mode .tool-wrapper{flex-wrap:wrap}body.mobile-mode .tool-wrapper .tool-box{width:100%;margin-top:10px}body.mobile-mode .tool-wrapper .tool-box .panel-popup-box .filter-popup-wrapper{min-width:0px}}@keyframes BgShow{0%{opacity:0;width:0px;right:40px;top:90px;height:0px;border-radius:58px}100%{opacity:1;width:100%;right:0px;top:1%;height:98%;border-radius:30px}}.phone-filter-box{width:100%;position:relative;z-index:2}.phone-filter-box .tool-wrapper{width:100%;position:relative;display:flex;flex-direction:row;justify-content:space-between}.phone-filter-box .tool-box{width:50%;border-left:1px solid #ccc;box-sizing:border-box;padding:0px 24px;height:auto;position:relative}.phone-filter-box .tool-box .panel-face{position:relative;width:100%;height:110px;cursor:pointer}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-face{height:auto}}.phone-filter-box .tool-box .panel-face .title{color:red;margin-top:8px;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-size:18px;line-height:24px;transition:all .3s}body.zh_HK .phone-filter-box .tool-box .panel-face .title{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-face .title{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-face .title{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-face .title{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.phone-filter-box .tool-box .panel-face .title{font-size:16px;line-height:22px}}.phone-filter-box .tool-box .panel-face .placeholder-box{width:calc(100% - 50px);margin-top:25px}@media only screen and (max-width: 1366px){.phone-filter-box .tool-box .panel-face .placeholder-box{margin-top:30px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-face .placeholder-box{margin-top:15px}}.phone-filter-box .tool-box .panel-face .placeholder-box p{font-size:34px;line-height:48px;transition:all .3s;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;color:#333}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:34px}}@media only screen and (max-width: 1366px){.phone-filter-box .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:34px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:34px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-face .placeholder-box p{font-size:24px;line-height:30px}}.phone-filter-box .tool-box .panel-face .placeholder-box p em{font-size:18px;line-height:24px;transition:all .3s;color:#333}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-face .placeholder-box p em{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.phone-filter-box .tool-box .panel-face .placeholder-box p em{font-size:16px;line-height:22px}}.phone-filter-box .tool-box .panel-face .placeholder-box p i{font-style:normal;color:#333;display:inline-block;width:12px;text-align:center;padding:0px 6px}.phone-filter-box .tool-box .panel-face .placeholder-box p.ready{color:#333}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box{display:flex;flex-direction:row;justify-content:left}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box:empty{display:none}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box{margin-top:-8px}}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img{width:56px;height:56px;border-radius:56px;margin:0px 5px;position:relative;-webkit-animation:FadeInUp .5s forwards;-moz-animation:FadeInUp .5s forwards;-o-animation:FadeInUp .5s forwards;animation:FadeInUp .5s forwards;animation-timing-function:cubic-bezier(1, 0.01, 0.3, 1)}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img img{position:absolute;top:50%;max-width:30px;left:50%;transform:translate(-50%, -50%)}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img::before{position:absolute;content:' ';left:50%;margin-left:-28px;width:55px;height:55px;border-radius:56px;border:1px solid #ccc;background:#ffffff}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img{opacity:0}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(1){animation-delay:.03s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(2){animation-delay:.06s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(3){animation-delay:.09s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(4){animation-delay:.12s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(5){animation-delay:.15s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(6){animation-delay:.18s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(7){animation-delay:.21s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(8){animation-delay:.24s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(9){animation-delay:.27s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(10){animation-delay:.3s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(11){animation-delay:.33s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(12){animation-delay:.36s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(13){animation-delay:.39s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(14){animation-delay:.42s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(15){animation-delay:.45s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(16){animation-delay:.48s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(17){animation-delay:.51s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(18){animation-delay:.54s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(19){animation-delay:.57s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(20){animation-delay:.6s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(21){animation-delay:.63s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(22){animation-delay:.66s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(23){animation-delay:.69s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(24){animation-delay:.72s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(25){animation-delay:.75s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(26){animation-delay:.78s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(27){animation-delay:.81s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(28){animation-delay:.84s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(29){animation-delay:.87s}.phone-filter-box .tool-box .panel-face .placeholder-box .icon-box .img:nth-child(30){animation-delay:.9s}.phone-filter-box .tool-box .panel-face .placeholder-box .network-icon-box{width:57px;height:57px;background:red;border-radius:15px;position:relative;margin-top:-5px;margin-right:20px;float:left}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-face .placeholder-box .network-icon-box{margin-top:-12px}}.phone-filter-box .tool-box .panel-face .placeholder-box .network-icon-box img{position:absolute;top:0px;left:0px;width:57px;height:57px;opacity:0;transition:all 0.6s}.phone-filter-box .tool-box .panel-face .placeholder-box .network-icon-box img.show{opacity:1}.phone-filter-box .tool-box .panel-face .open-btn{position:absolute;right:0px;top:50px;width:58px;height:58px;pointer-events:all;border-radius:30px;transition:all .3s}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-face .open-btn{top:40px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-face .open-btn{top:30px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-face .open-btn{top:20px}}.phone-filter-box .tool-box .panel-face .open-btn::after{content:"";position:absolute;top:26px;right:24px;width:0;height:0;border-style:solid;border-width:7px 6px 0 6px;border-color:#333 transparent transparent transparent;transition:all .3s}.phone-filter-box .tool-box .panel-face:hover .open-btn{background:#F6F6F6}.phone-filter-box .tool-box .panel-popup-box{width:100%;height:100%;position:absolute;right:0px;top:0px;z-index:2;pointer-events:none;opacity:0;transition:all 0.3s}.phone-filter-box .tool-box .panel-popup-box .close-btn{position:absolute;right:25px;top:58px;width:58px;height:58px;border-radius:30px;transition:all 0s;transition-delay:0s;opacity:0;cursor:pointer;background:#ffffff}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-popup-box .close-btn{top:48px;right:0px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-popup-box .close-btn{top:38px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .close-btn{top:28px}}@media only screen and (max-width: 375px){.phone-filter-box .tool-box .panel-popup-box .close-btn{top:28px;right:-20px}}.phone-filter-box .tool-box .panel-popup-box .close-btn::before,.phone-filter-box .tool-box .panel-popup-box .close-btn::after{position:absolute;left:28px;top:22px;content:' ';height:16px;width:2px;background-color:#707070;transition:all .3s}.phone-filter-box .tool-box .panel-popup-box .close-btn::before{transform:rotate(45deg)}.phone-filter-box .tool-box .panel-popup-box .close-btn::after{transform:rotate(-45deg)}.phone-filter-box .tool-box .panel-popup-box .close-btn:hover::before,.phone-filter-box .tool-box .panel-popup-box .close-btn:hover::after{background-color:#333}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-popup-box{right:30px}}@media only screen and (max-width: 1023px){.phone-filter-box .tool-box .panel-popup-box{right:20px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-popup-box{right:20px;width:100%}}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{width:calc(100% + 3px);border-radius:30px;position:absolute;right:-1px;top:-30px;min-height:240px;height:auto;padding:30px 26px;box-sizing:border-box;transition:all 0s;pointer-events:none;opacity:1}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .bg{box-shadow:0 0px 50px rgba(0,0,0,0.26);position:absolute;width:0px;right:40px;top:90px;height:0px;border-radius:58px;box-sizing:border-box;opacity:0;background:#F6F6F6;pointer-events:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{cursor:default;opacity:0;transition-delay:0s;transition:all 0s;padding-bottom:10px;border-bottom:1px solid #ffffff}@media only screen and (max-width: 1280px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{padding-bottom:10px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{padding-bottom:20px}}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p{color:#333}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:18px;line-height:24px;transition:all .3s}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .panel-face .placeholder-box p em{font-size:16px;line-height:22px}}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face{padding:20px 0px;padding-bottom:0px;opacity:0;transition-delay:0s;transition:all 0s;position:relative;width:100%}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .info-row{display:inline-block;width:100%}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .title{float:left}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .value{float:right}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .value i{display:inline-block;width:10px;padding:0px 4px;text-align:left}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-wrapper{margin-top:25px;margin-bottom:25px;width:100%;box-sizing:border-box;padding:0px 5px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;color:#333}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-size:14px;line-height:20px}}body.zh_HK .phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .remark{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box{width:70%;height:57px;position:relative}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:34px;line-height:48px;transition:all .3s;position:absolute;display:inline-block;top:50%;left:50%;transform:translate(-50%, -50%)}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:28px;line-height:34px}}@media only screen and (max-width: 1366px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:28px;line-height:34px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:28px;line-height:34px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .now-sim{font-size:24px;line-height:30px}}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn{float:left}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn{float:right}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn{width:57px;height:57px;border-radius:57px;background:#ccc;position:relative;transition:all .3s;cursor:pointer}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::before,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::after,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::before,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::after{position:absolute;content:''}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::before,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::before{width:23px;height:3px;background:#ffffff;top:27px;left:17px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::after,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn::after{width:3px;height:23px;background:#ffffff;top:18px;left:27px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn:hover,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .plus-btn:hover{background:#707070}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .minus-plus-box .minus-btn::after{display:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .one-sim,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .more-sim{display:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .one-sim.show,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .more-sim.show{display:block}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box{width:calc(100% + 20px);margin-left:-20px;box-sizing:border-box;padding-right:25px;max-height:260px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li{width:100%;box-sizing:border-box;list-style:none;height:auto;border-radius:58px;overflow:hidden;padding:5px;margin-bottom:3px;display:flex;flex-direction:row;transition:all 0.3s;cursor:pointer}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li:hover{background:#EBEBED}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li:last-child{margin-bottom:0px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img{width:58px;height:58px;position:relative;background:#ffffff;border-radius:58px;transition:all .3s}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img .w,.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img .r{position:absolute;top:50%;max-width:30px;left:50%;transform:translate(-50%, -50%)}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .img .w{display:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected{background:#EBEBED}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected .img{background:red}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected .img .r{display:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li.selected .img .w{display:block}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box{display:flex;flex-direction:column;justify-content:center;margin-left:15px;flex:1 0;box-sizing:border-box;padding-right:10px;font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box{font-size:14px;line-height:20px}}body.zh_HK .phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box p{font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300}@media only screen and (max-width: 768px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box p{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box p{font-size:14px;line-height:20px}}body.zh_HK .phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box ul li .name-box p{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-row{display:inline-block;width:100%;height:30px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-slider{display:none;pointer-events:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-slider.show{display:block;pointer-events:all}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector{width:100%;height:58px;box-sizing:border-box;padding:4px;background:#ffffff;border-radius:99px;margin-bottom:25px;margin-top:20px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn{cursor:pointer;width:50%;height:100%;border-radius:30px;float:left;box-sizing:border-box;border:2px solid transparent;transition:all 0.3s;position:relative}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn img{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn img.r-color{display:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn:hover{background:#EBEBED}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected{border:2px solid red}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected img.r-color{display:block}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected img.g-color{display:none}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .mode-selector .btn.selected:hover{background:transparent}@media only screen and (max-width: 1600px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{right:-32px;padding:30px 25px}}@media only screen and (max-width: 1366px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{min-width:400px}}@media only screen and (max-width: 1023px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{right:-22px;padding:30px 25px}}@media only screen and (max-width: 767px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{padding:20px 25px;top:-20px;min-width:100%}.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .bg{box-shadow:0 0px 50px rgba(0,0,0,0.26)}}@media only screen and (max-width: 375px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{padding:20px 20px;right:-40px;width:calc(100% + 40px)}}@media only screen and (max-width: 320px){.phone-filter-box .tool-box .panel-popup-box .filter-popup-wrapper{right:-35px;width:calc(100% + 30px)}}.phone-filter-box .tool-box.show .panel-popup-box{opacity:1;transition:all 0.3s;pointer-events:all}.phone-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper{pointer-events:all}.phone-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper .bg{-webkit-animation:BgShow .5s forwards;-moz-animation:BgShow .5s forwards;-o-animation:BgShow .5s forwards;animation:BgShow .5s forwards;animation-timing-function:cubic-bezier(1, 0.01, 0.3, 1)}.phone-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper .panel-face{opacity:1;transition:all 0.8s;transition-delay:0.3s}.phone-filter-box .tool-box.show .panel-popup-box .filter-popup-wrapper .action-face{opacity:1;transition:all 0.8s;transition-delay:0.3s}.phone-filter-box .tool-box.show .panel-popup-box .close-btn{opacity:1;transition-delay:0.3s}.phone-filter-box .tool-box.special-box .panel-face .placeholder-box p,.phone-filter-box .tool-box.type-box .panel-face .placeholder-box p,.phone-filter-box .tool-box.brand-box .panel-face .placeholder-box p,.phone-filter-box .tool-box.model-box .panel-face .placeholder-box p{color:#ccc}.phone-filter-box .tool-box.special-box .panel-face .placeholder-box.have-data p,.phone-filter-box .tool-box.type-box .panel-face .placeholder-box.have-data p,.phone-filter-box .tool-box.brand-box .panel-face .placeholder-box.have-data p,.phone-filter-box .tool-box.model-box .panel-face .placeholder-box.have-data p{color:#333}@media only screen and (max-width: 768px){.phone-filter-box .tool-box{width:100%;margin-top:20px}.phone-filter-box .tool-box:first-child{margin-top:0px}}@media only screen and (max-width: 375px){.phone-filter-box .tool-box{padding-right:0px}}@media only screen and (max-width: 1366px){.phone-filter-box .tool-box:first-child .filter-popup-wrapper{right:auto;left:29px}}@media only screen and (max-width: 1024px){.phone-filter-box .tool-box:first-child .filter-popup-wrapper,.phone-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-32px;left:auto}.phone-filter-box .tool-box:first-child .panel-popup-box .close-btn,.phone-filter-box .tool-box:nth-child(n+3) .panel-popup-box .close-btn{right:0px;left:auto}}@media only screen and (max-width: 768px){.phone-filter-box .tool-box:first-child .filter-popup-wrapper,.phone-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-22px}}@media only screen and (max-width: 375px){.phone-filter-box .tool-box:first-child .filter-popup-wrapper,.phone-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-40px}.phone-filter-box .tool-box:first-child .panel-popup-box .close-btn,.phone-filter-box .tool-box:nth-child(n+3) .panel-popup-box .close-btn{right:-20px}}@media only screen and (max-width: 320px){.phone-filter-box .tool-box:first-child .filter-popup-wrapper,.phone-filter-box .tool-box:nth-child(n+3) .filter-popup-wrapper{right:-35px}}.phone-filter-box .tool-box.price-box .placeholder-box p em{margin-right:5px}.phone-filter-box .tool-box.network-box .placeholder-box p em{margin-left:5px}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box p{font-size:28px;line-height:32px;transition:all .3s}@media only screen and (max-width: 1366px){.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box p{font-size:22px;line-height:26px}}@media only screen and (max-width: 767px){.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box p{font-size:20px;line-height:24px}}.phone-filter-box.inner-style .tool-box{padding:0px 24px}@media only screen and (max-width: 767px){.phone-filter-box.inner-style .tool-box{padding:0px 24px;padding-right:10px}}.phone-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:30px 26px}@media only screen and (max-width: 1600px){.phone-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:30px 25px}}@media only screen and (max-width: 767px){.phone-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:20px 25px}}@media only screen and (max-width: 767px){.phone-filter-box.inner-style .tool-box .panel-popup-box .filter-popup-wrapper .panel-face{padding-bottom:0px}}.phone-filter-box.inner-style .tool-box .panel-face .open-btn{width:40px;height:40px;top:30px}.phone-filter-box.inner-style .tool-box .panel-face .open-btn::after{top:18px;right:16px;border-width:5px 4px 0 4px}@media only screen and (max-width: 767px){.phone-filter-box.inner-style .tool-box .panel-face .open-btn{top:20px}}.phone-filter-box.inner-style .tool-box .panel-popup-box .close-btn{width:40px;height:40px;right:30px;top:38px}@media only screen and (max-width: 1600px){.phone-filter-box.inner-style .tool-box .panel-popup-box .close-btn{right:-4px}}@media only screen and (max-width: 1024px){.phone-filter-box.inner-style .tool-box .panel-popup-box .close-btn{right:6px}}@media only screen and (max-width: 767px){.phone-filter-box.inner-style .tool-box .panel-popup-box .close-btn{top:28px;right:-8px}}.phone-filter-box.inner-style .tool-box .panel-popup-box .close-btn::after,.phone-filter-box.inner-style .tool-box .panel-popup-box .close-btn::before{left:19px;top:13px}.phone-filter-box.inner-style .tool-box .panel-face{height:80px}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box{margin-top:10px}@media only screen and (max-width: 1024px){.phone-filter-box.inner-style .tool-box:nth-child(2) .filter-popup-wrapper,.phone-filter-box.inner-style .tool-box:nth-child(4) .filter-popup-wrapper{right:-22px}}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box{margin-top:0px}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box .img{width:40px;height:40px}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box .img::before{width:39px;height:39px;margin-left:-20px}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box .icon-box .img img{max-width:16px}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box .network-icon-box{width:40px;height:40px;margin-top:-6px}.phone-filter-box.inner-style .tool-box .panel-face .placeholder-box .network-icon-box img{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px}.phone-filter-box .action-box{width:100%;position:relative;text-align:center;margin-top:50px}.phone-filter-box .action-box .red-border-circle-btn{position:relative}@media only screen and (max-width: 1280px){.phone-filter-box .action-box{flex:0 0 100%;width:100%;margin-top:20px;text-align:center}.phone-filter-box .action-box .red-border-circle-btn{display:inline-block;position:relative}}@media only screen and (max-width: 767px){.phone-filter-box .action-box{text-align:left}}@media only screen and (max-width: 1024px){.phone-filter-box .tool-wrapper{flex-wrap:wrap}.phone-filter-box .tool-wrapper .tool-box{width:50%}.phone-filter-box .tool-wrapper .tool-box:nth-child(n+3){margin-top:10px}}@media only screen and (max-width: 768px){.phone-filter-box .tool-wrapper{flex-wrap:wrap}.phone-filter-box .tool-wrapper .tool-box{width:100%;margin-top:10px}}.phone-filter-box .panel-popup-box.mobile-special{display:none;position:relative;right:0px;transition:none !important;height:auto}.phone-filter-box .panel-popup-box.mobile-special .filter-popup-wrapper{position:relative;top:0px;width:100%;right:0px;padding:0px;min-height:auto;margin-bottom:40px}@media only screen and (max-width: 767px){.phone-filter-box .panel-popup-box.mobile-special .filter-popup-wrapper{padding-top:20px}}.phone-filter-box .panel-popup-box.mobile-special .filter-popup-wrapper .action-face{border-top:1px solid #ffffff}@media only screen and (max-width: 375px){.phone-filter-box .panel-popup-box.mobile-special{width:calc(100% - 20px)}}.close-btn.mobile-special{position:absolute;right:20px;top:40px;width:58px;height:58px;border-radius:30px;opacity:0;cursor:pointer;background:#ffffff;pointer-events:none}.close-btn.mobile-special::before,.close-btn.mobile-special::after{position:absolute;left:28px;top:22px;content:' ';height:16px;width:2px;background-color:#707070;transition:all .3s}.close-btn.mobile-special::before{transform:rotate(45deg)}.close-btn.mobile-special::after{transform:rotate(-45deg)}.close-btn.mobile-special:hover::before,.close-btn.mobile-special:hover::after{background-color:#333}@media only screen and (max-width: 767px){.close-btn.mobile-special{top:30px}}@media only screen and (max-width: 375px){.close-btn.mobile-special{top:35px;right:10px;width:40px;height:40px}.close-btn.mobile-special::before,.close-btn.mobile-special::after{left:19px;top:13px}}@media only screen and (max-width: 768px){body.mobile-mode .tool-wrapper .tool-box{width:100%}}@media only screen and (max-width: 550px){body.mobile-mode .tool-box .panel-popup-box .filter-popup-wrapper .action-face .range-wrapper{padding:0px 14px}}body.mobile-mode .tool-box .panel-face{padding-bottom:5px}body.mobile-mode .panel-popup-box.mobile-special .filter-popup-wrapper .action-face .drop-down-box{max-height:220px;height:220px}body.mobile-mode .panel-popup-box.mobile-special .filter-popup-wrapper .action-face{padding:18px 0px;padding-bottom:0px}body.mobile-mode .tool-box.show .panel-popup-box{display:none}body.mobile-mode .tool-box{transition:all .3s}body.mobile-mode .tool-box::before{content:"";position:absolute;top:-10px;left:0px;background:#F6F6F6;border-radius:30px;width:100%;height:100%;opacity:0;transition:all .3s}@media only screen and (max-width: 375px){body.mobile-mode .tool-box::before{left:-20px;width:calc(100% + 40px)}}body.mobile-mode .tool-box.show{border-left:1px solid transparent}body.mobile-mode .tool-box.show::before{opacity:1}body.mobile-mode .tool-box.show .close-btn.mobile-special{pointer-events:all;opacity:1}body.mobile-mode .tool-box:nth-child(n+2).show{margin-top:30px}body.mobile-mode .inner-style .tool-box .panel-face{padding-bottom:10px}@media only screen and (max-width: 768px){body.mobile-mode .inner-style .close-btn.mobile-special{top:20px}body.mobile-mode .inner-style .tool-box .panel-face{height:auto}body.mobile-mode .inner-style .tool-box .panel-popup-box .filter-popup-wrapper{padding:0px 0px;right:0px}}@media only screen and (max-width: 375px){body.mobile-mode .inner-style .panel-popup-box.mobile-special{width:100%}}.location-choice-box{position:relative;z-index:10}.location-choice-box .title{text-align:center}@media only screen and (max-width: 767px){.location-choice-box .title{text-align:left}}.location-choice-box .circle-btn{box-sizing:border-box;padding:15px 30px;padding-right:50px;border-radius:50px}@media only screen and (max-width: 767px){.location-choice-box .choice-content-wrapper{width:calc(100% + 40px);overflow:hidden;margin-left:-20px}}@media only screen and (max-width: 767px){.location-choice-box .choice-wrapper{width:100%;padding-left:20px}.location-choice-box .choice-wrapper .simplebar-track.simplebar-horizontal{margin-left:20px;box-sizing:border-box;margin-right:20px}}@media only screen and (max-width: 375px){.location-choice-box .choice-wrapper .simplebar-track.simplebar-horizontal{margin-right:30px}}@media only screen and (max-width: 320px){.location-choice-box .choice-wrapper{padding-right:15px}}.location-choice-box .choice-wrapper:hover .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{opacity:1}.location-choice-box .choice-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-top:58px}@media only screen and (max-width: 1280px){.location-choice-box .choice-container{flex-wrap:wrap}}@media only screen and (max-width: 767px){.location-choice-box .choice-container{min-width:640px;margin-top:30px;padding-right:40px}}@media only screen and (max-width: 550px){.location-choice-box .choice-container{min-width:510px}}.location-choice-box .choice-container .location-item .img-box{width:106px;height:106px;background:#ffffff;border:2px solid #ffffff;border-radius:106px;transition:all .3s;margin:0 auto}.location-choice-box .choice-container .location-item img{width:100px;height:100px;margin-top:3px;margin-left:3px}.location-choice-box .choice-container .location-item p{width:100%;text-align:center;margin-top:10px}@media only screen and (max-width: 767px){.location-choice-box .choice-container .location-item p{margin-top:7px}}.location-choice-box .choice-container .location-item .name{font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:500}@media only screen and (max-width: 768px){.location-choice-box .choice-container .location-item .name{font-size:14px;line-height:16px}}@media only screen and (max-width: 767px){.location-choice-box .choice-container .location-item .name{font-size:14px;line-height:20px}}body.zh_HK .location-choice-box .choice-container .location-item .name{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.location-choice-box .choice-container .location-item:hover .img-box{border:2px solid red}@media only screen and (max-width: 1366px){.location-choice-box .choice-container .location-item .img-box{width:86px;height:86px;border-radius:86px}.location-choice-box .choice-container .location-item img{width:80px;height:80px}}@media only screen and (max-width: 1280px){.location-choice-box .choice-container .location-item{width:18%}.location-choice-box .choice-container .location-item:nth-child(n+6){margin-top:30px;margin-bottom:5px}}@media only screen and (max-width: 768px){.location-choice-box .choice-container .location-item{width:18%}.location-choice-box .choice-container .location-item:nth-child(n+6){margin-top:30px;margin-bottom:20px}.location-choice-box .choice-container .location-item .img-box{width:86px;height:86px;border-radius:86px;margin:0 auto}.location-choice-box .choice-container .location-item img{width:80px;height:80px}}.location-choice-box .tool-box{width:568px;margin:0 auto;margin-top:60px;display:flex;flex-direction:row;height:auto;position:relative}.location-choice-box .tool-box .search-box{margin-right:30px;float:left;box-sizing:border-box;flex:1 0 auto;position:relative}.location-choice-box .tool-box .search-box input{background:#F6F6F6;padding:17px 30px;width:100%;box-sizing:border-box;font-size:16px;line-height:24px;transition:all .3s;color:#333;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;border-radius:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.zh_HK .location-choice-box .tool-box .search-box input{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.location-choice-box .tool-box .search-box input::placeholder{text-overflow:ellipsis;transition:all .3s}.location-choice-box .tool-box .search-box input:focus::placeholder{color:#CCC}.location-choice-box .tool-box .search-box .show-arrow{position:absolute;right:0px;top:0px;width:57px;height:57px;cursor:pointer}@media only screen and (max-width: 550px){.location-choice-box .tool-box .search-box .show-arrow{top:0px}}.location-choice-box .tool-box .search-box .show-arrow::after{content:"";position:absolute;top:26px;right:24px;width:0;height:0;border-style:solid;border-width:7px 6px 0 6px;border-color:#333 transparent transparent transparent;transition:all .3s}.location-choice-box .tool-box .search-box .result-wrapper{position:absolute;top:46px;left:0px;width:100%;box-sizing:border-box;border-radius:30px;border-top-left-radius:0px;border-top-right-radius:0px;background:#ffffff;padding-right:28px;pointer-events:none;opacity:0;transition:all .3s;box-shadow:0px 10px 12px rgba(0,0,0,0.1)}@media only screen and (max-width: 374px){.location-choice-box .tool-box .search-box .result-wrapper{position:relative;top:-5px;display:none}}.location-choice-box .tool-box .search-box .result-wrapper .simplebar-track.simplebar-vertical{width:2px}.location-choice-box .tool-box .search-box .result-wrapper .content{width:100%;box-sizing:border-box;padding-right:20px;height:auto;max-height:180px}.location-choice-box .tool-box .search-box .result-wrapper ul{position:relative;list-style:none;z-index:99}.location-choice-box .tool-box .search-box .result-wrapper ul li{list-style:none;font-size:14px;line-height:18px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;cursor:pointer;position:relative;padding:10px 20px;transition:all .3s;border-radius:20px}body.zh_HK .location-choice-box .tool-box .search-box .result-wrapper ul li{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.location-choice-box .tool-box .search-box .result-wrapper ul li:hover{background:#EBEBED}@media only screen and (max-width: 375px){.location-choice-box .tool-box .search-box .result-wrapper ul li{padding:10px 10px;padding-right:0px}}@media only screen and (max-width: 374px){.location-choice-box .tool-box .search-box .result-wrapper ul li{padding:10px 20px}}.location-choice-box .tool-box .search-box.open input{background:#ffffff;border-bottom-left-radius:0px;border-bottom-right-radius:0px;box-shadow:0px -5px 20px rgba(0,0,0,0.1)}.location-choice-box .tool-box .search-box.open .show-arrow::after{top:22px;transform:rotate(180deg)}.location-choice-box .tool-box .search-box.open .result-wrapper{pointer-events:all;opacity:1;padding:20px;padding-right:30px}@media only screen and (max-width: 374px){.location-choice-box .tool-box .search-box.open .result-wrapper{display:block}}@media only screen and (max-width: 550px){.location-choice-box .tool-box .search-box{width:calc(100% - 148px)}.location-choice-box .tool-box .search-box input{padding:15px 20px;padding-right:30px}.location-choice-box .tool-box .search-box.open input{padding-left:30px}.location-choice-box .tool-box .search-box.open .result-wrapper{padding:20px 20px;padding-right:30px}}@media only screen and (max-width: 374px){.location-choice-box .tool-box .search-box{width:100%}.location-choice-box .tool-box .search-box input{padding-right:40px}.location-choice-box .tool-box .search-box.open input{padding-left:40px}}@media only screen and (max-width: 767px){.location-choice-box .tool-box{width:100%}}@media only screen and (max-width: 550px){.location-choice-box .tool-box{margin-top:30px;display:block;width:100%}.location-choice-box .tool-box .circle-btn{padding:14px 16px !important;padding-right:32px !important}.location-choice-box .tool-box .circle-btn .arrow-right{right:21px}.location-choice-box .tool-box .search-box{margin-right:10px}}@media only screen and (max-width: 374px){.location-choice-box .tool-box .search-box{margin-right:0}.location-choice-box .tool-box .circle-btn{margin-top:20px;padding:14px 20px !important;padding-right:42px !important}}.location-choice-box .tool-box .circle-btn.red-border{border:2px solid #cccccc;background:#cccccc;cursor:default}.location-choice-box .tool-box .circle-btn.red-border.enabled{border:2px solid red;background:transparent;cursor:pointer}.location-choice-box .tool-box .circle-btn.red-border.enabled span{color:#333}.location-choice-box .tool-box .circle-btn.red-border.enabled .arrow-right{border-color:#333}.location-choice-box .tool-box .circle-btn.red-border span{color:#ffffff}.location-choice-box .tool-box .circle-btn.red-border .arrow-right{border-color:#ffffff}.location-choice-box .component-title p{font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-size:18px;line-height:24px;transition:all .3s}body.zh_HK .location-choice-box .component-title p{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1600px){.location-choice-box .component-title p{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.location-choice-box .component-title p{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.location-choice-box .component-title p{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.location-choice-box .component-title p{font-size:16px;line-height:22px}}@media only screen and (max-width: 550px){body.ios .location-choice-box .tool-box .circle-btn{padding:13px 16px !important;padding-right:32px !important;padding-top:17px !important}}.plan-tool-box{position:relative;z-index:2}.plan-tool-box .top-bar-wrapper{width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;position:relative}@media only screen and (max-width: 1280px){.plan-tool-box .top-bar-wrapper{display:block}}.plan-tool-box .top-bar-wrapper .title{margin-right:100px;margin-bottom:20px;line-height:58px !important}@media only screen and (max-width: 1600px){.plan-tool-box .top-bar-wrapper .title{margin-right:50px}}@media only screen and (max-width: 767px){.plan-tool-box .top-bar-wrapper .title{line-height:30px !important}}.plan-tool-box .top-bar{width:100%;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;position:relative}.plan-tool-box .top-bar h2{margin-right:100px;line-height:58px}@media only screen and (max-width: 1280px){.plan-tool-box .top-bar{display:inline-block}.plan-tool-box .top-bar h2{margin-right:0px;line-height:32px}}.plan-tool-box .filter-section{width:100%;display:inline-block;margin-top:60px;position:relative}@media only screen and (max-width: 1280px){.plan-tool-box .filter-section{margin-top:40px}}.plan-tool-box .filter-section .filter-wrapper{width:100%;position:relative}.plan-tool-box .filter-section .filter-wrapper .filter-item{opacity:0;display:none}.plan-tool-box .filter-section .filter-wrapper .filter-item:first-child{opacity:1;display:block}.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box{text-align:center;width:100%;box-sizing:border-box;padding:0px 20%}@media only screen and (max-width: 1024px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box{padding:0px 10%}}@media only screen and (max-width: 767px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box{padding:0px 20px}}@media only screen and (max-width: 550px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box{padding:0px 0px}}.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .title{font-size:18px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;color:red}@media only screen and (max-width: 1600px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .title{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .title{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .title{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .title{font-size:16px;line-height:22px}}body.zh_HK .plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .title{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .desc{margin-top:30px;font-size:18px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300}@media only screen and (max-width: 1600px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .desc{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .desc{font-size:16px;line-height:22px}}body.zh_HK .plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .desc{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.plan-tool-box .filter-section .filter-wrapper .filter-item .re-contact-box .action-box{margin-top:25px}@media only screen and (max-width: 1600px){.plan-tool-box{padding:0 64px}}@media only screen and (max-width: 767px){.plan-tool-box{padding:0 20px}}@media only screen and (max-width: 320px){.plan-tool-box{padding:0 15px}}.circle-slider-controler,.circle-slider-controler-l-shape{width:100%;position:absolute;top:0px;left:0px;height:100%;pointer-events:none;overflow:hidden}@media only screen and (max-width: 1023px){.circle-slider-controler,.circle-slider-controler-l-shape{display:none}}.circle-slider-controler .left-area,.circle-slider-controler-l-shape .left-area{width:13%;height:100%;position:absolute;top:0px;left:0px;z-index:1;cursor:none;pointer-events:visible}@media only screen and (min-width: 1921px){.circle-slider-controler .left-area,.circle-slider-controler-l-shape .left-area{width:13%}}@media only screen and (min-width: 2560px){.circle-slider-controler .left-area,.circle-slider-controler-l-shape .left-area{width:15%}}@media only screen and (min-width: 3000px){.circle-slider-controler .left-area,.circle-slider-controler-l-shape .left-area{width:20%}}.circle-slider-controler .right-area,.circle-slider-controler-l-shape .right-area{width:13%;height:100%;position:absolute;top:0px;right:0px;z-index:1;cursor:none;pointer-events:visible}@media only screen and (min-width: 1921px){.circle-slider-controler .right-area,.circle-slider-controler-l-shape .right-area{width:13%}}@media only screen and (min-width: 2560px){.circle-slider-controler .right-area,.circle-slider-controler-l-shape .right-area{width:15%}}@media only screen and (min-width: 3000px){.circle-slider-controler .right-area,.circle-slider-controler-l-shape .right-area{width:20%}}.circle-slider-controler .banner-next-btn,.circle-slider-controler-l-shape .banner-next-btn{width:80px;height:80px;position:absolute;top:-100px;left:-100px;opacity:0;z-index:2;transition:opacity .3s}.circle-slider-controler .banner-next-btn .circle,.circle-slider-controler-l-shape .banner-next-btn .circle{width:80px;height:80px;border-radius:80px;border:2px solid #ffffff;transition:all .3s;box-shadow:0 0px 20px rgba(0,0,0,0.2);background:rgba(0,0,0,0.1)}.circle-slider-controler .banner-next-btn .arrow-right,.circle-slider-controler-l-shape .banner-next-btn .arrow-right{position:absolute;top:50%;margin-top:-2px;left:50%;margin-left:-3px;transition:all .3s;border:solid #ffffff;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);z-index:9}.circle-slider-controler .banner-next-btn.show,.circle-slider-controler-l-shape .banner-next-btn.show{opacity:1}.circle-slider-controler .banner-next-btn.show .circle,.circle-slider-controler-l-shape .banner-next-btn.show .circle{opacity:1}.circle-slider-controler .banner-next-btn.show .arrow-right,.circle-slider-controler-l-shape .banner-next-btn.show .arrow-right{margin-left:-3px;transform:scale(1, 1) rotate(-45deg)}.circle-slider-controler .banner-next-btn.left .arrow-right,.circle-slider-controler-l-shape .banner-next-btn.left .arrow-right{left:52%;margin-left:-3px;transform:scale(1, 1) rotate(135deg)}.homepage-banner.black .circle-slider-controler .banner-next-btn .circle{background:rgba(255,255,255,0.2)}.homepage-banner{display:block;width:100%;max-width:1920px;margin:0 auto;opacity:0;transition:opacity 2s;position:relative}.homepage-banner .bg-gradient-wrapper{position:absolute;width:100%;height:100%;z-index:1;pointer-events:none;top:0px;left:0px}.homepage-banner .bg-gradient-wrapper .white{width:100%;position:absolute;top:0px;left:0px;height:100%;opacity:0;transition:all .3s}.homepage-banner .bg-gradient-wrapper .white .bottom{position:absolute;width:100%;bottom:0px;left:0px;content:"";height:200px;pointer-events:none;z-index:0;background:linear-gradient(0deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 70%)}@media only screen and (max-width: 1024px){.homepage-banner .bg-gradient-wrapper .white .bottom{height:140px}}@media only screen and (max-width: 1023px){.homepage-banner .bg-gradient-wrapper .white .bottom{display:none}}.homepage-banner .bg-gradient-wrapper .white .top{position:absolute;width:100%;top:0px;left:0px;content:"";height:200px;pointer-events:none;z-index:-1;background:linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 70%)}@media only screen and (max-width: 1024px){.homepage-banner .bg-gradient-wrapper .white .top{height:140px}}.homepage-banner .bg-gradient-wrapper .black{width:100%;position:absolute;top:0px;left:0px;height:100%;opacity:1;transition:all .3s}.homepage-banner .bg-gradient-wrapper .black .bottom{position:absolute;width:100%;bottom:0px;left:0px;content:"";height:200px;pointer-events:none;z-index:0;background:linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%)}@media only screen and (max-width: 1024px){.homepage-banner .bg-gradient-wrapper .black .bottom{height:140px}}@media only screen and (max-width: 1023px){.homepage-banner .bg-gradient-wrapper .black .bottom{display:none}}.homepage-banner .bg-gradient-wrapper .black .top{position:absolute;width:100%;top:0px;left:0px;content:"";height:200px;pointer-events:none;z-index:-1;background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 70%)}@media only screen and (max-width: 1024px){.homepage-banner .bg-gradient-wrapper .black .top{height:140px}}.homepage-banner .slider-container{position:relative;width:100%;border-radius:30px;overflow:hidden}@media only screen and (max-width: 1023px){.homepage-banner .slider-container .slider-item a .x-mobile-only{height:0;padding-bottom:157%;display:inline-block;width:100%}}.homepage-banner .slider-container .slider-item{opacity:1;transition:opacity 1.5s;width:100%;height:100%;display:block;pointer-events:none}.homepage-banner .slider-container .slider-item img{display:block;width:100%}.homepage-banner .slider-container .slider-item.active{opacity:1}.homepage-banner .slider-container .slider-item.slick-current{pointer-events:all}@media only screen and (max-width: 1280px){.homepage-banner .slider-container .slider-item{height:530px}.homepage-banner .slider-container .slider-item .tablet-only{height:530px}}@media only screen and (max-width: 1150px){.homepage-banner .slider-container .slider-item{height:480px}.homepage-banner .slider-container .slider-item .tablet-only{height:480px}}@media only screen and (max-width: 1023px){.homepage-banner .slider-container .slider-item{height:100%}.homepage-banner .slider-container .slider-item .x-mobile-only{height:100%}}.homepage-banner .slider-container .slider-item .x-mobile-only,.homepage-banner .slider-container .slider-item .tablet-only{background-size:cover !important;background-position:center center !important}.homepage-banner .slider-container .slider-item .x-mobile-only{background-position:top center !important}.homepage-banner .banner-content-wrapper{width:100%;height:100%;position:absolute;left:0%;top:0px;pointer-events:none}@media only screen and (min-width: 1921px){.homepage-banner .banner-content-wrapper{width:1920px;left:50%;margin-left:-960px}.homepage-banner .banner-content-wrapper .action-container.right{width:25%}}.homepage-banner .action-container{opacity:0;position:absolute;bottom:10%;left:80px;width:40%;height:auto;transition:all .3s;overflow:hidden;pointer-events:none}@media only screen and (max-width: 767px){.homepage-banner .action-container{overflow:visible}}.homepage-banner .action-container .simple-btn{pointer-events:none;position:relative;float:left;clear:left;cursor:pointer;background:transparent;transition:all 1s;z-index:2;padding:8px 18px}.homepage-banner .action-container .simple-btn p{font-size:14px}.homepage-banner .action-container .simple-btn.show .r-base{background:#ffffff}.homepage-banner .action-container .simple-btn p{opacity:0;color:red}.homepage-banner .action-container .simple-btn .r-base{position:absolute;top:0px;left:0px;width:0%;height:100%;background:transparent;z-index:-1}.homepage-banner .action-container .simple-btn .r-cover{position:absolute;top:0px;left:0px;width:0%;height:100%;background:red;z-index:0;display:none}@media only screen and (max-width: 767px){.homepage-banner .action-container .simple-btn{box-shadow:0 0 20px rgba(0,0,0,0.1)}}@media only screen and (max-width: 550px){.homepage-banner .action-container .simple-btn{padding:8px 10px}}.homepage-banner .action-container .text-wrapper{margin-bottom:20px;float:left;clear:both}@media only screen and (max-width: 1366px){.homepage-banner .action-container .text-wrapper{margin-bottom:20px}}.homepage-banner .action-container .circle-link-wrapper{float:left;clear:both;overflow:hidden;height:auto;margin-left:0px;width:calc(100% + 40px)}.homepage-banner .action-container .circle-link-wrapper .desc{opacity:0;margin-bottom:20px;color:#ffffff;transition:all .3s;font-size:18px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;margin-left:18px;width:calc(100% - 18px)}@media only screen and (max-width: 1600px){.homepage-banner .action-container .circle-link-wrapper .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 768px){.homepage-banner .action-container .circle-link-wrapper .desc{font-size:16px;line-height:24px}}@media only screen and (max-width: 767px){.homepage-banner .action-container .circle-link-wrapper .desc{font-size:14px;line-height:20px}}@media only screen and (max-width: 550px){.homepage-banner .action-container .circle-link-wrapper .desc{font-size:16px;line-height:22px}}body.zh_HK .homepage-banner .action-container .circle-link-wrapper .desc{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.homepage-banner .action-container .circle-link-wrapper .desc.show{opacity:1}.homepage-banner .action-container .circle-link-wrapper .desc:empty{display:none !important}@media only screen and (max-width: 1279px){.homepage-banner .action-container .circle-link-wrapper .desc{color:#333}}@media only screen and (max-width: 550px){.homepage-banner .action-container .circle-link-wrapper .desc{margin-left:10px;width:calc(100% - 10px);margin-bottom:0px}}.homepage-banner .action-container .circle-link-wrapper .circle-btn{float:left;margin-right:20px;opacity:0;transition:all .5s;position:relative;z-index:2;pointer-events:none}.homepage-banner .action-container .circle-link-wrapper .circle-btn.show{opacity:1;pointer-events:all}.homepage-banner .action-container .circle-link-wrapper .circle-btn:hover{background:rgba(255,255,255,0.2)}@media only screen and (max-width: 1366px){.homepage-banner .action-container .circle-link-wrapper .circle-btn{padding:15px 30px;padding-right:50px}}@media only screen and (max-width: 1280px){.homepage-banner .action-container .circle-link-wrapper .circle-btn{margin-right:20px}}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-1{background:red;border:2px solid red}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-1 span{color:#ffffff}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-1:hover{background:#AF050F;border:2px solid #AF050F}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-1 .arrow-right{border:2px solid #ffffff;border-width:0 2px 2px 0}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-1,.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2{min-height:22px}@media only screen and (max-width: 1023px){.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-1,.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2{min-height:20px}}@media only screen and (max-width: 1023px){body.zh_HK.ios .homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-1 span,body.zh_HK.ios .homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2 span{line-height:1.25em !important}}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2{padding-right:30px}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2 .arrow-right{display:none !important}@media only screen and (max-width: 1023px){.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2{padding-right:20px}}@media only screen and (max-width: 550px){.homepage-banner .action-container .circle-link-wrapper .circle-btn{margin-top:20px}}@media only screen and (max-width: 767px){.homepage-banner .action-container .circle-link-wrapper{width:calc(100%)}}.homepage-banner .action-container .p-text-1,.homepage-banner .action-container .p-text-2,.homepage-banner .action-container .p-text-3{height:auto;float:left;clear:left;position:relative;width:auto;margin-bottom:0px;padding:5px 16px;transition:all .3s;overflow:hidden;pointer-events:none;display:none}.homepage-banner .action-container .p-text-1.show,.homepage-banner .action-container .p-text-2.show,.homepage-banner .action-container .p-text-3.show{display:block}.homepage-banner .action-container .p-text-1 .text-mask,.homepage-banner .action-container .p-text-2 .text-mask,.homepage-banner .action-container .p-text-3 .text-mask{position:relative;overflow:hidden;width:100%}.homepage-banner .action-container .p-text-1 p,.homepage-banner .action-container .p-text-1 h1,.homepage-banner .action-container .p-text-2 p,.homepage-banner .action-container .p-text-2 h1,.homepage-banner .action-container .p-text-3 p,.homepage-banner .action-container .p-text-3 h1{position:relative;color:#ffffff;pointer-events:none;opacity:0;z-index:1}.homepage-banner .action-container .p-text-1 .w-base,.homepage-banner .action-container .p-text-2 .w-base,.homepage-banner .action-container .p-text-3 .w-base{position:absolute;top:0px;left:0px;width:0%;height:100%;background:#ffffff}.homepage-banner .action-container .p-text-1 .r-base,.homepage-banner .action-container .p-text-2 .r-base,.homepage-banner .action-container .p-text-3 .r-base{position:absolute;top:0px;left:0px;width:0%;height:100%;background:rgba(0,0,0,0.3);z-index:0}.homepage-banner .action-container .p-text-1 .r-cover,.homepage-banner .action-container .p-text-2 .r-cover,.homepage-banner .action-container .p-text-3 .r-cover{position:absolute;top:0px;left:0px;width:0%;height:100%;background:#ffffff;z-index:1}@media only screen and (max-width: 1023px){.homepage-banner .action-container.combine-mode .p-text-1,.homepage-banner .action-container.combine-mode .p-text-2,.homepage-banner .action-container.combine-mode .p-text-3{display:none !important}.homepage-banner .action-container.combine-mode .mobile-mode-all-text{display:block !important}}.homepage-banner .action-container .mobile-mode-all-text{display:none;opacity:0;transition:opacity 0.3s;margin-left:10px}.homepage-banner .action-container .mobile-mode-all-text.show{opacity:1}.homepage-banner .action-container .mobile-mode-all-text h1{color:#ffffff;background:rgba(0,0,0,0.4);box-shadow:10px 0 0 rgba(0,0,0,0.4),-10px 0 0 rgba(0,0,0,0.4);display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:58px}@media only screen and (max-width: 767px){.homepage-banner .action-container .mobile-mode-all-text h1{line-height:65px}}@media only screen and (max-width: 550px){.homepage-banner .action-container .mobile-mode-all-text h1{line-height:50px}}@media only screen and (max-width: 500px){.homepage-banner .action-container .mobile-mode-all-text h1{line-height:44px}}@media only screen and (max-width: 375px){.homepage-banner .action-container .mobile-mode-all-text h1{line-height:36px}}@media only screen and (max-width: 1600px){.homepage-banner .action-container{left:72px;bottom:60px}}@media only screen and (max-width: 1366px){.homepage-banner .action-container{left:64px;bottom:45px;width:50%}}@media only screen and (max-width: 1024px){.homepage-banner .action-container{left:48px}}@media only screen and (max-width: 1023px){.homepage-banner .action-container{width:80%;margin-bottom:75px}}.homepage-banner .action-container.right{left:auto;right:0px;width:40%}@media only screen and (max-width: 1024px){.homepage-banner .action-container.right{width:40%}}@media only screen and (max-width: 1023px){.homepage-banner .action-container.right{left:48px;right:auto;width:80%;margin-bottom:80px}}@media only screen and (max-width: 767px){.homepage-banner .action-container,.homepage-banner .action-container.right{left:20px;bottom:8%;width:calc(100% - 40px)}.homepage-banner .action-container .circle-link-wrapper .desc,.homepage-banner .action-container.right .circle-link-wrapper .desc{color:#333}}@media only screen and (max-width: 550px){.homepage-banner .action-container,.homepage-banner .action-container.right{bottom:0%;left:15px;width:calc(100% - 30px);margin-bottom:20%}.homepage-banner .action-container .p-text-1,.homepage-banner .action-container .p-text-2,.homepage-banner .action-container .p-text-3,.homepage-banner .action-container.right .p-text-1,.homepage-banner .action-container.right .p-text-2,.homepage-banner .action-container.right .p-text-3{padding:4px 10px}}.homepage-banner .free-container{position:absolute;top:0px;left:0px;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .5s}.homepage-banner .free-container.show{opacity:1}.homepage-banner .panel-container{position:absolute;bottom:10%;left:80px;border-radius:30px;background-color:#fff;padding:18px 30px;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,0.2);max-width:590px;height:auto;width:33%;padding-bottom:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .5s}.homepage-banner .panel-container.no-top-mode .middle-box{margin-top:0px}.homepage-banner .panel-container .circle-link-wrapper .circle-btn{pointer-events:none !important}.homepage-banner .panel-container.show{opacity:1}.homepage-banner .panel-container.show .circle-link-wrapper{pointer-events:all}.homepage-banner .panel-container.show .circle-link-wrapper .circle-btn.show{pointer-events:all !important}.homepage-banner .panel-container .top-box .sub-title{font-size:18px;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;overflow:hidden;height:24px}body.zh_HK .homepage-banner .panel-container .top-box .sub-title{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1600px){.homepage-banner .panel-container .top-box .sub-title{font-size:14px}}@media only screen and (max-width: 1023px){.homepage-banner .panel-container .top-box .sub-title{overflow:visible;height:auto}}.homepage-banner .panel-container .top-box .sub-title:empty{display:none}.homepage-banner .panel-container .top-box .title{font-size:24px;line-height:32px;transition:all .3s;height:32px;overflow:hidden;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;color:red}@media only screen and (max-width: 1366px){.homepage-banner .panel-container .top-box .title{font-size:22px;line-height:30px}}@media only screen and (max-width: 1280px){.homepage-banner .panel-container .top-box .title{font-size:18px;line-height:24px}}@media only screen and (max-width: 550px){.homepage-banner .panel-container .top-box .title{font-size:16px;line-height:22px}}body.zh_HK .homepage-banner .panel-container .top-box .title{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}@media only screen and (max-width: 1023px){.homepage-banner .panel-container .top-box .title{overflow:visible;height:auto}}.homepage-banner .panel-container .top-box .title:empty{display:none}.homepage-banner .panel-container .top-box .sub-img{margin-top:5px;display:none;width:100%;height:auto}.homepage-banner .panel-container .top-box .sub-img img{max-width:100%;width:50%;display:block}.homepage-banner .panel-container .top-box .sub-img.show{display:block}.homepage-banner .panel-container .middle-box{margin-top:0px}@media only screen and (max-width: 1600px){.homepage-banner .panel-container .middle-box{margin-top:0px}}@media only screen and (max-width: 1366px){.homepage-banner .panel-container .middle-box{margin-top:0px}}@media only screen and (max-width: 1023px){.homepage-banner .panel-container .middle-box{margin-top:0px}}.homepage-banner .panel-container .middle-box .main-img{width:100%}.homepage-banner .panel-container .middle-box .main-img img{width:100%;display:block}.homepage-banner .panel-container .middle-box .desc{margin-top:10px;font-size:16px;line-height:24px;transition:all .3s;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;font-weight:300;overflow:hidden;height:24px}@media only screen and (max-width: 1600px){.homepage-banner .panel-container .middle-box .desc{font-size:14px;line-height:16px}}@media only screen and (max-width: 1366px){.homepage-banner .panel-container .middle-box .desc{font-size:12px;line-height:16px}}body.zh_HK .homepage-banner .panel-container .middle-box .desc{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.homepage-banner .panel-container .middle-box .desc:empty{display:none !important}@media only screen and (max-width: 1023px){.homepage-banner .panel-container .middle-box .desc{overflow:visible;height:auto}}.homepage-banner .panel-container .middle-box .html-inner{width:100%;box-sizing:border-box}.homepage-banner .panel-container .middle-box .html-inner:empty{display:none}.homepage-banner .panel-container .bottom-box{position:relative;margin-bottom:25px}.homepage-banner .panel-container .bottom-box .circle-link-wrapper{margin-top:0px;width:calc(100% + 40px);pointer-events:none}.homepage-banner .panel-container .bottom-box .circle-link-wrapper .circle-btn{margin-top:10px}@media only screen and (max-width: 1919px){.homepage-banner .panel-container .bottom-box .circle-link-wrapper{margin-top:0px}.homepage-banner .panel-container .bottom-box .circle-link-wrapper .circle-btn{margin-top:8px}}@media only screen and (max-width: 768px){.homepage-banner .panel-container .bottom-box .circle-link-wrapper{width:calc(100% + 20px)}}.homepage-banner .panel-container .bottom-box .circle-btn{opacity:0;z-index:2;display:none;border:2px solid red;pointer-events:none}.homepage-banner .panel-container .bottom-box .circle-btn span{color:#333}.homepage-banner .panel-container .bottom-box .circle-btn .arrow-right{border:solid #333;border-width:0 2px 2px 0}.homepage-banner .panel-container .bottom-box .circle-btn.show{display:inline-block;pointer-events:visible;opacity:1}.homepage-banner .panel-container .bottom-box .circle-btn:first-child{margin-right:20px}.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-1{background:red;border:2px solid red}.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-1 span{color:#ffffff}.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-1:hover{background:#AF050F;border:2px solid #AF050F}.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-1 .arrow-right{border:2px solid #ffffff;border-width:0 2px 2px 0}.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-1,.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-2{min-height:22px}@media only screen and (max-width: 1023px){.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-1,.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-2{min-height:20px}}.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-2{padding-right:30px}.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-2 .arrow-right{display:none !important}@media only screen and (max-width: 1366px){.homepage-banner .panel-container .bottom-box .circle-btn.link-btn-2{padding-right:20px}}@media only screen and (max-width: 1366px){.homepage-banner .panel-container .bottom-box .circle-btn{padding:14px 20px;padding-right:48px}.homepage-banner .panel-container .bottom-box .circle-btn span{font-size:14px}}@media only screen and (max-width: 550px){.homepage-banner .panel-container .bottom-box .circle-btn{padding:12px 18px;padding-right:38px}.homepage-banner .panel-container .bottom-box .circle-btn:first-child{margin-right:5px}}@media only screen and (max-width: 375px){.homepage-banner .panel-container .bottom-box .circle-btn{padding:12px 16px;padding-right:32px;margin-right:3px}.homepage-banner .panel-container .bottom-box .circle-btn .arrow-right{right:18px;top:49%}.homepage-banner .panel-container .bottom-box .circle-btn:first-child{margin-right:5px}}@media only screen and (max-width: 550px){.homepage-banner .panel-container .bottom-box .circle-link-wrapper{margin-top:0px}.homepage-banner .panel-container .bottom-box .circle-link-wrapper .circle-btn{margin-top:10px}}.homepage-banner .panel-container.right{left:auto;right:80px}@media only screen and (max-width: 1600px){.homepage-banner .panel-container.right{right:72px}}@media only screen and (max-width: 1366px){.homepage-banner .panel-container.right{right:62px}}@media only screen and (max-width: 1280px){.homepage-banner .panel-container.right{bottom:40px}}.homepage-banner .panel-container.large{max-width:850px;width:45%}@media only screen and (max-width: 1600px){.homepage-banner .panel-container{max-width:490px;bottom:60px;left:72px}.homepage-banner .panel-container.large{max-width:708px}}@media only screen and (max-width: 1366px){.homepage-banner .panel-container{max-width:450px;bottom:45px;left:64px}.homepage-banner .panel-container.large{max-width:600px}}@media only screen and (max-width: 1280px){.homepage-banner .panel-container{width:38%}}@media only screen and (max-width: 1023px){.homepage-banner .panel-container,.homepage-banner .panel-container.large,.homepage-banner .panel-container.right{width:100%;max-width:calc(100% - 96px);height:auto;padding:30px 40px;padding-bottom:0px;bottom:70px}}@media only screen and (max-width: 767px){.homepage-banner .panel-container,.homepage-banner .panel-container.large,.homepage-banner .panel-container.right{max-width:calc(100% - 40px);left:20px;padding:18px 20px;padding-bottom:0px}}@media only screen and (max-width: 550px){.homepage-banner .panel-container,.homepage-banner .panel-container.large,.homepage-banner .panel-container.right{max-width:calc(100% - 30px);left:15px;bottom:50px}}.homepage-banner .slider-controller{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:auto;height:50px;padding:0px 0px;padding-bottom:30px;z-index:3;transition:all .3s;pointer-events:all}@media only screen and (min-width: 1921px){.homepage-banner .slider-controller{padding-bottom:8px}}@media only screen and (max-width: 1920px){.homepage-banner .slider-controller{padding-bottom:30px}}@media only screen and (min-width: 1601px){.homepage-banner .slider-controller{padding-bottom:0px}}@media only screen and (max-width: 1600px){.homepage-banner .slider-controller{height:35px;padding-bottom:0px}}@media only screen and (max-width: 1366px){.homepage-banner .slider-controller{padding:0px 0px;padding-bottom:0px;height:31px}}@media only screen and (max-width: 1280px){.homepage-banner .slider-controller{height:29px}}@media only screen and (max-width: 1023px){.homepage-banner .slider-controller{width:100%;box-sizing:border-box;height:auto;padding:0px;bottom:20px}}@media only screen and (max-width: 550px){.homepage-banner .slider-controller{bottom:15px}}.homepage-banner .slider-controller ul{float:left;margin-left:0px}.homepage-banner .slider-controller ul li{width:20px;height:20px;float:left;cursor:pointer;position:relative;list-style:none;margin-right:2px}.homepage-banner .slider-controller ul li::before{position:absolute;top:3px;left:3px;content:"";width:10px;height:10px;border-radius:10px;background:rgba(51,51,51,0.2);transition:all .3s}.homepage-banner .slider-controller ul li::after{position:absolute;top:5px;left:5px;content:"";width:6px;height:6px;border-radius:8px;background:#ffffff;transition:all .3s}.homepage-banner .slider-controller ul li.selected{cursor:default}.homepage-banner .slider-controller ul li.selected::after{background:red !important}.homepage-banner .slider-controller ul li.selected:hover::after{background:red !important}.homepage-banner .slider-controller ul li:hover::after{background:#707070}@media only screen and (max-width: 1023px){.homepage-banner .slider-controller ul li::before{background:rgba(51,51,51,0.2) !important}.homepage-banner .slider-controller ul li::after{background:#ffffff !important}.homepage-banner .slider-controller ul li:hover::after{background:#707070 !important}.homepage-banner .slider-controller ul li.selected::after{background:red !important}.homepage-banner .slider-controller ul li.slick-active::after{background:red !important}}@media only screen and (max-width: 1023px){.homepage-banner .slider-controller ul{text-align:center;float:none;display:inline-block;width:100%}.homepage-banner .slider-controller ul li{display:inline-block;float:none}}.homepage-banner.black .bg-gradient-wrapper .black{opacity:0}.homepage-banner.black .bg-gradient-wrapper .white{opacity:1}.homepage-banner.black .circle-link-wrapper .desc{color:#333}.homepage-banner.black .circle-link-wrapper .circle-btn{background:rgba(255,255,255,0.4);border-color:red}.homepage-banner.black .circle-link-wrapper .circle-btn span{color:#333}.homepage-banner.black .circle-link-wrapper .circle-btn .arrow-right{border:2px solid #333;border-width:0 2px 2px 0}.homepage-banner.black .circle-link-wrapper .circle-btn:hover{background:rgba(255,255,255,0.6)}.homepage-banner.black .banner-next-btn .circle,.homepage-banner.black .banner-next-btn .arrow-right{border:2px solid #707070}.homepage-banner.black .banner-next-btn .arrow-right{border-width:0 2px 2px 0}.homepage-banner.black .banner-next-btn .circle{box-shadow:0 0px 20px rgba(255,255,255,0.5)}.homepage-banner.black .slider-controller ul li::before{background:rgba(255,255,255,0.2)}.homepage-banner.black .slider-controller ul li::after{background:#333333}.homepage-banner.black .slider-controller ul li:hover::after{background:#707070}.homepage-banner.black .simple-btn .r-cover{background:#ffffff}.homepage-banner.black .simple-btn p{color:red}.homepage-banner.black .action-container .p-text-1 h1,.homepage-banner.black .action-container .p-text-2 h1,.homepage-banner.black .action-container .p-text-3 h1{color:#ffffff}.homepage-banner .gesture-m{position:absolute;top:73px;width:100%;height:0px;padding-bottom:100%;display:none}@media only screen and (max-width: 1023px){.homepage-banner .gesture-m{display:block;top:62%;padding-bottom:32%}}@media only screen and (max-width: 767px){.homepage-banner .gesture-m{top:52%;padding-bottom:56%}}@media only screen and (max-width: 375px){.homepage-banner .gesture-m{padding-bottom:56%}}@media only screen and (min-width: 1921px){.homepage-banner{width:100%;max-width:100%}.homepage-banner .slider-container{border-radius:0px}}@media only screen and (max-width: 1920px){.homepage-banner{max-width:100%}.homepage-banner .slider-container{border-radius:0px}}@media only screen and (max-width: 1023px){.homepage-banner .action-container .circle-link-wrapper .circle-btn{border-color:red;margin-right:10px;padding:13px 20px;padding-right:40px}.homepage-banner .action-container .circle-link-wrapper .circle-btn span{color:#333}.homepage-banner .action-container .circle-link-wrapper .circle-btn .arrow-right{border:2px solid #333;border-width:0 2px 2px 0}}@media only screen and (max-width: 768px){.homepage-banner{margin-bottom:-30px}}@media only screen and (max-width: 767px){.homepage-banner{margin-bottom:-10px}}@media only screen and (max-width: 375px){.homepage-banner .action-container .circle-link-wrapper{margin-left:0px}.homepage-banner .action-container .circle-link-wrapper .circle-btn{padding:12px 16px;padding-right:32px;margin-right:3px}.homepage-banner .action-container .circle-link-wrapper .circle-btn .arrow-right{right:18px;top:49%}}.plan-tool-box,.four-column-character-box{background:#ffffff}.location-choice-box .component-title p{color:red}.location-choice-box .choice-container{margin-top:0px}.location-choice-box .component-title{margin-bottom:20px}@media only screen and (max-width: 375px){.tab-bar{width:calc(100% + 20px);margin-left:-10px}.tab-bar li{padding:0px 6px}.tab-bar li span{font-size:12px}}body.notice .homepage-banner{margin-top:100px}body.notice.notice-one .homepage-banner{margin-top:60px}@media only screen and (max-width: 1366px){body.ios .homepage-banner .gesture-m,body.android .homepage-banner .gesture-m{padding-bottom:30%;top:112px;display:block}}@media only screen and (max-width: 1024px){body.ios .homepage-banner .gesture-m,body.android .homepage-banner .gesture-m{padding-bottom:44%;top:73px}}@media only screen and (max-width: 1023){body.ios .homepage-banner .gesture-m,body.android .homepage-banner .gesture-m{top:62%;padding-bottom:32%}}@media only screen and (max-width: 768px){body.ios .homepage-banner .gesture-m,body.android .homepage-banner .gesture-m{padding-bottom:99%;top:73px}}@media only screen and (max-width: 767px){body.ios .homepage-banner .gesture-m,body.android .homepage-banner .gesture-m{top:52%;padding-bottom:56%}}@media only screen and (max-width: 375px){body.ios .homepage-banner .gesture-m,body.android .homepage-banner .gesture-m{padding-bottom:56%}}.gesture-m{display:none !important}@media only screen and (max-width: 1366px){.location-choice-box .circle-btn{padding-right:50px}}@media only screen and (max-width: 1024px){.location-choice-box .circle-btn{padding:15px 30px;padding-right:50px}}.plan-tool-box .top-bar h2{line-height:65px}@media only screen and (max-width: 1280px){.plan-tool-box .top-bar h2{line-height:32px}}@media only screen and (max-width: 1600px){.img-with-three-info-box .content-wrapper{height:740px}.img-with-three-info-box .content-wrapper .box-wrapper{height:390px}}@media only screen and (max-width: 1366px){.img-with-three-info-box .content-wrapper{height:630px}.img-with-three-info-box .content-wrapper .box-wrapper{height:340px}}@media only screen and (max-width: 1024px){.img-with-three-info-box .content-wrapper{height:630px}.img-with-three-info-box .content-wrapper .box-wrapper{height:300px;bottom:30px}}@media only screen and (max-width: 1023px){.img-with-three-info-box .content-wrapper{height:auto}.img-with-three-info-box .content-wrapper .main-title{position:relative;top:0px;left:0px;width:100%}.img-with-three-info-box .content-wrapper .box-wrapper{position:relative;display:block;width:100%;height:auto;padding:0px 0px;bottom:0px;margin-top:80px}.img-with-three-info-box .content-wrapper .box-wrapper .box{width:100%;margin-top:20px}.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child{width:100%}.img-with-three-info-box .content-wrapper .box-wrapper .box .title{margin-bottom:20px}.img-with-three-info-box .content-wrapper .box-wrapper .box .desc{position:relative;bottom:0px;left:0px;width:100%;min-height:0px}}@media only screen and (max-width: 767px){.img-with-three-info-box{padding:0px 0px !important;overflow:hidden}.img-with-three-info-box .content-wrapper{margin-top:0px;height:auto;border-radius:0px}.img-with-three-info-box .content-wrapper .bg,.img-with-three-info-box .content-wrapper .bg2{border-radius:0px;display:none}.img-with-three-info-box .content-wrapper .main-title{position:relative;top:0px;left:0px;width:100%;margin-bottom:34px}.img-with-three-info-box .content-wrapper .box-wrapper{height:auto;bottom:0;position:relative;flex-direction:column;padding:0px;margin-top:0px}.img-with-three-info-box .content-wrapper .box-wrapper .box,.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child{margin:0;width:100%;margin-bottom:20px}.img-with-three-info-box .content-wrapper .box-wrapper .box .desc,.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child .desc{position:relative;left:0px;bottom:0px;width:100%;min-height:auto;margin-top:70px}.img-with-three-info-box .content-wrapper .box-wrapper .box:last-child{margin-bottom:0px}.img-with-three-info-box .content-wrapper .top-bar .line,.img-with-three-info-box .content-wrapper .top-bar .arrow-btn{display:none}}@media only screen and (max-width: 550px){.img-with-three-info-box .content-wrapper{padding:43px 20px}}body.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:65px}@media only screen and (max-width: 767px){body.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:74px}}@media only screen and (max-width: 550px){body.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:57px}}@media only screen and (max-width: 500px){body.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:49px}}@media only screen and (max-width: 375px){body.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:41px}}@media only screen and (max-width: 767px){body.ios .homepage-banner .action-container .mobile-mode-all-text h1{line-height:64px}}@media only screen and (max-width: 550px){body.ios .homepage-banner .action-container .mobile-mode-all-text h1{line-height:49px}}@media only screen and (max-width: 500px){body.ios .homepage-banner .action-container .mobile-mode-all-text h1{line-height:44px}}@media only screen and (max-width: 375px){body.ios .homepage-banner .action-container .mobile-mode-all-text h1{line-height:37px}}@media only screen and (max-width: 767px){body.ios.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:73px}}@media only screen and (max-width: 550px){body.ios.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:56px}}@media only screen and (max-width: 500px){body.ios.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:50px}}@media only screen and (max-width: 375px){body.ios.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:42px}}@media only screen and (max-width: 767px){body.android .homepage-banner .action-container .mobile-mode-all-text h1{line-height:64px}}@media only screen and (max-width: 550px){body.android .homepage-banner .action-container .mobile-mode-all-text h1{line-height:49px}}@media only screen and (max-width: 500px){body.android .homepage-banner .action-container .mobile-mode-all-text h1{line-height:43.2px}}@media only screen and (max-width: 375px){body.android .homepage-banner .action-container .mobile-mode-all-text h1{line-height:36px}}@media only screen and (max-width: 767px){body.android.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:73px}}@media only screen and (max-width: 550px){body.android.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:56px}}@media only screen and (max-width: 500px){body.android.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:49.2px}}@media only screen and (max-width: 375px){body.android.zh_HK .homepage-banner .action-container .mobile-mode-all-text h1{line-height:40.8px}}.top-bar .block-bg{background:transparent;pointer-events:all}.service-plan-filter-box .tool-box .panel-popup-box .filter-popup-wrapper .action-face .drop-down-box{width:calc(100% + 20px)}body.ios .service-plan-filter-box .action-box .red-border-circle-btn span{line-height:15px !important}body.ios.zh_HK .service-plan-filter-box .action-box .red-border-circle-btn span{line-height:16px !important}.special-popup-box{border:2px solid red;position:fixed;box-sizing:border-box;padding:10px;background:#ffffff;border-radius:20px;bottom:30px;left:30px;z-index:9;box-shadow:0 0px 20px rgba(0,0,0,0.2);transition:all .5s;opacity:0;transform:translateY(20px);pointer-events:none}.special-popup-box .top-bar{position:absolute;left:50%;top:-20px;transform:translateX(-50%)}.special-popup-box .top-bar .title{display:block;background:red;padding:12px 20px;border-radius:30px;color:#ffffff;font-size:16px;line-height:1em;text-align:center}.special-popup-box .top-bar img.title{padding:0px;height:45px;width:auto}.special-popup-box .content-box{margin-top:20px;display:flex;flex-direction:row}.special-popup-box .content-box .image-box{display:flex;flex-direction:column;justify-content:center}.special-popup-box .content-box .image-box img.img-m{width:300px;display:none}@media only screen and (max-width: 767px){.special-popup-box .content-box .image-box img.img-m{display:block;margin:0 auto}}.special-popup-box .content-box .image-box img{width:520px;display:block}@media only screen and (max-width: 767px){.special-popup-box .content-box .image-box img{display:none}}.special-popup-box .content-box img{display:block}.special-popup-box .content-box .data-box{display:flex;flex-direction:column;justify-content:center;width:100%;margin-left:10px;text-align:center}@media only screen and (max-width: 650px){.special-popup-box .content-box .data-box{margin-left:0px}}.special-popup-box .content-box .data-box .content{max-width:200px;padding-top:20px;text-align:center;font-size:18px;font-family:"titling-gothic-fb-narrow",'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif;margin-bottom:10px}body.zh_HK .special-popup-box .content-box .data-box .content{font-family:'Noto Sans','Noto Sans TC',"MHei", "微軟正黑體", "Microsoft JhengHei", sans-serif}.special-popup-box .content-box .data-box .action-btn{display:block}.special-popup-box .content-box .data-box .action-btn span{display:inline-block;background:red;color:#ffffff;padding:18px 30px;border-radius:30px;transition:all .3s}.special-popup-box .content-box .data-box .action-btn:hover span{background:#AF050F}.special-popup-box .reamrk{width:100%;text-align:center;font-size:12px;margin-top:10px;margin-bottom:6px}.special-popup-box .reamrk:empty{display:none}.special-popup-box .close-btn{width:56px;height:56px;position:absolute;right:-5px;top:-5px;cursor:pointer}.special-popup-box .close-btn::before{position:absolute;content:"";width:100%;height:100%;transform-origin:center;background:#F6F6F6;border-radius:40px;transform:scale(0, 0);transition:all .3s}.special-popup-box .close-btn .cross-box{width:100%;height:100%;position:relative}.special-popup-box .close-btn .cross-box::before,.special-popup-box .close-btn .cross-box::after{position:absolute;left:27px;top:20px;content:' ';height:16px;width:2px;background-color:#333;transition:all .3s}.special-popup-box .close-btn .cross-box::before{transform:rotate(45deg)}.special-popup-box .close-btn .cross-box::after{transform:rotate(-45deg)}.special-popup-box .close-btn:hover::before{transform:scale(0.7, 0.7)}.special-popup-box .whole-box:hover .content-box .data-box .action-btn span{background:#AF050F}.special-popup-box.no-data .content-box .data-box{display:none}@keyframes PopShow{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0px);opacity:1}}@keyframes PopHide{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(20px);opacity:0}}.special-popup-box.show{pointer-events:all;-webkit-animation:PopShow .5s forwards;-moz-animation:PopShow .5s forwards;-o-animation:PopShow .5s forwards;animation:PopShow .5s forwards}.special-popup-box.hide{pointer-events:none;-webkit-animation:PopHide .5s forwards;-moz-animation:PopHide .5s forwards;-o-animation:PopHide .5s forwards;animation:PopHide .5s forwards}@media only screen and (max-width: 650px){.special-popup-box{width:324px;bottom:20px;left:20px;padding:10px}.special-popup-box .top-bar{width:auto}.special-popup-box .top-bar .title{padding:12px 14px;max-width:200px;white-space:nowrap}.special-popup-box .content-box{flex-direction:column;margin-top:10px}.special-popup-box .content-box img{width:100%}.special-popup-box .content-box .content{margin-top:10px}.special-popup-box .close-btn{top:-10px;right:-10px}.special-popup-box .close-btn:hover::before{transform:scale(0.5, 0.5)}}@media only screen and (max-width: 320px){.special-popup-box{width:calc(100% - 20px);bottom:10px;left:10px;padding:8px}.special-popup-box .content-box .image-box img.img-m{width:100%}}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2{background-color:rgba(0,0,0,0.2)}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2:hover{background-color:rgba(0,0,0,0.4)}@media only screen and (max-width: 1023px){.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2{background-color:rgba(0,0,0,0)}.homepage-banner .action-container .circle-link-wrapper .circle-btn.link-btn-2:hover{background-color:rgba(0,0,0,0)}}.homepage-banner.black .action-container .circle-link-wrapper .circle-btn.link-btn-2{background-color:rgba(255,255,255,0.4)}.homepage-banner.black .action-container .circle-link-wrapper .circle-btn.link-btn-2:hover{background-color:rgba(255,255,255,0.6)}