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('/20241030031451oe_/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%;
    }
    /* 20240903 */
    .ad-float .btn-dismiss{
        opacity: 0;
        height: 30px !important;
        width: 30px !important;
    }
    /* 20240904 */
    .ad-splash .btn-dismiss{
        opacity: 0;
        height: 40px !important;
        width: 40px !important;
        top: -20px;
        right: -20px;
    }
    .ad-splash .btn-dismiss .ico {
        width: 0.9rem;
        height: 0.9rem;
        font-size: 0.9rem;
    }
}

/* 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,
.article_author_row .a7-bookmark .ico {
    color: #dedede;
}

.authorbar-share .a7-bookmark:not(:disabled).active,
.article_author_row .a7-bookmark:not(:disabled).active {
    background-color: transparent;
}

.authorbar-share .a7-bookmark.active .ico,
.article_author_row .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;
}

#block-game .picsolo img {
    max-width: unset;
    height: 100%;
}

.picshow-control .btn-next,
.picshow-control .btn-prev {
    opacity: 0;
}

.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;
    z-index: 20;
}

@media (max-width: 1152px) {
    #adFloat.ad-float {
        overflow: visible;
    }
}

/* 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 */
/* 20240906 */
@media (max-width: 768px) {
    .ad-splash .btn-dismiss {
        opacity: 0;
        height: 25px;
        width: 25px;
        margin: 0 12px 0 auto;
        color: black;
        background: white;
        top:16px;
    }
    .ico-thin-close:before {
        font-weight: bold;
        margin-top: 1px;
    }

    .ad-splash .btn-dismiss .ico {
        width: 0.7rem;
        height: 0.7rem;
        font-size: 0.7rem;
    }
}

.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;
}

.picsolo a.picsolo-pic {
    z-index: 19;
}

/* 2023-02-27 update */
.ad-tower1,
.ad-tower2 {
    top: 100px;
    position: sticky;
}

@media(max-width:1674px) {

    .ad-tower1,
    .ad-tower2 {
        display: none !important;
    }
}

.backtop {
    z-index: 21;
}

@media(max-width:768px) {
    .gdprbox--inner {
        display: flex !important;
        column-gap: 10px;
        padding-top: 15px;
    }
}


/* enhancement */
/* .flatpickr-calendar .flatpickr-day.flatpickr-disabled.inRange:not(.week), */
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:not(.inRange),
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:not(.inRange):hover {
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: -5px 0 0 transparent, 5px 0 0 transparent;
    box-shadow: -5px 0 0 transparent, 5px 0 0 transparent;
}

.flatpickr-calendar .flatpickr-day.week.selected {
    background: #114EAF;
    border-color: #114EAF;
    -webkit-box-shadow: -5px 0 0 #114EAF, 5px 0 0 #114EAF;
    box-shadow: -5px 0 0 #114EAF, 5px 0 0 #114EAF;
}

.flatpickr-calendar .flatpickr-day.weekStart,
.flatpickr-day.week.selected.weekStart {
    border-radius: 18px 0 0 18px;
}

.flatpickr-calendar .flatpickr-day.weekEnd,
.flatpickr-day.week.selected.weekEnd {
    border-radius: 0 18px 18px 0;
}

.flatpickr-day.flatpickr-disabled.inRange:not(.selected),
.flatpickr-day.flatpickr-disabled.inRange:not(.selected):hover {
    background-color: rgb(230, 230, 230);
}

.flatpickr-day.flatpickr-disabled.selected,
.flatpickr-day.flatpickr-disabled.selected:hover,
.flatpickr-day.flatpickr-disabled.selected.inRange,
.flatpickr-day.flatpickr-disabled.selected.inRange:hover {
    color: rgba(255, 255, 255, 0.5)
}


.cus_picker .left_btn,
.cus_picker .right_btn {
    flex: 38px 0 0;
    height: 40px;
    width: 40px;
    border: 1px rgba(208, 208, 208, 1) solid;
    position: relative;
    border-radius: 3px 0 0 3px;
    cursor: pointer;
}

.cus_picker .disable.left_btn,
.cus_picker .disable.right_btn {
    pointer-events: none;
    cursor: default;
}

.cus_picker .right_btn {
    border-radius: 0 3px 3px 0;
}

.cus_picker .left_btn::before,
.cus_picker .right_btn::before {
    position: absolute;
    display: inline-block;
    content: "";
    border-right: 10px solid transparent;
    border-top: 10px solid #113AA1;
    border-bottom: 10px solid transparent;
}

.cus_picker .disable.left_btn::before,
.cus_picker .disable.right_btn::before {
    border-top: 10px solid rgba(208, 208, 208, 1);
}

.cus_picker .left_btn::before {
    transform: rotate(-45deg);
    top: calc(50% - 6px);
    left: 50%;
}

.cus_picker .right_btn::before {
    transform: rotate(135deg);
    top: calc(50% - 13px);
    left: calc(50% - 12px);
}


.cus_input {
    position: relative;
    border: 1px rgba(208, 208, 208, 1) solid;
    border-left: none;
    border-right: none;
    overflow: hidden;
}

.cus_picker_2 .cus_input {
    border-left: 1px rgba(208, 208, 208, 1) solid;
    border-radius: 5px 0 0 5px;
}

.cus_picker_2 .btn {
    border-radius: 0 5px 5px 0;
}

.cus_input input {
    width: 280px;
    height: calc(100% - 2px);
    line-height: 32px;
    text-align: center;
    border: none;
    color: #113AA1;
    font-weight: 500;
    font-size: 22px;
}

.cus_input input:focus-visible {
    outline: none;
}

.cus_input .input-val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    line-height: 38px;
    text-align: center;
    color: #113AA1;
    font-weight: 500;
    font-size: 22px;
    background: #FFF;
}

