@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}body{height:100%;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}body.overflow{overflow:hidden}button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;appearance:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-clip:content-box!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}h1,h2,h3,h4,h5,h6{color:#0b0b0b;font-family:Montserrat,Noto Sans TC,sans-serif}button{background-color:#0000;border:0;cursor:pointer;margin:0;padding:0}button,input,select{outline:none}input::placeholder{color:#9b9b9b}.nowrap{white-space:nowrap}.clear{clear:both}@keyframes ripple{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shaking{0%{transform:translateX(0)}25%{transform:translateX(-8px) rotate(-30deg)}50%{transform:translateX(8px) rotate(30deg)}75%{transform:translateX(-8px) rotate(-30deg)}to{transform:translateX(0)}}@keyframes dot-carousel{0%{box-shadow:9980px 0 0 -1px #ffffff80,9999px 0 0 1px #fff,10018px 0 0 -1px #ffffff80}50%{box-shadow:10018px 0 0 -1px #ffffff80,9980px 0 0 -1px #ffffff80,9999px 0 0 1px #fff}to{box-shadow:9999px 0 0 1px #fff,10018px 0 0 -1px #ffffff80,9980px 0 0 -1px #ffffff80}}.animate-wrap{display:none;position:absolute}.loading .animate-wrap{display:block}.dot-carousel{animation:dot-carousel .8s linear infinite;background-color:#fff;border-radius:50%;box-shadow:9980px 0 0 0 #fff,9999px 0 0 0 #fff,10018px 0 0 0 #fff;color:#fff;height:8px;left:-9999px;position:relative;width:8px}.btn{align-items:center;border:0;border-radius:30px!important;cursor:pointer;display:inline-flex;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:18px!important;font-weight:500;justify-content:center;line-height:1;margin:0;min-height:45px;padding:12px 20px;position:relative;text-decoration:none;transition:all .5s ease}.btn.primary{background-color:#ef9528;color:#fff}.btn.primary:hover{background-color:#f37d16;color:#fff}.btn.outline,.btn.select-btn{border:2px solid #cf6b0d;color:#cf6b0d}.btn.outline:hover,.btn.select-btn:hover{background-color:#ef9528;border:2px solid #ef9528;color:#fff}.btn.select-btn{position:relative}.btn.select-btn.selected{background-color:#ef9528;border:2px solid #ef9528;color:#fff}.btn.select-btn.selected:before{content:"";font-family:nowicon;font-size:16px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.btn.secondary{background-color:#f1f1f1;color:#0b0b0b}.btn.secondary:hover{background-color:#c9c9c9}.btn.secondary:focus{background-color:#b1afaf}.btn:disabled,.btn[disabled]{opacity:.3;pointer-events:none}.btn.loading{background-color:#ef9528!important;color:#0000!important;pointer-events:none;transition:all .3s ease}.btn.success{border:0;border-radius:50%;box-shadow:inset 0 0 0 2px #ef9528;height:46px;min-width:auto;padding:0;width:46px}.btn.success:before{animation:ripple .3s ease-out .4s normal forwards;color:#fff;content:"";font-family:nowicon;font-size:18px;left:0;opacity:0;position:absolute;width:100%}.link{color:#cf6b0d;font-weight:400;position:relative;text-decoration:none}.link.underline{text-decoration:underline}.link:hover{font-weight:500}.link.arrow:after{content:"";font-family:nowicon;font-size:12px;position:relative;right:-6px}.link.new-window:after{content:"";font-family:nowicon;font-size:14px;position:relative;right:-8px}.link.warning{color:#b00020}.label-big-check{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;display:inline-block;left:0;margin:0;min-height:30px;padding:0 0 0 35px;position:relative;width:auto}.label-big-check input{display:none}.label-big-check .check-title{color:#4a4a4a;cursor:pointer;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:16px;font-weight:400;left:0;position:relative}.label-big-check input[type=checkbox]+.check-title:before,.label-big-check input[type=radio]+.check-title:before{background-color:#fff;border:1px solid #9b9b9b;border-radius:4px;color:#4a4a4a;content:"";display:inline-block;font-family:nowicon;height:24px;left:-35px;line-height:1;padding:6px 6px 0 0;position:absolute;top:-2px;width:24px}.label-big-check input[type=checkbox]:disabled+.check-title:before,.label-big-check input[type=radio]:disabled+.check-title:before{background-color:#eee}.label-big-check input[type=checkbox]:checked+.check-title:before,.label-big-check input[type=radio]:checked+.check-title:before{color:#4a4a4a;content:"";font-size:10px;position:absolute}.label-big-check[disabled]{pointer-events:none}.custom-select{position:relative;width:100%}.custom-select button.select-button{background-color:#fff;border:1px solid #9b9b9b;border-radius:4px;color:#9b9b9b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400;max-height:58px;padding:15px 20px;position:relative;text-align:left;width:100%}.custom-select button.select-button.withvalue{color:#0b0b0b}.custom-select button.select-button:after{color:#0b0b0b;content:"";font-family:nowicon;font-size:10px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s linear}.custom-select button.select-button.active:after{transform:translateY(-50%) rotate(180deg)}.custom-select button.select-button[disabled]{opacity:.3;pointer-events:none}.custom-select ul{background-color:#fff;box-shadow:0 12px 23px 0 #00000021;margin:10px 0 0;max-height:300px;opacity:1;opacity:0;overflow-y:scroll;padding:0;pointer-events:none;position:absolute;transition:all .2s ease;width:100%;z-index:2}.custom-select ul.show{margin:5px 0 0;opacity:1;pointer-events:all}.custom-select ul li{border-bottom:1px solid #e0e0e0;list-style:none;margin:0;padding:0;width:100%}.custom-select ul li:last-child{border-bottom:0;margin:0}.custom-select ul li button{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:0;padding:16px 24px;text-align:left;width:100%}.box{position:relative}.box input,.box input:not([type=checkbox]):not([type=submit]):not([type=file]):not([type=radio]),.box select,.box textarea{-webkit-appearance:none;appearance:none;background-color:#fff!important;border:none;border:1px solid #9b9b9b!important;border-radius:4px!important;color:#0b0b0b;display:block;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px!important;height:auto;outline:none;padding:15px 20px;width:100%}.box input:focus,.box input:not([type=checkbox]):not([type=submit]):not([type=file]):not([type=radio]):focus,.box select:focus,.box textarea:focus{border-color:#cf6b0d;outline:none}.box label{color:#9b9b9b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400;left:20px;pointer-events:none;position:absolute;top:16px;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.box input:focus~label,.box input:valid~label{background-color:#fff;color:#9b9b9b;left:16px;padding:0 5px;top:-13px}.box input:focus~label{color:#cf6b0d}.box p{color:#b00020;font-family:Barlow,Noto Sans TC,sans-serif;margin:6px 0 0}.container{margin:0 auto;max-width:1200px;padding:0 22px;width:100%}.modal-open{overflow:hidden;padding:0 15px 0 0}.modal-open .modal-wrapper{overflow-x:hidden;overflow-y:auto}.modal-wrapper{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;padding:22px;pointer-events:none!important;position:fixed;top:0;transition:all .2s ease;width:100%;z-index:2000}.modal-wrapper .modal-dialog{max-height:100vh;max-width:100%;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper{margin:0 auto;max-width:1200px;padding:48px 0;position:relative;top:20px;transition:all .3s ease;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper.sm{max-width:600px}.modal-wrapper .modal-dialog .modal-content-wrapper.md{max-width:900px}.modal-wrapper .modal-dialog .modal-content-wrapper .close-wrap{text-align:right}.modal-wrapper .modal-dialog .modal-content-wrapper .close-wrap .close-btn{margin:0 0 8px}.modal-wrapper .modal-dialog .modal-content-wrapper .close-wrap .close-btn button{align-items:center;color:#fff;display:inline-flex;font-family:Barlow,Noto Sans TC,sans-serif!important;font-size:16px!important}.modal-wrapper .modal-dialog .modal-content-wrapper .close-wrap .close-btn button img{height:24px;margin:0 0 0 5px;width:auto}.modal-wrapper.show{opacity:1;pointer-events:auto!important}.modal-wrapper.show .modal-dialog{pointer-events:all}.modal-wrapper.show .modal-content-wrapper{top:0}.terms-conditions{border-bottom:1px solid #d8d8d8;border-top:1px solid #d8d8d8;margin:80px 0 24px;padding:0}.terms-conditions h2{cursor:pointer;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:24px!important;font-weight:500;margin:0;padding:24px 0;position:relative}.terms-conditions h2:after{color:#9b9b9b;content:"";font-family:nowicon;font-size:12px;position:absolute;right:12px;top:34px;transition:transform .2s linear}.terms-conditions.active h2:after{color:#ef9528;transform:rotate(180deg)}.terms-conditions .content{display:none}.terms-conditions .content p{color:#4a4a4a;font-family:Barlow,Noto Sans TC,sans-serif;line-height:1.4;margin:16px 0}.terms-conditions .content p:first-child{margin-top:0}.terms-conditions .content p a{color:#cf6b0d}.terms-conditions .content p a:hover{font-weight:500}.error-template{text-align:center}.error-template .heading{margin:60px 0}.error-template .heading h2{font-size:36px;font-weight:500;margin:0 0 40px}.error-template .heading p{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400;line-height:1.4;margin:0 0 24px}.need-help-wrapper{background-color:#f7f7f7;display:none;margin:100px 0 0;padding:60px 0}.need-help-wrapper.show{display:block}.need-help-wrapper h2{font-size:28px;font-weight:500;margin:0 0 60px;text-align:center}.need-help-wrapper .options-wrap{align-items:flex-start;display:flex;flex-direction:row;justify-content:center}.need-help-wrapper .options-wrap .item{margin:0 60px}.need-help-wrapper .options-wrap .item a{text-align:center;text-decoration:none}.need-help-wrapper .options-wrap .item a .img-wrap{align-items:center;border:1.5px solid #0b0b0b;border-radius:50%;display:inline-flex;height:100px;justify-content:center;transition:all .5s ease;width:100px}.need-help-wrapper .options-wrap .item a .img-wrap img.phone{height:41px;width:auto}.need-help-wrapper .options-wrap .item a .img-wrap img.message{height:39px;width:auto}.need-help-wrapper .options-wrap .item a .img-wrap img.whatsapp{height:50px;width:auto}.need-help-wrapper .options-wrap .item a h4{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px!important;font-weight:400;margin:20px 0 0}body.sidebar-open{overflow-y:hidden}.sidebar{background:#fff;box-shadow:-1px 0 4px 0 #a9a3a3;height:100vh;max-width:380px;position:fixed;right:-100%;top:0;transition:all .3s ease;width:100%;z-index:9999}.sidebar .inner{height:100%;overflow-y:scroll;padding-bottom:150px;width:100%}.sidebar.active{right:0}.sidebar a,.sidebar a:focus,.sidebar a:hover{cursor:pointer;text-decoration:none}.sidebar .header{align-items:center;display:flex;flex-direction:row;height:55px;justify-content:space-between;padding:5px 18px;width:100%}.sidebar .lang-button{color:#4a4a4a;font-family:Montserrat,Noto Sans TC,sans-serif;min-width:50px}.sidebar .nav-close-button{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-size:14px;height:25px;justify-content:center;line-height:35px;position:relative;text-align:center;width:25px}.sidebar .button-wrapper{flex-direction:column;height:auto;justify-content:space-between;padding:5px 18px;z-index:10000}.sidebar .button-wrapper,.sidebar .button-wrapper .watch-button{align-items:center;display:flex;transition:all .5s ease;width:100%}.sidebar .button-wrapper .watch-button{background-color:#ef9528;border-radius:22px;border-radius:0;color:#fff;flex-direction:row;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:16px;font-weight:500;height:40px;justify-content:center;position:relative;text-decoration:none}.sidebar .button-wrapper .watch-button:active,.sidebar .button-wrapper .watch-button:hover{background-color:#f37d16}.sidebar .button-wrapper .sidemenu-watchlist{display:none;width:100%}.sidebar .button-wrapper .sidemenu-watchlist ul{margin:3px 0 0;padding:0;width:100%}.sidebar .button-wrapper .sidemenu-watchlist ul li{list-style:none;position:relative;width:100%}.sidebar .button-wrapper .sidemenu-watchlist ul li a{align-items:center;background-color:#f7f7f7;color:#0b0b0b;display:flex;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:14px;min-height:50px;padding:10px 18px;width:100%}.sidebar .button-wrapper .sidemenu-watchlist ul li a:focus{background-color:#ebebeb}.overlay{background-color:#0003;display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .5s ease;transition:all .5s ease-in-out;width:100vw;z-index:998}.overlay.active{display:block;opacity:1}footer{background-color:#231f20;margin-top:auto;padding:20px 0}footer .container{align-items:flex-end;color:#fff;display:flex;flex-direction:row;font-family:Barlow,Noto Sans TC,sans-serif;font-size:14px;justify-content:space-between}footer .container .links-wrapper .footer-links a{color:#fff;display:inline-block;margin:0;text-decoration:none}footer .container .links-wrapper .footer-links a:after{color:#fff;content:"|";margin:0 18px}footer .container .links-wrapper .footer-links a:last-child:after{content:"";margin:0}footer .container .links-wrapper .copyright{margin:10px 0 0}footer .container .hkt-logo img{height:14px;width:auto}.minisite-wrapper{position:relative}.minisite-wrapper .terms-wrapper{background-color:#333;border-top:9px solid #ef9528;padding:15px 22px}.minisite-wrapper .terms-wrapper p{color:#9e9e9e;font-family:Barlow,Noto Sans TC,sans-serif;font-size:14px;margin:0 0 14px}.minisite-wrapper .terms-wrapper p:last-child{margin:0}.minisite-wrapper .terms-wrapper a{color:#9e9e9e;text-decoration:underline}.minisite-wrapper .terms-wrapper a:hover{font-weight:500}@media screen and (max-width:991px){.need-help-wrapper{margin:80px 0 0;padding:40px 0}.need-help-wrapper h2{font-size:24px;margin:0 0 40px}.need-help-wrapper .options-wrap .item{margin:0 36px}.need-help-wrapper .options-wrap .item a .img-wrap{height:80px;width:80px}.need-help-wrapper .options-wrap .item a .img-wrap img.phone{height:35px;width:auto}.need-help-wrapper .options-wrap .item a .img-wrap img.message{height:33px;width:auto}.need-help-wrapper .options-wrap .item a .img-wrap img.whatsapp{height:43px;width:auto}.need-help-wrapper .options-wrap .item a h4{font-size:16px!important;margin:16px 0 0}footer{padding:30px 0}footer .container{align-items:center;flex-direction:column;justify-content:center;text-align:center}footer .container .links-wrapper .footer-links a{display:inline-block;margin:0 0 10px}footer .container .links-wrapper .footer-links a:after{margin:0 15px}footer .container .hkt-logo,footer .container .links-wrapper .copyright{margin:30px 0 0}}@media screen and (max-width:767px){.box input,.box input:not([type=checkbox]):not([type=submit]):not([type=file]):not([type=radio]),.box select,.box textarea,.btn{font-size:16px!important}.box label{font-size:16px}.box input:focus~label,.box input:valid~label{top:-10px}.custom-select{position:relative;width:100%}.custom-select button.select-button{font-size:16px}.custom-select button.select-button:after{font-size:9px}.custom-select ul li button{font-size:16px}.terms-conditions{margin-bottom:20px}.terms-conditions h2{font-size:20px!important;padding:20px 0}.terms-conditions h2:after{font-size:10px;top:28px}.terms-conditions .content p{font-size:14px}.terms-conditions .content label{line-height:1.4}.minisite-wrapper .terms-wrapper p{font-size:13px}.error-template .heading{margin:40px 0}.error-template .heading h2{font-size:28px}.error-template .heading p{font-size:16px;margin:0 0 20px}}@media screen and (max-width:575px){.sidebar{max-width:100%}.need-help-wrapper .options-wrap:has(>:nth-child(3)) .item{margin:0 20px}.need-help-wrapper .options-wrap:has(>:nth-child(3)) .item a h4{font-size:15px!important}}#main .arrowed-link:hover{color:#4a4a4a!important}#main .arrowed-link:active{color:#666}.nice-select:after{top:50%!important;transform:translateY(-50%)}#notice{box-shadow:0 1px 4px 0 #ababab;position:relative}#notice .close-notice{border:0;margin:0;padding:0;position:absolute;right:10px;top:15px}#notice .notice-img{height:58px}#change-bill-settings .close,#change-payment-method .close,#edit-communication .close,#see-subscription2 .close,.pack-details .close{position:absolute;right:0;top:0;z-index:1}@media(min-width:992px){.add-gray-bg-left{background:url(/my-account/static/media/bk-communication-website.f297fa05db586f8d7968.png) top repeat-y}}@media(max-width:1199px){.inner-titles *{position:relative}.inner-titles:before{background-color:#f7f7f7;content:"";display:block;height:100%;left:-100px;position:absolute;top:0;width:200px}}@media(max-width:991px){.add-min-height{min-height:0!important}.inner-titles{margin-left:-15px;margin-right:-15px;padding-left:30px!important;padding-right:30px!important;width:calc(100% + 30px)!important}}#change-bill-settings label,#change-payment-method label{width:200px}#change-bill-settings input,#change-payment-method input{display:inline-block;width:calc(100% - 200px)}#change-bill-settings .error-message,#change-payment-method .error-message{margin-left:200px}@media(max-width:575px){#change-bill-settings .error-message,#change-payment-method .error-message{margin-left:0}}#change-bill-settings .nice-select,#change-payment-method .nice-select{display:inline-block;vertical-align:middle;width:calc(100% - 200px)}#change-bill-settings select[name=expiry_date_month]+.nice-select,#change-bill-settings select[name=expiry_date_year]+.nice-select,#change-payment-method select[name=expiry_date_month]+.nice-select,#change-payment-method select[name=expiry_date_year]+.nice-select{width:100px}@media(max-width:575px){#change-bill-settings label,#change-payment-method label{text-align:left;width:100%}#change-bill-settings .nice-select,#change-bill-settings input,#change-payment-method .nice-select,#change-payment-method input{display:block;width:100%}#change-bill-settings select[name=expiry_date_month]+.nice-select,#change-bill-settings select[name=expiry_date_year]+.nice-select,#change-payment-method select[name=expiry_date_month]+.nice-select,#change-payment-method select[name=expiry_date_year]+.nice-select{display:inline-block;width:calc(50% - 19px)}}.modal-content{border-radius:none!important}.channel-logo{min-width:85px}.channel-logo img{max-width:85px}#main input:not([type=checkbox]):not([type=submit]):not([type=file]):not([type=radio]).bordered-input,button.bordered-input,textarea.bordered-input{background-color:#fff!important;font-size:18px!important}#phone-after label{margin-bottom:10px;width:50px}#phone-after input{width:calc(100% - 50px)}@media(max-width:767px){#phone-after .save-cancel{padding-left:50px;text-align:center}}@media(min-width:576px){#phone-after .error-message{margin-left:50px}}@media(max-width:575px){#phone-after input,#phone-after label{width:100%}#phone-after .save-cancel{padding-left:0}}#see-subscription .close{position:absolute;right:0;top:0;z-index:1}#see-subscription .app-img{max-width:85px;min-width:85px;width:85px}.add-border-right:after{content:"|";display:inline-block;margin:0 10px}section#your-apps .app-icon{max-height:85px;object-fit:scale-down}.account-head{cursor:pointer;position:relative}.account-head.no-click{cursor:inherit;pointer-events:none}.account-head.no-click+p{display:block!important}.account-head.no-click:after{opacity:0!important}@media(min-width:768px){.account-head{pointer-events:none}.account-head+p{display:block!important}}@media(max-width:767px){.account-head{padding-right:20px}.account-head:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAAXNSR0IArs4c6QAAALdJREFUKBVj5OXlTWVgYBD8/PlzF5AmCPj4+Dz//fvnxczGxubz////ViD94ffv3yfx6QRqsvj79+82RkbGXwwNDQ1MPDw8a7m5uf8CbQ/EpRGoSQWo7jUQ3wKqEwGrU1BQ4AAKHANq/gYyFV0zSCFIA0gjyAAUeVyShAwFG4LuHGK9AdNsAXIyyOlAPBnI/g+k81Cch4sDCiRQYEE19eNSh1UcqCkfaNMakHOxKsAn6ODgwIJLHgCqhDj/DwBXcQAAAABJRU5ErkJggg==);opacity:.5;position:absolute;right:0;top:50%;transform:translateY(-50%)}.account-head:hover:after{opacity:1}.account-head.active{color:#ef9528}.account-head.active:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAAXNSR0IArs4c6QAAARhJREFUKBVjYMAD/jc4sOCSZsIlcTGHL//im7Mr/jc0YFXDjE3jhWyBQAbGf3P//2fQfvXjBP+MUz93oqvDMO1iLp/Ff8a/S/8zMJ5kZGSc8u/f/wKQ7Xg1Xi3kUwEq3MzAwPiEi53HT1+kKJ+RkWHdf4b/fWBXIOlmhLFvFkuJfPvx5TgDw38BNjZGS+3+T3dAcvcbFDg+vHm3DyhuwMTI6KQ/+dMJkDhYIy5JkAIQABv688sxhv//BWGGMoJC7eKb3lVA+UCG/8whBlM/rAerRiNA3vj16/9xBkbG90BvWDFeyOarA/qhEeiMAv0pnyaiqUfhggLu3///+xj/M5xg+s/E+JyBkamckCaQCSD/MTMwBgNtvQoAlKl23vWiCYEAAAAASUVORK5CYII=);opacity:1!important}.account-head+p{display:none}.account-head:not(.active){margin-bottom:0!important}}@media(max-width:991px){.account-desc{padding-left:15px!important}}@media(max-width:767px){.account-desc{display:none}}.radio-wrapper{color:#333;cursor:pointer;font-family:Barlow,sans-serif;line-height:24px;margin-bottom:12px;padding-left:35px;position:relative;-webkit-user-select:none;user-select:none}.radio-wrapper input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.radio-wrapper input:checked~.checkmark{background-color:#000}.radio-wrapper input:checked~.checkmark:after{display:block}.radio-wrapper .checkmark{background-color:#eee;border-radius:50%;height:25px;left:0;position:absolute;top:0;width:25px}.radio-wrapper .checkmark:after{background:#fff;border-radius:50%;content:"";display:none;height:8px;left:9px;position:absolute;top:9px;width:8px}@media(max-width:1199px){#change-payment-method,#edit-communication,#see-subscription,#see-subscription2{padding-left:17px}.modal-xl{max-width:100%!important}}@media(max-width:767px){.accnt-section{padding-bottom:24px!important;padding-top:24px!important}}.notice{background:#f7f7f7;box-shadow:0 1px 4px 0 #ababab;padding:20px 0;position:relative}.notice .wrapper{display:flex;flex-direction:row;justify-content:flex-start;position:relative}.notice .wrapper .icon{height:auto;width:40px}.notice .wrapper .icon img{height:auto;max-width:100%}.notice .wrapper .message-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.notice .wrapper .message-wrapper .message{line-height:1.4;padding-left:35px}.notice .wrapper .message-wrapper .message h3{font-size:18px;font-weight:600;margin:0}.notice .wrapper .message-wrapper .message p{font-family:Montserrat,Noto Sans TC,sans-serif;font-size:18px;font-weight:500;margin:0}.notice .wrapper .message-wrapper .wrapper-options{margin-right:16px}.notice .wrapper .message-wrapper .wrapper-options .btn{padding:12px 30px}.notice .close-notice{align-items:center;background-color:#e6e6e6;border-radius:50%;display:inline-flex;height:26px;justify-content:center;position:absolute;right:8px;top:8px;width:26px}.notice .close-notice:after{content:"";font-family:nowicon;font-size:12px}h1,h2,h3,h4,h5,h6{margin:0}.myaccount-wrapper .heading{margin:60px 0;text-align:center}.myaccount-wrapper .heading h2{font-size:36px;font-weight:500;margin:0 0 10px}.myaccount-wrapper .heading h4{color:#4a4a4a;font-size:18px;font-weight:400;margin:0}.myaccount-wrapper .myaccount-section section{background:none;padding-bottom:70px;padding-top:70px;width:100%}.myaccount-wrapper .myaccount-section section:nth-child(2n-1){background:#f7f7f7}.myaccount-wrapper .myaccount-section section .container{display:flex;flex-direction:row;flex-wrap:wrap}.myaccount-wrapper .myaccount-section section .title{width:25%}.myaccount-wrapper .myaccount-section section .title h3{font-size:28px;font-weight:500;margin:0}.myaccount-wrapper .myaccount-section section .title p{color:#9b9b9b;font-family:Barlow,Noto Sans TC,sans-serif;margin:20px 0 0}.myaccount-wrapper .myaccount-section section .account-desc{font-family:Barlow,Noto Sans TC,sans-serif;padding-left:70px;width:75%}.myaccount-wrapper .myaccount-section section .account-desc .item{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;margin:0 0 40px}.myaccount-wrapper .myaccount-section section .account-desc .item:last-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item h5{color:#4a4a4a;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;font-weight:400;padding-right:12px;text-align:left;width:25%}.myaccount-wrapper .myaccount-section section .account-desc .item .information{display:flex;flex-direction:row;width:75%}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data{display:flex;flex-direction:column}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b{align-items:center;display:inline-flex;font-size:20px;font-weight:500;line-height:1.4;margin:30px 0 0;position:relative;top:-4px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b:first-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b.checked:after{align-items:center;background-color:#ef9528;border-radius:50%;color:#fff;content:"";display:inline-flex;font-family:nowicon;font-size:10px;height:20px;justify-content:center;margin:0 0 0 8px;position:relative;width:20px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b a.verify{display:inline-block;font-size:14px;margin:0 0 0 8px;position:relative;text-decoration:underline;top:2px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data a{cursor:pointer;display:inline-block;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:30px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data a.changeID.mobile{color:#9b9b99;display:none}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data a:first-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data.billdate{display:flex;flex-direction:row;width:100%}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data.billdate a{color:#0b0b0b;display:inline-block;margin:0 10% 0 0;text-decoration:underline}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data.billdate a:last-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data.billdate a:hover{font-weight:500}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box{display:none;width:75%}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box input{margin:0 0 16px;padding:12px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box p.error{color:#b00020;display:none;font-size:16px;margin:10px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box .cta-buttons{margin:16px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box .cta-buttons button{margin:0 20px 0 0;min-width:150px;padding:10px 20px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box .cta-buttons button:last-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information.address .box p.error{margin:0 0 16px}.myaccount-wrapper .myaccount-section section .account-desc .item .information.editMode .controls,.myaccount-wrapper .myaccount-section section .account-desc .item .information.editMode .data{display:none}.myaccount-wrapper .myaccount-section section .account-desc .item .information.editMode .box{display:block}.myaccount-wrapper .myaccount-section section .account-desc .item .information.addnew .controls{display:none}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls{display:flex;flex-direction:column;margin-left:24px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls label{color:#9b9b99;font-size:16px;font-weight:500}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls a{color:#9b9b99;display:inline-block;font-size:18px;margin:0 0 38px;text-decoration:none}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls a:last-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls a:hover{color:#4a4a4a}.myaccount-wrapper .myaccount-section section .account-desc .item .information .remark a{text-decoration:underline}.myaccount-wrapper .myaccount-section section .account-desc .other-links{border-top:2px solid #d8d8d8;display:flex;flex-direction:column;margin-top:50px;padding-top:40px}.myaccount-wrapper .myaccount-section section .account-desc .other-links a{align-self:flex-start;display:inline-block;font-size:18px;margin-bottom:30px}.myaccount-wrapper .myaccount-section section .account-desc .other-links a:last-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .single-links{font-size:18px}.myaccount-wrapper .myaccount-section .logout-wrapper{border-top:2px solid #d8d8d8;margin-bottom:100px;padding-top:30px;text-align:center}.myaccount-wrapper .myaccount-section .logout-wrapper .btn{color:#fff;display:inline-flex;min-width:180px;padding:0}.myaccount-wrapper.subpages{background:#f7f7f7;background:linear-gradient(90deg,#f7f7f7 40%,#fff 0);width:100%}.myaccount-wrapper.subpages .container{display:flex;flex-direction:row;flex-wrap:wrap}.myaccount-wrapper.subpages .section-title{background-color:#f7f7f7;min-height:100vh;padding:40px 40px 0 0;width:33.33%}.myaccount-wrapper.subpages .section-title h2{font-size:28px;font-weight:500;margin:0}.myaccount-wrapper.subpages .section-content{padding:40px 0 0 40px;width:66.66%}.myaccount-wrapper.subpages .section-content section{margin:0 0 60px}.myaccount-wrapper.subpages .section-content section h3{border-bottom:2px solid #0b0b0b;font-size:24px;font-weight:600;margin:0 0 32px;padding:16px;width:100%}.myaccount-wrapper.subpages .section-content section p.note{color:#666;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;margin:0}.myaccount-wrapper.subpages .section-content section .item{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 32px;padding:0 16px}.myaccount-wrapper.subpages .section-content section .item:last-child{margin:0}.myaccount-wrapper.subpages .section-content section .item .subscribed{width:80%}.myaccount-wrapper.subpages .section-content section .item .subscribed h4{color:#cf6b0d;cursor:pointer;display:inline-block;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:18px;font-weight:600;position:relative}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.show-pack-modal:hover{font-weight:700}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.combo{cursor:pointer}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.combo:hover{font-weight:700}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.combo:after{color:#4a4a4a;content:"";font-family:nowicon;font-size:12px;position:absolute;right:-16px;top:5px;transition:transform .2s linear}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.combo.active:after{color:#cf6b0d;transform:rotate(90deg)}.myaccount-wrapper.subpages .section-content section .item .subscribed a{color:#666;display:inline-block;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;font-weight:400;margin:0 0 0 8px}.myaccount-wrapper.subpages .section-content section .item .subscribed a:hover{font-weight:500}.myaccount-wrapper.subpages .section-content section .item .subscribed p{color:#666;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;margin:8px 0 0}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper{margin:16px 0 0}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul{moz-column-count:2;column-count:2;-webkit-column-count:2;margin:0;padding:0;width:100%}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li{font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;font-weight:500;line-height:1.4;list-style:none;margin:0 0 16px}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li a{color:#0b0b0b}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li b{color:#0b0b0b;font-weight:500}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li.stream{opacity:1;visibility:visible}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li.stream a{color:#666;display:inline-block;font-weight:400;margin:0 0 0 8px}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li.stream a:hover{font-weight:500}.myaccount-wrapper.subpages .section-content section .item .subscribed.active .packs-wrapper ul,.myaccount-wrapper.subpages .section-content section .item .subscribed.has_stream .packs-wrapper ul{height:auto}.myaccount-wrapper.subpages .section-content section .item.vas{margin:16px 0 0}.myaccount-wrapper.subpages .section-content section .item.vas:first-child{margin:0}.myaccount-wrapper.subpages .section-content section .item.vas p{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:500;margin:0}.myaccount-wrapper.subpages .section-content section .item .cta-button button{color:#bb4142;font-family:Barlow,Noto Sans TC,sans-serif;font-size:14px;font-weight:400;text-decoration:underline}.myaccount-wrapper.subpages .section-content section .item .cta-button button:hover{font-weight:500}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper.hide{display:none}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item{align-items:center;justify-content:flex-start;margin:0 0 40px;width:50%}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item:nth-child(2n){padding-left:16px}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item .image{align-items:center;display:inline-flex;height:50px;margin:0 16px 0 0;width:70px}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item .image img{max-height:100%;max-width:100%}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item .channel h5{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:500;margin:0}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item .channel p{color:#828282;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;margin:12px 0 0}.myaccount-wrapper.subpages .section-content section.subscribed-channels button{min-width:180px}.myaccount-wrapper.subpages .section-content.initial h3{font-size:24px;font-weight:600}.myaccount-wrapper.subpages .section-content.initial h4{font-family:Montserrat,Noto Sans TC,sans-serif;font-size:18px;font-weight:500;margin:0 0 16px}.myaccount-wrapper.subpages .section-content.initial p.msg{color:#4a4a4a;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;font-weight:400;margin:16px 0 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper{margin:50px 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item{align-items:center;border-bottom:1px solid #d8d8d8;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:30px;padding-bottom:30px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item label{color:#4a4a4a;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;width:30%}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box{width:70%}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box b{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box a{color:#cf6b0d;display:inline-block;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;font-weight:400;margin:0 0 0 20px;text-decoration:underline}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box.month-year-wrap{align-items:center;display:flex}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box.month-year-wrap .month{min-width:100px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box.month-year-wrap span{display:inline-block;font-size:20px;margin:0 20px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box.month-year-wrap .year{min-width:150px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .notes{margin:40px 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .notes p{color:#9b9b9b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:14px;margin:0 0 16px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .notes p:last-child{margin:0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .cta-wrappers{display:flex;flex-direction:row;margin:40px 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .cta-wrappers button{margin:0 25px 0 0;min-width:180px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .cta-wrappers.border{border-top:1px solid #d8d8d8;padding-top:40px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option{margin:0 0 30px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option .label-big-check .check-title{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:500;margin:0 30px 0 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option .label-big-check input[type=checkbox]+.check-title:before,.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option .label-big-check input[type=radio]+.check-title:before{border-radius:50%;height:28px;padding:8px 0 0 8px;width:28px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option.col{display:flex;flex-direction:column;row-gap:16px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option.col label{align-self:flex-start}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .printed-bill{display:none}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .item{border:0;margin:0 0 20px;padding:0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .box{margin:16px 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .box .error{display:none}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .box p.error.show{display:block}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .btn{margin:0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .buffer{display:block;min-height:16px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .help-msg{font-family:Montserrat,Noto Sans TC,sans-serif;font-size:16px;line-height:1.5}.myaccount-wrapper.subpages .section-content.initial .offer-promotion{border-top:1px solid #d8d8d8;margin:40px 0 0;padding-top:40px}.myaccount-wrapper.subpages .section-content.initial .payment-history .item{display:flex;flex-direction:column;margin:0 0 32px;width:100%}.myaccount-wrapper.subpages .section-content.initial .payment-history .item h3{color:#cf6b0d;font-size:18px;font-weight:500;margin:0 0 8px}.myaccount-wrapper.subpages .section-content.initial .payment-history .item .data{display:flex;flex-direction:row;justify-content:space-between}.myaccount-wrapper.subpages .section-content.initial .payment-history .item .data p{color:#666;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;margin:0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section h4{font-family:Montserrat,Noto Sans TC,sans-serif;font-size:18px;font-weight:600;margin:0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .status{color:#4a4a4a;display:flex;flex-direction:row;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:10px 0 0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .status b{font-weight:500}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .status div{display:inline-block;margin:0 20px 0 0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper{border-top:2px solid #0b0b0b;margin:32px 0 0;padding:32px 0 0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0 0 32px}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item:last-child{margin:0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item .device{align-items:center;display:flex;flex-direction:row;font-family:Barlow,Noto Sans TC,sans-serif;justify-content:space-between;padding-right:20px;width:100%}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item .device .name{font-size:18px;font-weight:500;line-height:1.5}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item .device .device-status{font-size:16px}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper button{font-family:Barlow,Noto Sans TC,sans-serif;font-size:20px;white-space:nowrap}.myaccount-wrapper .checkbox-wrapper{margin:0 0 16px;position:relative;width:100%}.myaccount-wrapper .checkbox-wrapper input{display:none!important}.myaccount-wrapper .checkbox-wrapper label{background-color:#fff0!important;color:#4a4a4a;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;left:0!important;pointer-events:all;position:relative;top:2px!important}.myaccount-wrapper .checkbox-wrapper label input[type=checkbox]+.check-title:before,.myaccount-wrapper .checkbox-wrapper label input[type=radio]+.check-title:before{height:28px;padding:8px 0 0 8px;top:-4px;width:28px}.myaccount-wrapper .one-time-passcode-wrapper{display:none}.myaccount-wrapper .one-time-passcode-wrapper button{margin:0 0 16px;min-width:350px}.myaccount-wrapper .one-time-passcode-wrapper button:disabled,.myaccount-wrapper .one-time-passcode-wrapper button[disabled]{background-color:#bdbdbd;opacity:1;pointer-events:none}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper{background-color:#fff;border-radius:6px;padding:40px;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper h2{font-size:24px;font-weight:500;margin:0 0 25px;text-align:center}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper h4{color:#cf6b0d;font-size:18px;font-weight:600;margin:0 0 16px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper p{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:16px 0}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper p.note{color:#666;font-size:16px;margin:0}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .cta-buttons{margin:25px 0 0;text-align:center;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .cta-buttons button{margin:0 15px;min-width:180px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:24px 0}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item{margin:0 60px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a{text-align:center;text-decoration:none}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap{align-items:center;background-color:#f3f3f3;border:1.5px solid #0b0b0b;border-radius:50%;display:inline-flex;height:100px;justify-content:center;transition:all .5s ease;width:100px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap:hover{background-color:#fff}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap img.phone{height:41px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap img.message{height:39px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap img.whatsapp{height:50px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a h4{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px!important;font-weight:400;margin:20px 0 0}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper{background-color:#fff;border-radius:6px;padding:40px;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper h2{font-size:24px;font-weight:500;margin:0 0 25px;text-align:center}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper p{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:16px 0}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper p.note{color:#666;font-size:16px;margin:0}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:24px 0}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item{margin:0 40px}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a{text-align:center;text-decoration:none}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap{background-color:#f3f3f3;border:1.5px solid #0b0b0b;border-radius:50%;display:inline-flex;height:100px;justify-content:center;transition:all .5s ease;width:100px}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap:hover{background-color:#fff}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap img.phone{height:41px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap img.email{height:39px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap img.whatsapp{height:50px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a h4{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px!important;font-weight:400;margin:20px 0 0}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .heading{background-color:#f7f7f7;padding:25px 40px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .heading h2{font-size:28px;font-weight:500;margin:0}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper{background-color:#fff;padding:30px 40px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section{margin:0 0 40px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section:last-child{margin:0}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section h3{color:#cf6b0d;font-size:20px;font-weight:400;margin:0 0 20px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs{display:flex;flex-direction:row;flex-wrap:wrap}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item{align-items:center;display:flex;flex-direction:row;margin:0 0 20px;width:50%}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item .image{align-items:center;display:inline-flex;height:70px;justify-content:center;margin-right:10px;text-align:center;width:105px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item .image img{max-height:80%;max-width:80%}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item h5{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item p{color:#4a4a4a;font-family:Barlow,Noto Sans TC,sans-serif;font-size:16px;margin:0}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper{background-color:#fff;border-radius:6px;padding:40px;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper h2{font-size:24px;font-weight:500;margin:0 0 25px;text-align:center}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper p{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:25px 0;text-align:center}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper p b{font-weight:600}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper .cta-buttons{margin:25px 0 0;text-align:center;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper .cta-buttons button{margin:0 15px;min-width:180px}@media screen and (max-width:1920px){.myaccount-wrapper.subpages{background:#f7f7f7;background:linear-gradient(90deg,#f7f7f7 30%,#fff 0)}}@media screen and (max-width:1199px){.myaccount-wrapper .container{max-width:960px}.myaccount-wrapper .myaccount-section section .account-desc .item .information,.myaccount-wrapper .myaccount-section section .account-desc .item h5{width:100%}.myaccount-wrapper .myaccount-section section .account-desc .item h5{margin:0 0 10px}}@media screen and (max-width:991px){.myaccount-wrapper .container{max-width:720px}.myaccount-wrapper .notice .container{max-width:100%}.myaccount-wrapper .myaccount-section section .container{flex-direction:column}.myaccount-wrapper .myaccount-section section .title{margin:0 0 40px;width:100%}.myaccount-wrapper .myaccount-section section .title p{margin:10px 0 0}.myaccount-wrapper .myaccount-section section .account-desc{padding:0!important;width:100%}.myaccount-wrapper .myaccount-section section .account-desc .item{flex-direction:column}.myaccount-wrapper .myaccount-section section .account-desc .item h5{margin:0 0 8px;width:100%}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b{margin:20px 0 0;top:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data a{margin:20px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data a:first-child{margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data.billdate a{margin:0 10% 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls{margin:0 0 0 20px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls a{margin:0 0 32px}.myaccount-wrapper.subpages{background:#fff;min-height:75vh;overflow-x:hidden;position:relative}.myaccount-wrapper.subpages .container{flex-direction:column}.myaccount-wrapper.subpages .section-title{min-height:auto;padding:30px 0;position:relative;text-align:center;width:100%;z-index:1}.myaccount-wrapper.subpages .section-title:after{background-color:#f7f7f7;content:"";height:100%;left:-200px;position:absolute;top:0;width:200vw;z-index:-2}.myaccount-wrapper.subpages .section-content{padding:40px 0 0;position:relative;width:100%;z-index:1}.myaccount-wrapper.subpages .section-content.initial h3,.myaccount-wrapper.subpages .section-content.initial h4,.myaccount-wrapper.subpages .section-content.initial p{text-align:center}.myaccount-wrapper.subpages .section-content .form-wrapper .option.md-center{display:flex;justify-content:center}.myaccount-wrapper.subpages .section-content .form-wrapper .cta-wrappers{justify-content:center}.myaccount-wrapper.subpages .section-content .payment-history .item h3{text-align:left}}@media screen and (min-width:768px){.myaccount-wrapper .myaccount-section section .account-desc,.myaccount-wrapper .myaccount-section section .title p{display:block!important}}@media screen and (max-width:767px){.notice{padding:16px 0}.notice .wrapper .message-wrapper .message{padding-left:16px}.notice .wrapper .message-wrapper .message h3,.notice .wrapper .message-wrapper .message p{font-size:16px}.notice .wrapper .message-wrapper .wrapper-options{margin-right:12px;min-width:240px}.notice .wrapper .message-wrapper .wrapper-options .btn{padding:12px 16px;white-space:nowrap}.myaccount-wrapper .container{max-width:540px}.myaccount-wrapper .heading{margin:40px 0}.myaccount-wrapper .heading h2{font-size:25px}.myaccount-wrapper .heading h4{font-size:16px}.myaccount-wrapper .myaccount-section section{background:none;padding-bottom:0;padding-top:0;width:100%}.myaccount-wrapper .myaccount-section section .title{margin:0;padding:25px 0}.myaccount-wrapper .myaccount-section section .title h3{cursor:pointer;font-size:22px;padding-right:16px;position:relative}.myaccount-wrapper .myaccount-section section .title h3:after{color:#9b9b9b;content:"";font-family:nowicon;font-size:10px;position:absolute;right:0;top:8px;transition:transform .2s linear}.myaccount-wrapper .myaccount-section section .title p{display:none;font-size:14px;margin:6px 0 0}.myaccount-wrapper .myaccount-section section .account-desc{display:none;padding-bottom:30px!important}.myaccount-wrapper .myaccount-section section .account-desc .item{margin:0 0 30px}.myaccount-wrapper .myaccount-section section .account-desc .item h5{font-size:14px}.myaccount-wrapper .myaccount-section section .account-desc .item .information{flex-direction:column;width:100%}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b{font-size:18px;margin:12px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b.checked:after{font-size:8px;height:16px;margin:0 0 0 6px;width:16px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data b a.verify{top:1px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data a{font-size:16px;margin:12px 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .data a.changeID.mobile{color:#9b9b99;display:inline-block;margin:4px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box{width:100%}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box input{padding:12px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box p.error{font-size:14px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box .cta-buttons{display:flex;flex-direction:row;margin:16px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .box .cta-buttons button{margin:0 16px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls{margin:4px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls label{font-size:14px}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls a{font-size:16px;margin:0}.myaccount-wrapper .myaccount-section section .account-desc .item .information .controls a.changeID.desktop{display:none}.myaccount-wrapper .myaccount-section section .account-desc .other-links{margin:30px 0 0;padding:30px 0 0}.myaccount-wrapper .myaccount-section section .account-desc .other-links a{font-size:16px;margin:0 0 24px}.myaccount-wrapper .myaccount-section section .account-desc .single-links{font-size:16px}.myaccount-wrapper .myaccount-section section.active .title h3:after{color:#ef9528;transform:rotate(180deg)}.myaccount-wrapper .myaccount-section section.active .title p{display:block}.myaccount-wrapper.subpages .section-title h2{font-size:24px}.myaccount-wrapper.subpages .section-content{padding:30px 0 0}.myaccount-wrapper.subpages .section-content section{margin:0 0 40px}.myaccount-wrapper.subpages .section-content section h3{font-size:20px;margin:0 0 24px;padding:12px}.myaccount-wrapper.subpages .section-content section .item{margin:0 0 24px;padding:0 12px}.myaccount-wrapper.subpages .section-content section .item .subscribed{width:70%}.myaccount-wrapper.subpages .section-content section .item .subscribed h4{font-size:16px}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.combo{cursor:pointer}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.combo:hover{font-weight:700}.myaccount-wrapper.subpages .section-content section .item .subscribed h4.combo:after{font-size:11px;top:4px}.myaccount-wrapper.subpages .section-content section .item .subscribed h4 a{font-size:14px}.myaccount-wrapper.subpages .section-content section .item .subscribed p{font-size:14px;margin:6px 0 0}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper{margin:14px 0 0}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul{moz-column-count:1;column-count:1;-webkit-column-count:1}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li{font-size:14px}.myaccount-wrapper.subpages .section-content section .item .subscribed.active .packs-wrapper ul li{margin:0 0 14px}.myaccount-wrapper.subpages .section-content section .item.vas{margin:14px 0 0}.myaccount-wrapper.subpages .section-content section .item.vas p{font-size:16px}.myaccount-wrapper.subpages .section-content section .item .cta-button button{font-size:13px}.myaccount-wrapper.subpages .section-content section p.note{font-size:14px}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item{padding:0;width:100%}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item:nth-child(2n){padding-left:0}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item .channel h5{font-size:16px}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper .item .channel p{font-size:14px;margin:10px 0 0}.myaccount-wrapper.subpages .section-content section.subscribed-channels .wrapper:last-child .item:last-child{margin:0}.myaccount-wrapper.subpages .section-content.initial h3{font-size:20px}.myaccount-wrapper.subpages .section-content.initial h4{font-size:16px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper{margin:40px 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item{align-items:flex-start;flex-direction:column;margin-bottom:20px;padding-bottom:20px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item label{font-size:14px;margin:0 0 8px;width:100%}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box{width:100%}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box b{font-size:16px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .item .box a{font-size:14px;margin:0 0 0 16px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .notes{margin:30px 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .notes p{font-size:13px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .cta-wrappers{display:flex;flex-direction:column;margin:0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .cta-wrappers button{align-self:center;margin:20px 0 0;min-width:180px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .cta-wrappers.border{padding-top:0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option{margin:0 0 20px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option .label-big-check{margin:0 0 12px;min-height:24px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option .label-big-check .check-title{font-size:16px;margin:0 30px 0 0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option .label-big-check input[type=checkbox]+.check-title:before,.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option .label-big-check input[type=radio]+.check-title:before{height:24px;padding:6px 0 0 6px;width:24px}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option.col,.myaccount-wrapper.subpages .section-content.initial .form-wrapper .option.col label{margin:0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .printed-bill{display:none}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .item{border:0;margin:0 0 20px;padding:0}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billing-preference .help-msg{font-size:14px;line-height:1.4}.myaccount-wrapper.subpages .section-content.initial .offer-promotion{margin:30px 0 0;padding-top:30px}.myaccount-wrapper.subpages .section-content.initial .payment-history .item{margin:0 0 24px}.myaccount-wrapper.subpages .section-content.initial .payment-history .item h3{font-size:16px}.myaccount-wrapper.subpages .section-content.initial .payment-history .item .data{flex-direction:column}.myaccount-wrapper.subpages .section-content.initial .payment-history .item .data p{font-size:14px;margin:0 0 8px;text-align:left}.myaccount-wrapper.subpages .section-content.initial .payment-history .item .data p :last-child{margin:0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section h4{font-size:16px}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section h4 br{display:none}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .status{color:#4a4a4a;flex-direction:column;font-size:16px;margin:10px 0 0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .status b{font-weight:500}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .status div{display:inline-block;margin:0 0 5px}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper{border-top:2px solid #0b0b0b;margin:28px 0 0;padding:28px 0 0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item{align-items:flex-start}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item:last-child{margin:0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item .device{align-items:flex-start;flex-direction:column;padding-right:0}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item .device .name{font-size:16px}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper .item .device .device-status{font-size:14px}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper button{font-size:18px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper{padding:30px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper h2{font-size:20px;margin:0 0 18px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper h4{font-size:16px;margin:0 0 14px;text-align:center}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper p{font-size:16px;text-align:center}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper p.note{font-size:14px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .cta-buttons{display:flex;flex-direction:column-reverse;margin:0;text-align:center;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .cta-buttons button{align-self:center;margin:20px 0 0;min-width:180px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .cta-buttons button:only-child{margin:0}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options{margin:20px 0}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item{margin:0 40px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap{height:80px;width:80px}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap img.phone{height:35px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap img.message{height:33px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a .img-wrap img.whatsapp{height:43px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .cancel-auto-renew-wrapper .chat-options .item a h4{font-size:16px!important;margin:16px 0 0}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper{padding:30px}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper h2{font-size:20px;margin:0 0 18px}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper p{font-size:16px;text-align:center}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper p.note{font-size:14px}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options{margin:20px 0}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item{margin:0 40px}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap{height:80px;width:80px}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap img.phone{height:35px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap img.email{height:33px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a .img-wrap img.whatsapp{height:43px;width:auto}.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item a h4{font-size:16px!important;margin:16px 0 0}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .heading{background-color:#f7f7f7;padding:20px 30px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .heading h2{font-size:24px;font-weight:500;margin:0}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper{background-color:#fff;padding:20px 30px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section{margin:0 0 30px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section h3{font-size:18px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item{margin:0 0 16px;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item .image{height:55px;width:85px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item h5{font-size:16px}.modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper section .catalogs .item p{font-size:14px}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper{padding:30px}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper h2{font-size:20px;margin:0 0 25px}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper p{font-size:16px;margin:25px 0 0}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper .cta-buttons{display:flex;flex-direction:column-reverse;margin:0;text-align:center;width:100%}.modal-wrapper .modal-dialog .modal-content-wrapper .manage-devices-alert-wrapper .cta-buttons button{align-self:center;margin:20px 0 0;min-width:180px}}@media screen and (max-width:600px){.notice{background:#f7f7f7;box-shadow:0 1px 4px 0 #ababab;padding:20px 0;position:relative}.notice .wrapper{display:flex;flex-direction:row;justify-content:flex-start;position:relative}.notice .wrapper .icon{height:auto;width:40px}.notice .wrapper .icon img{height:auto;max-width:100%}.notice .wrapper .message-wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-left:24px;width:100%}.notice .wrapper .message-wrapper .message{line-height:1.4;padding-left:0}.notice .wrapper .message-wrapper .wrapper-options{justify-content:center;margin:10px 0 0;min-height:45px;text-align:center;width:100%}.notice .wrapper .message-wrapper .wrapper-options .btn{left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%)}}@media screen and (max-width:500px){.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item{margin:0 30px}}@media screen and (max-width:430px){.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item{margin:0 20px}}@media screen and (max-width:390px){.modal-wrapper .modal-dialog .modal-content-wrapper .payment-method-wrapper .chat-options .item{margin:0 10px}}#main{height:auto!important;min-height:auto!important}.App a:not([href]):not([tabindex]).link{color:#cf6b0d}@media(min-width:1200px){.App .myaccount-wrapper.subpages .container{margin:0 auto;max-width:1200px;padding:0 22px;width:100%}}@media(max-width:767px){.App .myaccount-wrapper .myaccount-section section .account-desc.closed{display:none}.App .myaccount-wrapper .myaccount-section section .account-desc.open{display:block}}.App .myaccount-wrapper.subpages .logout-wrapper{border-top:2px solid #d8d8d8;margin-bottom:100px;padding-top:30px;text-align:center}.App .myaccount-wrapper.subpages .logout-wrapper .btn{min-width:180px}.App .myaccount-wrapper.subpages .section-content section .cancelled{-webkit-appearance:none;appearance:none;border-radius:0;font-size:13px;outline:none}.App .myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li a,.App .myaccount-wrapper.subpages .section-content section .item p a{text-decoration:underline}.App .myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li a:hover{color:#cf6b0d;text-decoration:underline}.App .myaccount-wrapper .notice{max-height:1000px;transition:transform .3s ease-in-out,max-height .3s ease-in-out}.App .myaccount-wrapper .notice.hide{max-height:0;overflow:hidden;padding:0;transform:translateY(-100%)}.App .myaccount-wrapper .myaccount-section .logout-wrapper{float:left;width:100%}.App .myaccount-wrapper .myaccount-section section .account-desc .item .information .box p.error.show{display:block}.App .myaccount-wrapper .myaccount-section section .account-desc .item .information .data b:first-child{text-wrap:wrap;display:block;max-width:500px}.App .myaccount-wrapper .myaccount-section section .account-desc .item:first-child .information:nth-child(n+3){margin-top:1rem}.App .myaccount-wrapper .myaccount-section section .account-desc .item:first-child .information .data{min-width:50%}.App .myaccount-wrapper .myaccount-section section .account-desc .item .subscribed .packs-wrapper ul .modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper{display:table}.App .myaccount-wrapper .myaccount-section section .account-desc .item .information.addnew .controls{display:block}.App .myaccount-wrapper .myaccount-section section .account-desc .item .information .box input:not([type=checkbox]):not([type=submit]):not([type=file]):not([type=radio]),.App .myaccount-wrapper .myaccount-section section .account-desc .item .information .box select,.App .myaccount-wrapper .myaccount-section section .account-desc .item .information .box textarea{border:1px solid #9b9b9b!important;border-radius:4px!important;font-size:inherit!important}.App .myaccount-wrapper .myaccount-section section .account-desc .item .information .box input{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #9b9b9b;border-radius:4px;color:#0b0b0b;display:block;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;height:auto;outline:none;padding:15px 20px;width:100%}.App .myaccount-wrapper .myaccount-section section .account-desc .item .information .controls a{cursor:pointer}.App .modal-wrapper .modal-dialog .modal-content-wrapper .pack-details .details-wrapper{display:table}.modal-wrapper.cancel-auto-renew.enquirycss .hero_banners{width:100%}.modal-wrapper.cancel-auto-renew.enquirycss .hero_banners img{height:auto;width:100%}.modal-wrapper.cancel-auto-renew.enquirycss .hero_banners img.mobile{display:none}.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper{min-height:340px;width:100%}.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper h2{font-family:Montserrat,Noto Sans TC,sans-serif}.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper h4{color:#0b0b0b;font-family:Montserrat,Noto Sans TC,sans-serif;font-size:1.5rem;margin:1rem auto auto}.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper .message{margin:30px 0 0}.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper .message p{color:#4a4a4a;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400;margin:0 0 15px;text-align:center}.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper .message p:last-child{margin:0}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper{align-items:flex-start;display:flex;justify-content:center;margin:60px auto 40px;max-width:100%;text-align:center}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .item{flex-direction:column;margin:0 45px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .item a{align-self:center;color:#0b0b0b;display:inline-flex;flex-direction:column;text-decoration:none}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .item a img{pointer-events:none!important}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon{align-items:center;background-color:#f3f3f3;border:1px solid #0b0b0b;border-radius:50%;display:inline-flex;height:105px;justify-content:center;transition:all .5s ease;width:105px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon:hover{background-color:#dadada}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon.livechat a{display:flex;height:100%;justify-content:center;width:100%}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.web{height:40px;width:auto}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.videochat{height:32px;width:auto}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.livechat{height:35px;width:auto}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.whatsapp{height:48px;width:auto}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.call{height:41px;width:auto}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.shop{height:35px;width:auto}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.location{height:40px;width:auto}.modal-wrapper.cancel-auto-renew.enquirycss section:not(#sliding-banner) .icons-wrapper h4,.modal-wrapper.cancel-auto-renew.enquirycss section:not(.sliding-banner) .icons-wrapper h4{font-family:Barlow;font-size:18px!important;font-weight:400;margin-top:20px;text-align:center}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper h4 span{color:#4a4a4a;font-size:14px}.modal-wrapper.cancel-auto-renew.enquirycss .sticky-section{display:none!important}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops{margin-top:60px;text-align:center}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops p{color:#0b0b0b;font-family:Barlow;font-weight:400;margin:0 0 15px}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops .links a{color:#0b0b0b;display:inline-block;font-family:Barlow;font-size:18px;margin:0 40px 15px;text-decoration:none}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops .links a i{margin:0;padding:0;position:relative;top:3px}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops .links a:hover{color:#cf6b0d;font-weight:500}.modal-wrapper.cancel-auto-renew.enquirycss .form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:40px}.modal-wrapper.cancel-auto-renew.enquirycss .form .group{margin-bottom:30px}.modal-wrapper.cancel-auto-renew.enquirycss .chat-area-wrap{display:none!important}@media screen and (max-width:991px){.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper{margin:50px 0 70px}}@media screen and (max-width:767px){.modal-wrapper.cancel-auto-renew.enquirycss .hero_banners{margin-bottom:40px}.modal-wrapper.cancel-auto-renew.enquirycss .hero_banners img.desktop{display:none}.modal-wrapper.cancel-auto-renew.enquirycss .hero_banners img.mobile{display:block}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper{margin:40px auto}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .item{margin:0 20px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon{height:85px;width:85px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.videochat{height:22px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.livechat{height:25px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.whatsapp{height:34px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.call{height:29px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.shop{height:25px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.location,.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .icon img.web{height:30px}.modal-wrapper.cancel-auto-renew.enquirycss section:not(#sliding-banner) .icons-wrapper h4,.modal-wrapper.cancel-auto-renew.enquirycss section:not(.sliding-banner) .icons-wrapper h4{font-size:16px!important;margin-top:8px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper h4 span{font-size:13px}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops{margin-top:30px;text-align:center}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops .links{display:flex;flex-direction:column;justify-content:center}.modal-wrapper.cancel-auto-renew.enquirycss .hkt-shops .links a{font-size:16px;margin:12px 0}}@media screen and (max-width:575px){.modal-wrapper.cancel-auto-renew.enquirycss .enquiry-wrapper{margin:30px 0 60px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper{align-items:center;flex-direction:column}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .item{margin:0 0 20px}.modal-wrapper.cancel-auto-renew.enquirycss .icons-wrapper .item:last-child{margin:0}}@media screen and (max-width:767px){.myaccount-wrapper .myaccount-section section .active .account-desc{display:block!important}.myaccount-wrapper .myaccount-section section .title h3.active:after{color:#ef9528;transform:rotate(180deg)}.myaccount-wrapper .myaccount-section section .account-desc .item:first-child .information:last-child{margin-top:.5rem}}.netflix-wrapper .chat-options .item a{cursor:pointer}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul{height:auto}.myaccount-wrapper.subpages .section-content section .item .subscribed .packs-wrapper ul li{height:auto;opacity:1;visibility:visible}.myaccount-wrapper.subpages .section-content.manage-devices-wrapper section .devices-wrapper button{text-wrap:nowrap}.myaccount-wrapper.subpages .section-content.initial .form-wrapper .billsettings.cta-wrappers.border{border:0!important;border-top:1px solid #d8d8d8!important}.App .myaccount-wrapper .myaccount-section section .account-desc .item:first-child .information .data.billmedia{min-width:0}.netflix-wrapper{margin:60px 0;text-align:center}.netflix-wrapper img.logo{height:55px;width:auto}.netflix-wrapper .message{color:#0b0b0b;margin:40px 0}.netflix-wrapper .message h4{font-family:Montserrat,Noto Sans TC,sans-serif;font-size:24px;font-weight:500;line-height:1.4}.netflix-wrapper .message p{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:16px 0}.netflix-wrapper .cta-buttons{align-items:center;display:flex;flex-direction:column}.netflix-wrapper .cta-buttons a{display:inline-block;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;margin:24px 0 0}.netflix-wrapper .preview-img{margin:40px 0}.netflix-wrapper .preview-img img{height:360px;width:auto}.netflix-wrapper .chat-options{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:40px 0}.netflix-wrapper .chat-options .item{margin:0 60px}.netflix-wrapper .chat-options .item a{text-align:center;text-decoration:none}.netflix-wrapper .chat-options .item a .img-wrap{align-items:center;border:1.5px solid #0b0b0b;border-radius:50%;display:inline-flex;height:100px;justify-content:center;transition:all .5s ease;width:100px}.netflix-wrapper .chat-options .item a .img-wrap img.phone{height:41px;width:auto}.netflix-wrapper .chat-options .item a .img-wrap img.message{height:39px;width:auto}.netflix-wrapper .chat-options .item a .img-wrap img.whatsapp{height:50px;width:auto}.netflix-wrapper .chat-options .item a h4{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px!important;font-weight:400;margin:20px 0 0}@media screen and (max-width:991px){.netflix-wrapper .chat-options .item{margin:0 40px}.netflix-wrapper .chat-options .item a .img-wrap{height:80px;width:80px}.netflix-wrapper .chat-options .item a .img-wrap img.phone{height:35px;width:auto}.netflix-wrapper .chat-options .item a .img-wrap img.message{height:33px;width:auto}.netflix-wrapper .chat-options .item a .img-wrap img.whatsapp{height:43px;width:auto}.netflix-wrapper .chat-options .item a h4{font-size:16px!important;margin:16px 0 0}}@media screen and (max-width:767px){.netflix-wrapper{margin:40px 0}.netflix-wrapper img.logo{height:46px}.netflix-wrapper .message{margin:30px 0}.netflix-wrapper .message h4{font-size:20px}.netflix-wrapper .message p{font-size:16px}.netflix-wrapper .cta-buttons a{font-size:16px;margin:20px 0 0}.netflix-wrapper .preview-img{margin:30px 0}.netflix-wrapper .preview-img img{height:300px}.netflix-wrapper .chat-options{margin:30px 0}}@media screen and (max-width:575px){.netflix-wrapper .chat-options:has(>:nth-child(3)) .item{margin:0 20px}.netflix-wrapper .chat-options:has(>:nth-child(3)) .item a h4{font-size:15px!important}}@keyframes spinner-border{to{transform:rotate(1turn)}}.loading-wrapper{align-items:center;display:flex;display:none;flex-direction:row;justify-content:center;position:relative}.loading-wrapper.show{display:flex}.loading-wrapper .spinner-border{animation:spinner-border .75s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid #0000;display:inline-block;height:52px;vertical-align:text-bottom;width:52px}.loading-wrapper .spinner-border .sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.max-wrapper{margin:60px auto;max-width:800px;text-align:center}.max-wrapper .logo{height:auto;margin:0;width:190px}.max-wrapper .name{margin:36px 0}.max-wrapper .name h2{font-family:Montserrat,Noto Sans TC,sans-serif;font-size:24px;font-weight:400;margin:0}.max-wrapper .message{margin:36px auto;max-width:600px;width:100%}.max-wrapper .message h2{font-size:24px;margin:0 0 36px}.max-wrapper .message h2,.max-wrapper .message h3{font-family:Montserrat,Noto Sans TC,sans-serif;font-weight:500}.max-wrapper .message h3{font-size:18px;margin:0}.max-wrapper .message p{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400;line-height:1.5;margin:0}.max-wrapper .cta-buttons{margin:0 0 36px}.max-wrapper .cta-buttons p{color:#0b0b0b;font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:400;margin:0 0 16px}.max-wrapper .cta-buttons p b{font-weight:600}.max-wrapper .cta-buttons .btn{min-width:320px}.max-wrapper .preview-img{text-align:center}.max-wrapper .preview-img img{height:auto;max-width:360px;width:100%}.max-wrapper .need-help{margin:0 0 36px}.max-wrapper .need-help h5{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px;font-weight:600;margin:0}.max-wrapper .need-help .chat-options{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:20px 0}.max-wrapper .need-help .chat-options .item{cursor:pointer;margin:0 60px}.max-wrapper .need-help .chat-options .item a{text-align:center;text-decoration:none}.max-wrapper .need-help .chat-options .item a .img-wrap{align-items:center;border:1.5px solid #0b0b0b;border-radius:50%;display:inline-flex;height:100px;justify-content:center;transition:all .5s ease;width:100px}.max-wrapper .need-help .chat-options .item a .img-wrap img.phone{height:41px;width:auto}.max-wrapper .need-help .chat-options .item a .img-wrap img.message{height:39px;width:auto}.max-wrapper .need-help .chat-options .item a .img-wrap img.whatsapp{height:50px;width:auto}.max-wrapper .need-help .chat-options .item a h4{font-family:Barlow,Noto Sans TC,sans-serif;font-size:18px!important;font-weight:400;margin:20px 0 0}.max-wrapper .status-content{display:none}.max-wrapper .underline{cursor:pointer;text-decoration:underline!important}@media screen and (max-width:991px){.max-wrapper .need-help .chat-options{margin:16px 0}.max-wrapper .need-help .chat-options .item{margin:0 40px}.max-wrapper .need-help .chat-options .item a .img-wrap{height:80px;width:80px}.max-wrapper .need-help .chat-options .item a .img-wrap img.phone{height:35px;width:auto}.max-wrapper .need-help .chat-options .item a .img-wrap img.message{height:33px;width:auto}.max-wrapper .need-help .chat-options .item a .img-wrap img.whatsapp{height:43px;width:auto}.max-wrapper .need-help .chat-options .item a h4{font-size:16px!important;margin:16px 0 0}}@media screen and (max-width:767px){.max-wrapper{margin:40px auto}.max-wrapper .logo{width:170px}.max-wrapper .name{margin:32px 0}.max-wrapper .name h2{font-size:20px}.max-wrapper .message{margin:32px auto}.max-wrapper .message h2{font-size:22px;margin:0 0 32px}.max-wrapper .message h3,.max-wrapper .message p{font-size:16px}.max-wrapper .cta-buttons{margin:0 0 32px}.max-wrapper .cta-buttons p{font-size:16px;margin:0 0 14px}.max-wrapper .preview-img img{max-width:320px}.max-wrapper .need-help{margin:0 0 32px}.max-wrapper .need-help h5{font-size:16px}.max-wrapper .need-help .chat-options{margin:16px 0}.max-wrapper .need-help .chat-options .item{margin:0 40px}.max-wrapper .need-help .chat-options .item a .img-wrap{height:80px;width:80px}.max-wrapper .need-help .chat-options .item a .img-wrap img.phone{height:35px;width:auto}.max-wrapper .need-help .chat-options .item a .img-wrap img.message{height:33px;width:auto}.max-wrapper .need-help .chat-options .item a .img-wrap img.whatsapp{height:43px;width:auto}.max-wrapper .need-help .chat-options .item a h4{font-size:16px!important;margin:16px 0 0}}
/*# sourceMappingURL=main.b20fdc16.css.map*/