body {
    font-family: "PingFang TC","PingFang HK",-apple-system,BlinkMacSystemFont,Roboto,"Microsoft YaHei",system-ui,sans-serif;/*,"Noto Sans TC","Microsoft JhengHei";*/
}

.masthead__logo {
    z-index: 1;
}
.masthead__logo-img {
    background-color: #DC0B0C;
}
.loginbox__head-logo-img {
    background-repeat: no-repeat;
}
.masthead__allmenu__row2-sub-item {
    max-width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.masthead__allmenu__row2-sub {
    min-width: 5.5rem;
}

/* .masthead {
    -moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
}

.masthead__logo-img{
    background-image: url('/20221209111349oe_/https://www.am730.com.hk/assets/v1/img/ui/am730_LOGO_BLK.png');
} */

@media (min-width:1024px) {
    .masthead__allmenu-inner {
        padding-right: 0;
        padding-left: 5%;
    }
}

/* fancybox */
/* div.fancybox-caption {
    padding-bottom: 100px;
} */
body.fancybox-active > .ats-overlay-bottom-wrapper-rendered {
    z-index: 100;
}
.lightad {
    display: none;
}
#lightad-top {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,.5);
}
body.fancybox-active #lightad-top {
    display: block !important;
}
.fancybox-content {
    background: transparent !important;
    padding: 0 !important;
}

/* 將列表中的 newsitem 縮圖改成限制在 16:9 的框內 */
.newsitem-pic a,
.columnitem2-pic a {
    display: block;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}
.newsitem-pic a img,
.columnitem2-pic a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.columnitem2-pic {
    margin: -20px -20px 10px;
}
.columnlist.swiper-container .columnitem2-pic {
    margin-top: -30px;
}
.columnlist.swiper-container .columnitem2-title {
    height: 4.25rem;
    overflow: hidden;
}
.scrollhint[js-swiper-prevbtn] {
    display: block;
    box-shadow: 8px 0 6px -8px rgb(0 0 0 / 20%)
}

.authormenu {
    position: relative;
}
.authormenu .swiper-container {
    padding: 0 30px;
}
@media (max-width:767px) {
    .authormenu .swiper-container {
        padding: 0;
    }
    .authormenu .scrollhint {
        display: none;
    }
} 

.coveritem-pic.no-bg:after {
    display: none;
}

.newstwo-item {
    width: 50%;
}

.picshow-control .pagination-dot {
    opacity: .5;
    bottom: 5.625rem;
}
.picshow.swiper-container a.picsolo-pic {
    display: block;
    position: relative;
    padding-top: 56.25%;
}
.picshow.swiper-container a.picsolo-pic>img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.swiper-slide .picsolo-descr {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fixed-width > iframe {
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
}
.fixed-width {
    text-align: center;
    min-width: 500px;
    margin: 0 auto;
}

.ad-float .btn-dismiss {
    width: 40px;
    height: 40px;
}
.ad-float .btn-dismiss .ico {
    font-size: 1.125rem;
}
.ad-float .btn-dismiss:before {
    line-height: 40px;
}

.ad-splash #page_center_pop,
.ad-splash #page_crazy_ad,
.ad-splash .ad-splash-inner .adbox iframe,
.ad-splash .ad-splash-inner .adbox img {
    max-height: 90vh;
    max-height: calc(100vh - 60px);
}

/* 11/12 topicitem: hide backdrop gradient if no text title */
.topicitem-title:before {
    display: none!important;
}
.topicitem.no-title .topicitem-pic:after {
    display: none;
}

#calendar .month .glyphicon {
    padding: 0 .75rem;
}

@media (max-width: 768px) {
    .newstwo-item {
        width: 100%;
    }
    .picshow-control .pagination-dot {
        bottom: 3.625rem;
    }
    .fixed-width {
        width: 100% !important;
        text-align: center;
        min-width: 320px;
        margin: unset;
    }
    .fixed-width iframe {
        min-width: 320px;
    }
    /* old-issue */
    #calendar .month {
        display: flex;
        justify-content: space-between;
    }
    #calendar .month div.month_seletor {
        width: auto;
    }
}

