*{
    box-sizing:border-box
}
html,body{
    font-family:'Noto Sans TC', Microsoft JhengHei, "微軟正黑體", sans-serif;
    font-weight:300;
    overflow-x:hidden;
    background-color:#EEEFF1
}
body{
    font-size:16px;
    line-height:1.4;
    color:#231F20;
    padding-top:140px
}
@media only screen and (max-width: 767px){
    body{
        padding-top:65px
    }
}
a{
    color:#231F20;
    text-decoration:none
}
a:hover{
    color:#231F20;
    text-decoration:underline
}
p{
    margin-bottom:10px
}
.font-small{
    font-size:88%
}
.white-txt{
    color:#fff !important
}
.white-txt:hover{
    color:#fff !important
}
.bold-txt{
    font-weight:bold
}
.purple-txt{
    color:#008b98;
}
.green-txt{
    color:#86AF4A
}
.bg-orange{
    background-color:#F47E2D !important
}
.bg-purple{
    background-color:#008b98 !important
}
.bg-green{
    background-color:#86AF4A !important
}
.bg-black{
    background:radial-gradient(circle, #4E4E4E 0%, #201E1F 100%)
}
.line{
    background-color:rgba(198,199,201,0.3);
    height:1px;
    width:100%;
    margin:15px 0
}
.wrapper{
    position:relative;
    max-width:1340px;
    padding:35px 30px;
    margin:0 auto
}
@media only screen and (max-width: 767px){
    .wrapper{
        padding:5px 16px 30px;
    }
}
.section{
    position:relative;
    z-index:10;
    width:100%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.section__title{
    position:relative;
    display:inline-block;
    font-size:215%;
    font-weight:bold;
    padding-right:25px;
    padding-left:30px;
    transition:color 0.25s ease, background-image 0.25s ease
}
.section__title.pad-left{
    padding-left:30px
}
.section__title:before{
    position:absolute;
    content:'';
    left:0;
    top:10px;
    width:6px;
    height:calc(100% - 16px);
    background-color:#ff7400
}
.section__title:after{
    position:absolute;
    content:'';
    right:0;
    top:2px;
    width:13px;
    height:100%;
    background:url(../images/icon/img_arrow_right.svg) no-repeat center;
    background-size:contain;
    transition:color 0.25s ease, background-image 0.25s ease
}
.section__title.no-arrow::after{
    display:none
}
.section__title.no-line{
    padding-left:0
}
.section__title.no-line::before{
    display:none
}
.section__title.light-green-line:before{
    background-color:#00CDB5
}
.section__title.green-line:before{
    background-color:#86AF4A
}
.section__title.purple-line:before{
    background-color:#95275E
}
.section__title.blue-line:before{
    background-color:#2D2E83
}
.section__title.red-line:before{
    background-color:#E8392C
}
.section__title.light-blue-line:before{
    background-color:#00ADE6
}
.section__title.orange-line:before
{
	background-color:#F8981C
}
.section__title--img{
    padding-right:0;
    padding-left:0;
    margin-bottom:5px
}
.section__title--img:after,.section__title--img:before{
    display:none
}
.section__title__img,.section__title__txt{
    display:inline-block;
    vertical-align:middle
}
.section__title__txt__xs{
    font-size:60%
}
.section__title__img{
    margin-right:15px
}
.section__title__img img{
    width:100%
}
.section__title:hover{
    text-decoration:none
}
.section__title:hover.light-green-line{
    color:#00CDB5
}
.section__title:hover.light-green-line:after{
    background:url(../images/icon/img_arrow_right_light-green.svg) no-repeat center;
    background-size:contain
}
.section__title:hover.green-line{
    color:#86AF4A
}
.section__title:hover.green-line:after{
    background:url(../images/icon/img_arrow_right_green.svg) no-repeat center;
    background-size:contain
}
.section__title:hover.purple-line{
    color:#95275E
}
.section__title:hover.purple-line:after{
    background:url(../images/icon/img_arrow_right_purple.svg) no-repeat center;
    background-size:contain
}
.section__title:hover.blue-line{
    color:#2D2E83
}
.section__title:hover.blue-line:after{
    background:url(../images/icon/img_arrow_right_blue.svg) no-repeat center;
    background-size:contain
}
.section__title:hover.red-line{
    color:#E8392C
}
.section__title:hover.red-line:after{
    background:url(../images/icon/img_arrow_right_red.svg) no-repeat center;
    background-size:contain
}
.section__title:hover.light-blue-line{
    color:#00ADE6
}
.section__title:hover.light-blue-line:after{
    background:url(../images/icon/img_arrow_right_light-blue.svg) no-repeat center;
    background-size:contain
}
.section__date-holder{
    margin-bottom:16px;
    padding-right:0
}
.section__date{
    color:#666666;
    margin:9px 0
}
.section--extra-padding-top{
    padding:20px 0 0
}
div.section__title{
    color:#212529
}
div.section__title:hover{
    color:#212529 !important
}
div.section__title.white-txt{
    color:#fff !important
}
div.section__title.white-txt:hover{
    color:#fff !important
}
.text-chop
{
    width: 13em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media only screen and (max-width: 767px){
    .section__title{
        font-size:175%;
        padding-right:18px;
        padding-left:20px
    }
    .section__title:before{
        top:8px;
        width:4px;
        height:calc(100% - 12px)
    }
    .section__title:after{
        top:1px;
        width:10px
    }
    .section__title--img{
        padding-right:0;
        padding-left:0
    }
    .section__title__img{
        margin-right:12px;
        width:95px
    }
    .section__title__txt__xs{
        font-size:70%
    }
    .section__date{
        margin:-3px 0 0
    }
    .section__date-holder{
        margin-bottom:5px
    }
    .section--extra-padding-top{
        padding:10px 0 0
    }
}
.icon{
    position:relative;
    top:2px;
    display:inline-block;
    width:16px;
    height:16px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    margin-right:1px;
    transition:background-image 0.2s ease
}
.icon.icon-plus{
    background-image:url(../images/icon/icn_follow.svg)
}
.icon.icon-login{
    background-image:url(../images/icon/icn_member.svg)
}
.btn-second .icon.icon-listen{
    background-image:url(../images/icon/icn_listen-orange.svg)
}
.btn-orange .icon.icon-listen
{
    background-image:url(../images/icon/icn_listen-white.svg)
}
.btn{
    padding:9px 35px;
    border-radius:4px;
    border:0px solid #979797;
    margin:6px;
    line-height:1.3;
    min-width:150px;
    font-size:100%
}
.btn:hover,.btn[aria-expanded="true"]{
    color:#008b98;
    border:0px solid #EF4123
}
.btn:hover .icon.icon-plus,.btn[aria-expanded="true"] .icon.icon-plus{
    background-image:url(../images/icon/icn_follow-green.svg)
}
.btn:hover .icon.icon-login,.btn[aria-expanded="true"] .icon.icon-login{
    background-image:url(../images/icon/icn_member-green.svg)
}
.btn:hover .icon.icon-listen,.btn[aria-expanded="true"] .icon.icon-listen{
    background-image:url(../images/icon/icn_listen-green.svg)
}
.btn-second{
    color:#EF4123;
    border:1px solid #EF4123
}
.btn-second:hover{
    color:#A52D18;
    border:1px solid #A52D18
}
.btn-second .icon.icon-listen{
    background-image:url(../images/icon/icn_listen-orange.svg)
}
.btn-orange .icon.icon-listen
{
    background-image:url(../images/icon/icn_listen-white.svg)
}
.btn-white{
    color:#fff;
    border:1px solid #fff
}
.btn-white .icon-listen{
    background-image:url(../images/icon/icn_listen-white.svg)
}
.btn-white:hover{
    color:#231F20;
    background-color:#fff;
    border:1px solid #fff
}
.btn-orange{
    color:#fff;
    background-color:#ff740000;
    border: 2px solid #c7c7c7;
}
.btn-orange:hover{
    color: #fff;
    background-color: #ffffff21;
    border: 2px solid #c7c7c7;
}
.btn-orange-gradient
{
    color:#222529;
}
.btn-orange-gradient:hover, .btn-orange-gradient[aria-expanded="true"] 
{
    color:#008b98 !important;
    background:#fff !important
}
.btn-orange-gradient .icon-listen
{
    background-image:url(../images/icon/icn_listen-black.svg)
}
.btn-orange-gradient:hover .icon-listen
{
    background-image:url(../images/icon/icn_listen-dark-black.svg)
}
.btn-close,.btn-listen-close{
    display:block;
    position:absolute;
    z-index:100;
    top:10px;
    right:0;
    padding:5px;
    width:35px;
    height:35px;
    background:url("../images/icon/icn_close.svg") no-repeat center;
    background-size:25px
}
.btn-close:hover,.btn-listen-close:hover{
    opacity:0.7
}
@media only screen and (max-width: 500px){
    .btn{
        width:100%;
        margin:6px 0
    }
}
.icon-title{
    font-weight:bold;
    margin:15px 0
}
.icon-title::before{
    content:'';
    display:inline-block;
    position:relative;
    top:1px;
    margin-top:1px;
    width:14px;
    height:16px;
    background:url("../images/icon/img_pattern-grey.svg") no-repeat center left;
    background-size:contain
}
.white-box{
    border-radius:10px;
    background-color:#FFFFFF;
    box-shadow:0 2px 14px 0 rgba(0,0,0,0.1);
    margin:15px 0;
    padding:24px 30px;
    background-size:100%;
    background-position:center top;
    background-repeat:no-repeat
}
@media only screen and (max-width: 767px){
    .white-box{
        padding:20px 15px;
        border-radius:0
    }
}
.mask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:9000;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.25);
    cursor:pointer
}
.tooltip-inner{
    background-color:#201E1F
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{
    border-right-color:#201E1F
}
.popover{
    z-index:800
}
#url-qrcode{
    margin-top:5px;
    min-width:150px
}
.header{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:140px;
    background-color:#fff;
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.1)
}
.header__top{
    padding:15px 0;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.header__logo{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    padding:0 30px
}
.header__logo a{
    display:inline-block
}
.header__logo:before{
    content:'';
    display:block;
    position:absolute;
    top:3px;
    left:0;
    width:1px;
    height:90%;
    background-color:rgba(151,151,151,0.3)
}
.header__logo:first-child{
    padding-left:0
}
.header__logo:first-child:before{
    display:none
}
.header__logo:last-child{
    padding-right:0
}
.header__btn-holder{
    display:inline-block
}
.header__btn-holder .btn{
    font-weight:bold
}
.header__btn-holder .btn:last-child{
    margin-right:0
}
.header .btn{
    min-width:0;
    padding:9px 20px;
    margin:5px 3px
}
.header .header__top .btn-ytsub{
    height: 42px;
    width: 135px;
    background-image: url("/SuperHome/2022/images/icon/add_youtube_btn_black.svg");
    background-position: 0;
    border: 0px solid #ef4123;
}
.header .header__top .btn-ytsub-sm
    {
        padding:10px;
    }
    .header .header__top .btn-ytsub-sm img
    {
        width: 40px;
    }
.header__menu{
    font-size:18px;
    font-weight:bold
}
.header__menu__item{
    display:inline-block;
    position:relative;
    padding:15px 0 18px;
    transition:color 0.3s ease;
    margin-right:3.2%
}
.header__menu__item:after{
    content:'';
    display:block;
    position:absolute;
    bottom:-6px;
    left:0;
    width:100%;
    height:5px;
    opacity:0;
    background-color:#ffffff00;
}
.header__menu__item:hover{
    color:#008b98;
    text-decoration:none
}
.header__menu__item.active:after{
    opacity:1;
    bottom:0
}
.header__menu__item.has-sub-menu:before
{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    right: -16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.sub-menu 
{
	margin-top: 0px;
    min-width: 200px !important;   
}
.sub-menu.active 
{
   display: block !important;
}
.sub-item 
{
    font-size: 16px !important;
}
.header__mb-top{
    display:none
}
.header__dropdown{
    display:inline-block
}
.header__dropdown .dropdown-toggle:after{
    display:none
}
.dropdown-menu{
    min-width:320px;
    margin-top:5px;
    padding:0 0 3px;
    border:none;
    border-radius:10px;
    background-color:#FFFFFF;
    box-shadow:0 2px 14px 0 rgba(0,0,0,0.1)
}
.dropdown-menu .icon-title{
    padding:0 15px;
    margin-bottom:0;
    margin-top:20px
}
.dropdown-menu .icon-title:before{
    background:url(../images/icon/img_pattern-grey.svg) no-repeat center left;
    background-size:contain;
    margin-right: 4px;
}
.dropdown__group{
    font-size:14px;
    padding:8px 15px;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.dropdown__group:last-child{
    border-bottom:none
}
.dropdown__group__icon,.dropdown__group__content{
    display:inline-block;
    vertical-align:top
}
.dropdown__group__icon{
    width:22px;
    margin-right:-7px;
    padding-top:4px
}
.dropdown__group__content{
    width:calc(100%-22px);
    padding-left:11px
}
.dropdown__item{
    display:block;
    padding:6px 0
}
.dropdown__item:hover{
    text-decoration: none;
    color: #008b98;
}
@media only screen and (max-width: 1280px){
    .header__logo{
        max-width:220px;
        padding:0 18px;
        margin-top:10px
    }
    .header__logo.anni-logo{
        max-width:90px
    }
    .header__logo img{
        width:100%;
        height:auto
    }
    .header__menu{
        font-size:16px
    }
    .header__menu__item{
        margin-right:2.1%;
        padding:12px 0 15px
    }
    .header__btn-holder,.header .weather{
        display:block;
        padding:0
    }
    .header__top{
        padding:8px 0 4px
    }
    .header__btn-holder .btn{
        font-size:88%
    }
}

@media only screen and (max-width: 1023px){
    .header{
        height:65px
    }
    .header__menu,.header__top{
        display:none
    }
    .header__logo{
        position:relative;
        max-width:165px
    }
    .header__logo::before{
        display:none
    }
    .header__logo.anni-logo{
        top:3px;
        max-width:75px
    }
    .header__logo.anni-logo::before{
        display:block
    }
    .header__logo:first-child{
        padding-left:0
    }
    .header__logo:last-child{
        padding-right:0
    }
    .header__menu{
        display: none;
    }
    .header__mb-top{
        display:block;
        position:relative;
        padding-top:5px;
        text-align:center;
        height:65px
    }
    .header__mb-top .btn-listen,.header__mb-top .btn-menu{
        position:absolute;
        top:9px;
        padding:10px;
        width:40px;
        height:40px
    }
    .header__mb-top .btn-listen img,.header__mb-top .btn-menu img{
        width:24px
    }
    .header__mb-top .btn-listen{
        right:5px
    }
    .header__mb-top .btn-menu{
        left:5px
    }
    .header__mb-top .btn-menu img{
        width:20px
    }
    .header__mb-top .btn-ytsub
    {
        position:absolute;
        top:9px;
        right:45px;
        padding:10px;
        width:40px;
        height:40px;
        display:none;
    }
    .header__mb-top .btn-ytsub img
    {
        width:30px;
    }
}

.mobile-menu{
    position:fixed;
    height:100%;
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    max-width:290px;
    top:0;
    left:-300px;
    z-index:9999;
    background-color:#fff;
    padding:10px 15px 35px;
    transition:left 0.3s ease
}
.mobile-menu.active{
    left:0
}
.mobile-menu .header__logo{
    max-width:160px;
    padding:0 12px
}
.mobile-menu .header__logo.anni-logo{
    top:3px;
    max-width:73px
}
.mobile-menu .header__logo:first-child{
    padding-left:0
}
.mobile-menu .header__logo:last-child{
    padding-right:0
}
.mobile-menu .header__logo img{
    width:100%
}
.mobile-menu .weather{
    display:block;
    padding-top:35px;
    font-size:14px;
    font-weight:bold
}
.mobile-menu .mobile-menu-link{
    padding:20px 0 30px
}
.mobile-menu .mobile-menu-link ul.mobile-menu-link__submenu
{
	padding-left:20px;
}
.mobile-menu .mobile-menu-link .mobile-menu-link__item.subtitle::after
{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.mobile-menu .mobile-menu-link__item{
    display:block;
    font-size:18px;
    font-weight:bold;
    padding:12px 0
}
.mobile-menu .mobile-menu-link__item:hover{
    text-decoration:none;
    color:#231f20;
}
.mobile-menu .btn{
    width:100%;
    margin:5px 0
}
.modal-backdrop.show{
    opacity:0.35
}
.modal-backdrop.dark.show{
    opacity:0.85
}
.darkBackdrop .modal-backdrop.show{
    opacity:0.85
}
#socialModal .modal-content{
    padding:0;
    border:none;
    border-radius:10px;
    background-color:#FFFFFF;
    box-shadow:0 2px 14px 0 rgba(0,0,0,0.1)
}
#socialModal .modal-content .close{
    float:none;
    position:absolute;
    z-index:999;
    right:15px;
    top:16px;
    color:#000
}
#socialModal .icon-title{
    margin:20px 0 3px;
    padding:0 20px
}
#socialModal .icon-title:before{
    background:url(../images/icon/img_pattern-grey.svg) no-repeat center left;
    background-size:contain;
    margin-right: 4px;
}
#socialModal .dropdown__group{
    padding:10px 15px
}
#socialModal .modal-body{
    padding:0
}
.btn-listen-now__wrapper{
    padding:0 20px
}
.btn-listen-now{
    display:block;
    min-height:68px;
    font-size:14px;
    background-color:#37272D;
    background:#37272D,linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-image:url(../images/icon/img_player_bg.svg),linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100%;
    color:#fff;
    padding:15px 12px;
    box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);
    border-radius:6px;
    margin:15px 0
}
.btn-listen-now__title,.btn-listen-now__logo{
    display:inline-block;
    vertical-align:middle
}
.btn-listen-now__title{
    width:66%
}
.btn-listen-now__name,.btn-listen-now__freq{
    display:block
}
.btn-listen-now__freq{
    margin-top:3px;
    font-size:12px
}
.btn-listen-now__logo{
    width:34%;
    margin-left:-7px;
    text-align:center
}
.btn-listen-now:hover{
    color:#fff;
    text-decoration:none;
	background-color: #636363;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(329.3deg, #636363 0%, #1e1e1e 100%);
	background-image: url(../images/icon/img_player_bg.svg), linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(329.3deg, #636363 0%, #1e1e1e 100%);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100%
}
.btn-listen-close{
    display:none;
    top:15px;
    right:5px
}
.header__mb-listen{
    display:none;
    position:absolute;
    left:0;
    top:65px;
    width:100%;
    z-index:1;
    padding-bottom:6px;
    background-color:#fff;
    overflow:hidden;
    text-align:left
}
.header__mb-listen::before{
    content:"";
    display:block;
    width:100%;
    height:15px;
    margin-top:-15px;
    box-shadow:0px 0px 15px 0px rgba(0,0,0,0.1)
}
.header__mb-listen .icon-title{
    margin:20px 0
}
.header__mb-listen .icon-title:before{
    background:url(../images/icon/img_pattern-orange.svg) no-repeat center left;
    background-size:contain
}
.header__mb-listen .icon-title,.header__mb-listen .btn-listen-now__wrapper{
    padding:0 15px
}
.header__mb-listen .btn-listen-now{
    min-height:80px;
    padding:20px 12px
}
.header__mb-listen .btn-listen-now__logo img{
    max-width:110px
}
.footer{
    background-color:#5C4E53;
    color:rgba(255,255,255,0.85)
}
.footer a{
    color:rgba(255,255,255,0.8)
}
.footer__menu__item{
    margin-bottom:8px
}
.footer__menu__item .footer__menu__item
{
	margin-top:8px;
	padding-left: 10px;
}
.footer__menu__item a:first-child:not(:only-child)::after
{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
.footer__link{
    font-size:85%
}
.footer__link__item{
    margin-bottom:4px
}
.footer__link__item a{
    color:rgba(255,255,255,0.6)
}
.footer__app{
    font-weight:bold;
    width:calc(100% + 15px)
}
.footer__app__icon{
    margin-right:15px;
    transition:filter 0.3s ease
}
.footer__app__icon:last-child{
    margin-right:0
}
.footer__app__icon:hover{
    text-decoration:none;
    filter:drop-shadow(3px 6px 6px rgba(0,0,0,0.55))
}
.footer__copyright{
    font-size:12px;
    text-align:right;
    color:rgba(255,255,255,0.5)
}
@media only screen and (max-width: 991px){
    .footer__logo{
        max-width:180px;
        margin-bottom:30px
    }
    .footer__menu{
        margin-bottom:30px
    }
    .footer__menu__item{
        margin-bottom:6px
    }
    .footer__copyright{
        text-align:left;
        margin-top:30px
    }
    .footer__app{
        width:100%
    }
}
.spinner-container{
    position:fixed;
    z-index:999999;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff
}
.spinner{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    width:60px;
    height:60px;
    clear:both;
    margin:0 auto;
    border:5px rgba(35,31,32,0.25) solid;
    border-top:5px #231f20 solid;
    border-radius:50%;
    -webkit-animation:spCircRot .6s infinite linear;
    animation:spCircRot .6s infinite linear
}
@-webkit-keyframes spCircRot{
    from{
        -webkit-transform:rotate(0deg)
    }
    to{
        -webkit-transform:rotate(359deg)
    }
}
@keyframes spCircRot{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(359deg)
    }
}
html.has-top-banner body{
    padding-top:425px
}

@media only screen and (max-width: 1023px)
{
     html.has-top-banner body{
        padding-top:350px
    }
}

html.has-top-banner.ad-holder-90 body{
    padding-top:283px
}

html.has-top-banner.ad-holder-250 body{
    padding-top: 445px
}
html.top-banner-bar-opened .top-banner-bar{
    opacity:1;
    pointer-events:initial
}
html.top-banner-bar-opened .header{
    position:absolute;
    top:285px
}

html.scrolling-down:not(.top-banner-bar-opened) .header
{
    position: absolute;
}

html.top-banner-bar-opened.ad-holder-90 .header {
    top: 145px;
}

html.top-banner-bar-opened.ad-holder-250 .header {
    top: 305px;
}
@media only screen and (max-width: 767px){
    html.has-top-banner body{
        padding-top:245px
    }
    html.has-top-banner.ad-holder-90 body{
        padding-top:210px
    }
    html.has-top-banner.ad-holder-250 body{
        padding-top:368px
    }
    html.top-banner-bar-opened .header{
        top:180px
    }
    html.top-banner-bar-opened.ad-holder-90 .header {
        top: 145px;
    }
    html.top-banner-bar-opened.ad-holder-250 .header {
        top: 305px;
    }
}
.top-banner-bar{
    position:fixed;
    z-index:1;
    opacity:0;
    pointer-events:none;
    width:100%;
    height:285px;
    top:0;
    left:0;
    background-color:#EEEFF1
}
.top-banner-bar__title{
    margin:0
}
.top-banner-bar__title:before{
    width:16px;
    margin-right:-3px
}
.top-banner-bar__content{
    padding:15px 0
}
@media only screen and (max-width: 767px){
    .top-banner-bar{
        height:180px
    }
    .top-banner-bar .wrapper{
        padding-top:25px
    }
}
html.modal-show{
    overflow:hidden !important
}
#liveShowModal .modal-dialog{
    max-width:350px;
    margin:0 auto
}
#liveShowModal .modal-content{
    color:#fff;
    background:#37272D linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%)
}
#liveShowModal .link-card__content{
    padding-top:15px;
    font-weight:normal
}
#liveShowModal .link-card__date{
    color:#fff
}
#liveShowModal .link-card__tag{
    float:right
}
#liveShowModal .link-card__tag img{
    width:45px
}
#liveShowModal .link-card:hover{
    color:#fff
}
.modal-body{
    padding:20px 0
}
.modal-dialog{
    padding:10px
}
.modal-content{
    padding:15px
}
.modal-content .close{
    text-shadow:none;
    color:#fff;
    opacity:1
}
.modal-content .btn.btn-white:hover{
    color:#EF4123;
    background-color:transparent;
    border-color:#EF4123
}
.modal-header{
    padding:0;
    border-bottom:none
}
.modal-header .icon-title{
    margin:0;
    font-weight:normal
}
.modal-header .icon-title:before{
    margin-right:-5px;
    top:2px
}
.modal-footer{
    padding:0;
    border-top:none
}
.submenu{
    color:#fff
}
.submenu--finance{
    background:radial-gradient(circle, #BC3377 0%, #95275E 100%)
}
.submenu .wrapper{
    padding-top:23px;
    padding-bottom:0
}
.submenu__live-btn{
    position:relative;
    float:right
}
.submenu__live-btn .btn img{
    width:58px;
    position:relative;
    top:-1px
}
.submenu__live-btn .btn:hover{
    color:#fff;
    border-color:#fff;
    background-color:transparent
}
.submenu__logo-holder{
    margin-bottom:20px
}
.submenu__menu-holder{
    padding-bottom:23px;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.submenu__menu-holder::-webkit-scrollbar{
    display:none
}
.submenu__menu,.submenu__live-holder{
    display:inline-block;
    vertical-align:top
}
.submenu__menu{
    width:calc(100% - 335px)
}
.submenu__menu__item{
    position:relative;
    font-size:115%;
    margin:0 15px;
    color:#fff;
    padding-bottom:23px
}
.submenu__menu__item:after{
    content:"";
    position:absolute;
    bottom:-6px;
    left:0;
    width:99%;
    height:5px;
    background-color:#fff;
    transition:bottom 0.25s ease
}
.submenu__menu__item:hover,.submenu__menu__item.active{
    color:#fff;
    text-decoration:none;
    font-weight:600
}
.submenu__menu__item:hover:after,.submenu__menu__item.active:after{
    bottom:-1px
}
.submenu__menu__item:first-child{
    margin-left:0
}
.submenu__menu__item:last-child{
    margin-right:0
}
.submenu__live-holder{
    width:335px;
    margin-left:-7px
}
.submenu__live{
    position:relative;
    display:inline-table;
    padding:8px;
    width:100%;
    background:#37272D url("../images/img_bg_player.png") no-repeat right bottom;
    background-size:230px;
    color:#fff;
    border-radius:6px;
    border:1px solid rgba(255,255,255,0.3);
    box-shadow:0 2px 10px 0 rgba(0,0,0,0.3)
}
.submenu__live__img,.submenu__live__desc,.submenu__live__icon{
    display:table-cell;
    vertical-align:top
}
.submenu__live__img{
    width:105px
}
.submenu__live__img img{
    width:100%;
    height:auto;
    border-radius:6px
}
.submenu__live__desc{
    vertical-align:middle;
    width:175px;
    padding-left:12px
}
.submenu__live__time,.submenu__live__title{
    display:block
}
.submenu__live__time{
    padding-top:3px;
    font-size:12px
}
.submenu__live__name{
    padding-right:10px
}
.submenu__live__icon{
    padding-top:8px
}
.submenu__live:hover{
    color:#fff;
    text-decoration:none
}
.submenu__live-btn{
    display:none
}
@media only screen and (max-width: 1280px){
    .submenu__menu{
        display:block;
        width:100%
    }
    .submenu__live-holder{
        display:none
    }
    .submenu__live-btn{
        display:block
    }
}
@media only screen and (max-width: 767px){
    .submenu .wrapper{
        padding-top:22px;
        margin-bottom:0
    }
    .submenu .btn{
        padding:6px 15px;
        min-width:0;
        margin:0
    }
    .submenu .btn img{
        top:-2px
    }
    .submenu__logo-holder{
        margin-bottom:15px
    }
    .submenu__logo-holder a{
        display:inline-block
    }
    .submenu__logo-holder img{
        width:160px;
        height:auto
    }
    .submenu__menu-holder{
        margin-left:-15px;
        width:calc(100% + 30px)
    }
    .submenu__menu__item{
        font-size:88%;
        margin:0 15px
    }
    .submenu__menu__item:first-child{
        margin-left:15px
    }
    .submenu__menu__item:last-child{
        margin-right:15px
    }
}
.section-indicator{
    position:absolute;
    z-index:100;
    top:0;
    left:0;
    width:45px;
    background:url(../images/icon/img_carousel_bg.png) no-repeat center left;
    background-size:45px 100%;
    transition:top 0.2s ease-out;
    opacity:0
}
.section-indicator__inner::before,
.section-indicator__inner::after
{
	content: "";
}
.section-indicator__inner{
    width:34px;
    text-align:center;
}
.section-indicator__item,
.section-indicator__inner::before,
.section-indicator__inner::after
{
    display:block;
    width:15px;
    height:15px;
    margin:18px auto
}
.section-indicator__item:after{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    display:block;
    margin:0 auto;
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background-color:#C6C7C9
}
.section-indicator__item.active:after{
    background-color:#008b98;
}
@media only screen and (max-width: 1350px){
    .section-indicator{
        display:none
    }
}
*:focus{
    outline:0
}
input:-webkit-autofill{
    -webkit-box-shadow:0 0 0px 1000px white inset
}
button:focus,input:focus,a:focus{
    text-decoration:none !important;
    outline:none !important
}
.white-box .form-holder .btn{
    width:80%
}
@media only screen and (max-width: 767px){
    .white-box .form-holder .btn{
        width:100%
    }
    .form-holder .btn{
        width:100%
    }
}
.form__group{
    position:relative;
    border:1px solid #E6E8ED;
    border-radius:4px;
    margin:15px 0;
    background-color:#fff;
    padding: 16px 18px 0;
    height: 57px;
}
.form__label{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:initial;
    transition:0.2s ease all;
    transform-origin:left top;
    pointer-events:none
}
.form__password__showBtn{
    background:url(../images/icon/icn_show_pw.svg) no-repeat center;
    position:absolute;
    right:0;
    top:0;
    width:46px;
    height:100%
}
.form__input{
    position:relative;
    z-index: 10;
    top:1px;
    width:100%;
    height:32px;
    outline:none;
    color:initial;
    border:none;
    transition:0.2s ease all;
    background-color:transparent;
    padding-left: 0 !important;
}
.form__input:focus{
    border-color:#666
}
.form__input:focus+.form__label{
    color:#666;
    top:16px;
    left:19px;
    transform:translateY(-50%) scale(0.75)
}
.form__input:not(:placeholder-shown)+.form__label{
    color:#666;
    top:16px;
    left:19px;
    transform:translateY(-50%) scale(0.75)
}
.form__group--select{
    position:relative;
    margin:15px 0;
    padding-right:40px;
    background:#fff url(../images/icon/icon-arrow-down.svg) no-repeat center right 18px;
    background-size:14px;
    padding-bottom:8px
}
.form__select{
    position:relative;
    width:120%;
    padding-bottom:10px;
    border-radius:0;
    border:none;
    background-color:transparent;
    color: #212529 !important;
    margin-left: 0!important;
    padding-left: 0 !important;
}
.form__select:focus{
    outline:none
}
.form__select{
    appearance:none;
    -webkit-appearance:none;
    position:relative;
    top:7px
}
.form__group--select:after{
    position:absolute;
    top:18px;
    right:10px;
    width:0;
    height:0;
    padding:0;
    content:'';
    pointer-events:none;
    background-size:16px
}
.select-label{
    color:initial;
    font-size:initial;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:18px;
    top:14px;
    transition:0.2s ease all
}
.form__select:focus ~ .select-label,.form__select:valid ~ .select-label{
    color:#666;
    top:5.5px;
    transition:0.2s ease all;
    font-size:12px
}
.form__select:focus ~ .select-bar:before,.form__select:focus ~ .select-bar:after{
    width:50%
}
.checkbox-container{
    display:block;
    position:relative;
    padding-left:23px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.checkbox-container input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.checkmark{
    position:absolute;
    top:3px;
    left:0;
    height:18px;
    width:18px;
    background-color:transparent;
    border:1px solid #EF4123;
    border-radius:50%
}
.checkbox-container:hover input ~ .checkmark{
    background-color:transparent
}
.checkbox-container input:checked ~ .checkmark{
    background-color:transparent
}
.checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.checkbox-container input:checked ~ .checkmark:after{
    display:block
}
.checkbox-container .checkmark:after{
    left:2px;
    top:2px;
    width:12px;
    height:12px;
    border-radius:50%;
    background-color:#EF4123
}
.subscribe-plan{
    padding-left:0;
    margin:18px 0 0
}
.subscribe-plan .checkmark{
    top:18px;
    left:initial;
    right:18px
}
.subscribe-plan__inner{
    display:block;
    border-radius:4px;
    padding:16px 20px 10px 20px;
    background-color:#F6F1F2
}
.subscribe-plan__title,.subscribe-plan__desc{
    display:block
}
.subscribe-plan__title{
    font-size:18px;
    font-weight:900;
    margin-bottom:18px;
    padding-right:25px
}
.subscribe-plan__desc{
    margin-bottom:5px
}
.subscribe-plan__price{
    font-size:28px;
    font-weight:900;
    color:#EF4123
}
@media only screen and (max-width: 767px){
    .subscribe-plan{
        margin-top:16px
    }
    .subscribe-plan__inner{
        padding:16px 15px 10px 15px
    }
    .subscribe-plan__title{
        margin-bottom:12px
    }
    .subscribe-plan__price{
        font-size:24px
    }
}
.form-banner{
    background-color:#F6F1F2
}
.form-banner .banner-slider{
    height:100%
}
.form-banner .banner-slider__img-bg{
    width:100%;
    height:100%;
    min-height:585px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.form-banner .swiper-container{
    height:100%;
    padding:0;
    width:100%;
    margin-left:0
}
.form-banner .swiper-container-horizontal>.swiper-pagination-bullets,.form-banner .swiper-pagination-custom,.form-banner .swiper-pagination-fraction{
    bottom:28px
}
.form-banner .form-holder{
    width:100%;
    max-width:580px;
    padding:5.5% 6% 5%
}
.form-banner .form-holder__desc{
    padding:7% 23px 4%;
    text-align:center
}
.form-banner .form-holder__row{
    padding:2% 0
}
.form-banner .form-holder__btn{
    padding:3% 0 0
}
.showPagination{
    display:block !important
}
@media only screen and (max-width: 1600px){
    .form-banner .banner-slider__img-bg{
        min-height:450px
    }
    .form-banner .form-holder{
        max-width:600px;
        margin:0 auto;
        padding:35px 20px 40px
    }
    .form-banner .form-holder__desc{
        padding:20px 23px 20px
    }
    .form-banner .form-holder__row{
        padding:10px 0
    }
    .form-banner .form-holder__btn{
        padding:12px 0 0
    }
}
@media only screen and (max-width: 767px){
    .form-banner .swiper-container-horizontal>.swiper-pagination-bullets,.form-banner .swiper-pagination-custom,.form-banner .swiper-pagination-fraction{
        bottom:15px
    }
    .form-banner .form__group{
        font-size:14px
    }
}
.portal{
    width:100%;
    max-width:600px;
    padding:5.5% 6% 5%
}
.portal__top{
    padding-left:30px;
    margin-bottom:30px
}
.portal__member-id{
    font-size:24px;
    font-weight:900
}
.portal__function__btn{
    display:block;
    padding:30px 0
}
.portal__function__btn:hover{
    text-decoration:none;
    color:#EF4123
}
.portal__function__item{
    text-align:center;
    font-weight:900
}
.portal__function__icon,.portal__function__name{
    display:block
}
.portal__function__icon{
    margin-bottom:20px
}
.btn-logout{
    position:relative;
    top:4px;
    display:inline-block;
    font-weight:900;
    padding:2px 0 2px 25px;
    background:url(../images/icon/icn_logout.svg) no-repeat left center;
    background-size:20px
}
@media only screen and (max-width: 1600px){
    .portal{
        max-width:600px;
        margin:0 auto;
        padding:35px 20px 40px
    }
}
@media only screen and (max-width: 767px){
    .btn-logout{
        top:0
    }
    .portal__top{
        padding-left:22px;
        margin-bottom:5px
    }
    .portal__member-id{
        font-size:20px
    }
    .portal__function{
        padding:0 5px
    }
    .portal__function__btn{
        padding:17px 0
    }
    .portal__function__icon{
        margin-bottom:10px
    }
    .portal__function__icon img{
        width:50px;
        height:auto
    }
}
@media only screen and (max-width: 500px){
    .portal__function{
        font-size:15px
    }
}
.nav-tabs.nav-default::-webkit-scrollbar,.nav-tabs.nav-category::-webkit-scrollbar,.nav-tabs.nav-weekday::-webkit-scrollbar{
    display:none
}
.nav-tabs.nav-default,.nav-tabs.nav-category,.nav-tabs.nav-weekday{
    -ms-overflow-style:none;
    scrollbar-width:none
}
.nav-tabs.nav-default{
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    flex-wrap:nowrap;
    border-bottom:1px solid rgba(198,199,201,0.3);
    margin-left:-15px;
    padding-left:15px;
    width:calc(100% + 30px)
}
.nav-tabs.nav-default .nav-link.active,.nav-tabs.nav-default .nav-item.show .nav-link,.nav-tabs.nav-default .nav-link{
    border:none
}
.nav-tabs.nav-default .nav-link.active:hover,.nav-tabs.nav-default .nav-item.show .nav-link:hover,.nav-tabs.nav-default .nav-link:hover{
    border:none;
    color:#008b98;
}
.nav-tabs.nav-default .nav-link{
    padding:0 0 12px;
    margin-right:30px;
    font-weight:bold;
    color:#666
}
.nav-tabs.nav-default .nav-link.active{
    color:#008b98;
    border-bottom:3px solid #008b98;
    background-color:transparent
}
.nav-tabs.nav-default .nav-link.active:hover{
    border-bottom:3px solid #008b98;
}
.nav-tabs.nav-fill .nav-item:first-child .nav-link{
    border-top-left-radius:10px
}
.nav-tabs.nav-fill .nav-item:last-child .nav-link{
    border-top-right-radius:10px
}
.nav-tabs.nav-fill .nav-link{
    border:none;
    font-size:20px;
    font-weight:bold;
    padding:13px 1rem 10px;
    background-color:#dedcdd;
    border-radius:0
}
.nav-tabs.nav-fill .nav-link.active{
    background-color:#fff;
    color:#008b98;
}
.nav-tabs.nav-fill .nav-link:hover{
    color:#008b98;
}
@media only screen and (max-width: 550px){
    .nav-tabs.nav-fill .nav-link{
        font-size:115%;
        padding:10px 1rem 8px
    }
}
.nav-tabs.nav-icon-item{
    border-bottom:none
}
.nav-tabs.nav-icon-item .nav-item:first-child .nav-link,.nav-tabs.nav-icon-item .nav-item:last-child .nav-link{
    border-radius:0
}
.nav-tabs.nav-icon-item .nav-link{
    background-color:transparent;
    margin-bottom:0;
    color:#666;
    border-bottom:1px solid #edeeee
}
.nav-tabs.nav-icon-item .nav-link__icon{
    position:relative;
    top:-1px;
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px;
    margin-right:2px
}
.nav-tabs.nav-icon-item .nav-link .icon-audio{
    background-image:url(../images/icon/icn_listen-grey.svg)
}
.nav-tabs.nav-icon-item .nav-link .icon-video{
    background-image:url(../images/icon/icn_play-grey.svg)
}
.nav-tabs.nav-icon-item .nav-link:hover .icon-audio{
    background-image:url(../images/icon/icn_listen-purple.svg)
}
.nav-tabs.nav-icon-item .nav-link:hover .icon-video{
    background-image:url(../images/icon/icn_play-purple.svg)
}
.nav-tabs.nav-icon-item .nav-link.active{
    border-bottom:2px solid #95275E;
    margin-top:-1px
}
.nav-tabs.nav-icon-item .nav-link.active .icon-audio{
    background-image:url(../images/icon/icn_listen-purple.svg)
}
.nav-tabs.nav-icon-item .nav-link.active .icon-video{
    background-image:url(../images/icon/icn_play-purple.svg)
}
.nav-tabs.nav-category{
    border:none;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    flex-wrap:nowrap;
    margin-left:-15px;
    padding-left:15px;
    width:calc(100% + 30px)
}
.nav-tabs.nav-category .nav-link{
    border:none;
    background-color:#f1e4e9;
    color:#95275E;
    border-radius:4px;
    padding:4px 15px;
    margin:5px 12px
}
.nav-tabs.nav-category .nav-link:hover,.nav-tabs.nav-category .nav-link.active{
    border:none;
    background-color:#95275E;
    color:#fff
}
.nav-tabs.nav-category .nav-item:first-child .nav-link{
    margin-left:0
}
@media only screen and (max-width: 767px){
    .nav-tabs.nav-category .nav-link{
        margin:0 8px 5px
    }
}
.nav-tabs.nav-weekday{
    border:none;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    flex-wrap:nowrap;
    margin-left:-15px;
    padding-left:15px;
    width:calc(100% + 50px);
    cursor:grab
}
.nav-tabs.nav-weekday .isToday{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    border-radius:2px;
    background-color:#EF4123;
    font-size:12px;
    color:#fff;
    padding:2px 6px
}
.nav-tabs.nav-weekday .nav-item{
    width:14%;
    display:inline-block
}
.nav-tabs.nav-weekday .nav-item .nav-link{
    cursor:grab;
    position:relative;
    text-align:center;
    border:none;
    background-color:transparent;
    border-radius:4px;
    padding:10px 15px;
    margin:6px 8px;
    transition:background-color 0.3s ease
}
.nav-tabs.nav-weekday .nav-item .nav-link:after{
    content:'';
    position:absolute;
    top:0;
    right:-8px;
    width:1px;
    height:100%;
    background-color:rgba(198,199,201,0.3)
}
.nav-tabs.nav-weekday .nav-item .nav-link:hover,.nav-tabs.nav-weekday .nav-item .nav-link.active{
    border:none;
    background-color:#f1e4e9;
    color:#231F20
}
.nav-tabs.nav-weekday .nav-item:last-child .nav-link:after{
    display:none
}
.nav-weekday__date,.nav-weekday__day{
    display:block
}
.nav-weekday__date{
    font-size:24px;
    font-weight:bold;
    margin-bottom:3px
}
.nav-weekday__day{
    font-size:14px
}
@media only screen and (max-width: 1380px){
    .nav-tabs.nav-weekday .nav-item{
        width:115px;
        margin-left:16px
    }
    .nav-tabs.nav-weekday .nav-link{
        width:115px
    }
}
@media only screen and (max-width: 767px){
    .nav-tabs.nav-weekday{
        width:calc(100% + 40px)
    }
    .nav-tabs.nav-weekday .isToday{
        top:-2px
    }
    .nav-tabs.nav-weekday .nav-item{
        width:95px;
        margin-left:11px
    }
    .nav-tabs.nav-weekday .nav-item:first-child{
        margin-left:0
    }
    .nav-tabs.nav-weekday .nav-item .nav-link{
        width:95px;
        padding:7px 5px;
        margin:6px 5px
    }
    .nav-tabs.nav-weekday .nav-item .nav-link:after{
        right:-6px
    }
    .nav-weekday__date{
        font-size:18px
    }
}
.swiper-slide{
    height:auto
}
.swiper-container{
    padding:20px 10px 35px;
    margin-left:-10px;
    width:calc(100% + 20px)
}
@media only screen and (max-width: 767px){
    .swiper-container{
        padding:20px 15px 35px;
        margin-left:-15px;
        width:calc(100% + 30px)
    }
}
@media only screen and (max-width: 500px){
    .swiper-container{
        padding:20px 15px 15px
    }
}
.swiper-pagination-bullet,.full-width-slider .swiper-pagination-bullet,.metro-plus.full-width-slider .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#C6C7C9;
    opacity:1
}
.swiper-pagination-bullet-active,.full-width-slider .swiper-pagination-bullet-active,.metro-plus.full-width-slider .swiper-pagination-bullet-active{
    background:#5b5b5b;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 9px
}
@media only screen and (max-width: 767px){
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 8px
    }
    .swiper-pagination-bullet{
        width:8px;
        height:8px
    }
}
@media only screen and (max-width: 767px){
    .swiper-pagination{
        display:none
    }
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:0
}
.swiper-holder{
    position:relative
}
.swiper-holder:hover .swiper-button-next,.swiper-holder:hover .swiper-button-prev{
    opacity:1
}
.swiper-holder:hover .swiper-button-next:hover,.swiper-holder:hover .swiper-button-prev:hover{
    box-shadow:0 8px 12px rgba(0,0,0,0.3),0 10px 10px rgba(0,0,0,0.28)
}
.swiper-button-next,.swiper-button-prev{
    width:40px;
    height:40px;
    border-radius:40px;
    background-color:#fff;
    box-shadow:0 5px 5px rgba(0,0,0,0.12),0 6px 6px rgba(0,0,0,0.18);
    color:#000;
    top:50%;
    margin-top:-38px;
    opacity:0;
    transition:opacity 0.3s ease, box-shadow 0.3s ease
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-size:16px;
    font-weight:900
}
.swiper-button-prev{
    left:-15px
}
.swiper-button-next{
    right:-15px
}
@media only screen and (max-width: 767px){
    .swiper-button-next,.swiper-button-prev{
        display:none
    }
}
.swiper-slide__ad{
    position:relative;
    height:100%;
    background-color:#fff;
    border-radius:6px;
    padding:28px;
    box-shadow:0 2px 10px 0 rgba(0,0,0,0.05)
}
.swiper-slide__ad__inner{
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.show-slider{
    padding-bottom:15px
}
.show-slider .swiper-slide{
    padding:6px 0
}
.show-slider .swiper-pagination{
    display:block
}
.show-slider .swiper-container{
    padding-bottom:35px
}
.auto-width-slider{
    position:relative
}
.auto-width-slider .swiper-slide{
    width:50%;
    font-size:20px
}
.auto-width-slider .swiper-slide .img-card__content{
    padding-bottom:15px
}
.auto-width-slider .swiper-slide .img-card__icon{
    right:30px;
    bottom:22px
}
.auto-width-slider .swiper-slide--small{
    width:25%;
    font-size:14px
}
.auto-width-slider .swiper-slide--small .img-card__icon{
    width:28px;
    height:28px;
    right:20px;
    bottom:20px
}
.auto-width-slider .swiper-pagination{
    display:none
}
.auto-width-slider .swiper-button-prev,.auto-width-slider .swiper-button-next{
    z-index:100;
    opacity:0;
    margin-top:-50px;
    background-color:rgba(0,0,0,0.45);
    height:100px;
    width:60px;
    transition:background-color ease 0.3s
}
.auto-width-slider .swiper-button-prev:after,.auto-width-slider .swiper-button-next:after{
    color:#fff;
    font-size:24px
}
.auto-width-slider .swiper-button-prev:hover,.auto-width-slider .swiper-button-next:hover{
    background-color:rgba(0,0,0,0.75)
}
.auto-width-slider:hover .swiper-button-prev,.auto-width-slider:hover .swiper-button-next{
    opacity:1
}
.auto-width-slider .swiper-button-prev{
    left:-5px;
    border-radius:0;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.auto-width-slider .swiper-button-next{
    right:-5px;
    border-radius:0;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.auto-width-slider .swiper-button-disabled{
    opacity:0;
    display:none
}
@media only screen and (max-width: 1440px){
    .auto-width-slider .swiper-slide .img-card__content{
        padding-bottom:8px
    }
    .auto-width-slider .swiper-slide .img-card__icon{
        right:20px;
        bottom:12px
    }
    .auto-width-slider .swiper-slide--small .img-card__content{
        padding-right:45px
    }
}
@media only screen and (max-width: 1280px){
    .auto-width-slider .swiper-slide{
        width:66.6%
    }
    .auto-width-slider .swiper-slide .img-card__icon{
        right:12px;
        bottom:12px
    }
    .auto-width-slider .swiper-slide .img-card__title{
        font-size:115%
    }
    .auto-width-slider .swiper-slide .img-card__content{
        padding:16px 45px 8px 16px
    }
    .auto-width-slider .swiper-slide--small{
        width:33.3%
    }
    .auto-width-slider .swiper-slide--small .img-card__icon{
        right:12px;
        bottom:8px
    }
    .auto-width-slider .swiper-slide--small .img-card__content{
        padding:16px 45px 7px 16px
    }
    .auto-width-slider .swiper-button-prev,.auto-width-slider .swiper-button-next{
        margin-top:-40px;
        height:80px;
        width:40px
    }
    .auto-width-slider .swiper-button-prev:after,.auto-width-slider .swiper-button-next:after{
        font-size:18px
    }
}
.img-card-slider{
    position:relative
}
@media only screen and (max-width: 767px){
    .img-card-slider .swiper-container{
        width:100%;
        margin-left:0
    }
    .img-card-slider .img-card__content{
        background-color:#5C4E53;
        position:relative;
        padding:15px 15px 60px
    }
    .img-card-slider .img-card__title{
        font-size:115%
    }
    .img-card-slider .img-card__icon{
        width:35px;
        height:35px;
        right:15px;
        bottom:15px
    }
    .img-card-slider .swiper-pagination{
        display:block;
        bottom:18px
    }
}
.stock-card-slider{
    position:relative
}
.stock-card-slider .swiper-container{
    padding:20px 0;
    margin-left:0;
    width:100%
}
.stock-card-slider .swiper-button-prev,.stock-card-slider .swiper-button-next{
    opacity:1;
    margin-top:-20px
}
.stock-card-slider .swiper-button-prev{
    left:-25px
}
.stock-card-slider .swiper-button-next{
    right:-25px
}
@media only screen and (max-width: 767px){
    .stock-card-slider .swiper-container{
        padding:5px 0;
        margin-left:-15px;
        width:calc(100% + 30px)
    }
}
.full-slider .swiper-container,.full-width-slider .swiper-container{
    padding-bottom:46px
}
@media only screen and (max-width: 767px){
    .full-slider .swiper-container,.full-width-slider .swiper-container{
        padding-bottom:10px
    }
}
.full-slider--large .swiper-pagination{
    display:block
}
.link-card-slider__short .swiper-button-next,.link-card-slider__short .swiper-button-prev{
    margin-top:0;
    top:46px
}
.full-slider--whiteBg .card--large .card__content{
    padding-bottom:5px
}
.full-slider--whiteBg .card__date{
    position:relative;
    bottom:initial;
    left:initial;
    padding:0 15px 20px
}
@media only screen and (max-width: 767px){
    .full-slider--whiteBg .card--large{
        background-color:#fff;
        box-shadow:0 2px 6px 0 rgba(0,0,0,0.125)
    }
    .full-slider--whiteBg .card--large .card__content{
        padding:10px 15px 5px
    }
    .full-slider--whiteBg .card--large .card__thumbnail img{
        border-radius:0;
        border-top-right-radius:6px;
        border-top-left-radius:6px
    }
    .full-slider--whiteBg .card--large:hover{
        top:-2px;
        box-shadow:0 8px 10px rgba(0,0,0,0.15),0 10px 10px rgba(0,0,0,0.135)
    }
    .full-slider--whiteBg .swiper-container{
        padding-bottom:40px
    }
}
.ab-banner{
    padding:10px 0
}
@media only screen and (max-width: 767px){
    .ab-banner{
        padding:0
    }
}
.cta-banner{
    background-image:url(../images/img_bg_membership.png);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    color:#fff;
    text-align:center;
    padding:10px 0
}
.cta-banner__title,.cta-banner__desc{
    text-shadow:0 2px 4px rgba(0,0,0,0.08);
    font-weight:bold;
    margin-bottom:4px
}
.cta-banner__title{
    font-size:215%
}
.cta-banner__desc{
    font-size:150%
}
.cta-banner .button-container{
    padding:0 10px
}
@media only screen and (max-width: 767px){
    .cta-banner__title{
        font-size:175%
    }
    .cta-banner__desc{
        font-size:115%
    }
}
.card{
    display:block;
    position:relative;
    top:0;
    border:none;
    border-radius:6px;
    box-shadow:0 2px 6px 0 rgba(0,0,0,0.05);
    height:100%;
    transition:box-shadow 0.35s ease, top 0.35s ease
}
.card span{
    display:block
}
.card__title{
    font-weight:bold
}
.card__thumbnail{
    position:relative
}
.card__thumbnail img{
    width:100%;
    height:auto;
    border-top-right-radius:6px;
    border-top-left-radius:6px
}
.card__gradient{
    display:block;
    position:absolute;
    border-top-right-radius:6px;
    border-top-left-radius:6px;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3)
}
.card__icon{
    position:absolute;
    width:32px;
    height:32px;
    z-index:99;
    right:15px;
    bottom:13px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.card__content{
    padding:18px 15px 65px
}
.card__date{
    position:absolute;
    color:#666666;
    font-size:12px;
    bottom:20px;
    left:15px
}
.card--large .card__content{
    padding:15px 15px 46px;
    font-size:125%;
    font-weight:bold
}
.card--large .card__date{
    font-size:14px
}
.card:hover{
    text-decoration:none;
    top:-2px;
    box-shadow:0 8px 10px rgba(0,0,0,0.2),0 10px 10px rgba(0,0,0,0.18)
}
@media only screen and (max-width: 767px){
    .card--large{
        box-shadow:none;
        background-color:transparent
    }
    .card--large .card__content{
        font-size:18px;
        padding:15px 0 46px
    }
    .card--large .card__date{
        left:0
    }
    .card--large .card__thumbnail img{
        border-radius:6px
    }
    .card--large .card__gradient{
        border-radius:6px
    }
    .card--large:hover{
        box-shadow:none;
        top:0;
        color:#95275E
    }
}
.link-card{
    display:block
}
.link-card__thumbnail,.link-card__content,.link-card__date{
    display:block
}
.link-card__gradient{
    display:block;
    position:absolute;
    border-radius:6px;
    z-index:10;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3)
}
.link-card__thumbnail{
    position:relative;
    border-radius:6px
}
.link-card__thumbnail img{
    width:100%;
    height:auto;
    border-radius:6px
}
.link-card__content{
    padding:9px 0 6px;
    font-size:88%;
    font-weight:bold
}
.link-card__date{
    font-size:12px;
    color:#666
}
.link-card__icon{
    position:absolute;
    width:24px;
    height:24px;
    z-index:99;
    right:9px;
    bottom:8px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.link-card:hover{
    text-decoration:none;
    color:#EE522B
}
.live-card{
    display:block
}
.live-card__content,.live-card__thumbnail{
    display:inline-block;
    vertical-align:top
}
.live-card__thumbnail{
    width:55%;
    margin-right:-7px
}
.live-card__thumbnail img{
    width:100%;
    height:auto
}
.live-card__content{
    width:45%;
    padding-left:15px
}
.live-card__wrapper{
    display:block;
    font-weight:bold
}
.live-card__date{
    display:block;
    padding-top:7px;
    font-size:12px;
    color:#666;
    font-weight:normal
}
.live-card__badge{
    display:inline-block;
    margin-bottom:6%
}
.live-card:hover{
    text-decoration:none;
    color:#EE522B
}
@media only screen and (max-width: 767px){
    .live-card__thumbnail{
        width:170px
    }
    .live-card__content{
        width:calc(100% - 170px);
        font-size:12px
    }
    .live-card__date{
        font-size:10px;
        padding-top:4px
    }
    .live-card__badge{
        margin-bottom:2px;
        width:50px
    }
    .live-card__badge img{
        width:100%;
        height:auto
    }
}
.stock-card{
    position:relative;
    top:50%;
    transform:translateY(-50%);
    border:1px solid rgba(92,78,83,0.3);
    border-radius:10px;
    background-color:#FFFFFF;
    padding:12px 15px
}
.stock-card__cat{
    font-size:12px;
    color:#95275E;
    margin-bottom:5px
}
.stock-card__icon,.stock-card__detail{
    display:inline-block;
    vertical-align:middle
}
.stock-card__icon{
    height:40px;
    width:40px;
    border-radius:7px;
    background-color:#E6F4EA;
    background-image:url("../images/icon/icn_arrowup-green.svg");
    background-position:center;
    background-repeat:no-repeat;
    background-size:22px
}
.stock-card__detail{
    margin-left:-7px;
    width:calc(100% - 40px);
    padding-left:10px;
    font-weight:bold
}
.stock-card__row{
    font-weight:normal
}
.stock-card__percent{
    text-align:right;
    color:#137333
}
.stock-card--down .stock-card__icon{
    background-color:#FCE8E6;
    background-image:url("../images/icon/icn_arrowdown-red.svg")
}
.stock-card--down .stock-card__percent{
    color:#C4211F
}
@media only screen and (max-width: 767px){
    .stock-card{
        color:#fff;
        border:none;
        border-radius:0;
        background-color:transparent;
        padding:0 15px;
        height:100%
    }
    .stock-card:after{
        content:'';
        display:block;
        position:absolute;
        top:25px;
        right:0;
        height:calc(100% - 25px);
        width:1px;
        background-color:rgba(255,255,255,0.3)
    }
    .stock-card__cat{
        color:#fff
    }
    .stock-card__icon{
        display:none
    }
    .stock-card__detail{
        display:block;
        padding-left:0;
        margin-left:0;
        font-size:88%;
        width:100%
    }
    .stock-card__percent{
        display:inline-block;
        text-align:left;
        border-radius:4px;
        background-color:#E6F4EA;
        margin-top:6px;
        padding:4px 5px 4px 22px;
        background-image:url("../images/icon/icn_arrowup-green.svg");
        background-position:center left 5px;
        background-repeat:no-repeat;
        background-size:16px
    }
    .stock-card--down .stock-card__percent{
        background-color:#FCE8E6;
        background-image:url("../images/icon/icn_arrowdown-red.svg")
    }
}
.metro-plus{
    padding-bottom:40px
}
.metro-plus .swiper-pagination-bullet{
    width:8px;
    height:8px
}
.metro-plus .card:hover .card__title{
    color:#95275e;
}
.thumbnail-slider,.vertical-slider{
    background-color:#5C4E53;
    height:100%
}
.thumbnail-slider .swiper-container,.vertical-slider .swiper-container{
    height:100%
}
.thumbnail-slide,.vertical-slide{
    display:block;
    height:100%;
    padding:4% 4%;
    background-color:#5C4E53;
    color:#fff;
    border-bottom:1px solid rgba(198,199,201,0.2)
}
.thumbnail-slide__content,.thumbnail-slide__img,.vertical-slide__content,.vertical-slide__img{
    display:inline-block;
    vertical-align:top
}
.thumbnail-slide__content,.vertical-slide__content{
    width:55%;
    margin-right:-6px;
    padding-right:15px
}
.thumbnail-slide__img,.vertical-slide__img{
    position:relative;
    width:45%
}
.thumbnail-slide__img img,.vertical-slide__img img{
    width:100%
}
.thumbnail-slide__gradient,.vertical-slide__gradient{
    position:absolute;
    z-index:10;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.2)
}
.thumbnail-slide__title,.vertical-slide__title{
    display:block;
    padding-top:3px;
    padding-bottom:10px
}
.thumbnail-slide__date,.vertical-slide__date{
    display:block;
    font-size:12px;
    opacity:0.6
}
.thumbnail-slide__icon,.vertical-slide__icon{
    position:absolute;
    width:16px;
    height:16px;
    z-index:99;
    right:7px;
    bottom:5px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.thumbnail-slide:hover,.vertical-slide:hover{
    color:#fff;
    text-decoration:none
}
.img-card{
    display:block;
    position:relative;
    color:#fff
}
.img-card span{
    display:block
}
.img-card__img{
    position:relative
}
.img-card__img img{
    width:100%;
    height:auto
}
.img-card__gradient{
    position:absolute;
    width:100%;
    height:100%;
    z-index:10;
    background:linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,0.65) 100%)
}
.img-card__content{
    position:absolute;
    z-index:99;
    width:100%;
    left:0;
    bottom:0;
    color:#fff;
    padding:25px 90px 25px 25px
}
.img-card__title{
    font-size:125%;
    font-weight:bold;
    margin-bottom:5px
}
.img-card__date{
    font-size:14px
}
.img-card__icon{
    position:absolute;
    z-index:99;
    width:45px;
    height:45px;
    right:35px;
    bottom:30px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center
}
.img-card:hover{
    text-decoration:none
}
.icon-video{
    background-image:url("../images/icon/icn_play-video.svg")
}
.icon-audio{
    background-image:url("../images/icon/icn_listen-white.svg")
}
.icon-live{
    background-image:url("../images/icon/icn_live.svg")
}
.superhome-banner {
	max-width:1920px;
	width:100%;
	margin: 0 auto;
}
.superhome-banner,.three-col-banner{
    position:relative;
    z-index:99;
    overflow:hidden;
    max-height:570px
}
.superhome-banner .swiper-container,.three-col-banner .swiper-container{
    width:100%
}
.superhome-banner .swiper-pagination,.three-col-banner .swiper-pagination{
    display:none;
    bottom:25px
}
@media only screen and (max-width: 1600px){
    .thumbnail-slide,.vertical-slide{
        padding:3% 3.5%;
        font-size:90%
    }
    .thumbnail-slide__title,.vertical-slide__title{
        padding-top:1px
    }
    .thumbnail-slide__content,.vertical-slide__content{
        width:65%
    }
    .thumbnail-slide__img,.vertical-slide__img{
        width:35%;
        margin-top:6px
    }
    .superhome-banner .img-card__content,.three-col-banner .img-card__content{
        padding:16px 60px 16px 16px
    }
    .superhome-banner .img-card__icon,.three-col-banner .img-card__icon{
        right:20px;
        bottom:20px
    }
}
@media only screen and (max-width: 1280px){
    .thumbnail-slide,.vertical-slide{
        padding:6px 3%;
        font-size:12px
    }
    .thumbnail-slide__content,.vertical-slide__content{
        width:68%;
        padding-right:10px
    }
    .thumbnail-slide__img,.vertical-slide__img{
        width:32%;
        margin-top:6px
    }
    .thumbnail-slide__title,.vertical-slide__title{
        padding-bottom:2px
    }
    .thumbnail-slide__date,.vertical-slide__date{
        font-size:10px
    }
}
@media only screen and (max-width: 550px){
    .superhome-banner .img-card__icon,.three-col-banner .img-card__icon{
        width:25px;
        height:25px;
        right:15px;
        bottom:15px
    }
    .superhome-banner .img-card__title,.three-col-banner .img-card__title{
        font-size:115%;
        margin-bottom:8px
    }
    .superhome-banner .img-card__content,.three-col-banner .img-card__content{
        background-color:#5C4E53;
        position:relative;
        padding:15px 15px 75px
    }
    .superhome-banner .swiper-pagination,.three-col-banner .swiper-pagination{
        display:block
    }
}
.superhome-banner__live,.three-col-banner__live{
    height:100%;
    color:#fff;
    padding:9% 6% 5%;
    background:radial-gradient(circle, #4E4E4E 0%, #201E1F 100%)
}
.superhome-banner__live__title,.three-col-banner__live__title{
    font-weight:bold;
    background:url(../images/icon/img_pattern-white.svg) no-repeat center left;
    background-size:16px;
    padding-left:16px;
    margin-bottom:15px
}
.superhome-banner__ad,.three-col-banner__ad{
    position:relative;
    padding:30px;
    height:100%;
    background-color:#5C4E53
}
.superhome-banner__ad__inner,.three-col-banner__ad__inner{
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.btn-live{
    position:relative;
    display:block;
    width:100%;
    height:26.5%;
    margin-bottom:5.5%;
    border-radius:6px;
    padding:4% 5.5%;
    color:#fff;
    background-color:#37272D;
    background:#37272D,linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-image:url(../images/icon/img_player_bg.svg),linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0) 100%);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100%;
    box-shadow:0 2px 10px 0 rgba(0,0,0,0.3)
}
.btn-live__title,.btn-live__content,.btn-live__logo,.btn-live__live-icon{
    display:block
}
.btn-live__title{
    margin-bottom:3px
}
.btn-live__content{
    font-size:80%
}
.btn-live__logo{
    position:absolute;
    max-width:100px;
    bottom:9%;
    left:6%
}
.btn-live__live-icon{
    position:absolute;
    bottom:8%;
    right:6%;
    width:10%;
    height:36px;
    background:url(../images/icon/icn_live.svg) no-repeat center;
    background-size:contain
}
.btn-live:hover,.btn-live.active{
    color:#fff;
    text-decoration:none;
	background-color: #636363;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(329.3deg, #636363 0%, #1e1e1e 100%);
	background-image: url(../images/icon/img_player_bg.svg), linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%), linear-gradient(329.3deg, #636363 0%, #1e1e1e 100%);
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100%
}
@media only screen and (max-width: 1280px){
    .superhome-banner__live,.three-col-banner__live{
        padding:5% 4% 3%
    }
    .superhome-banner__live__title,.three-col-banner__live__title{
        font-size:85%;
        background-size:14px;
        padding-left:14px;
        margin-bottom:8px
    }
    .three-col-banner__live{
        padding:12% 5% 3%
    }
    .three-col-banner__live__title{
        margin-bottom:15px
    }
    .btn-live{
        font-size:85%;
        padding:2.5% 4%
    }
    .btn-live__title{
        margin-bottom:1px
    }
    .btn-live__live-icon{
        bottom:4%;
        right:5%
    }
    .btn-live__logo{
        max-width:75px;
        bottom:7%;
        left:4.5%
    }
}
@media only screen and (max-width: 767px){
    .three-col-banner{
        max-height:100%
    }
    .three-col-banner__live{
        padding:20px 15px;
        height:unset
    }
    .three-col-banner__live__title{
        font-size:16px;
        margin-bottom:10px
    }
    .three-col-banner .btn-live.btn-live-icon{
        display:inline-block;
        vertical-align:top;
        width:calc(33% - 8px);
        height:50px;
        margin-bottom:0;
        margin-right:3px;
        padding:18px
    }
    .three-col-banner .btn-live.btn-live-icon:last-child{
        width:33%;
        margin-right:0
    }
}
@media only screen and (max-width: 500px){
    .three-col-banner .btn-live.btn-live-icon{
        padding:10px
    }
    .three-col-banner .btn-live.btn-live-icon .btn-live__logo img{
        max-width:80px;
        max-height:32px
    }
}
.btn-live.btn-live-icon{
    padding:13%
}
.btn-live.btn-live-icon .btn-live__logo{
    max-width:180px;
    max-height:63px;
    margin:0 auto;
    position:relative;
    top:50%;
    transform:translateY(-50%);
    bottom:0;
    left:0;
    text-align:center;
    opacity:0.5
}
.btn-live.btn-live-icon:hover .btn-live__logo,.btn-live.btn-live-icon.active .btn-live__logo{
    opacity:1
}
@media only screen and (max-width: 1199px){
    .btn-live.btn-live-icon{
        height:23%;
        margin-bottom:15px
    }
    .btn-live.btn-live-icon .btn-live__logo img{
        max-height:45px
    }
}
@media only screen and (max-width: 1199px){
    .btn-live.btn-live-icon .btn-live__logo img{
        max-width:100px;
        max-height:30px
    }
}
@media only screen and (max-width: 550px){
    .btn-live.btn-live-icon{
        padding:12px
    }
    .btn-live.btn-live-icon .btn-live__logo img{
        margin-top:-3px;
        max-width:70px;
        max-height:28px
    }
}
.img-slider .swiper-button-prev,.img-slider .swiper-button-next{
    z-index:100;
    opacity:0;
    margin-top:-40px;
    background-color:rgba(0,0,0,0.45);
    height:80px;
    width:45px;
    transition:background-color ease 0.3s
}
.img-slider .swiper-button-prev:after,.img-slider .swiper-button-next:after{
    color:#fff;
    font-size:24px
}
.img-slider .swiper-button-prev:hover,.img-slider .swiper-button-next:hover{
    background-color:rgba(0,0,0,0.75)
}
.img-slider .swiper-button-prev{
    left:0;
    border-radius:0;
    border-bottom-right-radius:10px;
    border-top-right-radius:10px
}
.img-slider .swiper-button-next{
    right:0;
    border-radius:0;
    border-bottom-left-radius:10px;
    border-top-left-radius:10px
}
.img-slider .swiper-button-disabled{
    opacity:0;
    display:none
}
.img-slider:hover .swiper-button-prev,.img-slider:hover .swiper-button-next{
    opacity:1
}
.vertical-slider__title{
    padding-top:6%;
    position:relative;
    z-index:100;
    margin-bottom:0;
    margin-left:15px;
    color:#fff;
    background-color:#5C4E53;
    background-position:left bottom 4px
}
.vertical-slide__img{
    width:40%
}
.vertical-slide__content{
    width:60%
}
@media only screen and (max-width: 1280px){
    .vertical-slider__title{
        padding-top:7.5%;
        margin-left:10px
    }
}
@media only screen and (max-width: 1199px){
    .three-col-banner{
        max-height:none
    }
    .vertical-slider{
        border-top:1px solid rgba(198,199,201,0.2)
    }
    .vertical-slider__title{
        padding-top:20px;
        margin-left:10px;
        margin-bottom:5px
    }
    .vertical-slider .swiper-container{
        padding-bottom:37px !important
    }
    .vertical-slider .swiper-pagination{
        display:block;
        bottom:14px
    }
    .vertical-slide{
        border-right:1px solid rgba(198,199,201,0.2);
        border-bottom:none;
        font-size:14px;
        font-weight:bold
    }
    .vertical-slide__date{
        font-size:12px;
        padding-top:6px;
        font-weight:normal
    }
}
.three-col-banner.video-banner{
    max-height:620px
}
@media only screen and (max-width: 1199px){
    .three-col-banner.video-banner{
        max-height:auto
    }
}
.number-list__item{
    position:relative;
    display:block;
    padding:15px;
    border-bottom:1px solid rgba(198,199,201,0.3);
    transition:color 0.3s ease
}
.number-list__item:last-child{
    border-bottom:none
}
.number-list__item__num,.number-list__item__content{
    display:inline-block;
    vertical-align:middle
}
.number-list__item__num{
    height:24px;
    width:24px;
    padding:4px;
    border-radius:6px;
    background-color:#C6C7C9;
    color:#fff;
    font-size:12px;
    text-align:center
}
.number-list__item__num.bg-orange{
    font-weight:bold
}
.number-list__item__content{
    width:calc(100% - 32px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding-right:45px;
    padding-left:8px
}
.number-list__item__time{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    color:#666666;
    font-size:12px;
    margin-top:1px
}
.number-list__item--promo .number-list__item__content{
    padding-right:0;
    font-weight:bold
}
.number-list__item:hover{
    color:#008b98;
    text-decoration:none
}
.number-list__music{
    padding:10px 15px 15px 15px
}
.number-list__music .number-list__item__num,.number-list__music .number-list__item__content{
    vertical-align:top
}
.number-list__music .number-list__item__num{
    position:relative;
    top:2px
}
.number-list__music .number-list__item__content{
    font-size:125%;
    white-space:normal;
    line-height:1.3;
    padding-right:0
}
.number-list__music .number-list__item__time{
    display:flex;
    position:relative;
    justify-content:space-between;
    right:0;
    top:0%;
    transform:translateY(0%);
    font-size:14px;
    margin-top:10px
}
.number-list__music .number-list__item__cover{
    display:block;
    position:absolute;
    right:15px;
    top:10px;
    width:60px;
    height:60px
}
.number-list__music .number-list__item__cover img{
    width:100%;
    border-radius:6px
}


@media only screen and (max-width: 991px){
    .radio-section .wrapper{
        padding-top:0
    }
    .radio-section .section__title{
        margin-left:15px;
        margin-top:25px;
        margin-bottom:15px
    }
    .radio-section .white-box{
        border-radius:0;
        padding:20px 15px 15px;
        margin-top:0
    }
    .radio-section .white-box .section__title{
        margin-top:0;
        margin-left:0
    }
    .radio-section .nav-tabs.nav-fill .nav-item:first-child .nav-link{
        border-top-left-radius:0
    }
    .radio-section .nav-tabs.nav-fill .nav-item:last-child .nav-link{
        border-top-right-radius:0
    }
}
.news-box__item,.news-box__title,.news-box__date,.news-box__desc,.news-box__img{
    display:block
}
.news-box__item{
    padding:15px 0;
    border-top:1px solid rgba(198,199,201,0.3)
}
.news-box__item:first-child{
    border-top:none
}
.news-box__item--promo .news-box__title{
    font-size:125%
}
.news-box__item:hover{
    text-decoration:none
}
.news-box__item:hover .news-box__title{
    color:#008b98;
}
.news-box__cat{
    display:none;
    font-size:11px;
    background-color:#95275E;
    color:#fff;
    border-radius:2px;
    padding:2px 5px;
    margin-bottom:8px
}
.news-box__content-wrapper{
    display:table
}
.news-box__inner,.news-box__img{
    display:table-cell;
    vertical-align:top
}
.news-box__inner{
    width:58%;
    padding-right:15px
}
.news-box__mb-img{
    display:none
}
.news-box__img{
    width:42%;
    margin:-10px 0 15px 15px
}
.news-box__img img{
    width:100%;
    height:auto;
    border-radius:6px
}
.news-box__title{
    font-weight:bold
}
.news-box__date{
    color:#666666;
    font-size:12px;
    margin-top:5px
}
.news-box__desc{
    padding-top:10px
}
@media only screen and (max-width: 767px){
    .news-box__item:first-child{
        border-top:1px solid rgba(198,199,201,0.3)
    }
    .news-box__item--promo:first-of-type{
        border-top:none !important
    }
}
@media only screen and (max-width: 500px){
    .news-box__item--promo .news-box__title{
        font-size:115%
    }
    .news-box__inner{
        width:100%;
        display:block;
        padding-right:0
    }
    .news-box__img{
        display:none
    }
    .news-box__mb-img{
        display:block;
        max-width:100%;
        margin:12px 0 5px
    }
    .news-box__mb-img img{
        width:100%;
        height:auto;
        border-radius:6px
    }
}
.theme-orange .nav-tabs.nav-fill .nav-link.active,.theme-orange .nav-tabs.nav-fill .nav-link:hover,.theme-orange .number-list__item:hover,.theme-orange .link-card:hover,.theme-orange .card:hover .card__title,.theme-orange .nav-tabs.nav-default .nav-link.active,.theme-orange .nav-tabs.nav-default .nav-link:hover{
    color:#EF4123
}
.theme-orange .nav-tabs.nav-default .nav-link.active{
    border-bottom:2px solid #EF4123
}
.theme-purple .nav-tabs.nav-fill .nav-link.active,.theme-purple .nav-tabs.nav-fill .nav-link:hover,.theme-purple .number-list__item:hover,.theme-purple .link-card:hover,.theme-purple .card:hover .card__title,.theme-purple .nav-tabs.nav-default .nav-link.active,.theme-purple .nav-tabs.nav-default .nav-link:hover{
    color:#008b98;
}
.theme-purple .nav-tabs.nav-default .nav-link.active{
    border-bottom:2px solid #95275E
}
.purple-txt.icon-title::before{
    background:url("../images/icon/img_pattern-grey.svg") no-repeat center left;
    background-size:contain
}
.theme-green .nav-tabs.nav-fill .nav-link.active,.theme-green .nav-tabs.nav-fill .nav-link:hover,.theme-green .number-list__item:hover,.theme-green .link-card:hover,.theme-green .nav-tabs.nav-default .nav-link.active,.theme-green .nav-tabs.nav-default .nav-link:hover{
    color:#86AF4A
}
.theme-green .nav-tabs.nav-default .nav-link.active{
    border-bottom:3px solid #86AF4A
}
.quote__item,.quote__profile{
    display:block
}
.quote__profile-img,.quote__info,.quote__name,.quote__date{
    display:inline-block;
    vertical-align:middle
}
.quote__profile-img{
    width:72px;
    height:72px;
    border-radius:50%
}
.quote__profile-img img{
    display:block;
    width:100%;
    border-radius:50%
}
.quote__info{
    width:calc(100% - 80px)
}
.quote__date,.quote__name{
    width:50%
}
.quote__name{
    margin-right:-7px;
    padding-left:10px;
    color:#231F20
}
.quote__date{
    text-align:right;
    font-size:12px;
    color:#666
}
.quote__desc{
    display:block;
    font-weight:bold;
    padding-top:8px
}
.quote__mb-desc{
    display:none;
    font-weight:bold;
    padding-left:10px;
    padding-top:6px
}
.quote__item{
    padding:20px 30px;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.quote__item:last-child{
    border-bottom:none
}
.quote__item:first-child{
    padding:0 30px 20px
}
.quote__item:hover{
    text-decoration:none;
    color:#95275E
}
@media only screen and (max-width: 991px){
    .quote__desc{
        display:none
    }
    .quote__item{
        padding-left:15px
    }
    .quote__item:first-child{
        padding-left:15px
    }
    .quote__mb-desc{
        display:block
    }
}
.show-detail .ad-holder{
    padding:15px 0
}
.show-detail__left{
    padding-right:8%
}
.show-detail__banner{
    padding-top:25px
}
.show-detail__banner img{
    width:100%;
    border-radius:10px
}
@media only screen and (max-width: 1199px){
    .show-detail__left{
        padding-right:15px
    }
}
@media only screen and (max-width: 767px){
    .show-detail__banner{
        padding-top:5px;
        padding-bottom:20px
    }
    .show-detail .share{
        text-align:left;
        padding-top:16px
    }
}
.show-wrapper{
    position:relative;
    padding:35px 0 10px
}
.show-wrapper__header{
    position:relative;
    display:table;
    width:100%;
    padding-bottom:20px
}
.show-wrapper__header__title{
    font-size:24px;
    font-weight:bold;
    margin-bottom:10px
}
.show-wrapper__header__time{
    font-size:16px;
    color:#666
}
.show-wrapper__detail,.show-wrapper__host{
    display:table-cell;
    vertical-align:top
}
.show-wrapper__detail{
    width:100%
}
.show-wrapper__host{
    position:relative;
    display:table-cell
}
.show-wrapper__host__wrapper{
    display:table;
    position:relative;
    top:-5px
}
.show-wrapper__host__item{
    display:table-cell;
    padding-left:25px;
    text-align:center
}
.show-wrapper__host__img{
    width:70px;
    height:70px;
    margin-bottom:5px
}
.show-wrapper__host__img img{
    width:100%;
    height:auto;
    border-radius:50%
}
@media only screen and (max-width: 767px){
    .bg-mb-none{
        background-color:transparent;
        box-shadow:none;
        margin:5px 0 10px
    }
    .show-detail .wrapper{
        padding:0
    }
    .show-detail .white-box{
        margin-bottom:0
    }
    .show-detail .ad-holder{
        padding:15px 15px
    }
    .show-wrapper{
        padding:20px 0 15px
    }
    .show-wrapper__header{
        padding-bottom:10px
    }
    .show-wrapper__header__title{
        font-size:18px;
        margin-bottom:6px
    }
    .show-wrapper__header__time{
        font-size:14px
    }
    .show-wrapper__host,.show-wrapper__detail{
        display:block;
        width:100%
    }
    .show-wrapper__host__wrapper{
        top:0
    }
    .show-wrapper__host__item{
        display:table-cell;
        padding-left:0;
        padding-right:15px;
        padding-top:20px
    }
    .show-wrapper__host__img{
        width:55px;
        height:55px
    }
}
.expandable__article{
    padding-top:10px;
    line-height:25px
}
.expandable__btn-holder{
    padding-top:20px
}
.expandable.expanded .shaved{
    display:block !important
}
.expandable.expanded .expandable__btn-holder,.expandable.expanded .js-shave-char{
    display:none !important
}
.btn-load-more{
    font-weight:bold;
    padding-right:16px;
    background-image:url(../images/icon/icon-arrow-down.svg);
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:20px
}
.btn-load-more:hover{
    text-decoration:none;
    color:#95275E;
    background-image:url(../images/icon/icon-arrow-down-purple.svg);
    background-size:15px
}
.media-archive{
    padding:10px 0
}
.media-list__item,.faq__item{
    margin:25px 0;
    border-radius:4px;
    background-color:#F6F1F2
}
.media-list__item__head,.faq__item__head{
    display:block;
    font-size:24px;
    font-weight:bold;
    padding:22px 40px 22px 20px;
    background:url(../images/icon/icon-arrow-up.svg) no-repeat right 20px center;
    color:#95275E
}
.media-list__item__head.collapsed,.faq__item__head.collapsed{
    background:url(../images/icon/icon-arrow-down.svg) no-repeat right 20px center;
    color:#231F20
}
.media-list__item__head:hover,.faq__item__head:hover{
    text-decoration:none;
    color:#95275E
}
.media-list__item__body,.faq__item__body{
    padding:0 20px
}
.media-list__video,.faq__video{
    display:block;
    padding:20px 65px 20px 20px;
    background-image:url(../images/icon/icn_play-orange.svg);
    background-repeat:no-repeat;
    background-position:center right 20px;
    background-size:36px
}
.media-list__video__date,.media-list__video__name,.faq__video__date,.faq__video__name{
    display:block;
    font-size:20px;
    font-weight:bold;
    margin-bottom:4px
}
.media-list__video__date,.faq__video__date{
    font-size:24px
}
.media-list__video:hover,.faq__video:hover{
    color:#95275E;
    text-decoration:none;
    background-image:url(../images/icon/icn_play-active.svg);
    background-size:36px
}
.faq__item__head{
    font-size:18px;
    color:#231F20
}
.faq__item__head.collapsed{
    color:#231F20
}
.faq__item__head:hover{
    color:#231F20
}
.faq__item__body{
    padding-bottom:15px
}
.faq__item__body p{
    line-height:160%
}
@media only screen and (max-width: 767px){
    .media-list__item__head,.faq__item__head{
        font-size:18px;
        padding:16px 35px 16px 16px
    }
    .media-list__item__body,.faq__item__body{
        padding:5px 16px
    }
    .media-list__video,.faq__video{
        display:block;
        padding:15px 50px 15px 15px;
        background-position:center right 16px;
        background-size:24px
    }
    .media-list__video__date,.media-list__video__name,.faq__video__date,.faq__video__name{
        font-size:14px;
        margin-bottom:2px
    }
    .media-list__video__date,.faq__video__date{
        font-size:16px
    }
    .media-list__video:hover,.faq__video:hover{
        background-size:24px
    }
    .faq__item{
        margin:16px 0
    }
    .faq__item__head{
        padding:18px 35px 18px 16px
    }
    .faq__item__body{
        padding:0 16px 15px
    }
}
.audio-card{
    display:block;
    margin-bottom:20px;
    padding-right:10px
}
.audio-card__title{
    display:inline-block;
    font-size:20px;
    font-weight:bold;
    margin-bottom:2px;
    padding-right:25px;
    background:url(../images/icon/icn_listen-orange.svg) no-repeat right center;
    background-size:20px
}
.audio-card__time{
    display:block
}
.audio-card:hover{
    text-decoration:underline
}
.audio-card:hover .audio-card__title{
    text-decoration:underline
}
@media only screen and (max-width: 575px){
    .audio-card{
        padding-right:30px;
        background:url(../images/icon/icn_listen-orange.svg) no-repeat right 2px center;
        background-size:24px
    }
    .audio-card__title{
        font-size:18px;
        padding-right:0;
        background:none
    }
}
.img-card.live-card .img-card__content{
    bottom:initial;
    top:0
}
.img-card.live-card .img-card__icon{
    bottom:initial;
    top:23px
}
.img-card.live-card .img-card__gradient{
    background:linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 45%)
}
@media only screen and (max-width: 550px){
    .img-card.live-card .img-card__icon,.img-card.live-card .img-card__gradient{
        display:none
    }
    .img-card.live-card .img-card__content{
        padding-bottom:35px
    }
}
.live-card__player{
    position:absolute;
    z-index:90;
    bottom:30px;
    right:50%;
    margin-right:-160px;
    width:320px;
    text-align:center
}
.live-card__player .btn-close-player{
    display:none;
    position:absolute;
    z-index:99;
    right:10px;
    top:10px;
    width:25px;
    height:25px;
    background:url(../images/icon/icn_close_white.svg) no-repeat center;
    background-size:contain;
    cursor:pointer
}
.live-card__player__banner,.live-card__player__wrapper{
    width:100%
}
.live-card__player__banner img,.live-card__player__wrapper img{
    width:100%;
    height:auto
}
.live-card__player__banner img{
    display:none
}
.live-card__video__title{
    color:#fff;
    font-size:18px;
    font-weight:bold;
    padding:13px 15px 23px;
    background-color:#5C4E53
}
@media only screen and (max-width: 550px){
    .live-card__player{
        position:relative;
        bottom:0;
        right:0;
        margin-right:0;
        width:100%
    }
}
#sticky-player{
    min-height:67px
}
#sticky-player.stick .live-card__player-holder{
    position:fixed;
    bottom:0;
    right:0;
    margin-right:0;
    width:290px
}
#sticky-player.stick .live-card__player-holder .btn-close-player{
    display:block
}
#sticky-player.stick .live-card__player__banner img{
    display:block
}
.video-player{
    position:relative;
    display:block;
    width:100%
}
#sticky-video-player{
    position:relative
}
#sticky-video-player .btn-close-player{
    display:none;
    position:absolute;
    z-index:99;
    right:10px;
    top:10px;
    width:25px;
    height:25px;
    background:url(../images/icon/icn_close_white.svg) no-repeat center;
    background-size:contain;
    cursor:pointer
}
#sticky-video-player.stick .live-card__video-holder{
    position:fixed;
    bottom:0;
    right:0;
    margin-right:0;
    width:290px
}
#sticky-video-player.stick .live-card__video-holder .btn-close-player{
    display:block
}
#sticky-video-player.stick .btn-close-player{
    display:block
}
.txtArea,.imgArea,.videoArea,.sliderArea{
    margin:20px 0;
    line-height:170%
}
.txtArea img,.imgArea img,.videoArea img,.sliderArea img{
    margin:10px 0;
    border-radius:6px
}
.txtArea iframe,.imgArea iframe,.videoArea iframe,.sliderArea iframe{
    margin:30px 0
}
.txtArea p,.imgArea p,.videoArea p,.sliderArea p{
    line-height:170%
}
.txtArea p a {
    text-decoration: underline;
}
.detail-category{
    margin:30px 0
}
.detail-category__item{
    display:inline-block;
    border-radius:4px;
    padding:4px 15px;
    margin:5px 8px;
    background-color:#95275E;
    color:#fff
}
.detail-category__item:first-child{
    margin-left:0
}
.detail-category__item:last-child{
    margin-right:0
}
.detail-category__item:hover{
    color:#fff;
    text-decoration:none
}
@media only screen and (max-width: 767px){
    .txtArea,.imgArea,.videoArea,.sliderArea{
        margin:10px 0
    }
    .txtArea iframe,.imgArea iframe,.videoArea iframe,.sliderArea iframe{
        margin:20px 0
    }
    .detail-category{
        margin:20px 0
    }
}
.related-link__item{
    display:block;
    position:relative;
    padding:30px 0;
    border-bottom:1px solid rgba(198,199,201,0.3);
    font-weight:600
}
.related-link__item:last-child{
    border-bottom:none;
    padding-bottom:20px
}
.related-link__item:hover{
    text-decoration:none;
    color:#95275E
}
.related-link__title,.related-link__date{
    display:inline-block;
    vertical-align:top
}
.related-link__date{
    width:100px;
    text-align:right;
    font-size:12px;
    color:#666;
    font-weight:300;
    padding-top:5px
}
.related-link__title{
    width:calc(100% - 100px);
    margin-right:-7px
}
@media only screen and (max-width: 767px){
    .related-link__item{
        padding:20px 0
    }
    .related-link__item:last-child{
        padding-bottom:15px
    }
    .related-link__title,.related-link__date{
        display:block;
        width:100%
    }
    .related-link__date{
        text-align:left;
        padding-top:5px
    }
    .related-link__title{
        margin-right:0
    }
}
.sliderArea__cover .row{
    margin-left:-8px;
    margin-right:-8px
}
.sliderArea__cover__item{
    position:relative;
    padding:8px !important
}
.sliderArea__cover__item img{
    margin:0
}
.sliderArea__cover__inner{
    display:block;
    position:absolute;
    top:8px;
    left:8px;
    width:calc(100% - 16px);
    height:calc(100% - 16px);
    border-radius:6px;
    background-color:rgba(0,0,0,0.43);
    color:#fff;
    font-size:30px;
    text-align:center
}
.sliderArea__cover__count{
    display:block;
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
@media only screen and (max-width: 767px){
    .sliderArea__cover .row{
        margin-left:-4px;
        margin-right:-4px
    }
    .sliderArea__cover__item{
        padding:4px !important
    }
    .sliderArea__cover__inner{
        top:4px;
        left:4px;
        width:calc(100% - 8px);
        height:calc(100% - 8px);
        font-size:18px
    }
}
.thumbnailSliderModal .modal-content{
    background-color:transparent;
    border:none;
    color:#fff;
    padding:15px 25px 15px 15px
}
.thumbnailSliderModal .modal-header{
    padding:0 5px
}
.thumbnailSliderModal .modal-dialog{
    max-width:1280px;
    margin:5px auto;
    -webkit-transform:scale(1) !important;
    -moz-transform:scale(1) !important;
    -o-transform:scale(1) !important;
    -ms-transform:scale(1) !important;
    transform:scale(1) !important
}
.thumbnailSliderModal .swiper-container{
    width:100%;
    padding:5px 10px;
    margin-left:0
}
.thumbnailSliderModal .swiper-button-next,.thumbnailSliderModal .swiper-button-prev{
    opacity:1;
    display:flex
}
.thumbnailSliderModal .gallery-thumbs__item{
    max-width:20%
}
.thumbnailSliderModal .gallery-thumbs__item img{
    width:100%
}
@media only screen and (max-width: 767px){
    .thumbnailSliderModal .modal-header{
        padding:0
    }
    .thumbnailSliderModal .swiper-container{
        padding:3px 0
    }
    .thumbnailSliderModal .modal-content{
        background-color:transparent;
        border:none;
        color:#fff;
        padding:15px 10px 15px 10px
    }
    .thumbnailSliderModal .gallery-thumbs__item{
        max-width:25%
    }
}
.people-link__img,.people-link__content{
    display:inline-block;
    vertical-align:middle
}
.people-link__img{
    width:72px
}
.people-link__img img{
    width:100%;
    height:auto;
    border-radius:50%
}
.people-link__content{
    width:calc(100% - 72px);
    margin-right:-7px
}
.people-link__name,.people-link__post{
    display:block;
    font-weight:600;
    padding-left:15px
}
.people-link__name{
    display:inline-block;
    position:relative;
    margin-bottom:3px
}
.people-link__name:after{
    content:'';
    position:absolute;
    right:-15px;
    top:50%;
    margin-top:-5px;
    width:13px;
    height:12px;
    background:url(../images/icon/icon-arrow-down.svg) no-repeat center;
    background-size:contain;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.people-link__item{
    display:block;
    width:100%;
    margin:55px 0
}
.people-link__item:hover{
    color:#95275E;
    text-decoration:none
}
.people-link__item:hover .people-link__name:after{
    background:url(../images/icon/icon-arrow-down-purple.svg) no-repeat center;
    background-size:contain
}
@media only screen and (max-width: 767px){
    .people-link__item{
        margin:35px 0
    }
}
.share{
    text-align:right;
    margin-right:-10px
}
.share__text,.share__inner{
    display:inline-block;
    vertical-align:middle
}
.share__text{
    padding-right:12px
}
.share__item{
    position:relative;
    display:inline-block;
    width:32px;
    height:32px;
    border-radius:50%;
    margin:4px 2px;
    padding:3px 2px;
    text-align:center;
    transition:box-shadow 0.3s ease
}
.share__item#btn-share-fb{
    background-color:#3B5998
}
.share__item#btn-share-twitter{
    background-color:#55ACEE
}
.share__item#btn-share-wtsapp{
    background-color:#00e676
}
.share__item#btn-share-wechat{
    background-color:#50b048
}
.share__item#btn-share-linkedin{
    background-color:#0a66c2
}
.share__item#btn-share-email{
    background-color:#f2674f
}
.share__item#btn-share-email img{
    max-width:18px;
    margin:0 auto
}
.share__item:last-child{
    margin-right:0
}
.share__item:hover{
    box-shadow:0 3px 6px rgba(0,0,0,0.12),0 3px 6px rgba(0,0,0,0.2)
}
.people__item,.people__profile,.people__desc,.people__date{
    display:block
}
.people__profile-img,.people__info{
    display:inline-block;
    vertical-align:middle
}
.people__profile-img{
    width:72px;
    height:72px;
    border-radius:50%
}
.people__profile-img img{
    display:block;
    width:100%;
    border-radius:50%
}
.people__info{
    width:calc(100% - 80px)
}
.people__name{
    margin-right:-7px;
    padding-left:10px;
    color:#231F20
}
.people__date{
    font-size:12px;
    color:#666;
    padding-top:15px
}
.people__desc{
    font-weight:bold;
    padding-top:12px;
    font-size:20px
}
.people__item{
    height:100%;
    padding:30px 0;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.people__item:hover{
    text-decoration:none;
    color:#95275E
}
@media only screen and (max-width: 767px){
    .people-list{
        padding:10px 0 0
    }
    .people__desc{
        padding-top:15px;
        font-size:16px
    }
    .people__profile-img{
        width:63px;
        height:63px
    }
    .people__item{
        padding:25px 0
    }
}
.program-list{
    padding:25px 0 0
}
.program{
    padding:20px 0
}
.program__item{
    position:relative;
    padding:30px 0 25px;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.program__detail,.program__banner{
    display:inline-block;
    vertical-align:top;
    position:relative
}
.program__banner{
    width:340px;
    margin-left:-7px;
    border-radius:6px
}
.program__banner img{
    display:block;
    border-radius:6px;
    width:100%;
    height:auto
}
.program__banner__mb{
    display:none;
    margin-top:20px;
    margin-bottom:15px
}
.program__banner__mb img{
    max-width:500px
}
.program__detail{
    width:calc(100% - 340px);
    padding-right:80px
}
.program__name{
    position:relative;
    font-weight:bold;
    font-size:20px;
    margin-bottom:10px
}
.program__name__link{
    position:relative;
    display:inline-block;
    padding-right:15px
}
.program__name__link:after{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-7px;
    width:15px;
    height:15px;
    background:url(../images/icon/icon-arrow-down.svg) no-repeat center;
    background-size:contain;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.program__name__link:hover{
    text-decoration:none;
    color:#95275E
}
.program__name__link:hover:after{
    background:url(../images/icon/icon-arrow-down-purple.svg) no-repeat center;
    background-size:contain
}
.program__desc{
    margin-bottom:15px
}
.program__time{
    margin-bottom:25px;
    font-size:12px;
    color:#666
}
.program__host__item{
    display:inline-block;
    width:73px;
    margin:5px 15px;
    text-align:center
}
.program__host__item:first-child{
    margin-left:0
}
.program__host__img{
    display:block;
    width:72px;
    height:72px;
    border-radius:50%;
    margin-bottom:7px
}
.program__host__img img{
    display:block;
    width:100%;
    height:auto;
    border-radius:50%
}
@media only screen and (max-width: 991px){
    .program{
        padding:0
    }
    .program__banner{
        width:300px
    }
    .program__detail{
        width:calc(100% - 300px);
        padding-right:30px
    }
}
@media only screen and (max-width: 767px){
    .program__item{
        padding:25px 0 20px
    }
    .program__banner,.program__detail{
        display:block;
        width:100%;
        padding:0
    }
    .program__banner{
        margin-left:0
    }
    .program__banner__dt{
        display:none
    }
    .program__banner__mb{
        display:block
    }
    .program__name{
        font-size:18px
    }
    .program__name__link:after{
        margin-top:-6px
    }
    .program__time{
        margin-bottom:20px
    }
    .program__host__item{
        width:56px;
        margin:5px 8px
    }
    .program__host__item:first-child{
        margin-left:0
    }
    .program__host__img{
        width:55px;
        height:55px;
        margin-bottom:5px
    }
}
.program__schedule{
    position:absolute;
    top:30px;
    left:0;
    font-size:20px
}
.schedule__item{
    padding-left:185px
}
@media only screen and (max-width: 1280px){
    .program__schedule{
        position:relative;
        top:0;
        margin-bottom:10px
    }
    .schedule__item{
        padding-left:0
    }
}
@media only screen and (max-width: 767px){
    .program__schedule{
        font-size:18px
    }
}
.arrow-dropdown{
    background-color:transparent;
    border:none;
    padding:0;
    font-weight:bold
}
.arrow-dropdown:after{
    position:relative;
    top:-1px;
    width:15px;
    height:15px;
    vertical-align:middle;
    content:'';
    border:none;
    background-image:url(../images/icon/icon-arrow-down.svg);
    background-repeat:no-repeat;
    background-position:center right;
    background-size:15px;
    padding-right:0;
    margin-left:0
}
.arrow-dropdown[aria-expanded=true]:after{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.schedule__menu{
    margin:30px 0 20px;
    height:91px
}
.schedule__menu__wrapper{
    transition:top 0.3s ease
}
.schedule__menu__inner{
    max-width:1340px;
    margin:0 auto
}
.schedule__menu__left,.schedule__menu__right{
    display:inline-block;
    vertical-align:middle
}
.schedule__menu__left{
    width:30%
}
.schedule__menu__right{
    width:70%;
    margin-left:-7px
}
.schedule__menu__dropdown{
    font-size:20px;
    font-weight:bold
}
.schedule__menu__dropdown .dropdown__group{
    font-size:18px;
    font-weight:normal;
    padding:2px 0px
}
.schedule__menu__dropdown .dropdown__group__content{
    width:100%;
    display:block;
    padding:0;
    text-align:center
}
.schedule__menu__dropdown .dropdown__group__content .dropdown__item{
    display:block;
    padding:10px 15px;
    border-bottom:1px solid rgba(198,199,201,0.3)
}
.schedule__menu__dropdown .dropdown__group__content .dropdown__item:last-child{
    border-bottom:none
}
.schedule__menu__dropdown .dropdown-menu{
    min-width:130px
}
.schedule__menu__tab{
    display:none
}
.schedule__menu__tab.active{
    display:block
}
.schedule__wrapper{
    display:none
}
.schedule__wrapper.active{
    display:block
}
.schedule__live-icon{
    display:none;
    margin-top:6px;
    margin-left:-3px
}
.schedule__live-btn{
    display:none;
    position:absolute;
    top:-6px;
    right:80px
}
.schedule__live-btn .btn{
    font-size:16px;
    font-weight:bold;
    padding:6px 10px;
    min-width:100px;
    margin:0
}
.schedule__item.isLive .schedule__live-icon,.schedule__item.isLive .schedule__live-btn{
    display:block
}
@media only screen and (max-width: 1380px){
    .schedule__menu__left{
        width:250px
    }
    .schedule__menu__right{
        width:calc(100% - 250px)
    }
    .schedule__menu__dropdown{
        font-size:18px
    }
    .schedule__menu__dropdown .dropdown__group{
        font-size:18px
    }
}
@media only screen and (max-width: 991px){
    .schedule__live-btn{
        right:30px
    }
}
@media only screen and (max-width: 767px){
    .schedule__menu{
        margin:25px 0 0;
        height:110px
    }
    .schedule__menu__right,.schedule__menu__left{
        display:block;
        width:100%
    }
    .schedule__menu__left{
        margin-bottom:6px
    }
    .schedule__live-icon{
        margin-top:1px;
        margin-left:0;
        float:right
    }
    .schedule__live-btn{
        position:relative;
        right:0;
        top:0;
        margin-top:10px;
        margin-bottom:5px
    }
    .schedule__live-btn .btn{
        width:100%
    }
}
html.hasScheduleMenu .header{
    transition:top 0.3s ease
}
html.scheduleMenuOnTop.scrollDown .header{
    top:-141px
}
html.scheduleMenuOnTop .schedule__menu__inner{
    padding:21px 30px
}
html.scheduleMenuOnTop .schedule__menu__wrapper{
    position:fixed;
    z-index:1100;
    left:0;
    top:0;
    width:100%;
    background-color:#f4e9ee
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday .nav-item,html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday .nav-link{
    width:unset;
    margin:0
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday .nav-link{
    padding:0 15px
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday .nav-link:after{
    right:0
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday__date,html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday__day{
    display:inline-block
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday__date .isToday,html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday__day .isToday{
    position:relative;
    top:-2px;
    margin-left:5px
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday__date{
    font-size:16px;
    font-weight:normal
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-tabs.nav-weekday .nav-item .nav-link.active{
    background-color:transparent;
    font-weight:bold
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-tabs.nav-weekday .nav-item .nav-link.active .nav-weekday__date{
    font-weight:bold
}
html.scheduleMenuOnTop .schedule__menu__wrapper .nav-tabs.nav-weekday .nav-item .nav-link.active .nav-weekday__day .isToday{
    font-weight:normal
}
@media only screen and (max-width: 767px){
    html.scheduleMenuOnTop.scrollDown .header{
        top:-65px
    }
    html.scheduleMenuOnTop .schedule__menu__inner{
        padding:19px 16px
    }
    html.scheduleMenuOnTop .schedule__menu__left{
        margin-bottom:8px
    }
    html.scheduleMenuOnTop .schedule__menu__dropdown{
        font-size:16px
    }
    html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday .nav-item:first-child .nav-link{
        padding-left:8px
    }
    html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday .nav-link{
        padding:0 8px
    }
    html.scheduleMenuOnTop .schedule__menu__wrapper .nav-weekday__date{
        font-size:14px;
        font-weight:normal
    }
}
.scrollToSectionBar{
    background-color:#fff
}
.scrollToSectionBar .wrapper{
    padding-top:0;
    padding-bottom:0
}
.scrollToSectionBar__item{
    display:inline-block;
    color:#EF4123;
    opacity:0.5;
    font-size:18px;
    font-weight:600;
    padding:20px 20px;
    margin-right:-7px
}
.scrollToSectionBar__item:first-child{
    padding-left:0
}
.scrollToSectionBar__item:last-child{
    padding-right:0
}
.scrollToSectionBar__item:hover,.scrollToSectionBar__item.active{
    opacity:1;
    color:#EF4123;
    text-decoration:none
}
@media only screen and (max-width: 767px){
    .scrollToSectionBar__item{
        font-size:17px;
        padding:16px 16px 18px
    }
    .scrollToSectionBar__item:first-child{
        padding-left:0
    }
    .scrollToSectionBar__item:last-child{
        padding-right:0
    }
}
.member-plan{
    padding:35px 8px 10px
}
.member-plan p{
    margin-bottom:16px
}
.member-plan__item{
    position:relative;
    padding-left:9px;
    padding-right:9px;
    margin-bottom:16px
}
.member-plan__inner{
    position:relative;
    height:100%;
    border-radius:10px;
    background-color:#FFFFFF;
    box-shadow:0 2px 14px 0 rgba(0,0,0,0.1);
    padding:23px 23px 70px
}
.member-plan__title{
    font-size:24px;
    font-weight:bold;
    margin-bottom:12px
}
.member-plan__tag{
    display:inline-block;
    height:20px;
    margin-bottom:15px;
    border-radius:2px;
    background-color:#F47E2D;
    color:#fff;
    font-size:12px;
    padding:2px 6px
}
.member-plan__tag.disable{
    opacity:0
}
.member-plan__terms{
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    padding:0 23px 30px;
    font-size:12px
}
.member-plan__table{
    margin-bottom:15px;
    width:100%;
    table-layout:fixed;
    border:1px solid #d5d6d6
}
.member-plan__table th,.member-plan__table td{
    padding:15px
}
.member-plan__table th{
    background-color:#fcddd7;
    padding:12px 15px;
    border-right:1px solid #fff
}
.member-plan__table th:last-child{
    border-right:1px solid #d5d6d6
}
.member-plan__table td{
    position:relative
}
.member-plan__table td:after{
    position:absolute;
    bottom:0;
    right:0;
    content:'';
    display:block;
    height:1px;
    width:calc(100% - 15px);
    background-color:#edeeee
}
.member-plan__table td:nth-child(2):after{
    left:0
}
.table-layout-auto {
    table-layout: auto !important;
}

.activity .link-card-slider__short .swiper-button-next,
.activity .link-card-slider__short .swiper-button-prev {
    top: 43%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 991px){
    .member-plan__tag.disable{
        display:none
    }
}
@media only screen and (max-width: 767px){
    .member-plan{
        padding-top:20px
    }
    .member-plan p{
        margin-bottom:12px
    }
    .member-plan__title{
        font-size:22px;
        font-weight:bold;
        margin-bottom:15px
    }
    .member-plan__inner{
        padding:23px 15px 50px
    }
    .member-plan__terms{
        padding:0 15px 30px
    }
    .member-plan__table{
        margin-top:15px;
        font-size: 14px;
    }
    .member-plan__table th, .member-plan__table td {
        padding: 6px 8px;
    }
}

@media only screen and (max-width: 450px){
    .member-plan__table{
        font-size: 11px;
    }
    .member-plan__table th, .member-plan__table td {
        padding: 6px 6px;
    }
}
.subscribeForm__box{
    padding:15px 0
}
.subscribeForm__box__title{
    font-size:24px;
    font-weight:900;
    margin-bottom:26px
}
.subscribeForm__box__tag{
    position:relative;
    top:-2px;
    display:inline-block;
    vertical-align:middle;
    border-radius:2px;
    background-color:#F47E2D;
    color:#fff;
    font-weight:300;
    font-size:12px;
    padding:2px 6px;
    margin-left:12px
}
.imgModal .modal-dialog{
    max-width:1200px
}
.imgModal .modal-content{
    background-color:transparent;
    border:none;
    padding:0
}
.imgModal .modal-body img{
    width:100%;
    height:auto
}
.imgModal .close{
    font-size:2rem;
    margin-right:-22px
}

.schedule__menu__inner .picker__group {
    max-width: 400px;
    margin: 0;
    margin-left: 7px;
}

.daterangepicker .drp-buttons, .daterangepicker.show-calendar .drp-buttons {
    display: none;
}

.daterangepicker {
    width: 330px;
}

.daterangepicker .drp-calendar.left {
    padding: 20px 0 10px 10px;
}

.calendar-table {
    width: 310px;
}

.daterangepicker .calendar-table thead tr:nth-child(2) th {
    font-weight: 300;
    border-bottom: 1px solid rgba(198,199,201,0.3);
    padding-top: 10px;
}

.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
    font-size: 15px;
}

.daterangepicker .calendar-table td {
    height: 40px;
    line-height: 40px;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 15px;
    font-weight: 300;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #ee522b;
    border-radius: 50%;
    box-shadow: 0 2px 14px 0 rgba(0,0,0,0.1);
}

.daterangepicker td.start-date.end-date, .daterangepicker td:hover {
    border-radius: 50%;
}
.picker__group {
    background:url(../images/icon/icn_calender.svg) no-repeat center right 20px;
}
.schedule__item .audio-card__title{
    font-size: 16px;
}

.form__error {
    border: 1px solid #FF0C0C;
}
.form__error .form__label {
    color: #FF0C0C !important;
    background:url(../images/icon/icn_error.svg) no-repeat center right;
    background-size: 20px;
    padding-right: 24px;
}
.form__display__group {
    border: 1px solid transparent;
    padding: 0;
}
.form__display__label{
    margin-bottom: 5px;
}
.form__display__group .form__display__content{
    font-weight: 600;
}

.form__group__radio {
    border: 1px solid transparent;
    padding: 0;
}

.form__group__radio .checkbox-container {
    display: inline-block;
    margin-right: 18px;
}

.form__group__tickbox {
    border: 1px solid transparent;
    padding: 0;
}

.form__group__tickbox  .checkbox-container {
    display: inline-block;
    margin-right: 18px;
}

.form__group__tickbox  .checkbox-container .checkmark{
    border-radius: 2px;
}

.form__group__tickbox  .checkbox-container .checkmark:after {
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 0;
    background:#EF4123 url(../images/icon/icn_tick.svg) no-repeat center;
    background-size: 100%;
}
.steps-container {
    position: relative;
    width: 100%;
}
.steps-container__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 20px;
}
.steps-container__item:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 26px;
    left: 30px;
    width: 100%;
    height: 8px;
    background-color: #CCCCCC;
}
.steps-container__item:last-child:after {
    display: none;
}
.steps-container__inner {    
    display: inline-block;
    position: relative;
    z-index: 10;
}
.steps-container__num {
    background-color: #D5D5D5;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    line-height: 60px;
    font-family: arial;
    margin: 0 auto 20px;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.18);
}
.steps-container__item.completed .steps-container__num {
    background-color: #EE522B;
}
.steps-container__item.completed:after {    
    background-color: #f6af9d;
}
.steps-container__item.active .steps-container__num {
    background-color: #EE522B;
}

.steps-container__item.active .steps-container__title{
    font-weight: 600;
    color: #EF4123;
}
@media only screen and (max-width: 767px){
    .steps-container__num {
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 20px;
        margin: 0 auto 10px;
        box-shadow: 0 5px 8px 0 rgba(0,0,0,0.18);
    }
    .steps-container__title{
        font-size: 14px;
    }
    .steps-container__item:after {
        height: 5px;
        top: 16px;
    }
}
.inner-scroll-container {
    background-color: #fff;
    width: 100%;
    height: 130px;
    border: 1px solid #E6E8ED;
    border-radius: 6px;
    padding: 12px;
    overflow: auto;
}
.btn-upload-file-display {
    background-color: #EF4123;
    color: #fff;
    padding: 5px 12px;
    border-radius: 6px;
    cursor: pointer;
    margin-top: 3px;
}

.file-upload__img {
    margin-bottom: 10px;
}

.file-upload {
    display: block;
    max-width: 155px;
    text-align: center;
}

.btn-upload-file-display:hover {
    background-color: #A52D18;
}
  
#file-chosen{
    margin-right: 5px;
    word-break: break-all;
}

/* Metro Focus section */
.section__title.orange-line:before{
    background-color: #EE522B;
}

#metroFocus .section__title{margin-bottom: 31px;}
#metroFocus .grid{display:grid;grid-template-columns: 1fr;gap:15px;padding: 0 15px;}

@media screen and (min-width:640px){
    #metroFocus .grid{grid-template-columns: 1fr 1fr;}
}

@media screen and (min-width:992px){
    #metroFocus .grid{grid-template-columns: 1fr 1fr 1fr 1fr;padding: 0;}
}

.card__tag{font-size:12px;font-weight: bold;color:#FFF;padding:1px 4px;display:inline-block !important;margin-bottom: 10px;}

[class*="cat-item-"]{background-color:#000000}
.cat-item-2{background-color:#ffa25b;}
.cat-item-3{background-color:#87d7ed;}
.cat-item-4{background-color:#bda0ce;}
.cat-item-5{background-color:#0e3441;}
.cat-item-6{background-color:#9ed175;}
.cat-item-7{background-color:#4077c7;}
.cat-item-8{background-color:#f9b1c4;}
.cat-item-9{background-color:#DEC55B;}



/* fix tab list */
.nav-tabs.nav-justified .nav-link{font-size:16px}

/* Ranking List */

.theme-r-1{
    --var-color:#86af4a;
    --var-border-color:#e9e9e9;
    --var-bg-1-color: #fff;
    --var-bg-2-color: #fff;
    --var-bg-3-color: #fff;
}
.theme-r-2{
    --var-color:#86af4a;
    --var-border-color:#e9e9e9;
    --var-bg-1-color: #fff;
    --var-bg-2-color: #fff;
    --var-bg-3-color: #fff;
}
.theme-r-3{
    --var-color:#86af4a;
    --var-border-color:#e9e9e9;
    --var-bg-1-color: #fff;
    --var-bg-2-color: #fff;
    --var-bg-3-color: #fff;
}
.theme-r-4{
    --var-color:#86af4a;
    --var-border-color:#e9e9e9;
    --var-bg-1-color: #fff;
    --var-bg-2-color: #fff;
    --var-bg-3-color: #fff;
}

.nav-tabs.nav-justified .nav-link,
.nav-tabs.nav-justified .nav-link:hover{
    border:0 none;
    border-radius:0;
    color:#939393;
	background-color: #fff;
	border: 1px solid #e9e9e9;
	border-top: none;
	border-right: none;
}

.nav-tabs.nav-justified .nav-item:first-of-type .nav-link{
	border-left: none;
}

.nav-tabs.nav-justified .nav-link.active {
	background-color: var(--var-color);
	color: #fff;
}

.charts-card {overflow:hidden;}
.charts-card .nav-tabs .nav-item{display:flex}
.charts-card .nav-tabs .nav-item a{flex:1;display:flex;justify-content:center;align-items:center;}
.charts-card .tab-pane>div:first-child{background:#fff;color:#797979;}
.charts-card .tab-pane>div p{margin-bottom: 0;padding-bottom: 10px;}
.charts-card .number-list{}
.charts-card .number-list__item{border-bottom:1px solid var(--var-border-color);}
.charts-card .number-list__item:first-of-type{border-top:1px solid var(--var-border-color);}
.charts-card .number-list__item:first-child{background-color:var(--var-bg-1-color)}
.charts-card .number-list__item:nth-child(2){background-color:var(--var-bg-2-color)}
.charts-card .number-list__item:nth-child(3){background-color:var(--var-bg-3-color)}
.charts-card .number-list__item__num{border: 1px solid var(--var-color);background-color:#fff;color: var(--var-color)}
.charts-card .number-list__item__content{color:#231F20}

.music__chart__more {
    font-size: 14px;
    text-align: right;
    border-radius: 0 0 10px 10px;
    background: white;
    width: 100%;
    padding: 10px 20px;
}

.music__chart__more__btn {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    font-family: Arial;
    color: var(--var-color);
    font-size: 14px;
	border: 1px solid var(--var-color);
    background: #fff;
    padding: 7px 12px;
    text-decoration: none;
	font-weight: bold;
}

.music__chart__more__btn:hover {
    --dark-color:color-mix(in srgb,var(--var-color),#000 10%);
    background-color:var(--var-color);
    color:#FFF;
    text-decoration: none;
}

.schedule-launch, .hide 
{
	display: none !important;
}