@charset "UTF-8";
@import "aos.css";

html{font-size:20px}
body{background:#fff;font-size:1rem;font-weight:300;line-height:1.6;font-family:"PingFang TC","SF Pro TC","SF Pro Text","Microsoft JhengHei","Helvetica Neue","Noto Sans CJK TC",Helvetica,Arial,sans-serif;color:#333;font-weight:normal}
header{max-width:1142px;margin:0 auto;font-size:1rem;-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}
section.footer a{color:rgba(0,0,0,0.8);font-size:.7rem}
.description,.language-text-slider span,.miniature,[date-scope=m-channel] .m-channel-list .m-channel-item .m-channel-content span.m-channel-price{color:rgba(0,0,0,0.8)}
#gotop{display:none;position:fixed;width:44px;height:44px;background:url(../images/top-icon.png);right:50px;bottom:50px;cursor:pointer;z-index:300;text-indent:-999px}
a{color:#209cff}
a:hover{color:#fade5e;text-decoration:none}
a:focus{text-decoration:none}
h1{text-align:center;padding:40px 0}
h3{line-height:1.4;font-weight:300;padding:10px;text-align:center}
h4{font-size:1rem;line-height:1.8;text-align:center}
.container{margin:0 auto;padding:0;}
#cht_wrapper{width:100%;background-color:#f6f6f6;margin:0 auto;padding:0;overflow-x:hidden}
#cht_wrapper .menu_nav{position:relative;margin:0 auto;background-color:#0981c6;font-size:1.2em}
.kv-zone{position:relative;width:100%;background-color:#cff;text-align:center;padding:0}
.content .tab{position:absolute;height:75px;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);border-bottom:0;z-index:29}
.content .tab a{color:#fff;font-size:0.9rem;border-bottom:0}
.tab.center-tab .tab-wrap{justify-content:space-around;line-height:3.7rem}
.tab.center-tab .tab-wrap-b{background:rgba(255,255,255,1);justify-content:space-around;width: 970px;margin: 0 auto !important;}
.tab .tab-wrap li.current a,.tab .tab-wrap li a:hover,.tab .tab-wrap li a.active{font-size:1rem;color:#fade5e}
.tab .tab-wrap-b li{width:220px;text-align:center}
.tab .tab-wrap-b a{color:#333}
.tab .tab-wrap-b a:hover{color:#000}
.tab.tab-sticky.is_stuck{background:none;height:90px;padding-top:0}
.tab.tab-sticky ul.tab-wrap li.active a,.tab.tab-sticky ul.tab-wrap li.active a.active,.tab.tab-sticky ul.tab-wrap li.active a.current,.tab.tab-sticky ul.tab-wrap li.current a,.tab.tab-sticky ul.tab-wrap li.current a.active,.tab.tab-sticky ul.tab-wrap li.current a.current{border-bottom:0;color:#209cff}
.tab.tab-sticky .tab-container-b ul.tab-wrap li a{color: #333}
.tab.tab-sticky .tab-container-b ul.tab-wrap li a:hover, .tab.tab-sticky .tab-container-b ul.tab-wrap li a.active {color: #209cff;}
#tab_1,#tab_2,#tab_3,#tab_4,#tab_5,#tab_6,#tab_22{display:block;position:relative;top:-75px;visibility:hidden}
.kv-banner{position:relative;background:#fff;background-size:cover;height:0;padding-top:31%}
#roaming-page-799 .kv-banner {background: #140c27;}
#roaming-page-399 .kv-banner {background: #70b192;}
.kv-topic{position:absolute;right:0;bottom:0;z-index:29}
section.promote-sec{background:#fff;margin-top:75px;padding-top:60px}
.mb-40{margin-bottom:40px}
.table_gp th,td{background-color:#fff;color:#333;padding:10px;text-align:center;vertical-align:middle}
th,td,th.sp{border:2px solid #fff;line-height:1.4rem}
.table_gp th{background-color:#333}
.table_gp td{background-color:#fff}
.table_gp th{color:#fff;font-weight:400}
.table_gp td:last-child{border-right:none}
td.t_btn{background-color:#209cff;color:#FFF}
.res-table{border-radius:0}
.res-table .fix-col{width:187px;overflow-x:hidden}
.res-table .scolling-col .p_table th.head,.res-table .scolling-col .p_table td.head{display:none}
.res-table .scolling-col{width:100%;margin-left:0;overflow-x:hidden}
.p_table{width:100%;display:table!important;white-space:nowrap}
.p_table th{color:#fff;text-align:center;line-height:2.6rem;font-size:1rem;font-weight:400}
.p_table a{text-decoration:underline}
hr{border:none;border-top:1px solid #333;opacity:.2;height:1px;background:transparent}
.owl-carousel{position:relative}
.owl-carousel button.owl-prev:focus, .owl-carousel button.owl-next:focus {outline: none;}
.owl-stage-outer{overflow:hidden}
.owl-carousel .owl-item img {width: 84%; margin: 0 auto;}
.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-theme .owl-nav .nav-circle-right{border:0;right:-30px;top:calc(50% - 38px)}
.owl-theme .owl-nav .nav-circle-left{border:0;left:-30px;top:calc(50% - 38px)}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;margin-top:-60px;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-dots .owl-dot span{background:#D6D6D6;display:block;width:12px;height:12px;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px;cursor:pointer}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#666}
.owl-theme .owl-dots .owl-dot{background:none;border:0;padding:0;display:inline-block;zoom:1}
.tab .tab-container{width:970px;max-width:none}
.tab .tab-container-b{width:auto;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.container-fluid{padding-top:3rem}
.container-light-a{position:relative;color:#111;background:#f6f6f6}
.container-dark-a{position:relative}
.container-dark-b{position:relative;background:#666}
.container-dark-c{position:relative;background:#82cbd1}
.container-dark-a h1,.container-dark-a h2,.container-dark-a h3,.container-dark-b h1,.container-dark-b h2,.container-dark-b h3{color:#fff;text-shadow:0 4px 8px #333;float:none}
.container-dark-a .product-notice,.container-dark-b .product-notice{background:rgba(0,0,0,0.1)}
.container-dark-a .accordian-content,.container-dark-b .accordian-content,.container-dark-a .accordian-content p,.container-dark-b .accordian-content p,.container-dark-a .accordian-content li,.container-dark-b .accordian-content li{color:#fff}
section.lighting-sec{padding:3.3rem 0}
h3{font-size:2.4rem;color:#333;padding:0;margin-top:0;margin-bottom:0;text-align:center;font-weight:700}
/*.lighting-sec h3{font-size:2.8rem}*/
.product{position:relative}
.light{padding:0 50px}
.light h3 span{padding:0 .5rem;background:rgba(255,255,255,0);background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,1) 50%,rgba(246,228,137,1) 50%,rgba(246,228,134,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(49%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,1)),color-stop(50%,rgba(246,228,137,1)),color-stop(100%,rgba(246,228,134,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,1) 50%,rgba(246,228,137,1) 50%,rgba(246,228,134,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,1) 50%,rgba(246,228,137,1) 50%,rgba(246,228,134,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,1) 50%,rgba(246,228,137,1) 50%,rgba(246,228,134,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(255,255,255,1) 50%,rgba(246,228,137,1) 50%,rgba(246,228,134,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6e486',GradientType=0)}
.light .product-card-d{margin-left:-40px}
.sweet-notice{line-height:1.8;font-size:1.1rem;color:#2e92c6;word-break:break-all;text-align:justify}
.sweet-notice ol,.net-notice ol{margin-top:2rem;text-align: justify;}
.sweet-notice ol li,.net-notice ol li{color:#111;font-size:.9rem;margin-bottom:4px}
.reveal-box{height:400px}
.reveal-box .reveal-action-more,.reveal-box .reveal-action-less{display:block}
.smart-home{padding:0 40px}
.owl-theme .owl-nav .nav-circle-left,.owl-theme .owl-nav .nav-circle-right{background:none;box-shadow:none;width:5rem;height:5rem;padding:0;right:-80px}
.owl-theme .owl-nav .nav-circle-left{left:-80px}
.owl-theme .owl-nav .nav-circle-left:hover,.owl-theme .owl-nav .nav-circle-right:hover{box-shadow:none}
.owl-theme .owl-nav .nav-circle-left .iconic,.owl-theme .owl-nav .nav-circle-right .iconic{width:38px;height:72px}
.owl-theme .owl-nav .nav-circle-left:hover .iconic,.owl-theme .owl-nav .nav-circle-right:hover .iconic{opacity:.8}
.owl-carousel.owl-drag .owl-item.active.center{opacity:1;transform:scale(1)}
.owl-theme .owl-nav .owl-prev,.owl-theme .owl-nav .owl-next{display:block;position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:36px;height:36px;background-color:rgba(255,255,255,0.8);border-radius:50%;-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.25);box-shadow:0 3px 10px rgba(0,0,0,0.25);cursor:pointer;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav .owl-prev:hover,.owl-theme .owl-nav .owl-next:hover{background:#fff;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.15);box-shadow:0 5px 20px rgba(0,0,0,0.15)}
.owl-theme .owl-nav .owl-prev{border:0;left:-30px;top:calc(50% - 38px)}
.owl-theme .owl-nav .owl-next{border:0;right:-30px;top:calc(50% - 38px)}
.owl-theme .owl-nav .owl-prev button, .owl-theme .owl-nav .owl-next button {font: initial;}
.owl-theme .owl-nav .owl-prev img,.owl-theme .owl-nav .owl-next img{opacity:.6}
.card{-webkit-box-shadow:none;box-shadow:none}
.card:hover{-webkit-box-shadow:0 0 .6rem rgba(0,0,0,0.25);box-shadow:0 0 .6rem rgba(0,0,0,0.25)}
.card.product{background:none;padding-bottom:1rem;min-height:500px}
.card.product .card-hover{position:absolute;background:#fff;top:0;left:0;bottom:0;height:100%;width:100%;text-align:center;display:none}
.card.product:hover .card-hover{display:block}
.button.button-gray{color:#666;background:transparent;-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.05);box-shadow:0 4px 8px rgba(0,0,0,0.05);border:1px solid #ccc}
.card.product:hover .card-hover a:hover{border-color:#209cff;color:#209cff}
/*.light-sec .vip-title h4:before{content:'';background:url(../images/icon-diamond.png) no-repeat;position:absolute;width:27px;height:25px;left:20px;top:15px}
.light-sec .old-title h4:before{content:'';background:url(../images/icon-smile.png) no-repeat;position:absolute;width:27px;height:25px;left:20px;top:12px}*/
.vip-title{margin:3rem 0 1rem;display:flex;justify-content:space-between;align-items:center}
.old-title{margin:1.6rem 0 1rem}
.vip-title h4,.old-title h4{font-size:1.2rem;text-align:left;font-weight:700;columns: #333333;;/*padding-left:2rem*/}
.vip-table .p_table{box-shadow:0 2px 8px #ccc}
.vip-table .p_table th{background:#666;border:1px solid #fff;height:3rem}
.vip-table .p_table th.head{border-color:#fff}
.vip-table .p_table td{background:none;border-color:#fff;color:#f83;border:1px solid #fff;font-size:1.3rem;height:3.2rem}
.vip-table .p_table td.head{background:#e9e9e9;color:#333;font-size:1rem}
.vip-btn,.vip-note{text-align:center}
.vip-btn,.vip-note a{font-size:.75rem;color:#666}
.vip-btn .btn-outline{background:none;border:2px solid #666;color:#666;box-shadow:none;font-weight:700;font-size:1rem;padding:.4rem 1.6rem;margin:0}
.vip-note{margin-top:1rem}
.big4g-roaming-sec{background:url(../images/big4g-roaming-bg-web.jpg) no-repeat;background-size:cover}
.big4g-roaming-sec .light h3 span{background:none}
.big4g-roaming-sec .light h3:after{content:'';background:url(../images/icon-fly.png) no-repeat;position:absolute;width:68px;height:77px;top:-10px}
.big4g-roaming-table{position:relative;margin-top:1.6rem}
.big4g-roaming-table .p_table th{border-color:#666}
.big4g-roaming-table-before.p_table,.big4g-roaming-table-after.p_table{box-shadow:none}
.big4g-roaming-table-before.p_table td,.big4g-roaming-table-after.p_table td{border:0;padding:0;height:30px}
.big4g-roaming-table-before{position:absolute;top:0;left:-10px;width:25px;display:block;box-shadow:none}
.big4g-roaming-table-after{position:absolute;top:0;right:-8px;width:25px;display:block;box-shadow:none}
.big4g-roaming-table-before .shadow-left{width:0;height:0;border-style:solid;border-width:0 26px 26px 0;border-color:transparent #002836 transparent transparent;display:inline-block}
.big4g-roaming-table-after .shadow-right{width:0;height:0;border-style:solid;border-width:26px 26px 0 0;border-color:#002836 transparent transparent;display:inline-block}
.big4g-roaming-table .p_table .p_table_normal_td{background:#fff;color:#333;font-size:1rem;padding:.4rem 0;line-height:1.2}
.big4g-roaming-table .p_table .p_table_normal_td del {margin-left: 0.4rem;}
.big4g-roaming-price{font-size:2.4rem}
.cs-qa{margin:2rem auto}
.cs-qa h3{text-decoration:underline;margin:1.6rem 0;font-size: 2.2rem}
.event_sec{background:url(../images/pack-bg-web.jpg) no-repeat fixed; background-size: cover;}
.event_sec .container>.row.mb-40 {padding: 0;}
.lighting-sec{background:url(../images/lighting-bg-web.jpg) no-repeat;background-size:cover}
.package-btn,.promote-btn{margin-top:1.8rem}
.lighting-btn{margin-top:1.5rem}
.package-btn .btn-outline,.promote-btn .btn-outline,.lighting-btn .btn-outline{font-size:1rem;padding:.6rem 2.6rem;margin-bottom: 1rem;}
.promote-btn .btn-outline:first-child {margin-right: 1rem;}
.package-btn .btn-outline,.lighting-btn .btn-outline{border:2px solid #fff;color:#fff; margin: 0 8px;}
.package-label,.promote-label{margin:0 0 2rem;text-align:center}
.package-label span,.promote-label span{font-size:smaller;margin-left:1.6rem}
.package-label{color:#fff;width:100%;margin:2.5rem 0 1.5rem;text-align:left}
.package-label ul{margin:0;padding:0}
.package-label ul li{list-style:none;color:#fff;margin-left:4.8rem}
.package-label .label-title{font-weight:400;line-height:1.6;margin-left:-4.8rem}
.promote-label span{color:#999}
.package-label .store-link{color:#fff;text-decoration:underline}
.lighting-label{margin:.8rem 0 0;font-size:1.2rem;color:#fff;text-align:center;text-shadow:0 2px 8px #333}
.lighting-label span{color:#f83}
.in-page-tab .content-center {padding: 0;}
.package-table{margin-top:0}
.package-table .p_table th{line-height:2.2rem}
.package-table .p_table td{background:rgba(0,0,0,0.5);color:#fff;font-size:1rem;padding:4px;height:3.2rem;line-height:1.2rem}
.package-table .p_table td.head{background:rgba(0,0,0,0.5);color:#fff}
.filter-tab .form-textual .old-discount{position:absolute;background:#efefef;text-align:center;margin:0;font-size:1.6rem;height:60px;width:210px;line-height:60px;border-radius:.6rem}
.filter-tab .form-textual .old-discount span{background:none!important;padding:0!important;font-size:2rem!important;color:#f83!important;margin-left:12px;line-height:60px}
#faq_sec h1{font-size:1.6rem;font-weight:800}
#faq_sec h3{font-size:1.4rem;font-weight:800;color:#000;margin:1rem 0}
#faq_sec section{padding-top:0}
.p_table select{padding:0 1.5rem 0 1rem;border:0}
.filter-tab .filter-container{padding-bottom:0;margin-top:0;height:3rem;box-shadow:0 0 .6rem rgba(0,0,0,0.25);-webkit-box-shadow:0 0 .6rem rgba(0,0,0,0.25)}
.filter-tab .form-textual{height:3rem}
.filter-tab .form-textual span{text-align:center;font-size:1rem!important;height:3rem!important}
.filter-tab .form-textual.month-pay,.filter-tab .form-textual.year-period{width:90rem}
.filter-tab.apply-filter.desktop-only .form-textual .sub-menu{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem .6rem;top:3.4rem}
.filter-tab.apply-filter.desktop-only .form-textual .sub-menu li{margin-bottom:.4rem;margin-right:.3rem}
.apply-filter .sub-menu-block .sub-menu a{cursor:pointer;color:#555;font-size:.8rem;-webkit-transition:all .1s;-o-transition:all .1s;transition:all .1s;display:inline-block;border:1px solid rgba(0,0,0,0.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:50px;padding:.1rem 1rem;text-align:center;background-size:24px;min-width:5.6rem;line-height:1.8}
.apply-filter .sub-menu-block .sub-menu a:hover{background:#fff;border:1px solid #209cff;color:#209cff}
.submit-select-section{background:#efefef;display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-wrap:nowrap}
.submit-select-section .filter-submit{width:100%;line-height:3rem;text-align:center;display:inline-block}
.submit-select-section a{color:#333;display:block}
.submit-select-section a:hover{color:#999}

.content .tab.pkg-4g-tab {position: relative; margin-bottom: 1rem; height: 60px; background: none; bottom: inherit;}
.content .tab.pkg-4g-tab .tab-container {width: auto;}
.content .tab.pkg-4g-tab .tab-wrap {justify-content: start; line-height: 54px;}
.content .tab.pkg-4g-tab a {font-size: 1rem; margin: 0; color: rgba(255,255,255,0.8); width: 28%; text-align: center; border: 3px solid rgba(255,255,255,0.4); border-radius: 12px 12px 0 0; border-bottom: 3px solid rgba(255,255,255,0.4);}
.content .tab.pkg-4g-tab a.current{color: rgba(255,255,255,1); border-bottom: 3px solid transparent;}
.content .tab.pkg-4g-tab a:hover {color: rgba(255,255,255,1);}
.content .tab.pkg-4g-tab span.tab-line {width: 4px; border-bottom: 3px solid rgba(255,255,255,0.4);}
.content .tab.pkg-4g-tab span.tab-other {width: 45%; border-bottom: 3px solid rgba(255,255,255,0.4);}

#event-float {position: fixed; width: 110px; height: 110px; background: url(https://web-eshop.cdn.hinet.net/eShop%20Images/Campaign%20edm/5gvalueaddplan/20200629__110x110_s.png); right: 90px; bottom: 200px; cursor: pointer; z-index: 300; text-indent: -999px;}
.fixed-block {z-index: 99;}
.fixed-action-area.always-on {z-index: 99;}
.fixed-action-area.always-on .button:visited {color: #fff;}

@media screen and (max-width: 767px) {
section#header{z-index:999}
section#header header{background:#fff}
.tab .tab-container:after{background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.9) 100%)}
#tab_1,#tab_2,#tab_3,#tab_4,#tab_5,#tab_6,#tab_22{top:-45px}
#gotop{bottom:10px;right:10px;background-size:cover;width:40px;height:40px}
.container{padding:0}
.promote-sec h3{font-size:1.4rem;text-align:center}
.owl-theme .owl-nav{display:none}
section.promote-sec{margin-top:45px}
.promote-label{margin-bottom:0;font-size:.8rem;margin-top:.4rem}
.promote-label span{margin-left:8px;display:block}
.package-label{width:100%;font-size:.8rem;margin:1.6rem 0}
.kv-banner{position:relative;height:0;padding-top:133%}
.kv-topic{position:absolute;right:0;top:0;z-index:29}
.col-xs-12{padding-right:0;padding-left:0}
.table_gp th,td{padding:5px}
.res-table .scolling-col{overflow-x:scroll;width:calc(100% - 113px)}
.p_table{font-size:.8rem}
h1{padding:20px 0}
h3{font-size:1.4rem;text-align:center}
h3 span{float:none}
.content .tab{height:auto;bottom:-3rem}
.tab .tab-container{width:auto}
.tab.tab-sticky.is_stuck{height:70px}
.tab.center-tab .tab-wrap{justify-content:left;line-height:3rem}
.tab.center-tab .tab-wrap-b{background:#fff; width: auto;}
.tab.tab-sticky.aos-animate .tab-wrap-b{background:rgba(255,255,255,1); width: auto;}
.row{margin-left:0;margin-right:0}
.container-fluid{margin-top:0}
.smart-home{padding:0}
.owl-theme .owl-dots{margin-top:-1rem}
.event_sec{background:url(../images/pack-bg-web.jpg) no-repeat scroll; background-size: cover;}
.light{padding:0 15px}
.sweet-notice{line-height:1.6;padding:0;font-size:.9rem}
.sweet-notice .row{padding:0;margin-bottom:0}
.sweet-notice ol{margin:20px 10px 20px 32px}
.sweet-notice ol li,.net-notice ol li{font-size:.8rem}
.p_table th{font-size:.8rem;line-height:1.6rem}
.light h3,.light h3 span{padding:0}
.vip-title{flex-direction:column;margin:1rem 0 0;padding:0}
.vip-title h4,.old-title h4{font-size:1rem;margin-bottom:1.5rem}
.vip-title h4 .vip-note {display: block;}
.old-title{margin:0;display:flex;justify-content:center;align-items:center}
.old-select{margin-left:-45px;margin-right:-45px}
.vip-table{margin-top:0;padding:0}
.vip-table .p_table td,.vip-table .p_table th{font-size:.8rem}
.vip-table .p_table td.head{font-size:.8rem}
.vip-note{line-height:1;z-index:1}
.vip-table .vip-btn{margin-top:1.6rem}
.lighting-sec h3{font-size:1.4rem}
.lighting-label{font-size:.8rem}
.big4g-roaming-table{margin-top:1rem}
.big4g-roaming-table .p_table .p_table_normal_td{font-size:.8rem}
.big4g-roaming-price{font-size:1.6rem}
.cs-qa{margin:1rem auto}
.cs-qa h3{font-size:1.2rem}
.cs-qa p{font-size:.75rem}
.cs-qa p span{display:block}
.old-discount{font-size:1.2rem}
.old-discount span{font-size:2.6rem}
.accordian-group .accordian-title,.accordian-group .accordian-content{font-size:.8rem;line-height:1rem}
.package-label span{display:block}
.package-table{margin-top:0;border:0}
.res-table .fix-col.package-table{width:140px}
.package-table .p_table{width:250%}
.package-btn .btn-outline,.promote-btn .btn-outline,.lighting-btn .btn-outline, .vip-btn .btn-outline{font-size:.9rem;padding:.4rem 3rem; margin: 0 0.4rem;}
.promote-btn .btn-outline:first-child {margin-right: 0; margin-bottom: 0.6rem;}
.grid-2-one-in-mobile.vip-btn .btn-outline {float: left; margin-bottom: .4rem; width: 45%; padding: 0.4rem; vertical-align: middle;}
.big4g-roaming-sec .light h3 span,.lighting-sec h3 span{display:block}
.big4g-roaming-sec .light h3:after{transform:scale(0.56) rotate(-30deg);right:15px;top:-20px}
.light-sec .vip-title h4:before{transform:scale(0.8);top:10px}
/*.vip-title h4,.old-title h4{padding-left:1.2rem}*/
.filter-tab.mobile-only .form-textual .old-discount{width:100px;height:50px;line-height:50px}
.filter-tab.mobile-only .form-textual .old-discount span{font-size:1.4rem!important;margin:0;display:block}
.package-btn, .promote-btn{margin-top:1rem}
.reveal-box .reveal-action-more,.reveal-box .reveal-action-less{display:block}
.reveal-box .reveal-action-less a{line-height:40px}
.filter-tab.mobile-only{z-index:99}
.filter-tab.mobile-only .form-textual span{padding-left:1rem;border:none;color:#333;cursor:pointer;background-position:right center;padding-right:calc(.3rem + 24px);background:url(https://www.cht.com.tw/home/eshop/img/form/arrow_down.svg) right .3rem center no-repeat;font-size:.8rem!important;height:2.6rem!important;line-height:2.6rem;white-space:nowrap}
.filter-tab.mobile-only .form-textual .form-check input[type=checkbox]{height:1.4rem}
.filter-tab.mobile-only .form-textual .form-check label{font-weight:400;font-size:.875rem;line-height:1.8}
.filter-tab.mobile-only .form-textual small{font-size:.8rem}
.filter-tab.mobile-only .form-textual .sub-menu{border:none;position:absolute;top:2.9rem;left:0;margin:0;padding:.4rem 1rem;width:100%;background:#fff;-webkit-box-shadow:0 .8rem 1rem rgba(0,0,0,0.1);box-shadow:0 .8rem 1rem rgba(0,0,0,0.1);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;z-index:12;display:block;height:0;opacity:0;-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);font-size:.875rem;display:none}
.filter-tab.apply-filter.mobile-only .form-textual .sub-menu-block{z-index:99}
.filter-tab.apply-filter.mobile-only .form-textual .sub-menu{padding:1rem .6rem}
.filter-tab.apply-filter.mobile-only .form-textual .sub-menu li{margin-bottom:.4rem;margin-right:.2rem}
.filter-tab.mobile-only .form-textual .sub-menu.one-third{width:374px}
.filter-tab.mobile-only .form-textual .sub-menu.one-forth{width:100%}
.filter-tab.mobile-only .form-textual .sub-menu li{font-size:.8rem;padding:0;border:none;list-style:none}
.filter-tab.mobile-only .form-textual .sub-menu a{display:block;padding:.5em 0;line-height:1.5;color:#333}
.filter-tab.mobile-only .form-textual .sub-menu a:hover{color:#209cff;text-decoration:none}
.filter-tab.mobile-only .form-textual:hover .sub-menu{display:flex;flex-wrap:wrap;justify-content:space-between;height:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);overflow:visible;z-index:99}
.filter-tab .filter-container{height:2.6rem;line-height:2.6rem}
.filter-tab .form-textual.month-pay,.filter-tab .form-textual.year-period{width:20rem}
.filter-tab .form-textual,.submit-select-section .filter-submit{height:2.6rem;line-height:2.6rem;font-size:.8rem}
.content .tab.pkg-4g-tab .tab-container:after, .content .tab.pkg-4g-tab .tab-wrap:after {display: none;}
.content .tab.pkg-4g-tab a {width: auto; font-size: 0.8rem;}

#event-float {width: 70px; height: 70px; background-size: cover; right: 0px; bottom: 60px;}
}

@media screen and (max-width: 350px) {
.container-fluid h1{font-size:1.4rem}
.container-fluid h3{font-size:1.2rem}
.btn-outline{font-size:.8rem!important}
.filter-tab.mobile-only .form-textual span{font-size:.7rem!important}
}