/* 2022-01-03 fix 300x250 ads in newslist-item */
@media (min-width: 769px) and (max-width: 1366px) {
    .article__foot .newslist-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }    
}
@media (min-width: 769px) and (max-width: 1024px) {
    .newslist-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }    
}

/* 8/31 因改 <h3> 要調整 */
.newsflash-title {
    font-size: inherit;
    font-weight: normal;
}
/* 9/2 article 內各種 image 都要 fancybox */
a.picsolo-pic[data-fancybox]:hover {
    cursor: zoom-in;
}
/* 9/2 picset 的圖都要 cover */
.picset .picset-img {
    height: 100%;
    object-fit: cover;
}

button.btn[disabled] {
    cursor: not-allowed;
}

/* 10/8 isWebView */
/* 2022/5/27 allow clicking in webview
html.isWebView a.badge,
html.isWebView .hashtags a {
    cursor: default;
    pointer-events: none;
}
*/
html.isWebView .mastbody {
    padding-top: 0!important;
}
html.isWebView header.masthead,
html.isWebView footer.mastfoot,
html.isWebView.leave-top .backtop,
html.isWebView .sharetray,
html.isWebView #gdprbox {
    display: none!important;
}
html.isWebView .article__body a:not(.picsolo-pic):not(.picset-pic)
button.sharebar-item:focus {
    outline: none;
}

.sharebar-item .ico,
.sharetray-item .ico {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}
.sharebar-item.loading .ico,
.sharetray-item.loading .ico {
    opacity: .5;
}

.authorbar-share .a7-bookmark .ico {
    color: #dedede;
}
.authorbar-share .a7-bookmark:not(:disabled).active {
    background-color: transparent;
}
.authorbar-share .a7-bookmark.active .ico {
    color: #2350a9;
}

@media (max-width: 1152px) {
    .homecover__main {
        margin-right: 0;
    }
    .homecover__side {
        display: none;
    }
} 
@media (min-width: 1153px) {
    .mastfoot {
        padding-bottom: 100px;
    }
}

/* 11/25 */
#block-game img {
    max-width: 100%;
    height: auto;
}
.twocol__main {
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.resultitem-tags .btn {
    margin-left: 5px;
}

/* textSize */
html.textSizeSmall .article__body {
    font-size: 13px;
}
html.textSizeLarge .article__body {
    font-size: 20px;
}
html.textSizeSmall .sharetray-item[js-fontsize="down"],
html.textSizeSmall .sharebar-item[js-fontsize="down"],
html.textSizeLarge .sharetray-item[js-fontsize="up"],
html.textSizeLarge .sharebar-item[js-fontsize="up"] {
    cursor: default;
    pointer-events: none;
}

#adFloat.ad-float {
    padding: 0;
    overflow: hidden;
}

/* From CMS */
/**
 * @file
 * Alignment classes for text and block level elements.
 */

 .text-align-left {
    text-align: left;
  }
  .text-align-right {
    text-align: right;
  }
  .text-align-center {
    text-align: center;
  }
  .text-align-justify {
    text-align: justify;
  }
  
  /**
   * Alignment classes for block level elements (images, videos, blockquotes, etc.)
   */
  .align-left {
    float: left;
  }
  .align-right {
    float: right;
  }
  .align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