.cus_picker_box,
.datebox-2 {
    display: inline-block;
}

.cus_picker {
    display: inline-flex;
    margin-left: 20px;
    transform: translate(0px, 3px);
}

.cus_picker_2 {
    justify-content: end;
    margin-left: 0;
}

.time-limit-box {
    display: inline-flex;
}

.e-paper-inner .mastbody-inner {
    padding-top: 1rem !important;
}

.e-book-box {
    position: relative;
    padding-top: 56.25%;
    margin-bottom: 1rem;
    margin-top: 0rem;
}

.e-book-box+.sharebar-col {
    margin-bottom: 2rem;
}

.e-book-box iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


@media (max-width: 1152px) {
    .cus_picker_box {
        margin: auto;
    }

    .e-paper-inner .article_body .justify-content-between .cus_picker_box {
        margin-right: 0;
    }

    .cus_picker {
        margin: 0 auto;
    }

    .time-limit-box {
        margin: auto;
    }

    .cus_input .input-val {
        font-size: 16px;
        height: 38px;
    }

    .cus_input input {
        width: 278px;
        height: 38px;
    }

    .e-paper-inner .cus_input input {
        min-width: 120px;
        max-width: 278px;
        width: calc(100vw - 230px);
        height: 38px;
    }

    .e-paper-inner .cus_picker_2 {
        margin-top: -2px !important;
    }

    .e_paper_main {
        display: flex;
        flex-direction: column;
    }

    .e_paper_main .tabmenu {
        width: 100%;
    }

    .e_paper_main.reorder .tabmenu {
        margin-bottom: 150px !important;
    }

    .e_paper_main.reorder .form-check-cus {
        margin-top: 20px;
        order: 1;
    }

    .e_paper_main.reorder .time-limit-box {
        display: none;
    }

    .e_paper_main.reorder .subscribox-sec {
        order: 2;
    }


    .e-book {
        padding: 0 10px
    }

    .e-book-box {
        /* padding-top: 149%; */
        padding-top: calc(100vh - 250px);
        margin-bottom: 1rem;
    }

    .e-paper-inner .article_body {
        padding: 0 10px
    }

    .e-paper-inner .article_body .justify-content-between {
        align-items: center;
    }

    .e-paper-inner .subscribox-ad {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .e-paper-inner .d-md-block {
        display: none !important;
    }

    .e-paper-inner .mastbody-inner {
        padding-top: 0.5rem !important;
    }

    .e-paper-inner .mastbody-inner>.pb-3 {
        padding-bottom: 0.5rem !important;
    }
    .subs_box {
        text-align: center;
    }
    img.subs_image {
        width: 100%;
        display: block;
    }
}


@media (max-width: 1024px) and (max-height: 450px) {
    .e-book-box {
        padding-top: 400px
    }
}

@media (max-width: 450px) {
    .e-book-box {
        /* padding-top: calc(150vw - 90px); */
        padding-top: calc(100vh - 190px);
    }
}

@media (min-height: 1170px) {
    .e-book-box {
        padding-top: calc(100vh - 400px);
    }
}

@media (min-height: 1400px) {
    .e-book-box {
        padding-top: 1000px;
    }
}

.article .adbox--page_partner_ad,
.article div[id*="adbox--page_auto_ad_in_article_"] {
    margin-bottom: 1.25rem;
}

@media(max-width:768px) {
    .a7-gad .desktop_ads_image {
        display: none;
    }
}

@media(min-width:768px) {
    .a7-gad .mobile_ads_image {
        display: none;
    }
}

/* 2023/05/23 */
.masthead__allmenu-inner {
    padding: 50px 0% 20px 0% !important;
}

.masthead__allmenu__row2 {
    flex: unset !important;
    max-width: unset !important;
    padding: 0 3% 4% 3%;
    border: none;
    border-bottom: 2px solid #dedede;
    flex-wrap: wrap;
}

.masthead__allmenu__row2-item {
    font-weight: 700;
}

.masthead__panel.panel--full {
    left: unset !important;
    max-width: 1316px;
}

.masthead__allmenu__row2-col {
    flex-basis: 12.5% !important;
}

.masthead__allmenu__row3 {
    padding-left: 2%;
    padding-right: 2%;
    justify-content: unset !important;
    padding-top: 2%;
}

.masthead__allmenu__row3-link [class*="ico-"] {
    font-size: 1.25rem;
}

.masthead__allmenu__row3-link {
    font-size: 1rem;
    line-height: unset !important;
}

.masthead__allmenu__row3-item {
    padding: 0 30px;
    border-left: 2px solid #dedede;
    height: 50%;
    margin: 0;
}

.masthead__allmenu__row3_sub_div {
    display: flex;
    margin-left: 2%;
}

.masthead__allmenu__row3 .mastfoot__socials-item {
    margin-left: 0px !important;
    margin-right: 15px;
    height: 35px;
    width: 35px;
}

.masthead__allmenu__row4 {
    padding-left: 2%;
    padding-right: 2%;
    justify-content: unset !important;
    display: flex;
    flex: 0 0 100%;
    max-width: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2%;
}

.masthead__allmenu__row4 .mastfoot__links .mastfoot__links-item {
    font-size: 13px;
    margin-right: 25px;
}

.masthead__allmenu__row4 .mastfoot__declare {
    margin-left: auto;
}

.masthead__allmenu__row3 .menu-donatebtn .donatebtn {
    position: relative !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.masthead__allmenu__row3 .menu-donatebtn {
    margin-left: auto;
}

.masthead__allmenu__row3 .menu-donatebtn .donatebtn .donatebtn-inner {
    padding-left: 60px !important;
    padding-right: 0px !important;
    width: 210px !important;
    height: 60px !important;
}

.masthead__allmenu__row3 .menu-donatebtn .donatebtn .donatebtn-inner .h3 {
    font-size: 1.1rem !important;
}

.masthead__allmenu__row3 .menu-donatebtn .donatebtn .donatebtn-inner:before {
    border-radius: 10px 0 0 10px !important;
    left: 0 !important;
    right: auto !important;
    width: 60px !important;
    height: 60px !important;
}

@media(max-width:1152px) {
    .masthead__allmenu__row3 .masthead__allmenu__row3-item {
        padding: 0 4%;
    }

    .masthead__allmenu__row4 .mastfoot__declare {
        position: relative;
        height: unset;
        line-height: unset;
        background: unset;
    }
}

@media(max-width:1152px) {
    .masthead__allmenu__row4 {
        display: none;
    }

    .masthead__allmenu__row3 {
        padding-bottom: 15px;
        position: fixed;
        width: 100%;
        background-color: white;
    }

    .masthead__allmenu__row3 .mastfoot__socials-item,
    .masthead__allmenu__row3 .menu-donatebtn {
        display: none;
    }

    .masthead__allmenu__row3_sub_div {
        width: 100%;
        justify-content: space-between;
        margin-left: 0px;
        padding: 0 3%;
    }

    .masthead__allmenu__row3 .masthead__allmenu__row3-item {
        border: none;
    }

    .masthead__allmenu-inner {
        padding: 0px 0% 80px 0% !important;
        flex-wrap: unset !important;
        margin-bottom: 90px;
    }

    .masthead__allmenu__row3 .masthead__allmenu__row3-link {
        font-size: 1.2rem;
    }

    .masthead__allmenu__row3 .masthead__allmenu__row3-link [class*="ico-"] {
        font-size: 1.6rem;
    }

    .masthead__allmenu__row5 {
        position: fixed;
        width: 100%;
        margin-top: 60px;
        order: -1;
        background: #f5f5f5;
        display: flex;
        justify-content: space-between;
        padding: 0 2%;
        z-index: 21;
    }

    .masthead__allmenu__row5 .masthead__allmenu__row5_sub a {
        margin: auto;
        text-align: center;
        width: 100%;
        color: #365fb0;
    }

    .masthead__allmenu__row5_sub {
        text-align: center;
        padding: 2%;
    }

    .masthead__allmenu__row1 {
        padding-top: 3%;
        margin-top: 120px;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-nav-item {
        background: #f5f5f5;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-link {
        /* flex-basis: 92%; */
        background: transparent !important;
        width: 80%;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-nav-item .ico-thin-down {
        /* flex-basis: 10%; */
        margin: auto 0;
        cursor: pointer;
        min-width: 60px;
    }

    .masthead__allmenu__row1-item .masthead__allmenu__row1-nav-item .masthead__allmenu__row1-sub {
        overflow: scroll;
        transition: 0.5s ease;
        position: relative;
        isolation: isolate;
        font-weight: 400;
        /* font-size: 17px; */
        line-height: 19px;
        display: flex;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-align-content: center;
        align-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        white-space: nowrap;
        line-height: 1.18;
        background: white;
        width: 100%;
    }

    .masthead__allmenu__row1-item .masthead__allmenu__row1-nav-item.have-sub.expanded .masthead__allmenu__row1-sub {
        max-height: 500px;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-nav-item .masthead__allmenu__row1-sub-item {
        display: flex;
        height: 40px;
        justify-content: space-between;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-nav-item .masthead__allmenu__row1-sub-item .masthead__allmenu__row1-sub-link {
        width: 100%;
        align-items: center;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        margin-left: 2px;
        font-weight: 700;
        text-align: center;
        text-decoration: none !important;
        transition-duration: 0s;
        justify-content: space-between;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-nav-item .masthead__allmenu__row1-sub-item .masthead__allmenu__row1-sub-link-txt {
        padding-left: 4%;
        position: relative;
        font-size: 1.1em;
        text-align: left;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-nav-item .masthead__allmenu__row1-sub-item .ico {
        margin: auto 0;
        cursor: pointer;
        min-width: 60px;
    }
}

@media(min-width:768px) {
    .masthead__allmenu__row1 {
        display: none;
    }

    .masthead__allmenu__row5 {
        display: none;
    }
}

.masthead__allmenu__row1 .masthead__allmenu__row1-nav-item {
    max-width: 97%;
    margin: 6px 10px;
}

.masthead__allmenu__row1 .masthead__allmenu__row1-sub {
    max-height: 0px;
    display: none;
}

.masthead__allmenu__row1 .masthead__allmenu__row1-link {
    justify-content: left !important;
    height: 40px !important;
}

.masthead__allmenu__row1 .masthead__allmenu__row1-link-txt {
    padding-left: 5%;
    max-width: 100%;
    width: fit-content;
}

/* .masthead__logo {
    z-index: 5;
} */

.masthead .masthead__nav {
    display: flex;
}

.masthead .masthead__nav .nav-left-menu {
    display: flex;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-color: rgba(162, 162, 162, 0.3) transparent;
    scrollbar-width: thin;
    padding-top: 5px;
}

.masthead .masthead__nav .nav-right-menu {
    display: flex;
}

.masthead .masthead__nav .nav-left-menu::-webkit-scrollbar {
    height: 4px;
    width: 4px;
}

.masthead .masthead__nav .nav-left-menu::-webkit-scrollbar-track {
    background-color: transparent;
}

.masthead .masthead__nav .nav-left-menu::-webkit-scrollbar-thumb {
    background-color: rgba(237, 237, 237);
}

.masthead .masthead__nav .nav-left-menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(162, 162, 162, 0.3);
}

@media(max-width:1152px) {

    /* .masthead__nav{
        display: none !important;
    } */
    .masthead {
        height: 0px !important;
    }

    /* .mastbody{
        padding-top: 45px !important;
    } */
}

.masthead__allmenu .masthead__allmenu__row5 .masthead__allmenu__row5_sub img {
    width: 40%;
}

@media(max-width:1152px) and (min-width:768px) {
    .masthead__panel {
        width: 48% !important;
        height: 102%;
    }

    .masthead__panel.panel--full .masthead__panel-inner {
        /* max-height: calc(100vh - 45px); */
        max-height: 100vh;
    }

    .masthead__panel .masthead__allmenu-inner {
        padding: 0px 0% 80px 0% !important;
        flex-wrap: unset !important;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 0 7% 70px;
    }

    .masthead__allmenu__row1 {
        display: flex;
        flex: 0 0 100%;
        padding-top: 3%;
        max-width: none;
        margin-top: 120px;
    }

    .masthead__allmenu__row1-item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
        margin-bottom: 4px;
        color: #fff;
    }

    .masthead__allmenu__row1-item:first-child {
        flex-basis: 100%;
        max-width: none;
        color: #212121;
    }

    .masthead__allmenu__row1 .masthead__allmenu__row1-nav-item {
        background: #f5f5f5;
        display: flex;
        flex-wrap: wrap;
    }

    .masthead__allmenu__row2 {
        display: none;
    }

    .masthead__allmenu__row3 {
        position: fixed;
        width: 48%;
        background-color: white;
        padding-bottom: 15px;
        flex: 0 0 100%;
        max-width: none;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .masthead__allmenu__row3 .mastfoot__socials-item,
    .masthead__allmenu__row3 .menu-donatebtn {
        display: none;
    }

    .masthead__allmenu__row3_sub_div {
        width: 100%;
        justify-content: space-between;
        margin-left: 0px;
        padding: 0 3%;
    }

    .masthead__allmenu__row3 .mastfoot__socials-item,
    .masthead__allmenu__row3 .menu-donatebtn {
        display: none;
    }

    .masthead__allmenu__row4 {
        display: none;
    }

    .masthead__allmenu__row5 {
        position: fixed;
        width: 48%;
        margin-top: 60px;
        order: -1;
        background: #f5f5f5;
        display: flex;
        justify-content: space-between;
        padding: 0 2%;
    }

    .masthead__panel .masthead__allmenu-inner .d-md-none {
        display: block !important;
    }

    .masthead__panel .masthead__allmenu__socials {
        width: 48%;
    }

    .masthead__allmenu__socials {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 21;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px;
        background: #f5f5f5;
    }

    .masthead__allmenu__socials-item {
        display: block;
        margin: 0 15px;
        width: 40px;
        height: 40px;
    }

    .masthead__allmenu__socials-item .ico {
        overflow: hidden;
        background-repeat: no-repeat;
        text-indent: -9990em;
        text-align: left;
        display: block;
        width: 100%;
        height: 100%;
    }

    .masthead__allmenu__row1-link-txt {
        position: relative;
        color: black;
    }

    .masthead__allmenu__row1-link:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.2);
        opacity: 0;
    }

    .masthead__allmenu__row1-link {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 50px;
        margin-left: 2px;
        margin-right: 2px;
        background: #666;
        font-weight: 700;
        text-align: center;
        text-decoration: none !important;
        transition-duration: 0s;
    }

    .masthead__panel.panel--full::before {
        content: '';
        display: block;
        background: rgb(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        height: 100%;
        width: 100vw;
    }
}

.masthead__allmenu__row2-col2 {
    flex-basis: 25% !important;
}

.masthead__allmenu__row2-col2 .masthead__allmenu__row2-sub-item {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 16px 0 0;
}

.masthead__allmenu__row2-col2 .masthead__allmenu__row2-sub {
    flex-direction: column;
    height: 190px;
    width: 50%;
    flex-wrap: wrap;
}

.nav-right-menu .mastfoot__socials-item {
    padding: 0 10px;
    color: #212121;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    align-items: center;
    vertical-align: middle;
    justify-content: center;
    margin-left: 0px;
    width: 100%;
}

@media(max-width:1152px) {

    /* html.nav-always .mastbody{
        padding-top: 33px;
    } */
    html.nav-always .masthead__nav {
        display: flex;
        padding: 0;
        height: 43px;
    }

    .masthead .masthead__nav .nav-left-menu,
    .masthead .masthead__nav .nav-right-menu {
        padding: 0;
        display: inline-flex;
        position: relative;
        width: auto;
        overflow: visible;
    }

    .masthead__nav-item.sticky {
        box-shadow: none;
    }

    .masthead__allmenu__socials-item {
        margin: 0 12px;
    }
}

@media(max-width:768px) {
    .masthead__allmenu__socials-item {
        margin: 0 8px;
    }
}

/* 20230628 */

.article .article_author .authormenu-item-inner {
    display: flex;
    width: 270px;
    margin: 20px 0;
    padding-right: 0;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
    text-align: left;
}

.article .article_author .authormenu-item-inner .authormenu-avatar {
    flex: 0 0 65px;
    margin: 0 20px 0 0;
}

.article .article_author .authormenu-item-inner .authormenu-name {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
}

.article .article_author_row .authormenu-item-inner {
    display: flex;
    width: 160px;
    margin: 0px 15px;
    padding-right: 0;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
    text-align: left;
}

.article .article_author_row .authormenu-item-inner .authormenu-avatar {
    flex: 0 0 150px;
}

.article .article_author_row .authormenu-item-inner .authormenu-name {
    flex: 1 1 0;
}

.article .article_author_row .authormenu-item-inner .authormenu-avatar {
    flex: 0 0 150px;
    margin: 0 20px 0 0;
}

.article .article_author_row h4 {
    border-bottom: 1px solid #dedede;
    color: #2350a9;
    font-size: 1.25rem;
    line-height: 1;
    padding-bottom: 10px;
}

.article .article_author_row {
    border-bottom: 1px solid #dedede;
}

.article__foot {
    border-top: none;
}

.article__foot .hashtags {
    padding-top: 30px;
}

.article__foot .article_author_row .article_author_row_inner {
    display: flex;
    padding: 30px 0;
}

.article__foot .article_author_row .article_author_row_inner .article_author_row_inner_right {
    width: 100%;
    height: 100%;
    margin: auto 0;
}

.article__foot .article_author_row .article_author_row_inner .article_author_row_inner_right a {
    margin: 0;
    font-size: 1.1rem;
}

.article__foot .article_author_row .article_author_row_inner .article_author_row_inner_right p {
    margin: 15px 0px;
    font-size: 1.1rem;
}

.article__foot .article_author_row .save_author {
    position: absolute;
    right: 0;
    margin-top: 2%;
    margin-right: 2%;
}

.article__foot .article_author_row .save_author a {
    border: 1px solid #f0f0f0;
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
}


.article__foot .article_author_row .save_author a .ico-solid-bookmark {
    color: #f0f0f0;
    margin-left: 7px;
}

.article__foot .article_author_row .article_author_row_inner .article_author_row_inner_right .author_page_button {
    border: 1px solid #f0f0f0;
    padding: 5px 8px 5px 8px;
    margin-top: 5px;
    border-radius: 5px;
}

.article__foot .left-share-list {
    position: fixed;
    z-index: 10;
    left: -250px;
    right: auto;
    bottom: 15%;
    transition: left .2s ease;
}

.article__foot .left-share-list .sharetray-row {
    border: transparent;
    border-radius: 0px 15px 15px 0px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}

.article__foot .left-share-list .sharetray-item {
    width: 50px;
    height: 50px;
}

.article__foot .left-share-list .sharetray-item .ico {
    font-size: 1.2rem;
}

/* .article__foot .left-share-list .sharetray-item:last-child {
    font-size: 1.2rem;
    border-radius: 0px 12px 12px 0px;
    border: transparent;
}

.article__foot .left-share-list.left-share-show .sharetray-item:last-child,
.article__foot .left-share-list .sharetray-item:last-child:hover {
    color: #fff;
    background: #2350a9;
} */

.article__foot .left-share-list.left-share-show {
    left: 0px;
}

/* 6/7/2023 */
.ico-share:before {
    margin-top: 5px;
    content: " ";
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/ico_share.svg');
    width: 30px;
    height: 25px;
}

.left-share-list .ico-share:before {
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/ico_share_black.svg');
    margin-top: 3px;
    width: 20px;
    height: 20px;
}

.left-share-list .a7-bookmark.active {
    background-color: transparent;
}

.left-share-list .a7-bookmark.active .ico-solid-bookmark-saved:before {
    content: '\e819';
    color: #2350a9;
}


@media (min-width: 769px) {
    .left-share-list .sharetray-item:hover .ico-share:before {
        background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/ico_share_white.svg');
    }

    .left-share-list .a7-bookmark.active:hover {
        background: #2350a9;
    }

    .left-share-list .a7-bookmark.active:hover .ico-solid-bookmark-saved:before {
        content: '\e819';
        color: #fff;
    }
}

.sharebar-item.a7-btn-copyurl:hover .ico-share:before {
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/ico_share_blue.svg');
}

.sharebar-item.a7-btn-copyurl:hover .ico-share:before {
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/ico_share_blue.svg');
}

.sharetray-item.a7-gear .ico-gear:before {
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/gear-solid-blue.svg');
    margin-top: 3px;
    content: " ";
    width: 20px;
    height: 20px;
}

.sharetray-item.a7-gear:hover .ico-gear:before {
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/gear-solid_white.svg');
}

.left-share-show .sharetray-item.a7-gear .ico-gear:before {
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/gear-solid_white.svg') !important;
}

.twocol__main {
    z-index: 1;
}

.left-share-list {
    z-index: 100 !important;
}

.article__foot .article_author_row .article_author_row_inner .article_author_row_inner_right {
    margin-left: 20px;
    position: relative;
}

.article_author_row_inner_right .save_author {
    top: 0px;
    margin-top: 0px !important;
}

@media (max-width: 768px) {

    /* .article_author_row_inner{margin-top:30px;position:relative;align-items:flex-start;} */
    .article_author_row_inner {
        position: relative;
        align-items: flex-start;
    }

    .authormenu-item-inner .authormenu-avatar .authorbar-avatar-img {
        width: 110px !important;
        height: 110px !important;
        padding: 0px !important;
    }

    .authormenu-item-inner {
        margin: 0px !important;
    }

    .article .article_author_row .authormenu-item-inner {
        margin-right: 0px;
        width: 110px;
    }

    .authorbar-intro.article_author_row_inner_right {
        padding-left: 0px;
    }

    .article .article_author_row .authormenu-item-inner .authormenu-avatar {
        flex: 0 0 110px;
    }

    .article__foot .article_author_row .save_author {
        bottom: 0px;
    }

    .article_author_row_inner_right .save_author {
        position: relative !important;
        margin-bottom: 20px;
    }
}

.save_author .ico-solid-bookmark::before {
    content: url('/20241030031451oe_/https://www.am730.com.hk/assets/favicons/ico_bookmark.svg');
    background-size: 20px 20px;
}

.save_author .btn-bookmark {
    vertical-align: middle;
}

.save_author .ico-solid-bookmark {
    vertical-align: middle;
    margin-left: 0px !important;
}

.save_author:hover .ico-solid-bookmark::before {
    content: url('/20241030031451oe_/https://www.am730.com.hk/assets/favicons/ico_bookmark_hover.svg');
    background-size: 20px 20px;
}

.save_author .ico-solid-bookmark-saved::before {
    content: url('/20241030031451oe_/https://www.am730.com.hk/assets/favicons/ico_bookmark_click.svg');
    background-size: 20px 20px;

}

.save_author .ico-solid-bookmark-saved {
    vertical-align: middle;
}





.authorbar-share .ico-solid-bookmark::before {
    content: url('/20241030031451oe_/https://www.am730.com.hk/assets/favicons/ico_bookmark.svg');
    background-size: 20px 20px;
}

.authorbar-share .btn-bookmark {
    vertical-align: middle;
}

.authorbar-share .ico-solid-bookmark {
    vertical-align: middle;
    margin-left: 0px !important;
}

.authorbar-share:hover .ico-solid-bookmark::before {
    content: url('/20241030031451oe_/https://www.am730.com.hk/assets/favicons/ico_bookmark_hover.svg');
    background-size: 20px 20px;
}

.authorbar-share .ico-solid-bookmark-saved::before {
    content: url('/20241030031451oe_/https://www.am730.com.hk/assets/favicons/ico_bookmark_click.svg');
    background-size: 20px 20px;

}

.authorbar-share .ico-solid-bookmark-saved {
    vertical-align: middle;
}

.sharetray-item .ico-solid-bookmark::before {
    color: transparent;
    -webkit-text-stroke: 1px #212121;
}










#block-quizlist {
    margin-top: 31px;
    margin-left: 2rem !important;
    margin-right: 3.5rem !important;
}

.quiz-list {
    padding: 20px 0;
}

.quiz-image-container {
    width: 40.7%;
    padding: 0;
    max-height: 185px;
    background-color: #E6E6E6;

}

.quiz-image {
    box-shadow: 0px 3px 15px #0000001F;
    border-radius: 5px;
    max-height: 100%;
}


.quiz-detail-container {
    width: 59.3%;
    padding: 0;
    padding-left: 20px;
}

.quiz-detail-title {
    font: normal normal 600 18px/25px PingFang HK;
    letter-spacing: 0px;
    color: #000000 !important;
    line-height: 1;
}

.quiz-detail-left-column {
    width: 76.6%;
}

.quiz-detail-right-column {
    width: 23.4%;
    text-align: center;
    padding-left: 38px;
}

.quiz-date,
.dev-prize-description {
    font: normal normal normal 16px/22px PingFang HK;
    letter-spacing: 0px;
    color: #000000;
}

.point-chinese {
    font-size: 1.25rem;
    transform: translateY(30%);
}

.can-obtain {
    font-size: 1rem;
    line-height: 1;
}

.point-box.text-points {
    font-size: 42px;
    padding-top: 5px;
}


.quiz-time-left .h5 {
    font-size: 16px !important;
    color: black !important;
}

.quiz-button-container {
    padding: 5px 0px;
}

.quiz-award-list:hover,
.quiz-award-list:active {
    background-color: white;
    color: #2350A9;
    border-radius: 4px;
    border-color: transparent;
    box-shadow: 0px 3px 12px #0000001F;
}


.point-display-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-points--display {
    display: inline-block;
}

.earn-points {
    display: inline-block;
    position: absolute;
    left: 67%;
    box-shadow: 0px 3px 12px #949EB17B;
    border-radius: 4px;
    margin-top: 40px;
}

button.earn-points-button {
    padding: 5px 34px 7px 14px;
    border: none;
    background-color: white;
}

.earn-points-button-text {
    font: normal normal bold 16px/24px Noto Sans TC;
    letter-spacing: 0px;
    color: #2350A9;
}



.reward-description {
    display: none;
}





.reward-title {
    font-size: 18px;
}

.required-point {
    font-size: 16px;
    color: #5A5A5A;
    margin: 15px 0px 6px 0px;
}

.dev-points {
    font-size: 42px;
}





.chinese-point {
    font-size: 18px;
}

.reward-button-container {
    border-top: 1px solid #F0F0F0;
    padding-top: 1rem !important;
}



.quiz-award-list {
    background-color: white;
    color: #2350A9;
    border-radius: 4px;
    border-color: transparent;
    box-shadow: 0px 3px 12px #0000001F;
}






/* exchangeItemConfirm */

#exchangeItemConfirm .modal-dialog {
    max-width: 907px;
}

#exchangeItemConfirm .modal-confirm-image-container {
    width: 28%;
}

#exchangeItemConfirm .modal-body {
    padding: 36.92px 39px;
}


#exchangeItemConfirm .modal-confirm-description {
    padding-top: 0px !important;
}

#exchangeItemConfirm .h4.h4-md.mb-1 {
    line-height: 1;
}

