/*! OFCA 5G Thematic Website | site stylesheet by Midas Design Associates Limited (www.midasdesign.com.hk) */
/* util: mixin */
/*! Flexible Grid System 5.5.3 | Scss | MIT License | flexible.gs */
/* base: color */
/* base: global */
html, body { font-family: 'Exo 2', sans-serif; font-size: 16px; color: #636363; background-color: #ffffff; margin: 0; padding: 0; }

main { padding-bottom: 60px; }

/*a { color: inherit; background-color: transparent; text-decoration: none; }*/



a {
    color: inherit; /* Inherit the text color */
    background-color: transparent; /* No background */
    text-decoration: underline; /* Keep it for accessibility */
    position: relative; /* For positioning the pseudo-element */
}

a::after {
    content: ''; /* Create a pseudo-element */
    display: block; /* Make it block-level */
    height: 1px; /* Height of the pseudo-element */
    background-color: transparent; /* Initially transparent */
    position: absolute; /* Position it absolutely */
    bottom: 0; /* Align to bottom of the link */
    left: 0; /* Start from the left */
    right: 0; /* Extend to the right */
}

/* Change the underline appearance on hover or focus */
a:hover::after,
a:focus::after {
    background-color: inherit; /* Change to the desired color */
}




p { line-height: 1.5; }

@media print { img { page-break-inside: avoid; } }

/* component: skip to main */
.skip-to-main:active, .skip-to-main:focus { position: absolute !important; top: 0; left: 0; padding: 10px; color: #000000; background: #34BBFF; z-index: 1000; }

/* component: to-top */
#to-top { position: fixed; right: 15px; bottom: 8%; text-align: right; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 10; cursor: pointer; }

@media print { #to-top { display: none !important; } }

@media screen and (max-width: 1170px) { #to-top { bottom: 13%; } }

#to-top.active { opacity: .6; }

#to-top.active:hover { opacity: 1; }

#to-top img { max-width: 80px; }

@media screen and (max-width: 1170px) { #to-top img { max-width: 50px; } }

/* component: breadcrumb */
.breadcrumb { list-style: none; margin: 0; padding: 0; }

.breadcrumb li { display: inline-block; font-size: 120%; }

.breadcrumb li + li:before { padding: 3px; content: '/\00a0'; }

/* component: menu overlay */
body.menu-opened .menu-overlay.active { display: none; }

@media screen and (max-width: 1170px) { body.menu-opened .menu-overlay.active { display: block; } }

.menu-overlay { position: fixed; top: 0; width: 100% !important; height: 100% !important; z-index: 1000; display: none; }

.menu-overlay.active { display: block; }

/* component: button */
.btn { padding: 13px 40px; border-radius: 30px; display: inline-block; -webkit-transition: all .5s; transition: all .5s; }

.btn:hover { opacity: .8; }

/* component: swiper */
.swiper-container { width: inherit; height: inherit; }

@media print { .swiper-container .swiper-wrapper { -webkit-transform: none !important; transform: none !important; }
  .swiper-container .swiper-wrapper .swiper-slide { width: 100% !important; display: none !important; }
  .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active { display: block !important; } }

.swiper-container .swiper-pagination.swiper-pagination-bullets { bottom: 40px; }

.swiper-container .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #ffffff; }

.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: .75; }

/* component: ab datepicker */
a.datepicker-button.ofca { padding: 0; border-radius: 0; }

a.datepicker-button.ofca:hover, a.datepicker-button.ofca:focus { opacity: 1; }

a.datepicker-button.ofca .glyphicon:after { color: #5b03ae; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 280%; content: '\f073'; }

div.datepicker-calendar.ofca { padding: 0; background-color: #ffffff; border: none; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

div.datepicker-calendar.ofca .pull-left { float: left; }

div.datepicker-calendar.ofca .pull-right { float: right; }

div.datepicker-calendar.ofca div.datepicker-month-wrap { background-color: #5b03ae; }

div.datepicker-calendar.ofca div.datepicker-month-fast-prev.disabled, div.datepicker-calendar.ofca div.datepicker-month-fast-next.disabled, div.datepicker-calendar.ofca div.datepicker-month-prev.disabled, div.datepicker-calendar.ofca div.datepicker-month-next.disabled { color: #999; }

div.datepicker-calendar.ofca div.datepicker-month-fast-prev.enabled:hover, div.datepicker-calendar.ofca div.datepicker-month-fast-prev.enabled:focus, div.datepicker-calendar.ofca div.datepicker-month-fast-next.enabled:hover, div.datepicker-calendar.ofca div.datepicker-month-fast-next.enabled:focus, div.datepicker-calendar.ofca div.datepicker-month-prev.enabled:hover, div.datepicker-calendar.ofca div.datepicker-month-prev.enabled:focus, div.datepicker-calendar.ofca div.datepicker-month-next.enabled:hover, div.datepicker-calendar.ofca div.datepicker-month-next.enabled:focus, div.datepicker-calendar.ofca div.datepicker-month:hover, div.datepicker-calendar.ofca div.datepicker-month:focus, div.datepicker-calendar.ofca button.datepicker-close:hover, div.datepicker-calendar.ofca button.datepicker-close:focus { color: #5b03ae; background-color: #ffffff; border-color: transparent; border: none; border-radius: 0; }

div.datepicker-calendar.ofca div.datepicker-month-prev, div.datepicker-calendar.ofca div.datepicker-month-next { position: relative; margin-top: 3px; padding-top: 0; color: #ffffff; }

div.datepicker-calendar.ofca div.datepicker-month-prev.disabled, div.datepicker-calendar.ofca div.datepicker-month-next.disabled { display: none; }

div.datepicker-calendar.ofca div.datepicker-month-prev .glyphicon, div.datepicker-calendar.ofca div.datepicker-month-next .glyphicon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

div.datepicker-calendar.ofca div.datepicker-month-prev .glyphicon:after, div.datepicker-calendar.ofca div.datepicker-month-next .glyphicon:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f053'; }

div.datepicker-calendar.ofca div.datepicker-month-prev .glyphicon:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f053'; }

div.datepicker-calendar.ofca div.datepicker-month-next .glyphicon:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f054'; }

div.datepicker-calendar.ofca div.datepicker-month { color: #ffffff; font-weight: normal; }

div.datepicker-calendar.ofca div.datepicker-month:hover { padding-top: 1px; color: #5b03ae; background-color: #ffffff; }

div.datepicker-calendar.ofca div.datepicker-month:after { margin-left: 5px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 100%; content: '\f0d7'; }

div.datepicker-calendar.ofca table.datepicker-grid:focus { outline: 1px dotted #999; }

div.datepicker-calendar.ofca tr.datepicker-weekdays { border-top: 1px solid #999; border-bottom: 1px solid #999; }

div.datepicker-calendar.ofca table.datepicker-grid th { background-color: #EEE; border: none; }

div.datepicker-calendar.ofca table.datepicker-grid td { border: none; color: #000; }

div.datepicker-calendar.ofca table.datepicker-grid td.month { height: 50px; font-size: 90%; }

div.datepicker-calendar.ofca table.datepicker-grid td.unselectable { color: #999; }

div.datepicker-calendar.ofca table.datepicker-grid td.curDay, div.datepicker-calendar.ofca table.datepicker-grid td.curMonth, div.datepicker-calendar.ofca table.datepicker-grid td.curYear { background-color: transparent; }

div.datepicker-calendar.ofca table.datepicker-grid td.empty { border: none; background-color: #F9F9F9; }

div.datepicker-calendar.ofca table.datepicker-grid td.selectable:hover, div.datepicker-calendar.ofca table.datepicker-grid td.selectable.focus { background-color: #f0f0f0; }

div.datepicker-calendar.ofca table.datepicker-grid td.empty:hover { background-color: #F9F9F9; }

div.datepicker-calendar.ofca button.datepicker-close { background-color: #522A3F; color: #FFF; border-color: #EEE; }

/* component: flip box */
.flip-box { position: relative; width: inherit; height: inherit; }

.flip-box .flip-box-inner { position: relative; width: 100%; height: 100%; }

.flip-box .flip-box-inner .front, .flip-box .flip-box-inner .back { width: inherit; height: inherit; }

.flip-box .flip-box-inner .back { position: absolute; top: 0; opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s; }

.flip-box.threed { -webkit-perspective: 1000px; perspective: 1000px; }

.flip-box.threed .flip-box-inner { -webkit-transition: -webkit-transform .8s; transition: -webkit-transform .8s; transition: transform .8s; transition: transform .8s, -webkit-transform .8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.flip-box.threed .flip-box-inner .front { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.flip-box.threed .flip-box-inner .back { position: absolute; width: 100%; height: 100%; top: auto; opacity: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.flip-box.threed.hover .flip-box-inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.flip-box.threed.hover .flip-box-inner .back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.flip-box.hover .back { opacity: 1; }

/* component: panel */
.panel .title { display: block; }

.panel.collpased .content { display: none; }

/* component: tab */
.tabs-heading { list-style: none; margin: 0; padding: 0; }

.tabs-heading li { display: inline-block; padding: 15px 50px 15px 0; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s; cursor: pointer; }

.tabs-heading li .separator:before, .tabs-heading li .separator:after { display: none; }

.tabs-heading li:last-of-type { padding-right: 0; }

.tabs-heading li.active { font-weight: bold; opacity: 1; }

.tabs-heading li.active .separator:before, .tabs-heading li.active .separator:after { display: block; }

.tabs-content > div { display: none; }

.tabs-content > div.active { display: block; }

/* component: responsive table */
@media screen and (max-width: 1170px) { .responsive-table .heading { display: none; } }

.responsive-table .row > div:nth-child(odd) { background: #f6f8f8; }

.responsive-table .row > div:nth-child(even) { background: #eeeeee; }

.responsive-table .row > div.empty { background: none; }

.responsive-table .row.center { text-align: center; }

@media screen and (max-width: 1170px) { .responsive-table .row.center { text-align: left; } }

.responsive-table .mobile-heading { display: none; }

@media screen and (max-width: 1170px) { .responsive-table .mobile-heading { display: inline-block; vertical-align: top; padding-right: 5px; } }

.responsive-table .padding { padding: 10px; }

/* component: news box */
.news-box { width: 33.33333%; }

@media print { .news-box { display: inline-block !important; width: 50% !important; left: auto !important; top: auto !important; -webkit-transform: none !important; transform: none !important; } }

@media screen and (max-width: 1170px) { .news-box { width: 50%; } }

@media screen and (max-width: 750px) { .news-box { width: 100%; } }

.news-box.long { width: 66.66667%; }

@media screen and (max-width: 1170px) { .news-box.long { width: 100%; } }

.news-box.long .content { width: 98%; margin: 0 1% 20px; }

@media print { .news-box.long .content { width: 98% !important; margin: 0 1% 20px !important; } }

@media screen and (max-width: 750px) { .news-box.long .content { width: 100%; margin: inherit; } }

.news-box.vertical .content { height: 600px; }

.news-box a { display: block; }

.news-box .content { width: 96%; height: 280px; margin: 0 2% 20px; background: #e7e7e7; border: 1px solid #e7e7e7; }

@media print { .news-box .content { width: 96% !important; margin: 0 2% 20px !important; } }

@media screen and (max-width: 750px) { .news-box .content { width: 100%; margin: 0 auto 20px; } }

.news-box .content .image { position: absolute; width: inherit; height: inherit; background-position: center; background-repeat: no-repeat; background-size: contain; overflow: hidden; }

.news-box .content .image iframe { position: relative; top: 50%; border: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; }

.news-box .content .date { position: absolute; width: 75px; padding: 5px 0; color: #ffffff; background: #5b03ae; text-align: center; font-style: italic; font-size: 80%; line-height: 170%; }

.news-box .content .date span { display: block; }

.news-box .content .date .day { font-style: normal; font-size: 150%; font-weight: bold; }

.news-box .content .detail { position: absolute; width: 80%; left: 50%; bottom: 1px; text-align: center; color: #000000; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }

.news-box .content .detail .label { color: #ffffff; background: #5b03ae; border: 1px solid #5b03ae; padding: 5px 20px; }

.news-box .content .detail .label.hide { visibility: hidden; }

.news-box .content .detail .label:hover { opacity: inherit; }

.news-box .content .overlay { position: absolute; top: 0; width: inherit; height: inherit; background: #e9e9e9; opacity: .7; }

/* component: muuri */
.muuri-grid { position: relative; }

@media print { .muuri-grid { height: auto !important; } }

.muuri-grid .item { position: absolute; z-index: 1; }

@media print { .muuri-grid .item { position: relative !important; } }

.muuri-grid .item.muuri-item-dragging { z-index: 3; }

.muuri-grid .item.muuri-item-releasing { z-index: 2; }

.muuri-grid .item.muuri-item-hidden { z-index: 0; }

.muuri-grid .item .item-content { position: relative; width: 100%; height: 100%; }

/* component: animated */
@media print { .animated { opacity: 1 !important; -webkit-animation: none !important; animation: none !important; } }

/* util: accessibility */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }

/* util: helper */
.container { max-width: 1280px; width: 100%; margin: 0 auto; }

.img-responsive { display: block; margin: 0 auto; max-width: 100%; height: auto; }

.img-responsive-coverage { display: block; margin: 0 auto; max-width: 95%; height: auto; }

/* { display: block; margin: 0 auto; max-width: 90%; height: auto; }*/

@media print { .img-responsive.print-force-max .img-responsive-coverage { max-width: 250px !important; } }

.vcenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.dim { width: inherit; height: inherit; background: #000000; opacity: .5; }

.section-title { font-size: 220%; line-height: 1.25; text-transform: uppercase; color: #000000; margin: 30px 0; } /* color: #000000; */

.section-title.center { text-align: center; }

.section-title .small { font-size: 80%; }

.separator { display: block; padding: 15px 0; font-size: 0; line-height: 0; }

.separator.opacity { opacity: .5; }

.separator.thick:before, .separator.thick:after { border-width: 6px; }

.separator.with-word { position: relative; display: inline; font-size: inherit; line-height: inherit; }

.separator.with-word:before { position: absolute; width: 20%; bottom: 0; }

.separator.with-word:after { position: absolute; width: 70%; bottom: 0; right: 0; }

.separator:before { width: 40px; display: inline-block; border-top: 3px solid #31c5cf; border-radius: 15px; content: ''; }

.separator:after { width: 120px; display: inline-block; margin-left: 15px; border-top: 3px solid #31c5cf; border-radius: 15px; content: ''; }

/* 
"text-align: justify;" => violet the "web accessibility"
.leading { color: #000000; font-size: 140%; line-height: 130%; text-align: justify; }  
*/
.leading { color: #000000; font-size: 140%; line-height: 130%;  }

.horizontal-line { width: 100%; border: 1px solid #31c5cf; background: none; }

.color-ulist { margin-left: 22px; padding: 0; list-style: none; }

.color-ulist li { text-indent: -8px; }

.color-ulist li:before { width: 8px; display: inline-block; color: #000000; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 50%; vertical-align: middle; content: '\f111'; }

.comfortable-list li { margin-bottom: 8px; }

.link-underline.hover-orange:hover { color: #f99f1c; }

.link-underline.hover-orange:hover span { border-color: #f99f1c; }

/*new add on 22/06/2021*/
.link-underline.hover-blue:hover { color: #31c5cf; }

.link-underline.hover-blue:hover span { border-color: #31c5cf; }
/*end*/
.link-underline span { padding-bottom: 1px; border-bottom: 1px solid #636363; }

@media print { .print-force-inline { display: inline !important; } }

/* layout: header */
body.sticky-player-opened header { z-index: 1005; }

@media screen and (max-width: 1170px) { body.sticky-player-opened header { z-index: 999; } }

body.menu-opened { overflow: hidden; }

@media screen and (max-width: 1170px) { body.menu-opened header { background: transparent; border-color: transparent; -webkit-transition: none; transition: none; z-index: 1100; } }

header { position: fixed; top: 0; width: 100%; padding-bottom: 25px; color: #ffffff; -webkit-transition: background-color .3s; transition: background-color .3s; z-index: 999; }

@media print { header { position: relative !important; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) !important; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) !important; } }

header.sticky { -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25); color: #475166; background: #ffffff; }

header.sticky .header-item .language-switcher, header.sticky .header-item .fontsize, header.sticky .header-item .search { color: #e0e0e0; }

header.sticky .header-item .menu-wrap > li:hover:after, header.sticky .header-item .menu-wrap > li.active:after { background: #34BBFF; }

@media screen and (max-width: 1170px) { header.sticky .header-item .menu-wrap > li:hover:after, header.sticky .header-item .menu-wrap > li.active:after { background: transparent; } }

@media screen and (max-width: 1170px) { header { padding-top: 20px; color: inherit; } }

header .logo { margin: 0; max-height: 75px; }

@media screen and (max-width: 750px) { header .logo { max-height: 50px; } }

header .menu-toggle { position: relative; display: none; }

header .menu-toggle .menu-toggle-switch { background: none; border: none; outline: none; cursor: pointer; }

header .menu-toggle .menu-toggle-switch.active .fas { opacity: 0; -webkit-transition: top .3s 0s, -webkit-transform .3s .3s; transition: top .3s 0s, -webkit-transform .3s .3s; transition: top .3s 0s, transform .3s .3s; transition: top .3s 0s, transform .3s .3s, -webkit-transform .3s .3s; }

header .menu-toggle .menu-toggle-switch.active .fas:first-of-type { opacity: 1; top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

header .menu-toggle .menu-toggle-switch.active .fas:last-of-type { opacity: 1; top: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

header .menu-toggle .menu-toggle-switch .fas { position: absolute; top: 10px; right: 0; line-height: 0; -webkit-transition: top .3s .3s, -webkit-transform .3s 0s; transition: top .3s .3s, -webkit-transform .3s 0s; transition: transform .3s 0s, top .3s .3s; transition: transform .3s 0s, top .3s .3s, -webkit-transform .3s 0s; }

header .menu-toggle .menu-toggle-switch .fas:first-of-type { top: 0; }

header .menu-toggle .menu-toggle-switch .fas:last-of-type { top: 20px; }

@media screen and (max-width: 1170px) { header .menu-toggle { display: inline-block; } }

@media print { header .header-item { display: none !important; } }

@media screen and (max-width: 1170px) { header .header-item { position: fixed; top: 0; left: 0; width: 100%; height: 100%; max-width: 280px; padding: 15px 30px 0; background: #ffffff; border-right: 1px solid #475166; overflow: auto; display: none; z-index: 9999; }
  header .header-item.active { display: block; } }

header .header-item .top-bar { list-style: none; margin: 15px 0; padding: 0; }

header .header-item .top-bar li { display: inline-block; }

@media screen and (max-width: 1170px) { header .header-item .top-bar li { display: block; margin: 5px 0; } }

header .header-item .language-switcher, header .header-item .fontsize, header .header-item .search { position: relative; }

header .header-item .language-switcher:hover .dropdown, header .header-item .language-switcher.focused .dropdown, header .header-item .fontsize:hover .dropdown, header .header-item .fontsize.focused .dropdown, header .header-item .search:hover .dropdown, header .header-item .search.focused .dropdown { display: block; }

header .header-item .language-switcher .icon .fa-stack, header .header-item .fontsize .icon .fa-stack, header .header-item .search .icon .fa-stack { font-size: 1.15em; }

header .header-item .language-switcher .icon .fa-stack .fa-stack-1x, header .header-item .fontsize .icon .fa-stack .fa-stack-1x, header .header-item .search .icon .fa-stack .fa-stack-1x { color: #2eb9c2; }

@media screen and (max-width: 1170px) { header .header-item .language-switcher .icon, header .header-item .fontsize .icon, header .header-item .search .icon { display: none; } }

header .header-item .language-switcher .dropdown, header .header-item .fontsize .dropdown, header .header-item .search .dropdown { position: absolute; width: 102px; margin: 0; padding: 5px 0 0; list-style: none; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.28); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.28); z-index: 10; display: none; }

header .header-item .language-switcher .dropdown li, header .header-item .fontsize .dropdown li, header .header-item .search .dropdown li { display: block; margin: 0; padding: 15px; color: #475166; background: #ffffff; font-size: 90%; text-align: left; }

header .header-item .search .dropdown { background:white; position: absolute; width: 102px; margin: 0; padding-top: 12px; padding-right: 0px; padding-bottom: 12px; padding-left: 12px; list-style: none; -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.28); box-shadow: 0 5px 8px rgba(0, 0, 0, 0.28); z-index: 10; display: none; }
header .header-item .search .dropdown li { display: block; margin: 0;  color: #475166; background: #ffffff; font-size: 90%; text-align: left; }
header .header-item .search.focused .dropdown { display: block; }
header .header-item .search .dropdown li { float:left;}

header .header-item .language-switcher .dropdown li + li, header .header-item .fontsize .dropdown li + li, header .header-item .search .dropdown li + li { border-top: 1px solid #dedede; }

header .header-item .language-switcher .dropdown li:hover, header .header-item .fontsize .dropdown li:hover, header .header-item .search .dropdown li:hover { color: #34BBFF; }

@media screen and (max-width: 1170px) { header .header-item .language-switcher .dropdown, header .header-item .fontsize .dropdown, header .header-item .search .dropdown { position: relative; display: block; width: 100%; margin: 0; -webkit-box-shadow: none; box-shadow: none; }
  header .header-item .language-switcher .dropdown li, header .header-item .fontsize .dropdown li, header .header-item .search .dropdown li { display: inline-block; margin: 5px 5px 5px 0; padding: 0; font-size: 100%; }
  header .header-item .language-switcher .dropdown li + li, header .header-item .fontsize .dropdown li + li, header .header-item .search .dropdown li + li { border-top: none; } }

.searchbox{width: 80%;}

@media screen and (max-width: 1170px) {  
   header .header-item .search .dropdown { position: relative; display: block; width: 100%; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; }
   header .header-item .search .dropdown li { display: inline-block; /*margin: 5px 5px 5px 0; padding: 0;*/ font-size: 100%; }
   header .header-item .search .dropdown li + li { border-top: none; float:left;} 
   header .header-item .search .dropdown li { float:left;}
   }
   


header .header-item .fontsize .dropdown { visibility: hidden; }

@media screen and (max-width: 1170px) { header .header-item .fontsize .dropdown { visibility: visible; } }

header .header-item .search .dropdown { width: 215px; right: 0; }

header .header-item .search .dropdown form { border: 1px solid #475166; } /*header .header-item .search .dropdown form li{ border: 1px solid #475166; }*/

header .header-item .search .dropdown form input { width: 82%; border: none; padding: 5px 0 5px 10px; }/*width: 100%;*/

header .header-item .search .dropdown form button { background: transparent; border: none; padding: 5px; cursor: pointer; }

header .header-item .menu-wrap { list-style: none; margin: 0; padding: 0; }

header .header-item .menu-wrap > li { display: inline-block; font-size: 112%; margin-left: 25px; }

@media screen and (max-width: 1170px) { header .header-item .menu-wrap > li { display: block; margin: 12px 0; }
  header .header-item .menu-wrap > li:hover:not(.active) { color: #475166 !important; } }

header .header-item .menu-wrap > li a { display: block; }

@media screen and (max-width: 1170px) { header .header-item .menu-wrap > li .fas { display: inline-block; float: right; } }

header .header-item .menu-wrap > li .sub-menu { position: absolute; width: 260px; list-style: none; margin: 0; padding: 10px 0 0; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.28); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.28); display: none; }

@media screen and (max-width: 1170px) { header .header-item .menu-wrap > li .sub-menu { position: relative; width: auto; -webkit-box-shadow: none; box-shadow: none; } }

header .header-item .menu-wrap > li .sub-menu li { display: block; font-size: 80%; padding: 15px; margin: 0; text-align: left; color: #475166; background: #ffffff; -webkit-transition: none; transition: none; }

@media screen and (max-width: 1170px) { header .header-item .menu-wrap > li .sub-menu li { margin: 0 0 0 15px; padding: 12px 0; } }

header .header-item .menu-wrap > li .sub-menu li + li { border-top: 1px solid #dedede; }

header .header-item .menu-wrap > li .sub-menu li:hover, header .header-item .menu-wrap > li .sub-menu li.active { font-weight: bold; }

header .header-item .menu-wrap > li.active { position: relative; }

@media screen and (max-width: 1170px) { header .header-item .menu-wrap > li.active { color: #000000; } }

header .header-item .menu-wrap > li.active:after { position: absolute; left: 0; bottom: -5px; width: 100%; height: 2px; background: #ffffff; content: ''; }

header .header-item .menu-wrap > li:hover { position: relative; }

header .header-item .menu-wrap > li:hover:after { position: absolute; left: 0; bottom: -5px; width: 100%; height: 2px; background: #ffffff; content: ''; }

header .header-item .menu-wrap > li:hover .sub-menu { display: block; }

@media screen and (max-width: 1170px) { header .header-item .menu-wrap > li:hover .sub-menu { display: none; } }

@media screen and (max-width: 1170px) { header .header-item .menu-wrap > li.open .sub-menu { display: block; } }

header .header-item .menu-wrap > li.focused .sub-menu { display: block; }

/* layout: page title */
.page-title { position: relative; background-color: #636363; background-image: url(../images/common/title-banner.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; margin-bottom: 100px; padding: 160px 0 60px; color: #ffffff; }

@media print { .page-title { margin-bottom: 40px !important; padding: 80px 0 30px !important; } }

@media screen and (max-width: 1170px) { .page-title { margin-bottom: 40px; } }

@media screen and (max-width: 750px) { .page-title { padding: 80px 0 30px; } }

.page-title .container { position: relative; }

.page-title .title { margin: 8px 0; font-size: 350%; font-weight: normal; }

@media print { .page-title .title { font-size: 250%; } }

@media screen and (max-width: 1170px) { .page-title .title { font-size: 250%; } }

.page-title .separator, .page-title .breadcrumb { display: inline-block; vertical-align: middle; }

.page-title .separator:before, .page-title .separator:after { border-color: #ffffff; }

.page-title .breadcrumb { margin-left: 10px; }

.page-title .icon { position: absolute; bottom: -150px; right: 55px; }

@media print { .page-title .icon { display: none !important; } }

@media screen and (max-width: 1170px) { .page-title .icon { display: none; } }

.page-title .icon img { max-width: 320px; }

/* layout: footer */
footer { background: #ebebeb; color: #000000; padding: 45px 0; }

@media screen and (max-width: 1170px) { footer .col { padding: 5px 0; } }

footer ul { list-style: none; margin: 0; padding: 0; font-size: 85%; }

footer ul li { display: inline-block; padding-right: 25px; }

@media print { footer ul li { padding: 0 10px !important; } }

@media screen and (max-width: 1170px) { footer ul li { padding: 0 10px; } }

footer p { margin: 0; padding: 0; font-size: 85%; }

footer a:hover { position: relative; }

footer a:hover:after { position: absolute; left: 0; bottom: -3px; width: 100%; height: 1px; background: #000000; content: ''; }

footer .wcag2aa a:hover:after { display: none; }

footer .wcag2aa img { max-width: 88px; vertical-align: middle; }

@media screen and (max-width: 750px) { footer .wcag2aa { display: block; padding-top: 10px; } }

/* page: home */
.home .hero-slider { width: 100%; height: 800px; }

.home .hero-slider .swiper-slide { position: relative; background-color: #636363; }

.home .hero-slider .swiper-slide figure { position: absolute; top: 0; margin: 0; width: 100%; height: inherit; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.home .hero-slider .swiper-slide .content-wrap { position: absolute; top: 50%; left: 50%; width: 100%; color: #ffffff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.home .hero-slider .swiper-slide .content-wrap .section-title { margin: 0; color: #ffffff; font-size: 250%; text-transform: none; }

.home .hero-slider .swiper-slide .content-wrap .img-responsive { max-height: 420px; }

.home .hero-slider .swiper-slide .content-wrap p { margin: 0; font-size: 120%; line-height: 1.8; }

@media screen and (max-width: 750px) { .home .hero-slider .swiper-slide .content-wrap p { font-size: 105%; } }

.home .hero-slider .swiper-slide .content-wrap p:lang(en) { line-height: 1.6; }

.home .hero-slider .swiper-slide .content-wrap p.large { font-size: 250%; }

@media print { .home .hero-slider .swiper-slide.slide1 .wrap > .col { width: 50%; } }

.home .hero-slider .swiper-slide.slide1 .section-title { font-size: 320%; font-weight: normal; }

@media screen and (max-width: 1170px) { .home .hero-slider .swiper-slide.slide1 .section-title { font-size: 220%; } }

.home .hero-slider .swiper-slide.slide1 p { margin: 5px 0 0; }

@media screen and (max-width: 1170px) { .home .hero-slider .swiper-slide.slide1 p { margin: 0 0 20px; } }

@media screen and (max-width: 750px) { .home .hero-slider .swiper-slide.slide1 p { line-height: 1.5; } }

.home .hero-slider .swiper-slide.slide1 .img-responsive { max-height: 550px; }

@media screen and (max-width: 1170px) { .home .hero-slider .swiper-slide.slide1 .img-responsive  { max-height: 380px; }
  .home .hero-slider .swiper-slide.slide1 .img-responsive :lang(en) { max-height: 280px !important; } }

@media screen and (max-width: 750px) { .home .hero-slider .swiper-slide.slide1 .img-responsive { max-height: 300px; }
  .home .hero-slider .swiper-slide.slide1 .img-responsive :lang(en) { max-height: 150px !important; } }

@media print { .home .hero-slider .swiper-slide.slide2 .section-title, .home .hero-slider .swiper-slide.slide4 .section-title { margin-top: 50px !important; } }

.home .hero-slider .swiper-slide.slide2 .section-title .separator:before, .home .hero-slider .swiper-slide.slide2 .section-title .separator:after, .home .hero-slider .swiper-slide.slide4 .section-title .separator:before, .home .hero-slider .swiper-slide.slide4 .section-title .separator:after { border-color: #dbad5d; }

@media print { .home .hero-slider .swiper-slide.slide3 .section-title { margin-top: 50px !important; } }

.home .hero-slider .swiper-slide.slide3 .section-title .separator:before, .home .hero-slider .swiper-slide.slide3 .section-title .separator:after { border-color: #fff200; }

.home .section { padding: 35px 0; }

@media print { .home .section .col.sm-1-1 { width: 33.33333%; } }

.home .section a { display: block; }

.home .section a .icon { position: relative; height: 370px; }

@media print { .home .section a .icon { height: auto !important; } }

@media screen and (max-width: 750px) { .home .section a .icon { height: auto; } }

.home .section a .icon .img-responsive  { -webkit-transition: all .3s; transition: all .3s; }

.home .section a .icon .img-responsive.base-station { position: absolute; bottom: 0; max-width: none; }

@media print { .home .section a .icon .img-responsive.base-station { position: relative !important; bottom: auto !important; max-width: none !important; max-height: 200px !important; } }

@media screen and (max-width: 750px) { .home .section a .icon .img-responsive.base-station { position: relative; bottom: auto; max-width: 100%; } }

.home .section a .title { font-size: 140%; }

@media print { .home .section a .title { font-size: 120% !important; } }

.home .section a:hover .img-responsive { -webkit-transform: scale(1.05); transform: scale(1.05); }

.home .section a:hover .img-responsive-coverage { -webkit-transform: scale(1.05); transform: scale(1.05); }

.home .video { padding: 25px 0 50px; background-color: #636363; background-image: url(../images/home/bg-video.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; }

.home .video .section-title { color: #ffffff; }

.home .video .section-title .separator:before, .home .video .section-title .separator:after { border-color: #fff568; }

.home .video .featured_video .player-wrap { text-align: center; }

@media screen and (max-width: 1170px) { .home .video .featured_video .player-wrap { margin-top: 0 !important; } }

.home .video .featured_video .player-wrap iframe { max-width: 680px; max-height: 383px; }

.home .video .featured_video .close { position: absolute; top: 0; right: 0; display: none; }

.home .video .featured_video .close .fas { font-size: 200%; color: #ffffff; cursor: pointer; }

.home .video .featured_video .placeholder { display: none; }

.home .video .featured_video.popup .player-wrap { position: fixed; top: 50%; left: 50%; width: 60%; padding: 35px 0 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1001; }

@media screen and (max-width: 1170px) { .home .video .featured_video.popup .player-wrap { width: 90%; } }

.home .video .featured_video.popup .player-wrap iframe { max-width: 100%; max-height: 690px; }

@media screen and (max-width: 1170px) { .home .video .featured_video.popup .player-wrap iframe { max-height: 535px; } }

@media screen and (max-width: 750px) { .home .video .featured_video.popup .player-wrap iframe { max-height: 300px; } }

.home .video .featured_video.popup .player-wrap .close { display: block; }

.home .video .featured_video.popup .placeholder { display: block; }

@media screen and (max-width: 1170px) { .home .video .featured_video.popup .placeholder { display: none; } }

.home .video .featured_video.sticky .player-wrap { position: fixed; top: 0; right: 0; width: 380px; height: 220px; z-index: 1001; }

@media screen and (max-width: 1170px) { .home .video .featured_video.sticky .player-wrap { position: relative; width: 100%; height: 535px; z-index: 1; } }

@media screen and (max-width: 750px) { .home .video .featured_video.sticky .player-wrap { height: 300px; } }

.home .video .featured_video.sticky .player-wrap iframe { height: inherit !important; }

.home .video .featured_video.sticky .close { display: block; right: 5px; }

@media screen and (max-width: 1170px) { .home .video .featured_video.sticky .close { display: none; } }

.home .video .featured_video.sticky .placeholder { display: block; }

@media screen and (max-width: 1170px) { .home .video .featured_video.sticky .placeholder { display: none; } }

.home .links { padding: 100px 0; background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 70%; overflow: hidden; }

@media print { .home .links .col { width: 45% !important; padding: 0 2.5% !important; } }

.home .links .section-title { margin: 0 0 10px 180px; text-align: left; }

@media print { .home .links .section-title { margin: 30px 0 30px 0 !important; text-align: center !important; } }

@media screen and (max-width: 1170px) { .home .links .section-title { margin: 30px 0 30px 0; text-align: center; } }

.home .links .section-title.news .separator:before, .home .links .section-title.news .separator:after { border-color: #f99f1c; }

.home .links .section-title.glossary .separator:before, .home .links .section-title.glossary .separator:after { border-color: #bcd858; }

.home .links .img-responsive  { -webkit-transition: all .3s; transition: all .3s; }

.home .links .img-responsive :hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

/* page: introduction */
.introduction-page main { background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 95%; }

.introduction-page .introduction { padding-bottom: 50px; }

@media print { .introduction-page .introduction { padding-bottom: 0 !important; } }

.introduction-page .introduction .head-icon { height: 383px; }

@media print { .introduction-page .introduction .head-icon { height: 180px !important; }
  .introduction-page .introduction .head-icon img { max-width: none !important; max-height: 180px !important; margin-left: 0 !important; } }

@media screen and (max-width: 1170px) { .introduction-page .introduction .head-icon { position: relative; height: 250px; }
  .introduction-page .introduction .head-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media screen and (max-width: 750px) { .introduction-page .introduction .head-icon { height: auto; }
  .introduction-page .introduction .head-icon img { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; } }

.introduction-page .introduction .separator { margin-left: -60px; margin-top: 120px; }

@media print { .introduction-page .introduction .separator { margin-left: auto !important; margin-top: auto !important; } }

@media screen and (max-width: 750px) { .introduction-page .introduction .separator { margin-left: auto; margin-top: auto; } }

.introduction-page .introduction .separator:before { width: 70px; }

.introduction-page .introduction .separator:after { width: 210px; }

.introduction-page .introduction .leading { max-width: 600px; }

@media screen and (max-width: 750px) { .introduction-page .introduction .leading { max-width: none; } }

.introduction-page .tabs-heading li:nth-of-type(2).active .separator:before, .introduction-page .tabs-heading li:nth-of-type(2).active .separator:after { border-color: #f99f1c; }

.introduction-page .tabs-heading li:nth-of-type(3).active .separator:before, .introduction-page .tabs-heading li:nth-of-type(3).active .separator:after { border-color: #6dcc65; }

.introduction-page #supply .leading { font-weight: normal; text-align: left; }

@media print { .introduction-page #supply .responsive-table > .col { width: 10%; } /*16.66667*/
  .introduction-page #supply .responsive-table > .col:nth-child(2) { width: 33.33333%; }
  .introduction-page #supply .responsive-table > .col .responsive-table > .col { width: 50%; }
  .introduction-page #supply .responsive-table > .col .responsive-table > .col:first-of-type, .introduction-page #supply .responsive-table > .col .responsive-table > .col:last-of-type { width: 100%; } }

.introduction-page #supply .responsive-table .mobile-only { display: none !important; }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .mobile-only { display: block !important; } }

.introduction-page #supply .responsive-table .heading-band { color: #000000; background: #A6A8AB; font-size: 250%; line-height: 2.07; }

@media print { .introduction-page #supply .responsive-table .heading-band { font-size: 150% !important; min-height: 82px !important; }
  .introduction-page #supply .responsive-table .heading-band:lang(en) { word-break: break-all !important; min-height: 112px !important; } }

.introduction-page #supply .responsive-table .heading-band:lang(en) { padding-top: 11.5%; padding-bottom: 11.5%; font-size: 155%; line-height: 150%; }

@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .heading-band:lang(en) { padding-top: 18%; padding-bottom: 18%; } } /*frequency band grey area padding-top: 60%; padding-bottom: 60%; */
@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .heading-band:lang(zh-Hant) { padding-top: 8%; padding-bottom: 8%; } } /*frequency band grey area padding-top: 60%; padding-bottom: 60%; */
/*.introduction-page #supply .responsive-table .heading-700  .heading-35{ color: #000000; background: #f89e1c; font-size: 250%; line-height: 2.07; }
.introduction-page #supply .responsive-table .heading-33{ color: #000000; background: #2ca7cc; font-size: 150%; line-height: 1.07; }*/
@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table  .heading-700 .heading-33 .heading-35:lang(en) { padding-top: 18%; padding-bottom: 18%; } } 
@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table  .heading-700 .heading-33 .heading-35:lang(zh-Hant) { padding-top: 8%; padding-bottom: 8%; } } 
@media print { .introduction-page #supply .responsive-table .heading-spectrum:lang(en) { min-height: 55px !important; } }

.introduction-page #supply .responsive-table .heading-condition { min-height: 36px; }

@media print { .introduction-page #supply .responsive-table .heading-condition { min-height: 55px !important; }
  .introduction-page #supply .responsive-table .heading-condition:lang(en) { min-height: 75px !important; } }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .heading-condition { min-height: auto; } }

@media print { .introduction-page #supply .responsive-table .heading-assignment, .introduction-page #supply .responsive-table .heading-cap, .introduction-page #supply .responsive-table .heading-invite { word-break: break-all !important; min-height: 35px !important; }
  .introduction-page #supply .responsive-table .heading-assignment:lang(en), .introduction-page #supply .responsive-table .heading-cap:lang(en), .introduction-page #supply .responsive-table .heading-invite:lang(en) { min-height: 55px !important; } }

.introduction-page #supply .responsive-table .heading-assignment:lang(en), .introduction-page #supply .responsive-table .heading-cap:lang(en), .introduction-page #supply .responsive-table .heading-invite:lang(en) { min-height: 36px; }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .heading-assignment, .introduction-page #supply .responsive-table .heading-cap, .introduction-page #supply .responsive-table .heading-invite { min-height: auto !important; } }

@media print { .introduction-page #supply .responsive-table .heading-assignment-date { min-height: 35px !important; }
  .introduction-page #supply .responsive-table .heading-assignment-date:lang(en) { min-height: 55px !important; } }

@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .heading-assignment-date:lang(en) { min-height: 36px; } }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .heading-assignment-date { min-height: auto !important; } }

@media print { .introduction-page #supply .responsive-table .heading-start-date { min-height: 35px !important; } }

.introduction-page #supply .responsive-table .heading-responsibility { min-height: 35px !important; }/*{ min-height: 90px; }*/

@media print { .introduction-page #supply .responsive-table .heading-responsibility { min-height: 195px !important; }
  .introduction-page #supply .responsive-table .heading-responsibility:lang(en) { min-height: 290px !important; } }

.introduction-page #supply .responsive-table .heading-responsibility:lang(en) { min-height: 145px; }

@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .heading-responsibility:lang(en) { min-height: 185px; } }

@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .heading-responsibility { min-height: 110px; } }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .heading-responsibility { min-height: auto !important; } }

.introduction-page #supply .responsive-table .heading-country { min-height: 38px; }

.introduction-page #supply .responsive-table .heading-country:lang(en) { min-height: 55px; }

@media print { .introduction-page #supply .responsive-table .heading-country { min-height: 55px !important; }
  .introduction-page #supply .responsive-table .heading-country:lang(en) { min-height: 110px !important; } }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .heading-country { min-height: auto; } }

.introduction-page #supply .responsive-table .title-26-28 { color: #000000; background: #f89e1c; font-size: 100%; line-height: 1.82; }

/*for 4.9*/
.introduction-page #supply .responsive-table .title-49 { color: #000000; background: #2ca7cc; font-size: 100%; line-height: 1.82; }
@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-49 .and, .introduction-page #supply .responsive-table .title-49  { display: none; } }
@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-49 .and, .introduction-page #supply .responsive-table .title-49  { display: none; } }
@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-49 .and, .introduction-page #supply .responsive-table .title-49  { display: none; } }
@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-49 .and, .introduction-page #supply .responsive-table .title-49  { display: none; } }
.introduction-page #supply .responsive-table .title-49 .additional { display: none; }
@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-49 .additional { display: inline-block; } }
@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-49 { text-align: left; padding: 10px; font-size: 150%; line-height: inherit; } }
.introduction-page #supply .responsive-table .title-49 .mobile-heading { vertical-align: baseline; }
@media screen and (max-width: 750px) { .introduction-page #supply .responsive-table .title-49 .mobile-heading:lang(en) { display: block; } }
.introduction-page #supply .responsive-table .title-49 .number { font-size: 220%; }
@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-49 .number { font-size: inherit; } }
@media print { .introduction-page #supply .responsive-table .title-49 .number { font-size: 160% !important; } }


/*end*/

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-26-28.title-26 .and, .introduction-page #supply .responsive-table .title-26-28.title-26 .title-28 { display: none; } }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-26-28.title-28 .and, .introduction-page #supply .responsive-table .title-26-28.title-28 .title-26 { display: none; } }

.introduction-page #supply .responsive-table .title-26-28 .additional { display: none; }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-26-28 .additional { display: inline-block; } }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-26-28 { text-align: left; padding: 10px; font-size: 150%; line-height: inherit; } }

.introduction-page #supply .responsive-table .title-26-28 .mobile-heading { vertical-align: baseline; }

@media screen and (max-width: 750px) { .introduction-page #supply .responsive-table .title-26-28 .mobile-heading:lang(en) { display: block; } }

.introduction-page #supply .responsive-table .title-26-28 .number { font-size: 220%; }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title-26-28 .number { font-size: inherit; } }

@media print { .introduction-page #supply .responsive-table .title-26-28 .number { font-size: 160% !important; } }

.introduction-page #supply .responsive-table .subtitle { color: #000000; background: #F47937; }

.introduction-page #supply .responsive-table .subtitle .mobile-heading { display: none; }

.introduction-page #supply .responsive-table .merge { padding: 10px; background: #eeeeee; line-height: 1.2; }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .merge { text-align: left; }
  .introduction-page #supply .responsive-table .merge .mobile-heading { display: block; } }

.introduction-page #supply .responsive-table .title1 { background: #f89e1c; } 

.introduction-page #supply .responsive-table .title2 { background: #2ca7cc; }

.introduction-page #supply .responsive-table .title1, .introduction-page #supply .responsive-table .title2 { padding-top: 111%; padding-bottom: 111%; font-size: 100%; color: #000000; }/*font color*/

@media print { .introduction-page #supply .responsive-table .title1, .introduction-page #supply .responsive-table .title2 { padding-top: 26%;  padding-bottom: 26% ; }/*padding-top: 26% !important; padding-bottom: 26% !important;*/
  .introduction-page #supply .responsive-table .title1:lang(en), .introduction-page #supply .responsive-table .title2:lang(en) { padding-top: 2% ; padding-bottom: 2%; } }/*padding-top: 2% !important; padding-bottom: 2% !important;*/

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title1, .introduction-page #supply .responsive-table .title2 { padding-top: 10px !important; padding-bottom: 10px !important; font-size: 150%; } } /*{ padding-top: 10px !important; padding-bottom: 10px !important; font-size: 150%; } }*/

.introduction-page #supply .responsive-table .title1:lang(en), .introduction-page #supply .responsive-table .title2:lang(en) { padding-top: 15.5%; padding-bottom: 15.5%; }/* { padding-top: 15.5%; padding-bottom: 15.5%; }*/

/*@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .title1:lang(en), .introduction-page #supply .responsive-table .title2:lang(en) { padding-top: 17%; padding-bottom: 17%; } }*/

@media screen and (max-width: 1280px) {  .introduction-page #supply .responsive-table .title2:lang(en) { padding-top: 5%; padding-bottom: 5%; } }/*4.9 band blue area padding-top: 17%; padding-bottom: 17%;*/

@media screen and (max-width: 1280px) {  .introduction-page #supply .responsive-table .title2:lang(zh-Hant) .title2:lang(zh-Hans) { padding-top: 5%; padding-bottom: 5%; } }/*4.9 band blue area padding-top: 17%; padding-bottom: 17%;*/

@media screen and (max-width: 1280px) {  .introduction-page #supply .responsive-table  .heading33:lang(en) { padding-top: 24%; padding-bottom: 24%; } }/*3.3 band blue area padding-top: 17%; padding-bottom: 17%;*/

@media screen and (max-width: 1280px) {  .introduction-page #supply .responsive-table  .title2:lang(zh-Hant)  { padding-top: 18%; padding-bottom: 18%; } }/*3.3 band blue area padding-top: 17%; padding-bottom: 17%;*/

@media screen and (max-width: 1280px) {  .introduction-page #supply .responsive-table  .title2:lang(zh-Hans)  { padding-top: 18%; padding-bottom: 18%; } }/*3.3 band blue area padding-top: 17%; padding-bottom: 17%;*/

@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .title1:lang(en) { padding-top: 24%; padding-bottom: 24%; } } /*700, 3.5 band orange area padding-top: 5%; padding-bottom: 5%;*/

@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .title1:lang(zh-Hant) { padding-top: 18%; padding-bottom: 18%; } } /*700, 3.5 band orange area padding-top: 5%; padding-bottom: 5%;*/

@media screen and (max-width: 1280px) { .introduction-page #supply .responsive-table .title1:lang(zh-Hans) { padding-top: 18%; padding-bottom: 18%; } } /*700, 3.5 band orange area padding-top: 5%; padding-bottom: 5%;*/

@media screen and (max-width: 750px) { .introduction-page #supply .responsive-table .title1 .mobile-heading:lang(en), .introduction-page #supply .responsive-table .title2 .mobile-heading:lang(en) { display: block; } }

.introduction-page #supply .responsive-table .title1 .number, .introduction-page #supply .responsive-table .title2 .number { display: block; font-size: 220%; }

@media print { .introduction-page #supply .responsive-table .title1 .number, .introduction-page #supply .responsive-table .title2 .number { font-size: 160% !important; } }

@media screen and (max-width: 1170px) { .introduction-page #supply .responsive-table .title1 .number, .introduction-page #supply .responsive-table .title2 .number { display: inline-block; font-size: 100%; } }

.introduction-page #trials .section-title .separator:before, .introduction-page #trials .section-title .separator:after { border-color: #f99f1c; }

.introduction-page #installation .section-title .separator:before, .introduction-page #installation .section-title .separator:after { border-color: #6dcc65; }

/* page: International */
.international .tabs-heading li:nth-of-type(2).active .separator:before, .international .tabs-heading li:nth-of-type(2).active .separator:after { border-color: #f99f1c; }

.international .tabs-heading li:nth-of-type(3).active .separator:before, .international .tabs-heading li:nth-of-type(3).active .separator:after { border-color: #6dcc65; }

.international #spectrum .color-ulist li:before { color: #31c5cf; }

.international #standardisation .section-title .separator:before, .international #standardisation .section-title .separator:after { border-color: #f99f1c; }

.international #standardisation .col:last-of-type { margin-top: 60px; }

.international #standardisation .color-ulist li:before { color: #f99f1c; }

.international #supply .section-title .separator:before, .international #supply .section-title .separator:after { border-color: #6dcc65; }

@media print { .international .usage-box-wrap > .col { width: 33.33333%; } }

.international .usage-box { position: relative; height: 550px; padding: 20px 30px; background: #d9d9d9; color: #000000; font-size: 120%; text-align: center; }

@media screen and (max-width: 750px) { .international .usage-box { height: auto !important; padding: 30px 25px; margin-bottom: 10px; } }

.international .usage-box:lang(en) { height: 620px; }

@media screen and (max-width: 1170px) { .international .usage-box:lang(en) { height: 660px; }
  .international .usage-box:lang(en) .subtitle { font-size: 120%; } }

@media print { .international .usage-box:lang(en) { height: 660px; }
  .international .usage-box:lang(en) .subtitle { font-size: 120%; } }

.international .usage-box.embb { background: -webkit-gradient(linear, left top, left bottom, from(#bcd530), to(#8cc63e)); background: linear-gradient(#bcd530, #8cc63e); }

.international .usage-box.urllc { background: -webkit-gradient(linear, left top, left bottom, from(#fbaf3f), to(#f7931d)); background: linear-gradient(#fbaf3f, #f7931d); }

.international .usage-box.mmtc { background: -webkit-gradient(linear, left top, left bottom, from(#80d4f7), to(#00b4f1)); background: linear-gradient(#80d4f7, #00b4f1); }

.international .usage-box .title { margin: 20px 0 0; font-size: 250%; }

.international .usage-box .subtitle { margin: 0 0 25px; font-size: 155%; font-weight: normal; }

.international .usage-box p { width: 85%; margin: 0 auto; }

@media screen and (max-width: 1170px) { .international .usage-box p { width: 100%; } }

@media print { .international .usage-box p { width: 100%; } }

.international .usage-box .btn { position: absolute; left: 50%; bottom: 35px; border: 2px solid #000000; border-radius: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (max-width: 1170px) { .international .usage-box .btn { padding: 13px 10px; } }

@media screen and (max-width: 750px) { .international .usage-box .btn { position: relative; left: auto; bottom: auto; margin-top: 20px; padding: 13px 20px; -webkit-transform: none; transform: none; } }

@media print { .international .usage-box .btn { padding: 13px 10px; } }

.international .usage-box .btn:hover { background: #ffffff; }

/* page: 5G applications */
.applications .introduction { overflow: hidden; }

.applications .introduction .triangle-wrap { position: relative; height: 450px; }

@media print { .applications .introduction .triangle-wrap { height: 450px !important; } }

@media screen and (max-width: 750px) { .applications .introduction .triangle-wrap { height: 535px; } }

.applications .introduction .triangle-wrap .bg { position: absolute; top: 50%; width: 100%; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media print { .applications .introduction .triangle-wrap .bg { position: relative !important; top: auto !important; left: auto !important; height: inherit !important; -webkit-transform: none !important; transform: none !important; } }

@media screen and (max-width: 750px) { .applications .introduction .triangle-wrap .bg { position: relative; top: auto; left: auto; height: inherit; -webkit-transform: none; transform: none; } }

.applications .introduction .triangle-wrap .bg img { margin-right: 20px; }

@media print { .applications .introduction .triangle-wrap .bg img { position: absolute !important; top: 50% !important; left: 50% !important; max-width: none !important; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } }

@media screen and (max-width: 750px) { .applications .introduction .triangle-wrap .bg img { position: absolute; top: 50%; left: 50%; max-width: none; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.applications .introduction .triangle-wrap .bg a { position: absolute; display: block; width: 170px; height: 170px; background-position: center; background-size: 100%; -webkit-transition: all .3s; transition: all .3s; }

.applications .introduction .triangle-wrap .bg a:hover, .applications .introduction .triangle-wrap .bg a.active { -webkit-transform: scale(1.2); transform: scale(1.2); }

.applications .introduction .triangle-wrap .bg a .title { position: absolute; top: 50%; left: 50%; width: 80%; color: #000000; text-align: center; font-size: 110%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.applications .introduction .triangle-wrap .bg a .title span { display: block; font-size: 138%; font-weight: bold; }

.applications .introduction .triangle-wrap .bg a.embb { top: -10px; right: 260px; background-color: #aed779; border: 1px solid #aed779; border-radius: 50%; }

@media print { .applications .introduction .triangle-wrap .bg a.embb { top: 30px !important; left: 15% !important; -webkit-transform: none !important; transform: none !important; } }

@media screen and (max-width: 750px) { .applications .introduction .triangle-wrap .bg a.embb { top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.applications .introduction .triangle-wrap .bg a.urllc { top: 40px; right: 0; background-color: #ffd754; border: 1px solid #ffd754; border-radius: 50%; }

@media print { .applications .introduction .triangle-wrap .bg a.urllc { top: 80px !important; left: auto !important; right: 20% !important; -webkit-transform: none !important; transform: none !important; } }

@media screen and (max-width: 750px) { .applications .introduction .triangle-wrap .bg a.urllc { top: 180px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.applications .introduction .triangle-wrap .bg a.mmtc { right: 180px; bottom: -10px; background-color: #97e7fa; border: 1px solid #97e7fa; border-radius: 50%; }

@media print { .applications .introduction .triangle-wrap .bg a.mmtc { left: 28% !important; top: auto !important; bottom: 20px !important; -webkit-transform: none !important; transform: none !important; } }

@media screen and (max-width: 750px) { .applications .introduction .triangle-wrap .bg a.mmtc { top: 360px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.applications .introduction .term-list { color: #000000; font-size: 120%; line-height: 1.5; }

.applications .introduction .term-list .separator:before, .applications .introduction .term-list .separator:after { display: none; }

.applications .introduction .term-list .active { font-weight: bold; }

.applications .introduction .term-list .active .separator:before, .applications .introduction .term-list .active .separator:after { display: block; }

.applications .introduction .section-title { margin: 10px 0; }

.applications .introduction ul { list-style: none; margin: 0; padding-left: 20px; }

.applications .introduction ul li { padding-bottom: 20px; }

.applications .tabs-heading li:lang(en) { padding-right: 35px; }

.applications .tabs-heading li:lang(en):last-of-type { padding-right: 0; }

.applications .muuri-grid { margin: 30px auto; overflow: hidden; }

.applications .application-box { width: 33.33333%; }

@media print { .applications .application-box { float: left !important; width: 50% !important; left: auto !important; top: auto !important; -webkit-transform: none !important; transform: none !important; } }

@media screen and (max-width: 1170px) { .applications .application-box { width: 50%; } }

@media screen and (max-width: 750px) { .applications .application-box { width: 100%; } }

.applications .application-box.category-embb .content:hover .title-wrap { color: #000000; background: #aed779; }

.applications .application-box.category-urllc .content:hover .title-wrap { color: #000000; background: #ffd754; }

.applications .application-box.category-mmtc .content:hover .title-wrap { color: #000000; background: rgba(151, 231, 250, 0.95); }

.applications .application-box.category-embb.category-urllc .content:hover .title-wrap { background: -webkit-gradient(linear, left top, right top, from(#aed779), to(#ffd754)); background: linear-gradient(90deg, #aed779 0%, #ffd754 100%); }

.applications .application-box .content { height: 400px; margin: 0 7px 15px 7px; background-color: #ebebeb; background-repeat: no-repeat; background-position: center top; background-size: cover; }

@media print { .applications .application-box .content { height: 350px !important; margin: 0 7px 15px 7px !important; } }

@media screen and (max-width: 750px) { .applications .application-box .content { margin: 0 auto 15px; } }

.applications .application-box .title-wrap { position: absolute; left: 50%; bottom: 0; width: 95%; height: 65px; border-top-left-radius: 12px; border-top-right-radius: 12px; background: rgba(255, 255, 255, 0.85); -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s; transition: all .3s; }

.applications .application-box .title-wrap:lang(en) { height: 120px; }

.applications .application-box .title-wrap span { position: absolute; top: 50%; display: block; padding: 0 20px; font-size: 120%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/* page: operation */
.operation main { background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 90%; }

.operation .section-title .separator:before, .operation .section-title .separator:after { border-color: #6dcc65; }

.operation .color-ulist li:before { color: #6dcc65; }

.operation .leading { font-weight: normal; }

@media print { .operation .responsive-table > .col { width: 41.66667%; }
  .operation .responsive-table > .col:first-of-type { width: 16.66667%; } }

.operation .responsive-table .heading-range { min-height: 36px; }

.operation .responsive-table .heading-coverage { min-height: 54px; }

@media print { .operation .responsive-table .heading-coverage { min-height: 75px !important; }
  .operation .responsive-table .heading-coverage:lang(en) { min-height: 95px !important; } }

@media screen and (max-width: 1170px) { .operation .responsive-table .heading-coverage { min-height: auto; } }

.operation .responsive-table .heading-application:lang(en) { min-height: 36px; }

@media print { .operation .responsive-table .heading-application:lang(en):lang(en) { min-height: 55px !important; } }

@media screen and (max-width: 1170px) { .operation .responsive-table .heading-application:lang(en) { min-height: auto; } }

.operation .responsive-table .row .title1, .operation .responsive-table .row .title2 { color: #ffffff; background: #818285; font-size: 200%; font-weight: bold; }

@media screen and (max-width: 750px) { .operation .responsive-table .row .mobile-heading:lang(en) { display: block; } }

.operation .responsive-table .row.type1, .operation .responsive-table .row.type2 { cursor: pointer; }

.operation .responsive-table .row.active .title1 { color: #000000; background: #f89e1c; }

.operation .responsive-table .row.active .title2 { color: #000000; background: #20a8cd; }

.operation .map-wrap { position: relative; margin: 50px auto 0; padding: 0 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

@media print { .operation .map-wrap { display: none !important; } }

.operation .map-wrap > div { -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.operation .map-wrap > div.active.six-below { background-image: url(../images/operation/map-six-below.png); }

.operation .map-wrap > div.active.six-above { background-image: url(../images/operation/map-six-above.png); }

.operation .map-wrap > div.active.pop-left { background-image: url(../images/operation/map-pop-left.png); }

.operation .map-wrap > div.active.pop-right { background-image: url(../images/operation/map-pop-right.png); }

.operation .map-wrap > div:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

.operation .map-wrap > div:focus { outline: none; }

.operation .map-wrap .six-below { position: absolute; width: 179px; height: 76px; background-image: url(../images/operation/map-six-below-grey.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.operation .map-wrap .six-above { position: absolute; width: 24px; height: 51px; background-image: url(../images/operation/map-six-above-grey.png); background-position: center; background-repeat: no-repeat; background-size: contain; }

.operation .map-wrap .pop-left { position: absolute; width: 350px; height: 354px; background-image: url(../images/operation/map-pop-left-grey.png); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; }

.operation .map-wrap .pop-right { position: absolute; width: 440px; height: 354px; background-image: url(../images/operation/map-pop-right-grey.png); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; }

.operation .map-print-wrap { display: none; }

/* page: Base stations */

.base-stations main { background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 90%; }

.base-stations .page-title .title:lang(en) { width: 80%; }

@media screen and (max-width: 1170px) { .base-stations .page-title .title:lang(en) { width: auto; } }

.base-stations .page-title .icon img { max-width: 420px; }

.base-stations .introduction { padding-bottom: 50px; }

.base-stations .introduction .head-icon { height: 367px; }

@media print { .base-stations .introduction .head-icon { height: 180px !important; }
  .base-stations .introduction .head-icon img { max-width: none !important; max-height: 180px !important; margin-left: 0 !important; } }

@media screen and (max-width: 1170px) { .base-stations .introduction .head-icon { position: relative; height: 320px; }
  .base-stations .introduction .head-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media screen and (max-width: 750px) { .base-stations .introduction .head-icon { height: auto; }
  .base-stations .introduction .head-icon img { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; } }

.base-stations .introduction .separator { margin-left: -80px; }

@media print { .base-stations .introduction .separator { margin-left: auto !important; } }

@media screen and (max-width: 750px) { .base-stations .introduction .separator { margin-left: auto; } }

.base-stations .introduction .separator:before { width: 70px; }

.base-stations .introduction .separator:after { width: 210px; }

.base-stations .introduction .leading { max-width: 600px; }

@media screen and (max-width: 750px) { .base-stations .introduction .leading { max-width: none; } }

.base-stations .tabs-heading li:nth-of-type(2).active .separator:before, .base-stations .tabs-heading li:nth-of-type(2).active .separator:after { border-color: #f99f1c; }

.base-stations #radiation .responsive-table { padding: 50px 0 0; }

@media print { .base-stations #radiation .responsive-table > .col { width: 41.66667%; }
  .base-stations #radiation .responsive-table > .col:first-of-type { width: 16.66667%; } }

.base-stations #radiation .responsive-table .empty > .content-wrap { font-size: 200%; }

@media print { .base-stations #radiation .responsive-table .empty > .content-wrap { font-size: 130%; } }

.base-stations #radiation .responsive-table .heading-energy, .base-stations #radiation .responsive-table .heading-affect { min-height: 36px; }

@media screen and (max-width: 1170px) { .base-stations #radiation .responsive-table .heading-energy, .base-stations #radiation .responsive-table .heading-affect { min-height: auto; } }

.base-stations #radiation .responsive-table .heading-energy:lang(en) { line-height: inherit; min-height: 55px; }

@media print { .base-stations #radiation .responsive-table .heading-energy { min-height: 55px !important; }
  .base-stations #radiation .responsive-table .heading-energy:lang(en) { min-height: 75px !important; } }

@media print { .base-stations #radiation .responsive-table .heading-affect { min-height: 55px !important; }
  .base-stations #radiation .responsive-table .heading-affect:lang(en) { min-height: 90px !important; } }

.base-stations #radiation .responsive-table .title1 { color: #000000; background: #f89e1c; font-size: 200%; font-weight: bold; }

@media print { .base-stations #radiation .responsive-table .title1 { font-size: 130%; } }

.base-stations #radiation .responsive-table .title2 { color: #000000; background: #2ca7cc; font-size: 200%; font-weight: bold; }

@media print { .base-stations #radiation .responsive-table .title2 { font-size: 130%; } }

.base-stations #radiation .responsive-table .content-wrap ul { display: inline-block; margin: 0; padding: 0; text-align: left; }

@media print { .base-stations #radiation .responsive-table .content-wrap ul { padding-left: 20px !important; } }

@media screen and (max-width: 1170px) { .base-stations #radiation .responsive-table .content-wrap ul { margin: 0; padding-left: 20px; } }

.base-stations #radiation .chart-padding { margin-top: 50px; margin-bottom: 30px; }

.base-stations #safety .section-title:lang(en) { width: 60%; }

@media screen and (max-width: 1170px) { .base-stations #safety .section-title:lang(en) { width: auto; } }

.base-stations #safety .section-title .separator:before, .base-stations #safety .section-title .separator:after { border-color: #f99f1c; }

.base-stations #safety .yt-video { width: 100%; height: 350px; border: none; }

@media screen and (max-width: 1170px) { .base-stations #safety .yt-video { height: 450px; } }

@media screen and (max-width: 750px) { .base-stations #safety .yt-video { height: 350px; } }

/* BEGIN: new topic  for base stations */

.base-stations .tabs-heading li:nth-of-type(3).active .separator:before, .base-stations .tabs-heading li:nth-of-type(3).active .separator:after { border-color: #6dcc65; }

.base-stations #newtopic .section-title:lang(en) { width: 60%; }

@media screen and (max-width: 1170px) { .base-stations #newtopic .section-title:lang(en) { width: auto; } }

.base-stations #newtopic .section-title .separator:before, .base-stations #newtopic .section-title .separator:after { border-color: #6dcc65; }

.base-stations #newtopic .yt-video { width: 100%; height: 350px; border: none; }

@media screen and (max-width: 1170px) { .base-stations #newtopic .yt-video { height: 450px; } }

@media screen and (max-width: 750px) { .base-stations #newtopic .yt-video { height: 350px; } }

/* END: new topic  for base stations */

/* BEGIN: Radiation Safety of Fifth Generation (5G) Mobile Phones  for base stations */

.base-stations .tabs-heading li:nth-of-type(3).active .separator:before, .base-stations .tabs-heading li:nth-of-type(3).active .separator:after { border-color: #6dcc65; }

.base-stations #rsof5mobile .section-title:lang(en) { width: 60%; }

@media screen and (max-width: 1170px) { .base-stations #rsof5mobile .section-title:lang(en) { width: auto; } }

.base-stations #rsof5mobile .section-title .separator:before, .base-stations #rsof5mobile .section-title .separator:after { border-color: #6dcc65; }

.base-stations #rsof5mobile .yt-video { width: 100%; height: 350px; border: none; }

@media screen and (max-width: 1170px) { .base-stations #rsof5mobile .yt-video { height: 450px; } }

@media screen and (max-width: 750px) { .base-stations #rsof5mobile .yt-video { height: 350px; } }

.base-stations .link-underline.hover-green:hover { color: #6dcc65; }

.base-stations .link-underline.hover-green:hover span { border-color: #6dcc65; }
/* END: Radiation Safety of Fifth Generation (5G) Mobile Phones  for base stations */

/* page: coverage */
.coverage-page main { background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 85%; }

.coverage-page .introduction { padding-bottom: 50px; }

@media print { .coverage-page .introduction { padding-bottom: 0 !important; } }

.coverage-page .introduction .head-icon { height: 383px; }

@media print { .coverage-page .introduction .head-icon { height: 180px !important; }
  .coverage-page .introduction .head-icon img { max-width: none !important; max-height: 180px !important; margin-left: 0 !important; } }

@media screen and (max-width: 1170px) { .coverage-page .introduction .head-icon { position: relative; height: 250px; }
  .coverage-page .introduction .head-icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

@media screen and (max-width: 750px) { .coverage-page .introduction .head-icon { height: auto; }
  .coverage-page .introduction .head-icon img { position: relative; top: auto; left: auto; -webkit-transform: none; transform: none; } }

.coverage-page .introduction .separator { margin-left: -45px; margin-top: 60px; }

@media print { .coverage-page .introduction .separator { margin-left: auto !important; margin-top: auto !important; } }

@media screen and (max-width: 750px) { .coverage-page .introduction .separator { margin-left: auto; margin-top: auto; } }

.coverage-page .introduction .separator:before { width: 70px; }

.coverage-page .introduction .separator:after { width: 210px; }

.coverage-page .introduction .leading { max-width: 600px; }

@media screen and (max-width: 750px) { .coverage-page .introduction .leading { max-width: none; } }

.coverage-page .tabs-heading li:nth-of-type(2).active .separator:before, .coverage-page .tabs-heading li:nth-of-type(2).active .separator:after { border-color: #f99f1c; }

.coverage-page .tabs-heading li:nth-of-type(3).active .separator:before, .coverage-page .tabs-heading li:nth-of-type(3).active .separator:after { border-color: #6dcc65; }

.coverage-page .disclaimer-wrap { margin-top: 35px; }

.coverage-page .disclaimer-wrap .toggle { position: relative; margin: 0; padding: 0 0 1px 0; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #000000; background: none; font-size: 110%; font-weight: bold; cursor: pointer; }

.coverage-page .disclaimer-wrap .toggle.active:after { bottom: 2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.coverage-page .disclaimer-wrap .toggle:after { position: absolute; bottom: 6px; right: -14px; display: inline-block; border: solid #000000; border-width: 0 3px 3px 0; padding: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s; transition: all .3s; content: ''; }

.coverage-page .disclaimer-wrap .disclaimer { display: none; margin-top: 15px; padding: 20px 42px; color: #000000; background: #6dcc65; border-radius: 20px; }

.coverage-page .disclaimer-wrap .disclaimer .title { font-size: 110%; text-align: center; }

.coverage-page .disclaimer-wrap .disclaimer .title p { display: inline-block; margin: 0; border-bottom: 1px solid #000000; }

.coverage-page #serviceprovider .leading { font-weight: normal; text-align: left; }

.coverage-page #serviceprovider .section-title { font-size: 178%; }

.coverage-page #serviceprovider .tab-icon { margin-top: 30px; }

.coverage-page #serviceprovider .provider-list { margin: 0; padding: 10px 0; list-style: none; font-size: 118%; font-weight: bold; }

.coverage-page #serviceprovider .provider-list > li { margin-bottom: 15px; width: 100%; max-width: 500px; }

@media screen and (max-width: 750px) { .coverage-page #serviceprovider .provider-list > li { max-width: none; } }

.coverage-page #serviceprovider .provider-list > li:last-child { margin-bottom: 0; }

.coverage-page #serviceprovider .provider-list > li .child { margin: 15px 0 0; padding: 0; list-style: none; }

.coverage-page #serviceprovider .provider-list > li .child > li { margin-left: auto; margin-bottom: 15px; max-width: 95%; }

.coverage-page #serviceprovider .provider-list > li .child > li a { background: #fab44e; }

.coverage-page #serviceprovider .provider-list > li a { position: relative; display: block; padding: 12px 10px 12px 25px; color: #000000; background: #f99f1c; border-radius: 30px; }

.coverage-page #serviceprovider .provider-list > li a.no-link { cursor: inherit; }

.coverage-page #serviceprovider .provider-list > li a.no-link:before, .coverage-page #serviceprovider .provider-list > li a.no-link:after { display: none; }

.coverage-page #serviceprovider .provider-list > li a.no-link span:after { display: none; }

.coverage-page #serviceprovider .provider-list > li a:before { position: absolute; top: 50%; right: 22px; width: 12px; height: 12px; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); -webkit-box-shadow: 2px 2px 0 #000000, 3px 2px 0 #000000, 2px 3px 0 #000000, 3px 3px 0 #000000; box-shadow: 2px 2px 0 #000000, 3px 2px 0 #000000, 2px 3px 0 #000000, 3px 3px 0 #000000; z-index: 5; content: ''; }

.coverage-page #serviceprovider .provider-list > li a:after { position: absolute; top: 50%; right: 17px; width: 17px; height: 3px; background: #000000; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; content: ''; }

.coverage-page #serviceprovider .provider-list > li a span { position: relative; display: block; padding-right: 40px; }

.coverage-page #serviceprovider .provider-list > li a span:after { position: absolute; top: 50%; right: 0; width: 30px; height: 30px; border-radius: 50%; background: #ffffff; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ''; }

.coverage-page #thirdparty .section-title { font-size: 178%; }

.coverage-page #thirdparty .section-title .separator:before, .coverage-page #thirdparty .section-title .separator:after { border-color: #f99f1c; }

.coverage-page #thirdparty .tab-icon { margin-top: 30px; }

.coverage-page #thirdparty .text-blue { color: #00C0FF; font-weight: bold; }

.coverage-page #thirdparty .download-app-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 10px 0; list-style: none; }

.coverage-page #thirdparty .download-app-list li { display: inline-block; }

.coverage-page #thirdparty .download-app-list li img { margin-left: 0; max-width: 90%; }

.coverage-page #userexperience .section-title { font-size: 178%; }

.coverage-page #userexperience .section-title .separator:before, .coverage-page #userexperience .section-title .separator:after { border-color: #6dcc65; }

.coverage-page #userexperience .tab-icon { margin-top: 30px; }
/*end coverage*/

/* page: news */
.news-page header .language-switcher .icon .fa-stack .fa-stack-1x, .news-page header .fontsize .icon .fa-stack .fa-stack-1x, .news-page header .search .icon .fa-stack .fa-stack-1x { color: #569ace; }

.news-page main { background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 80%; }

.news-page .page-title { background-image: url(../images/common/title-banner-news.jpg); }

.news-page .monthselection { position: relative; padding: 15px 0 0; }

@media print { .news-page .monthselection { display: none !important; } }

.news-page .monthselection input { width: 1px !important; min-width: 1px !important; border: none; background: transparent; opacity: 0; outline: none; }

.news-page .monthselection .selected { position: absolute; top: 28px; left: 52px; padding: 5px 45px 5px 10px; border: 1px solid #475166; display: none; }

.news-page .monthselection .selected .clear { position: absolute; top: 0; right: 0; padding: 5px 8px; border: none; background: none; cursor: pointer; }

.news-page .no-result { padding: 10px 0 20px; text-align: center; display: none; }

.news-page .muuri-grid { margin-top: 40px; overflow: hidden; }

/* page: glossary */
.glossary header .language-switcher .icon .fa-stack .fa-stack-1x, .glossary header .fontsize .icon .fa-stack .fa-stack-1x, .glossary header .search .icon .fa-stack .fa-stack-1x { color: #5a9dcf; }

.glossary .page-title { background-image: url(../images/common/title-banner-glossary.jpg); }

.glossary .page-title .icon { bottom: -130px; }

.glossary .page-title .icon img { max-width: 500px; }

.glossary .glossary-wrap { margin: 40px auto; background-image: url(../images/common/bg-left-right.png); background-repeat: no-repeat; background-position: center 50px; }

.glossary .glossary-wrap .letter-nav { padding: 0 0 20px; }

.glossary .glossary-wrap .letter-nav a { display: inline-block; width: 2.85714%; font-weight: bold; color: #000000; opacity: .6; cursor: default; }

.glossary .glossary-wrap .letter-nav a.has-item { opacity: 1; cursor: pointer; }

@media screen and (max-width: 750px) { .glossary .glossary-wrap .letter-nav a.number { width: 11.11111%; }
  .glossary .glossary-wrap .letter-nav a.alphabet { width: 7.69231%; } }

.glossary .glossary-wrap .letter { margin: 10px 0; padding: 0; font-size: 170%; }

.glossary .glossary-wrap .panel { padding: 5px 0; }

.glossary .glossary-wrap .panel .title { position: relative; margin: 0; font-size: 110%; font-weight: normal; color: #000000; background: #45c6cc; border: 1px solid #45c6cc; padding: 7px; }

.glossary .glossary-wrap .panel .title:before { display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 125%; content: '\f055'; }

@media print { .glossary .glossary-wrap .panel .title:before { vertical-align: top !important; } }

@media screen and (max-width: 750px) { .glossary .glossary-wrap .panel .title:before { vertical-align: top; } }

.glossary .glossary-wrap .panel .title h3 { display: inline-block; margin: 0; padding: 0 0 0 5px; width: 88%; font-size: inherit; font-weight: inherit; }

@media print { .glossary .glossary-wrap .panel .title h3 { vertical-align: middle !important; } }

@media screen and (max-width: 750px) { .glossary .glossary-wrap .panel .title h3 { vertical-align: middle; } }

.glossary .glossary-wrap .panel .content { padding: 15px 40px; background: #e7e5e6; border: 1px solid #e7e5e6; color: #000000; }

@media print { .glossary .glossary-wrap .panel .content .wrap > .col:first-of-type { width: 54.54545%; }
  .glossary .glossary-wrap .panel .content .wrap > .col:last-of-type { width: 45.45455%; } }

.glossary .glossary-wrap .panel .content .link a { color: #ffa658; }

.glossary .glossary-wrap .panel .content .btn { padding: 8px 40px; background: #45c6cc; border: 1px solid #45c6cc; }

.glossary .glossary-wrap .panel .content img { max-height: 250px; }

.glossary .glossary-wrap .panel.active .title:before { content: '\f056'; }

/* page: links */
.links header .language-switcher .icon .fa-stack .fa-stack-1x, .links header .fontsize .icon .fa-stack .fa-stack-1x, .links header .search .icon .fa-stack .fa-stack-1x { color: #bb6dc4; }

.links main { background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 80%; }

.links .page-title { background-image: url(../images/common/title-banner-links.jpg); }

.links .links-wrap { background-image: url(../images/common/bg-left-right.png); background-repeat: no-repeat; background-position: center 50px; }

.links .links-wrap .link { margin: 25px 0; color: #000000; }

.links .links-wrap .link .title { position: relative; padding: 10px 30px 10px 85px; background: #e0e0e0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; }

.links .links-wrap .link .title:after { position: absolute; top: 50%; right: 15px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 115%; color: #ffffff; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: '\f061'; }

.links .links-wrap .link .title .fa-stack { position: absolute; top: 40%; left: 10px; -webkit-transform: translateY(-40%); transform: translateY(-40%); }

@media screen and (max-width: 750px) { .links .links-wrap .link .title .fa-stack { top: 0; -webkit-transform: none; transform: none; } }

.links .links-wrap .link .title .fa-stack.first { color: #2fbfc8; }

.links .links-wrap .link .title .fa-stack.second { color: #ffa658; }

.links .links-wrap .link .title .fa-stack.third { color: #16B5EF; }

.links .links-wrap .link .title .fa-stack .fa-link { margin-top: -5px; }

.links .links-wrap .link .title h2 { margin: 0; font-size: 120%; }

.links .links-wrap .link .description { margin: 10px 0 20px 85px; width: 90%; text-align: justify; }

@media screen and (max-width: 1170px) { .links .links-wrap .link .description { margin: 20px 2.5% 0; } }

/* page: consumer */
.consumer header .language-switcher .icon .fa-stack .fa-stack-1x, .consumer header .fontsize .icon .fa-stack .fa-stack-1x, .consumer header .search .icon .fa-stack .fa-stack-1x { color: #5a9dcf; }

.consumer main { background-image: url(../images/common/bg-dot.png); background-repeat: repeat-x; background-position: center 80%; }

.consumer .page-title { background-image: url(../images/common/title-banner-consumer.jpg); }

.consumer .page-title .icon { bottom: -130px; }

.consumer .page-title .icon img { max-width: 500px; }

.consumer .monthselection { position: relative; padding: 15px 0 0; }

.consumer .monthselection input { width: 1px !important; min-width: 1px !important; border: none; background: transparent; opacity: 0; outline: none; }

.consumer .monthselection .selected { position: absolute; top: 28px; left: 52px; padding: 5px 45px 5px 10px; border: 1px solid #475166; display: none; }

.consumer .monthselection .selected .clear { position: absolute; top: 0; right: 0; padding: 5px 8px; border: none; background: none; cursor: pointer; }

.consumer .muuri-grid { margin-top: 40px; overflow: hidden; }

.consumer .news-box .content .date { background: #187982; }

.consumer .news-box .content .detail .label { background: #187982; border-color: #187982; }

.consumer .no-result { padding: 10px 0 20px; text-align: center; display: none; }

.consumer a.datepicker-button.ofca .glyphicon:after { color: #187982; }

.consumer div.datepicker-calendar.ofca div.datepicker-month-wrap { background-color: #187982; }

.consumer div.datepicker-calendar.ofca div.datepicker-month-fast-prev.enabled:hover, .consumer div.datepicker-calendar.ofca div.datepicker-month-fast-prev.enabled:focus, .consumer div.datepicker-calendar.ofca div.datepicker-month-fast-next.enabled:hover, .consumer div.datepicker-calendar.ofca div.datepicker-month-fast-next.enabled:focus, .consumer div.datepicker-calendar.ofca div.datepicker-month-prev.enabled:hover, .consumer div.datepicker-calendar.ofca div.datepicker-month-prev.enabled:focus, .consumer div.datepicker-calendar.ofca div.datepicker-month-next.enabled:hover, .consumer div.datepicker-calendar.ofca div.datepicker-month-next.enabled:focus, .consumer div.datepicker-calendar.ofca div.datepicker-month:hover, .consumer div.datepicker-calendar.ofca div.datepicker-month:focus, .consumer div.datepicker-calendar.ofca button.datepicker-close:hover, .consumer div.datepicker-calendar.ofca button.datepicker-close:focus { color: #187982; }

.consumer div.datepicker-calendar.ofca div.datepicker-month:hover { color: #187982; }

/* page: sitemap */
.sitemap .nav-content ul { margin-top: 10px; margin-bottom: 10px; }