/* dark mode */
html.isDark body {
    color: #dedede;
    background-color: #212121;
}
html.isDark .masthead,
html.isDark .masthead__nav-item,
html.isDark .masthead__nav-link.opened,
html.isDark .masthead__panel-inner,
html.isDark .masthead__submenu-link,
html.isDark .masthead__usermenu-head,
html.isDark .masthead__usermenu-link,
html.isDark .sharebar-item,
html.isDark .bg-gray-200 .topiclist .scrollhint,
html.isDark .columnitem2,
html.isDark .mastfoot,
html.isDark .resultitem,
html.isDark #calendar li {
    background: #333;
}
html.isDark .columnlist.swiper-container .columnitem2,
html.isDark .picsolo-descr,
html.isDark .bg-white {
    background-color: #212121!important;
}
html.isDark .bg-gray-200 {
    background-color: #333!important;
}
html.isDark .newsitem-time,
html.isDark #calendar .weekdays li {
    color: #a2a2a2;
}
html.isDark .masthead__usermenu-link,
html.isDark .masthead__submenu-link {
    border-color: #222;
}
html.isDark .masthead__usermenu-link.bg-light {
    background-color: #202020!important;
}
html.isDark .mastfoot__links,
html.isDark .masthead__nav-link {
    color: #ccc;
}
html.isDark .masthead__nav-link.active,
html.isDark .masthead__nav-link:hover,
html.isDark .masthead__nav-link.opened {
    color: #fff!important;
}
html.isDark .sharebar-item.active,
html.isDark .sharebar-item:active,
html.isDark .sharebar-item:hover {
    background: #ccc;
}

html.isDark .masthead__service .btn-login,
html.isDark .sidetitle-title,
html.isDark .blocktitle-title,
html.isDark dfn + div h2, 
html.isDark dfn + div h3, 
html.isDark dfn + div h4, 
html.isDark dfn + div h5, 
html.isDark dfn + div h6 {
    color: #fff;
}

html.isDark .sidetitle,
html.isDark .blocktitle,
html.isDark .article__foot,
html.isDark .border-bottom,
html.isDark .border-top,
html.isDark .tabmenu,
html.isDark .masthead__allmenu__row2,
html.isDark .newsflash {
    border-color: #666 !important;
}

html.isDark .btn-white {
    color: #fff;
    background-color: #333;
    border-color: #999;
}

html.isDark .form-control,
html.isDark .form-control.bg-gray-200 {
    color: #fff;
    background-color: #202020 !important;
}
html.isDark .form-control::placeholder {
    color: #666;
}
html.isDark .btn-option {
    color: #a2a2a2;
}
html.isDark .custom-select {
    background-color: #ccc;
}

html.isDark .ad-float {
    background: rgba(0,0,0,.25);
    box-shadow: none;
}
html.isDark .ad-float .btn-dismiss:before {
    color: #999;
    text-shadow: none;
}
html.isDark #calendar li {
    border-color: #666 !important;
}
html.isDark #calendar .days li::after {
    background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.8) 100%);
}
html.isDark .picset-descr,
html.isDark .picsolo-descr {
    font-size: 1rem;
    color: #999;
}

html.isDark dfn + div a,
html.isDark .newsflash-title a,
html.isDark #calendar .date_box {
    color: #1eb9d8;
}

/* game styles */
#block-gameinfo ul,
#block-gameinfo ol {
    list-style: unset;
    padding-left: 40px;
    margin-bottom: 15px;
}
#block-gameinfo a {
    color: #2350a9;
    text-decoration: underline;
}

/* 220422 delete newsflash-time */
.newsflash-meta {
    min-width: 40px;
    margin-right: 5px;
}

@media (min-width: 433px) {
    .donatebtn:not(.position-static) {
        position: fixed;
        z-index: 10;
        left: -202px;
        right: auto;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        transition: left .2s ease;
    }
    .donatebtn:not(.position-static):active,
    .donatebtn:not(.position-static):hover {
        right: auto;
        left: -10px;
    }
    .donatebtn-inner:before {
        left: auto;
        right: 0;
        border-radius: 0 10px 10px 0;
    }
    .donatebtn-inner {
        padding-left: 0;
        padding-right: 80px;
    }
}

/* ad min heights (vw = all) */

#breaking_section_ad_between_two_articles,
div[id^="cat_section_ad_between_two_articles_"],
#page_right_column_top_ad,
#hot_news_ad,
#page_ad_between_related_articles,
#page_subscribe_box_ad {
    min-height: 250px;
}