#exchangeItemConfirm .h6.text-gray {
    line-height: 1;
}


#exchangeItemConfirm .dev-description {
    padding-top: 10px;
    width: 358px;
    height: 198px;
    overflow: auto;
}

#exchangeItemConfirm .foot-btn-text-container {
    text-align: center;
}

#exchangeItemConfirm .exchangeItemDisclaimer {
    padding-bottom: 29px;
    color: #1252B3;
}


@media (max-width: 1152px) {
    #exchangeItemConfirm .modal-dialog {
        max-width: 90%;
    }
}


@media (max-width: 768px) {

    #exchangeItemConfirm .modal-dialog {
        max-width: 96%;
    }

    #exchangeItemConfirm .modal-confirm-or-not {
        text-align: unset !important;
    }

    #exchangeItemConfirm .modal-body {
        padding: 8px 15px;
    }

    #exchangeItemConfirm .modal-confirm-image-container {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #exchangeItemConfirm .modal-confirm-description {
        flex: unset !important;
        max-width: unset !important;
        padding-top: unset !important;
        width: 100%;

    }

    #exchangeItemConfirm .dev-description {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 120px;
        overflow: auto;
    }

    #exchangeItemConfirm .require-point-container {
        flex: unset !important;
        max-width: unset !important;
        text-align: unset !important;
    }

    #exchangeItemConfirm .h6.text-gray {
        display: inline-block;
    }

    #exchangeItemConfirm .require-points-in-modal {
        display: inline-block;
        right: unset;
    }

    #exchangeItemConfirm .dev-points {
        display: none;
    }

    #exchangeItemConfirm .exchangeItemDisclaimer {
        padding-top: 0px !important
    }

    /* 20240926 */
    .article__body p {
        line-height: 1.8em;
        font-size: 1.2em;
        letter-spacing: +0.05em;
        text-align: justify;
    }


}






/* exchangeSuccessAlert */
#exchangeSuccessAlert .modal-dialog {
    max-width: 907px;
}

#exchangeSuccessAlert .modal-header {
    padding-top: 163px;
}

#exchangeSuccessAlert .modal-footer {
    padding-top: 90px;
}



@media (max-width: 1152px) {
    #exchangeSuccessAlert .modal-dialog {
        max-width: 90%;
    }
}

@media (max-width: 768px) {

    #exchangeSuccessAlert .modal-dialog {
        max-width: 96%;
    }

    #exchangeSuccessAlert .modal-header {
        padding-top: 219px;
    }

    #exchangeSuccessAlert .modal-footer {
        padding-top: 150px;
    }
}




/* reward */
.reward-list-container #block-datalist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    margin-left: 8.1rem !important;
    margin-right: 8.1rem !important;
    margin-top: 30px;
}

.reward-list-container #block-datalist [id^="box-reward"] {
    padding-top: 0px !important;
    box-shadow: 0px 3px 25px #0000001F;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .reward-list-container #block-datalist {
        grid-template-columns: unset;
        grid-gap: 30px;
        margin: 30px 22px !important;
    }
}

.reward-image-container {
    height: 185px;
    background-color: #F0F0F0;
}

.reward-image {
    height: 185px;
}