@media (min-width: 769px) {
    html.isDark .masthead__allmenu__row1-link,
    html.isDark .masthead__allmenu__row2-item,
    html.isDark .masthead__allmenu__row2-link:active,
    html.isDark .masthead__allmenu__row2-link:hover {
        color: #fff!important;
    }
    html.isDark .masthead__allmenu__row2-sub-link {
        color: #a2a2a2;
    }
    .coveritem-pic::after {
        background: -moz-linear-gradient(0deg, rgba(0,0,0,.35) 10%, rgba(0,0,0,0) 30%);
        background: -ms-linear-gradient(0deg, rgba(0,0,0,.35) 10%, rgba(0,0,0,0) 30%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,.35) 10%, rgba(0,0,0,0) 30%);
        background: linear-gradient(0deg, rgba(0,0,0,.35) 10%, rgba(0,0,0,0) 30%);
    }
    /* ad min heights (vw >= 769px) */
    #adbox--page_top_ad,
    #adbox--page_sticky_bottom,
    #adbox--breaking_section_bottom_ad,
    #adbox--page_bottom_ad,
    div[id^="adbox--cat_section_bottom_ad_"],
    div[id^="adbox--page_ad_after_post_"] {
        min-height: 90px;
    }
    #adbox--page_top_right_side_of_home_banner,
    #adbox--page_bottom_right_side_of_home_banner,
    #adbox--page_right_column_top_ad,
    #adbox--hot_news_ad,
    #adbox--page_subscribe_box_ad {
        min-height: 250px;
    }
}
@media (max-width: 768px) {
    #adFloat.ad-float {
        bottom: 0;
        width: 100%;
        background: rgba(255,255,255,.7);
    }
    html.isDark #adFloat.ad-float {
        background: rgba(0,0,0,.7);
    }
    .ad-float .btn-dismiss {
        transform: scale(.8);
    }
    #adFloat.ad-float .btn-dismiss {
        right: 0;
        top: 0;
        top: calc(50% - 18px);
    }
    html.isDark .masthead__allmenu__socials {
        background: #202020;
    }
    .columnitem2-pic {
        margin-left: -15px;
        margin-right: -15px;
    }
    .coveritem-img {
        background-size: contain;
        background-position: 50% 0;
        padding-top: calc(56.25% + 4.75rem);
    }
    .coveritem-pic::after {
        top: auto;
        height: 5.75rem;
        background: #000;
    }
    .coveritem-title>a {
        display: block;
        overflow: hidden;
        height: 2.45rem;
        max-height: 2.45rem;
    }
    /* ad min heights (vw >= 769px) */
    #adbox--page_top_ad,
    #adbox--page_sticky_bottom,
    #adbox--breaking_section_bottom_ad,
    #adbox--page_bottom_ad,
    div[id^="adbox--cat_section_bottom_ad_"],
    div[id^="adbox--page_ad_after_post_"] {
        min-height: 50px;
    }
}
@media (hover: hover) and (pointer: fine) {
    html.isDark .newsitem:hover {
        color: #fff;
        background: #202020;
        box-shadow: none;
    }
    html.isDark .columnitem2:hover {
        box-shadow: none;
        background: #212121;
    }
    html.isDark .newsitem-title a:active,
    html.isDark .newsitem-title a:hover {
        color: #fff;
    }
}


/* sue updated */
@media (max-width: 768px){
    .ad-splash .btn-dismiss{
        height: 30px;
        width: 30px;
        margin: 0 12px 0 auto;
        top: 12px
    }
    .ad-splash .btn-dismiss .ico {
        width: 0.9rem;
        height: 0.9rem;
        font-size: 0.9rem;
    }
}

.article__body blockquote {
    margin: 0 0 1rem;
    background: #f5f5f5;
    border: 1px #dedede solid;
    padding: 1.25rem 1.2rem;
}


#adSplash.ad-splash{
    z-index: 99999999999;
    position: fixed;
}