.reward-detail-container {
    padding: 10px 15px 16px 15px;
}








.exchangeItemDisclaimer {
    padding-top: 0px !important;
}

.require-points-in-modal {
    font-size: 32px;
    color: #1252B3;
    position: relative;
    right: 15px;
}



.quiz-date {
    margin-bottom: 5px;
}

.reward-title {
    min-height: 54px;
}


.point-notice {
    width: 365px;
    height: 50px;
    border-radius: 5px;
    background: linear-gradient(82deg, #EA7486 0%, #E9AB60 100%);
    filter: drop-shadow(0px 3px 15px #F2AB4980);

    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 9999;
    opacity: 0;
    transition: .5s;
}

@media (max-width: 768px) {
    .point-notice {
        bottom: 165px;

    }
}

.point-notice__text {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: white;
    letter-spacing: 0.8px;
    font: normal normal bold 16px/24px Noto Sans TC;
    padding: 12px 60px 14px 20px;
}

.point-notice__more:hover,
.point-notice__more:active {
    color: #EA7486;
}


.point-notice__more {
    display: inline-block;
    vertical-align: middle;
}


.point-notice__link {
    font: normal normal bold 16px/24px Noto Sans TC;
    letter-spacing: 0px;
    text-decoration: none;
    font-size: 16px;
    color: #EA7486;
    background-color: #F3E9C9;
    padding: 5px 24px 7px 11px;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.point-notice__link::after {
    max-width: 11px;
    content: 'next';
    font-size: 13px;
    font-family: swiper-icons;
    display: block;
    position: absolute;
    right: 18px;
    top: 16px;
    line-height: 15px;
    color: #EA7486;
    font-weight: bold;
}


.coupon-detail-container {
    padding: 0px 15px 20px 15px !important;
}

.button-row {
    margin: auto;
}








.reward-description-container {

    padding-bottom: 15px;
}

.redemption-title {
    line-height: 1;
}

.redemption-required {
    line-height: 1;
}





.earn-points-button::after {
    max-width: 11px;
    content: 'next';
    font-size: 13px;
    font-family: swiper-icons;
    display: block;
    position: absolute;
    right: 15px;
    top: 10px;
    line-height: 15px;
    color: #2350A9;
    font-weight: bold;

}


@media (max-width: 768px) {
    .pillmenu {
        margin-bottom: 22px;
    }

    .testad {
        width: 320px !important;
        height: 50px !important;
    }

    #block-quizlist {
        margin: 12px !important;
    }

    .quiz-image-container {
        width: 100%;
        padding: 0;
        max-height: calc(60vw - 44px);
        overflow-x: hidden;
        background-color: #E6E6E6;
    }

    .quiz-detail-title {
        font-size: 18px !important;
        margin-bottom: 36px !important;
    }

    .quiz-detail-container {
        padding: 15px 15px;
    }

    .time {
        display: inline-block;
    }

    .quiz-detail-right-column {
        display: inline-block;
        border-bottom: 1px solid #E6E6E6;
    }

    .quiz-time-left {
        text-align: unset;
        display: inline-block;
        vertical-align: middle;
    }



    .earn-points {
        margin-top: 15px;
    }

    .quiz-detail-left-column {
        width: 100%;
    }

    .quiz-detail-right-column {
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
        width: unset;
        display: flex;
        justify-content: flex-end;
        padding-left: unset;
    }

    .can-obtain {
        margin-right: 5px;
        margin-left: auto;
    }

    .quiz-time-left {
        align-items: flex-start;
    }

    .time {
        display: flex;
        align-items: center;
    }

    .time .ico-thin-clock {
        margin-right: 5px;
    }

    .quiz-list {
        box-shadow: 0px 3px 25px #0000001F;
        border-radius: 5px;
        padding: 0px;
        margin: 30px 0px;
    }

    .point-box {
        padding-top: 0px;
        position: relative;
        top: -8px;
    }

    .quiz-detail-footer {
        padding-top: 7px;
        padding-bottom: 15px;

    }

    .quiz-date {
        padding-top: 10px;
    }



    .ico-round-giftbox {
        position: relative;
        bottom: 25px;
    }

    .redemption-content-container {
        padding-top: 15px;
    }

}


/* 2023-09-05 */
.noti-message {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 99;
}

.noti-pop {
    display: flex;
    background: #f5f5f5;
    border-radius: 5px;
    box-shadow: -6px 0 6px -6px rgba(0, 0, 0, 0.3);
    padding: 30px 20px 0 20px;
    transition: all .3s ease-out;
    position: relative;
    margin-top: 12px;
    width: 400px;
    max-width: 100%;
}

.noti-head {
    font-size: 0.8rem;
    position: absolute;
    top: 12px;
    width: calc(100% - 40px);
}

.noti-head img {
    width: 16px;
    margin-right: 8px;
    transform: translate(0, -2px);
}

.noti-head .ico-thin-close {
    color: #000;
    position: absolute;
    right: 0;
}

.noti-pop>a {
    width: 100%;
}

.noti-div {
    padding: 10px 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.noti-img img {
    width: 100px;
    margin-right: 12px;
}

.noti-info {
    display: inline-flex;
    flex-direction: column;
}

.noti-title {
    font-size: 1rem;
}

.noti-body {
    font-size: 0.9rem;
    opacity: 0.6;
}

.noti-accept-box {
    position: fixed;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 30;
    display: none;
}

.noti-accept {
    width: 420px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 8px 0 6px -8px rgb(0 0 0 / 20%);
    background: #fff !important;
    color: #000;
    padding: 20px;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    display: flex;
    padding-bottom: 60px;
    position: relative;
}

.noti-accept img {
    flex: 80px 0 0;
    margin-right: 12px;
    width: 80px;
    height: 100%;
    border-radius: 10px;
}

.noti-accept div {
    flex: 1 1 0;
    text-align: left;
}

.noti-accept .noti-btns {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

@media (max-width: 768px) {
    .noti-message {
        right: 10px;
        width: calc(100% - 20px);
        bottom: 10px;
    }
}

@media (min-width: 769px) {
    .columnist-info .authorbar-intro {
        max-width: 74%;
    }

}

.masthead__logo-img {
background: unset;
background-color: #DC0B0C;
}

/* 20240105 */
.meta-top-og-image {
    position: absolute; top: -1px;
}

.meta-top-og-image img{
    width: 0px; height: 0px;
}


/* 20240508 */
.article__body .picosolo_first_img {
    min-height: 250px;
}

@media (min-width: 769px) {
    .article__body .picosolo_first_img {
        min-height: 450px;
    }
}

#anymind_am730_video{
    min-height: 208px;
}
@media (min-width: 769px) {
    #anymind_am730_video{
        min-height: 360px;
    }
}


/* 20240605 */
@media (max-width: 769px) {
    .trc_related_container{
        position: relative;
        z-index: 0;
    }
}


/* 20240620 */
.gear-mobile,
.gear-desktop{
    font-size: 1.2rem;
    border-radius: 0px 12px 12px 0px;
    border: transparent;
    color: #2350a9 !important;
    background: #fff !important;
}
.gear-mobile{
    border-radius: 12px 0px 0px 12px;
}

.gear-desktop:hover{
    color: #fff !important;
    background: #2350a9 !important;
}

html.leave-top .article-page .backtop {
    display: none;
}

.article__foot .left-share-list{
    left: auto;
    right: -200px;
    bottom: auto;
    top: 204px;
    transition: right .2s ease;
}

.article__foot .left-share-list .sharetray-row{
    border-radius: 15px 0px 0px 15px;
    overflow: hidden;
}

.article__foot .left-share-list.left-share-show{
    left: auto;
    right: 0px;
}

.left-share-show .sharetray-item.a7-gear,
.left-share-show .sharetray-item.a7-gear.gear-desktop{
    background: #2350a9 !important;
}

.left-share-show .sharetray-item.a7-gear .ico-gear:before,
.left-share-show .sharetray-item.a7-gear .ico-gear:before{
    background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/gear-solid_white.svg') !important;
}

.sharetray-row .btn-backtop .ico:before{
    color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    font-size: 18px;
    height: 18px;
    font-weight: 900;
}
.sharetray-row .btn-backtop:active .ico:before{
    color: #FFF;
}

@media (min-width: 769px) {

    /* .article__foot .left-share-list{
        left: -200px;
    } */

    .gear-mobile {
        display: none;
    }
}
@media (max-width: 768px) {
    .article__foot .left-share-list{
        top: 165px;
    }

    .left-share-list:not(.left-share-show) .sharetray-item.a7-gear:hover .ico-gear:before{
        background-image: url('/20241030031451oe_/https://www.am730.com.hk/assets/v1/img/ui/gear-solid-blue.svg') !important;
    }

    .gear-desktop {
        display: none;
    }
}


div#partner_1X1_TEADS {
    display: block;
}

div#\31 X1_TEADS {
    display: block !important;
}

div#adbox--page_auto_ad_in_article_2 {
    display: block;
}

div#page_auto_ad_in_article_2 {
    text-align: center;
}


/* 20240723 */
i.ico.ico-thin-down {
    width: 1em;
}

/* 20240909 */
p.picsolo-descr {
    padding: 20px 15px;
    margin-bottom: 0 !important;
    background: #f5f5f5;
    text-align: center !important;
    font-size: .9375rem !important;
    line-height: 1.5 !important;
    color: #666;
}

img.subs_image{
    width: 100%;
}

@media (max-width: 768px) {
    .resultlist {
        min-height: 850px;
    }
}