(cache)Log In

"); top: 59%; left: 0px; transform: translateY(-50%) translateX(-100%); } .edit-section-link.unbind-wechat::after, .edit-section-link.unbind-mobile::after { background-image: url("data:image/svg+xml;charset=UTF-8,"); } .edit-section-link.add-name::after, .edit-section-link.add-wechat::after, .edit-section-link.add-email::after, .edit-section-link.add-password::after { background-image: url("data:image/svg+xml;charset=UTF-8,"); } .header-container { border-bottom: 1px solid rgb(206, 198, 185); margin-bottom: 30px; } @media only screen and (max-width: 600px) { form { width: 100%; } } "); top: 59%; left: 0px; transform: translateY(-50%) translateX(-100%); } .edit-section-link.unbind-wechat::after, .edit-section-link.unbind-mobile::after { background-image: url("data:image/svg+xml;charset=UTF-8,"); } .edit-section-link.add-name::after, .edit-section-link.add-wechat::after, .edit-section-link.add-email::after, .edit-section-link.add-password::after { background-image: url("data:image/svg+xml;charset=UTF-8,"); } .header-container { border-bottom: 1px solid rgb(206, 198, 185); margin-bottom: 30px; } @media only screen and (max-width: 600px) { form { width: 100%; } } * { margin: 0px; padding: 0px; box-sizing: border-box; } body { font-family: "Helvetica Neue", Verdana, Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Heiti SC", "Microsoft Yahei", SimSun, "Hiragino Sans TC", "Microsoft JhengHei", PMingLiU, sans-serif; font-size: 16px; margin: 0px auto; display: block; background: none 0px 0px repeat scroll rgb(255, 241, 229); } .is-ipad body { font-size: 18px; } div { text-align: left; line-height: 140%; } img { border: medium none; max-width: 100%; } a { color: rgb(10, 94, 102); text-decoration: none; } a:active, a:hover { color: rgb(51, 48, 46); } a.highlight { color: rgb(153, 15, 61); } li, ul { list-style-position: outside; list-style-type: none; margin: 0px; padding: 0px; } .clearfloat { clear: both; } .blue-link { color: rgb(46, 110, 158); } .blue-link:active, .blue-link:hover { color: rgb(51, 48, 46); } [data-type] { cursor: pointer; } .hide { display: none; } .block-container .warn a, .warn, .warn a { color: rgb(204, 0, 0); } .warn a { text-decoration: underline; font-weight: 700; } .rightimage { float: right; margin: 0px 0px 10px 10px; } .intro-container .image, .side-container .image { position: static; float: right; width: 82px; padding: 15px 0px 15px 5px; clear: right; } .intro-container .image.first-child, .side-container .image.first-child { float: none; width: 100%; padding: 0px; } .intro-container .image.square-icon, .side-container .image.square-icon { padding: 0px 0px 5px 5px; } .intro-container .image.square-icon figure, .side-container .image.square-icon figure { padding-bottom: 100%; } .intro-container .image figure, .side-container .image figure { background-color: transparent; } .audio-placeholder { height: 44px; margin-bottom: 15px; } .is-ftc-app .audio-placeholder { position: fixed; bottom: 0px; width: 100%; margin: 0px; padding: 0px; left: 0px; right: 0px; z-index: 99999999; backface-visibility: hidden; } .is-ftc-app.is-android-app .audio-placeholder { position: static; } @media only screen and (max-width: 490px) { .audio-placeholder { position: fixed; bottom: 0px; width: 100%; margin: 0px; padding: 0px; left: 0px; right: 0px; z-index: 99999999; } } .audio-container { color: rgb(51, 48, 46); background-color: rgb(242, 229, 218); height: 100%; } .audio-controls { width: 100%; height: 100%; position: relative; } .audio-control { float: left; text-indent: 100%; white-space: nowrap; overflow: hidden; background: 50% center / 28px 28px no-repeat transparent; border: 0px; padding: 0px; display: block; width: 44px; height: 44px; vertical-align: baseline; } .audio-control:disabled { display: none; pointer-events: none; } .control__play { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E*{fill:%2333302e!important}%3C/style%3E%3Cpath d='M716.8 512l-384-256v512z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .control__pause { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E*{fill:%2333302e!important}%3C/style%3E%3Cpath d='M307.2 256h153.6v512H307.2V256zm256 512h153.6V256H563.2v512z' fill-rule='evenodd'/%3E%3C/svg%3E"); } .audio-time-text { float: left; display: table-cell; width: 44px; height: 44px; line-height: 44px; overflow: hidden; white-space: nowrap; vertical-align: middle; user-select: none; font-family: MetricWeb, sans-serif; font-size: 14px; text-align: center; } .audio-time-text__current { float: left; text-align: left; } .audio-time-text__total { float: right; } .audio-time-progress { display: block; position: absolute; inset: 0px 44px 0px 88px; margin: auto; cursor: pointer; user-select: none; } .audio-time-progress__background { height: 6px; width: 100%; background: rgb(204, 193, 183); display: block; margin-top: 19px; } .audio-time-progress__fill { height: 6px; width: 100%; background: rgb(10, 94, 102); display: block; position: absolute; top: 19px; left: 0px; transform-origin: left center; transform: scaleX(0); pointer-events: none; } .audio-time-progress__scrub { width: 14px; height: 14px; border-radius: 50%; background-color: rgb(18, 165, 179); position: absolute; top: 15px; left: -7px; transform-origin: center center; transform: scale(0); transition: transform 0.1s ease-out 0s, -webkit-transform 0.1s ease-out 0s; pointer-events: none; } .language-switch-container { display: none; } .sticky-element-on .sticky-element-inner { position: fixed; top: 44px; background-color: rgb(255, 241, 229); border-width: 0px 1px 1px 0px; border-style: solid; border-color: rgb(206, 198, 185); z-index: 1; } .language-switch-inner { margin: 0px auto; text-align: center; display: table; border-collapse: collapse; position: relative; } a.language-switch { color: rgb(13, 118, 128); background-color: rgb(255, 241, 229); display: table-cell; height: 26px; line-height: 26px; padding: 0px 15px; border: 1px solid rgb(13, 118, 128); } a.language-switch.on { color: rgb(255, 255, 255); background-color: rgb(13, 118, 128); } a.language-switch-left, a.language-switch-right { display: block; position: absolute; height: 44px; width: 44px; top: 0px; } a.language-switch-left { left: 0px; } a.language-switch-right { right: 0px; } a.language-switch-menu { display: none; background-image: url(""); } a.language-switch-share { display: none; background-image: url(""); } audio { width: 100%; height: 44px; } button { display: inline-block; box-sizing: border-box; vertical-align: middle; margin: 0px; outline: 0px; text-align: center; text-decoration: none; font-weight: 600; cursor: pointer; transition: background-color 0.3s ease 0s, color 0.15s ease-out 0s, border-color 0.15s ease-out 0s; appearance: none; user-select: none; background-clip: padding-box; -webkit-font-smoothing: antialiased; background-size: 16px; min-height: 26px; min-width: 26px; padding: 0px 8px; font-size: 14px; line-height: 26px; color: rgb(10, 94, 102); background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(39, 117, 123, 0.15); } button:active, button:hover { background-color: transparent; border-color: transparent; } button.myft-follow { background-color: transparent; border: 1px solid rgb(153, 15, 61); color: rgb(153, 15, 61); border-radius: 26px; position: relative; padding-left: 27px; padding-right: 10px; margin: 0px 0px 0px 15px; } button.myft-follow.tick { background-color: rgb(153, 15, 61); color: rgb(255, 255, 255); } button.myft-follow::before { display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat; background-size: contain; background-position: 50% center; background-color: transparent; content: " "; left: 10px; margin: -6px 4px 0px 0px; position: absolute; top: 50%; } button.myft-follow.plus::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cstyle%3E*{fill:%23990f3d!important}%3C/style%3E%3Cpath d='M5.053 0v5.053H0v1.894h5.053V12h1.894V6.947H12V5.053H6.947V0H5.053z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E"); } button.myft-follow.tick::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13'%3E%3Cstyle%3E*{fill:%23fff!important}%3C/style%3E%3Cpath d='M5.273 10.08L2.1 7.7l-.8-.6L.1 8.7l.8.6 3.226 2.42-.02.026.807.564.787.59.02-.026.026.02.564-.807.59-.787-.026-.02 6.445-9.207.572-.82-1.64-1.146-.572.82-6.407 9.153z' fill-rule='evenodd'/%3E%3C/svg%3E"); } input[type="submit"], select { appearance: none; border-radius: 0px; } .icon-right { float: right; margin-left: 12px; display: block; font-size: 14px; line-height: 140%; } #phone-ftc-binding-container, #phone-login-container, #wechat-ftc-binding-container { display: none; } #phone-binding-status, #phone-login-status, #wechat-binding-status { margin-bottom: 15px; } ::view-transition-new(*), ::view-transition-old(*) { animation: 0.3s ease 0s 1 normal none running b; } .reorder-box div, .reorder-box h3 { margin-bottom: 1em; } .reorder-box label { margin-right: 1em; } .reorder-row-premium-gated { margin-bottom: 1.25em; } .reorder-row-premium-gated .reorder-toggle-label { color: rgb(119, 119, 119); display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0px 8px; margin-right: 0px; } .reorder-row-premium-gated .reorder-toggle { opacity: 0.75; } .reorder-row-premium-gated .reorder-toggle-text { color: rgb(119, 119, 119); } .reorder-premium-badge { display: inline-block; padding: 0px 6px; border: 1px solid rgb(204, 193, 183); border-radius: 3px; color: rgb(119, 119, 119); background-color: rgba(255, 255, 255, 0.25); font-size: 13px; line-height: 20px; font-weight: 400; } .reorder-premium-badge.is-entitled { border-color: rgba(38, 116, 122, 0.45); color: rgb(10, 94, 102); background-color: rgba(38, 116, 122, 0.08); } .reorder-premium-note { margin: 4px 0px 0px 34px; color: rgb(119, 119, 119); font-size: 14px; line-height: 1.45; } .home-page-recommendation-intro .list-title { margin-bottom: 10px; } .home-page-recommendation-description { margin: 0px 15px 30px; max-width: 980px; color: rgb(119, 119, 119); font-size: 15px; line-height: 1.5; } .home-page-recommendation-description a { font-weight: 700; } .home-page-recommendation-entry-block { margin-bottom: 15px; } .ft-global-curation-entry-banner { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; position: relative; margin: 0px 15px 15px; padding: 12px 44px 12px 14px; border-width: 1px 1px 1px 4px; border-style: solid; border-color: rgba(168, 142, 96, 0.38) rgba(168, 142, 96, 0.38) rgba(168, 142, 96, 0.38) rgb(168, 142, 96); border-image: initial; background: linear-gradient(90deg, rgba(168, 142, 96, 0.16), rgba(255, 241, 229, 0.95)); color: rgb(51, 48, 46); box-shadow: rgba(255, 255, 255, 0.55) 0px 1px 0px inset; } .ft-global-curation-entry-copy { flex: 1 1 360px; margin: 0px; color: rgb(51, 48, 46); font-size: 15px; line-height: 1.45; } .ft-global-curation-entry-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; } .ft-global-curation-entry-enable { min-width: 72px; padding: 4px 14px; border: 1px solid rgb(168, 142, 96); background: rgb(168, 142, 96); color: rgb(255, 255, 255); font-size: 15px; line-height: 22px; font-weight: 600; white-space: nowrap; cursor: pointer; } .ft-global-curation-entry-enable:active, .ft-global-curation-entry-enable:hover { border-color: rgb(143, 116, 72); background: rgb(143, 116, 72); } .ft-global-curation-entry-enable[disabled] { cursor: wait; opacity: 0.75; } .ft-global-curation-entry-dismiss { position: absolute; top: 50%; right: 10px; width: 28px; height: 28px; padding: 0px; transform: translateY(-50%); border: 0px; background: transparent; color: rgba(51, 48, 46, 0.58); font-size: 0px; line-height: 28px; text-align: center; cursor: pointer; } .ft-global-curation-entry-dismiss::before { content: "×"; font-size: 24px; } .ft-global-curation-entry-dismiss:active, .ft-global-curation-entry-dismiss:hover { color: rgb(143, 116, 72); } .ft-global-curation-entry-error { flex: 0 0 100%; margin: 0px; color: rgb(153, 15, 61); font-size: 14px; line-height: 1.4; } .ft-global-curation-follow-prompt { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: -4px 15px 30px; padding: 8px 10px; border: 1px solid rgba(168, 142, 96, 0.28); background: rgba(255, 249, 245, 0.72); color: rgb(119, 119, 119); font-size: 14px; line-height: 1.45; } .ft-global-curation-follow-prompt-label { flex: 0 1 auto; } .ft-global-curation-follow-prompt-chips { display: inline-flex; flex: 1 1 auto; flex-wrap: wrap; gap: 6px; align-items: center; } .ft-global-curation-follow-prompt .ft-global-curation-follow-chip.myft-follow { min-height: 26px; margin: 0px; border-color: rgba(168, 142, 96, 0.72); color: rgb(143, 116, 72); background: rgba(255, 255, 255, 0.55); font-size: 13px; line-height: 20px; } .ft-global-curation-follow-prompt .ft-global-curation-follow-chip.myft-follow.tick { border-color: rgb(10, 94, 102); color: rgb(255, 255, 255); background: rgb(10, 94, 102); } .ft-global-curation-follow-prompt .ft-global-curation-follow-chip.myft-follow.plus::before { filter: sepia(45%) saturate(395%) hue-rotate(3deg) brightness(82%); } .ft-global-curation-follow-prompt .ft-global-curation-follow-chip.myft-follow.tick::before { filter: none; } .ft-global-curation-follow-prompt-dismiss { flex: 0 0 auto; margin-left: auto; padding: 0px; border: 0px; background: transparent; color: rgb(119, 119, 119); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; line-height: 24px; cursor: pointer; } .ft-global-curation-follow-prompt-dismiss:active, .ft-global-curation-follow-prompt-dismiss:hover { color: rgb(51, 48, 46); } .home-page-recommendation-status { display: flex; align-items: center; gap: 8px; grid-column: 1 / -1; min-height: 96px; margin: 0px 15px 30px; color: rgb(119, 119, 119); font-size: 15px; line-height: 1.5; } .home-page-recommendation-status.is-error { color: rgb(119, 119, 119); } .home-page-recommendation-spinner { display: none; width: 14px; height: 14px; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: rgb(10, 94, 102) rgba(38, 116, 122, 0.22) rgba(38, 116, 122, 0.22); border-image: initial; border-radius: 50%; flex: 0 0 auto; } .home-page-recommendation-status.is-loading .home-page-recommendation-spinner { display: inline-block; animation: 0.8s linear 0s infinite normal none running a; } .home-page-recommendation-retry { padding: 0px; border: 0px; background: transparent; color: rgb(10, 94, 102); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 700; cursor: pointer; } .home-page-recommendation-retry:active, .home-page-recommendation-retry:hover { color: rgb(51, 48, 46); } @keyframes a { 100% { transform: rotate(1turn); } } @media only screen and (max-width: 690px) { .ft-global-curation-entry-banner { align-items: flex-start; padding-right: 14px; } .ft-global-curation-entry-copy { flex-basis: 100%; } .ft-global-curation-entry-actions { flex: 1 1 100%; width: 100%; } .ft-global-curation-entry-dismiss { position: static; width: auto; min-width: 72px; height: auto; padding: 4px 14px; transform: none; border: 1px solid rgba(168, 142, 96, 0.45); background: rgba(255, 241, 229, 0.72); color: rgb(143, 116, 72); font-size: 15px; line-height: 22px; font-weight: 600; white-space: nowrap; } .ft-global-curation-entry-dismiss::before { content: none; } .ft-global-curation-follow-prompt { align-items: flex-start; margin-top: 0px; padding: 8px; } .ft-global-curation-follow-prompt-chips, .ft-global-curation-follow-prompt-label { flex-basis: 100%; } .ft-global-curation-follow-prompt-dismiss { margin-left: 0px; } } .reorder-toggle { accent-color: rgb(10, 94, 102); } .reorder-slider { width: 100%; appearance: none; height: 6px; border-radius: 3px; background: rgb(204, 204, 204); margin: 10px 0px; } .reorder-slider::-webkit-slider-runnable-track { height: 6px; background: rgb(10, 94, 102); border-radius: 3px; } .reorder-slider::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); border: 2px solid rgb(10, 94, 102); margin-top: -5px; cursor: pointer; } @keyframes b { 0% { opacity: 0.8; transform: scale(0.98); } 100% { opacity: 1; transform: scale(1); } } @media screen and (max-width: 490px) { body, html { max-width: 100% !important; overflow-x: hidden !important; } } .input-oneline { box-sizing: border-box; appearance: none; margin: 0px; height: 36px; border: 1px solid rgb(206, 198, 185); border-radius: 5px; padding: 7px 5px 8px; width: 100%; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); font-family: BentonSans, sans-serif; font-size: 16px; outline: 0px; transition: box-shadow 0.15s ease-in 0s; background-clip: padding-box; } .input-submit-container { line-height: 36px; } .input-submit { float: right; vertical-align: middle; margin: 0px; outline: 0px; border-radius: 5px; text-align: center; text-decoration: none; font-family: BentonSans, sans-serif; cursor: pointer; transition: background-color 0.3s ease 0s, box-shadow 0.15s ease-in 0s; user-select: none; color: rgb(255, 255, 255); background: rgb(46, 110, 158); border: 1px solid rgb(46, 110, 158); padding: 8px 18px; font-size: 16px; line-height: 18px; } .custom-search-input, .input-submit { display: block; box-sizing: border-box; appearance: none; } .custom-search-input { color: rgb(0, 0, 0); border-radius: 0px; margin: 0px 0px 0px 44px; padding: 2px 49px 1px 5px; height: 100%; outline: none; font-size: inherit; cursor: text; width: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(167, 165, 155); transition: width 0.2s ease 0s; } .search-topic-intention div.input-container { display: flex; align-items: center; padding-bottom: 15px; position: relative; } .search-topic-intention div.input-name, .search-topic-intention div.input-name-container { flex: 1 1 0%; padding: 0px; } .search-topic-intention div.input-name-container input, .search-topic-intention div.input-name input { padding: 7.5px; width: 100%; } .search-topic-intention div.input-name-container.show-reorder-button-leading, .search-topic-intention div.input-name.show-reorder-button-leading { padding-left: 31.5px; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: 0px center; background-size: 24px 24px; line-height: 24px; } .search-topic-intention { display: none; position: absolute; padding-left: 15px; padding-right: 15px; left: 0px; right: 0px; top: 100%; background-color: rgb(255, 255, 255); border: 1px solid rgb(167, 165, 155); z-index: 11; } .search-topic-intention.on { display: block; } .search-topic-intention [data-purpose] { background-color: transparent; font-size: 1em; display: inline; padding: 0px; } @media (max-width: 768px) { .search-topic-intention { left: -29px; } } .hide-search-intention { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: rgb(85, 85, 85); background-color: transparent; border: 1px solid rgb(204, 204, 204); border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; display: flex; justify-content: center; align-items: center; } .hide-search-intention:hover { color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); } .hide-intention { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: rgb(85, 85, 85); background-color: transparent; border: 1px solid rgb(204, 204, 204); border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; display: flex; justify-content: center; align-items: center; } .hide-intention:hover { color: rgb(255, 255, 255); background-color: rgb(102, 102, 102); } .yx_hl { color: rgb(153, 15, 61); } .header-container { background-color: rgb(255, 241, 229); color: rgb(51, 51, 51); height: 57px; } .header-inner { height: 57px; padding: 0px 30px; position: relative; max-width: 1260px; margin: auto; } .header-inner a { color: rgb(51, 51, 51); } .masthead { display: block; text-align: center; margin: auto; height: 57px; font-size: 20px; line-height: 57px; width: 336px; max-width: 100%; background-size: auto 36px; background-repeat: no-repeat; background-position: 50% center; background-image: url(""); } .is-big5 .masthead { background-image: url(""); } .header-side { position: absolute; top: 0px; bottom: 0px; height: 100%; margin: auto; font-size: 14px; display: block; } .header-side a { color: rgb(51, 51, 51); height: 100%; line-height: 57px; cursor: pointer; position: relative; } .header-side a.my-account { padding-left: 32px; position: relative; } .header-side a.my-account::before { content: ""; position: absolute; display: block; top: 0px; bottom: 4px; left: 0px; width: 32px; background-repeat: no-repeat; background-position: 50% center; background-image: url("data:image/svg+xml;charset=UTF-8,"); } .header-side a.my-account:active::after, .header-side a.my-account:hover::after { left: 32px; } .header-side a:active::after, .header-side a:hover::after { content: ""; position: absolute; height: 4px; right: 0px; left: 0px; bottom: 10px; background-color: rgb(0, 0, 0); } .header-left { left: 30px; width: 90px; } .header-left-ai-icon { left: 120px; width: 92px; display: flex; align-items: center; justify-content: center; gap: 5px; height: 30px; top: 0px; bottom: 0px; margin: auto; box-sizing: border-box; padding: 0px 9px; border: 1px solid var(--_o3-button-primary-neutral-border,#f2dfce); border-radius: 3px; background-color: var(--_o3-button-primary-neutral-background,#f2dfce); color: var(--_o3-button-primary-neutral-color,#33302e); font-size: 13px; font-weight: 700; line-height: 28px; background-repeat: no-repeat; cursor: pointer; text-decoration: none; transition: background-color 0.15s ease-out 0s, border-color 0.15s ease-out 0s, opacity 0.15s ease-out 0s; } .header-left-ai-icon::before { content: ""; display: block; flex: 0 0 18px; width: 18px; height: 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2333302e' d='M19 9l-1.25-2.75L15 5l2.75-1.25L19 1l1.25 2.75L23 5l-2.75 1.25zm0 14l-1.25-2.75L15 19l2.75-1.25L19 15l1.25 2.75L23 19l-2.75 1.25zM9 20l-2.5-5.5L1 12l5.5-2.5L9 4l2.5 5.5L17 12l-5.5 2.5zm0-4.85L10 13l2.15-1L10 11 9 8.85 8 11l-2.15 1L8 13z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% center; background-size: 18px 18px; } .header-left-ai-icon::after { content: "ChatFTC"; display: block; flex: 0 0 auto; white-space: nowrap; } .header-left-ai-icon:active, .header-left-ai-icon:focus-visible, .header-left-ai-icon:hover, .header-left-ai-icon[aria-current], .header-left-ai-icon[aria-pressed="true"], .header-left-ai-icon[aria-selected="true"] { background-color: var(--_o3-button-primary-neutral-active-background,#262a33); border-color: var(--_o3-button-primary-neutral-active-border,#262a33); color: var(--_o3-button-primary-neutral-active-color,#fff); } .header-left-ai-icon:active::before, .header-left-ai-icon:focus-visible::before, .header-left-ai-icon:hover::before, .header-left-ai-icon[aria-current]::before, .header-left-ai-icon[aria-pressed="true"]::before, .header-left-ai-icon[aria-selected="true"]::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19 9l-1.25-2.75L15 5l2.75-1.25L19 1l1.25 2.75L23 5l-2.75 1.25zm0 14l-1.25-2.75L15 19l2.75-1.25L19 15l1.25 2.75L23 19l-2.75 1.25zM9 20l-2.5-5.5L1 12l5.5-2.5L9 4l2.5 5.5L17 12l-5.5 2.5zm0-4.85L10 13l2.15-1L10 11 9 8.85 8 11l-2.15 1L8 13z'/%3E%3C/svg%3E"); } .header-left-ai-icon-mobile { display: block; position: absolute; top: 0px; left: 44px; height: 100%; width: 44px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2333302e' d='M19 9l-1.25-2.75L15 5l2.75-1.25L19 1l1.25 2.75L23 5l-2.75 1.25zm0 14l-1.25-2.75L15 19l2.75-1.25L19 15l1.25 2.75L23 19l-2.75 1.25zM9 20l-2.5-5.5L1 12l5.5-2.5L9 4l2.5 5.5L17 12l-5.5 2.5zm0-4.85L10 13l2.15-1L10 11 9 8.85 8 11l-2.15 1L8 13z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% center; background-size: 26px 26px; cursor: pointer; transition: opacity 0.15s ease-out 0s; } .header-left-ai-icon-mobile:focus-visible, .header-left-ai-icon-mobile:hover { opacity: 0.78; } .current-edition { height: 100%; line-height: 57px; cursor: pointer; } .current-edition span::after { content: ""; display: inline-block; margin-left: 10px; border-top: 8px solid rgb(51, 51, 51); border-left: 6px solid transparent; border-right: 6px solid transparent; } .expandable.header-left { overflow: visible; } .expandable.header-left a { display: none; } .expandable.header-left.on .current-edition { position: absolute; background-color: rgb(255, 249, 245); height: auto; left: -10px; padding-left: 10px; padding-right: 10px; z-index: 2147483647; } .expandable.header-left.on .current-edition a { display: block; height: auto; line-height: 140%; border-top: 1px dotted rgb(255, 255, 255); padding: 15px 0px; } .header-right { right: 30px; text-align: right; } .header-right a { display: inline-block; margin: 0px 5px; position: relative; border-width: 0px; } .member-box { display: none; } .is-member .member-box { display: block; } .is-member .visitor-box { display: none; } @media only screen and (max-width: 490px) { .header-side { display: none; } .header-container { height: 44px; } .header-inner { position: fixed; top: 0px; height: 44px; z-index: 999999999; width: 100%; background-color: rgb(51, 48, 46); } .always_show.header-container .header-inner { background-color: transparent; } .masthead { height: 44px; background-size: auto 27px; background-image: url(""); } .is-wechat .o-nav { position: relative; overflow: hidden; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .masthead { background-image: url(""); } .is-big5 .masthead { background-image: url(""); } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 490px), only screen and (min-resolution: 192dpi) and (max-width: 490px) { .masthead { background-image: url(""); } .is-big5 .masthead { background-image: url(""); } } body { margin: 0px; padding: 0px; } @media (max-width: 61.24em) { .header-container { display: none; } } @media (max-width: 61.24em) { .header-container.always_show { display: block; } } .hide-on-large-screen { display: none; } @media (max-width: 61.24em) { .hide-on-large-screen { display: block; } } .hide-on-large-screen .o-nav__container { display: none; } .o-nav__placeholder { padding: 0px; margin: 0px 0px 30px; border: 0px; } @media (max-width: 61.24em) { .o-nav__placeholder { height: 44px; background-color: transparent; } } @media (min-width: 61.25em) { .o-nav__placeholder { position: relative; z-index: 999999; height: 74px; background-color: transparent; } } .o-nav { background-color: rgb(255, 241, 229); color: rgb(255, 255, 255); position: relative; } @media (max-width: 61.24em) { .o-nav { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1; height: 44px; box-shadow: rgba(77, 72, 69, 0.2) 0px 1px 3px, rgba(77, 72, 69, 0.15) 0px 6px 10px; } } @media (min-width: 61.25em) { .o-nav::after { height: 30px; transition: height 0.3s ease 0s; background-color: rgb(255, 249, 245); } .o-nav::after, .o-nav::before { content: ""; position: absolute; left: 0px; right: 0px; border-bottom: 1px solid rgb(204, 193, 183); } .o-nav::before { bottom: 0px; height: 0px; z-index: 1; } .o-nav-sticky .o-nav { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 999999; } .o-nav-sticky .o-nav::after { height: 0px; } } .o-nav__meganav-placeholder { display: none; } .o-nav__outer { position: relative; box-sizing: border-box; margin-left: auto; margin-right: auto; min-width: 240px; max-width: 1260px; padding-left: 10px; padding-right: 10px; } @media (min-width: 61.25em) { .o-nav__outer { padding: 0px 30px; } } .o-nav__inner { position: relative; box-sizing: border-box; display: block; min-width: 100%; max-width: 100%; width: 100%; } .site-map { box-sizing: border-box; margin-left: auto; margin-right: auto; min-width: 240px; max-width: 1260px; padding: 5px 10px 10px; } @media (min-width: 61.25em) { .site-map { display: none; } } .site-map__container { box-sizing: border-box; display: block; min-width: 100%; max-width: 100%; width: 100%; } .site-map__items li { display: inline-block; background-image: url(""); background-repeat: no-repeat; background-position: 0px center; background-size: 15px; padding-left: 15px; } .site-map__items li a { font-size: 1.05em; line-height: 120%; } .site-map__items li a:hover { color: rgb(46, 110, 158); } .site-map__items li:first-child { background-image: none; padding-left: 0px; } .warn-content { background-color: rgb(246, 233, 217); display: none; justify-content: center; align-items: center; text-align: center; font-size: 12px; padding: 10px; position: relative; z-index: 1; } .warn-content span { color: rgb(81, 79, 78); vertical-align: middle; } .warn-content .close-img { display: inline-block; width: 15px; height: 15px; margin: 0px 0px 0px 10px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAIAAADtKeFkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFRUQ1MkM3RDcxMTUxMUU4ODRDNkRFOEYxODUwQTY1RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFRUQ1MkM3RTcxMTUxMUU4ODRDNkRFOEYxODUwQTY1RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVFRDUyQzdCNzExNTExRTg4NEM2REU4RjE4NTBBNjVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVFRDUyQzdDNzExNTExRTg4NEM2REU4RjE4NTBBNjVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+MrgCiAAAAUhJREFUeNpibNy6QVWQl4EscP/jVxY1QV5/ZWny9O98+JKJgTJAVf3ZxXUPHz/Foxoom1VUi1N/Y1VBSXXrrTv3sWoGigNlgWpw6hcRFpo9qaOmuefajdtomoEiQHGgrKiIMD7/CwjwzZ3a1dQ56cKlq3BBIBsoAhQHyhIOP14e7nnTunqnzDlx+jyQe/zUOSAbKAIUx1TMgtWrXJycQNvS86pOnrlw4dI1IJuNlZW0+ANqCAnwnLtoZWiAJy7N+PRv2LJz597DZw5u2r7n0Matu0jTv3zNpiMnzk7srGNjY5vUVX/4+JkVazcTq3/e4pXXb97paaliZGQEcoEkkA2MP6A4Yf1TZy9++fpdU3URmjhQ5MWrt0BZfPr3HTr2+/fvyqJMrE6tKs4CygLVIAsyLj+2dyjnX5Z7n77ueviSPM13PnwGCDAAL2yWYf4XJakAAAAASUVORK5CYII="); } @media (min-width: 46.25em) { .warn-content { margin: 50px 0px -50px; } } @media only screen and (max-width: 690px) { .warn-content { line-height: 160%; margin: 50px 0px -50px; } } @media (min-width: 61.25em) { .warn-content { margin: 0px; } } @media only screen and (max-width: 690px) { .is-subscriber .warn-content { display: none !important; } } .o-header__masthead-mobile { padding: 11.5px 0px; margin: 0px; } @media (min-width: 61.25em) { .o-header__masthead-mobile { display: none; } } .o-header__masthead-mobile > a { display: block; margin: 0px auto; padding: 0px; height: 21px; width: 98.7px; background-image: url(""); background-repeat: no-repeat; background-position: 50% center; background-size: contain; } .o-header__masthead-mobile > a span { display: none; } @media (min-width: 61.25em) { .hide_nav .o-nav__placeholder { display: none; } } .hide_header .header-container, .hide_header .o-nav__placeholder, .hide_header header, .hide_nav .mps, .hide_nav .nav-toggle { display: none; } .is-big5 .o-header__masthead-mobile > a { background-image: url(""); } @media (max-width: 46.24em) { .o-nav--open { overflow-y: hidden; height: 100%; } } .o-nav__container { position: absolute; top: 0px; height: 44px; } .o-nav__meganav { list-style: none; margin: 0px; padding: 0px; } @media (max-width: 61.24em) { .o-nav__meganav { background-color: rgb(255, 241, 224); color: rgb(255, 241, 229); position: absolute; display: none; } .o-nav__meganav::before { content: ""; display: block; box-sizing: border-box; position: absolute; top: 0px; left: 0px; bottom: 0px; width: 41.6667%; background-color: rgb(255, 241, 229); color: rgb(255, 255, 255); z-index: -1; } .nav-toggle[aria-pressed="true"] ~ .o-nav__meganav { position: fixed; inset: 44px 0px 0px; z-index: 1; overflow-y: scroll; width: 100%; display: block; } } @media (max-width: 61.24em) { .is-member .nav-section.login, .nav-section.logout { display: none; } .is-member .nav-section.logout { display: block; } } .nav-section-head { box-sizing: border-box; } @media (max-width: 61.24em) { .nav-section-head { border: 0px; border-radius: 0px; outline: none; padding: 0px 15px; margin: 0px; display: block; min-width: 41.6667%; max-width: 41.6667%; width: 41.6667%; height: 40px; line-height: 40px; text-align: right; text-decoration: none; background-color: rgb(255, 241, 229); color: rgb(51, 51, 51); font-size: 14px; font-weight: 700; } .nav-section-head::after { content: ""; padding-left: 1em; margin-right: -15px; background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .nav-section-head[aria-selected="true"] { background-color: rgb(255, 241, 224); color: rgb(51, 51, 51); font-weight: 700; } .nav-section-head[aria-selected="true"]::after { background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } } .nav-section-head.desktop { display: none; } .nav-section-head.mobile { display: block; } @media (min-width: 61.25em) { .nav-section-head.mobile { display: none; } } .nav-items { box-sizing: border-box; list-style: none; margin: 0px; padding: 0px; } @media (max-width: 61.24em) { .nav-items { min-width: 58.3333%; max-width: 58.3333%; width: 58.3333%; position: fixed; right: 0px; top: 44px; bottom: 0px; padding: 0px 0px 0px 15px; min-height: 340px; overflow-y: scroll; background-color: rgb(255, 241, 224); color: rgb(255, 241, 229); } .nav-section-head ~ .nav-items { display: none; } .nav-section-head[aria-selected="true"] ~ .nav-items { display: block; } } .nav-link { box-sizing: border-box; text-decoration: none; } @media (max-width: 61.24em) { .nav-link { border: 0px; border-radius: 0px; outline: none; padding: 0px 15px; margin: 0px; display: block; min-width: 41.6667%; max-width: 41.6667%; width: 41.6667%; height: 40px; line-height: 40px; text-align: right; text-decoration: none; background-color: rgb(255, 241, 229); font-size: 14px; font-weight: 700; } .nav-link, .nav-link:hover { color: rgb(51, 51, 51); } .nav-items .nav-link { display: block; padding-left: 0px; padding-right: 0px; min-width: 0px; max-width: none; width: auto; height: 32px; line-height: 32px; text-align: left; background-color: rgb(255, 241, 224); color: rgb(51, 51, 51); font-size: 16px; font-weight: 400; } .nav-items .nav-link:focus, .nav-items .nav-link:hover { text-decoration: underline; } } .nav-sub-items { display: none; } .nav-toggle { background-color: transparent; color: rgb(255, 255, 255); box-sizing: border-box; border: 0px; padding: 0px; margin: 0px; outline: none; cursor: pointer; display: inline-block; line-height: 44px; height: 100%; width: 44px; text-align: left; vertical-align: middle; } @media (min-width: 61.25em) { .nav-toggle { display: none; } } .nav-toggle span { display: none; } @media (max-width: 61.24em) { .nav-toggle::before { content: ""; vertical-align: middle; background-image: url(""); } .nav-toggle::before, .nav-toggle[aria-pressed="true"]::before { display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .nav-toggle[aria-pressed="true"]::before { background-image: url(""); } } @media (min-width: 61.25em) { .o-nav__container { position: relative; } } @media (min-width: 61.25em) { .o-nav__meganav { background-color: rgb(255, 241, 229); color: rgb(255, 255, 255); white-space: nowrap; } } @media (min-width: 61.25em) { .nav-section { display: inline-block; position: relative; } .nav-section:hover, .nav-section[aria-selected="true"] { background-color: rgb(255, 249, 245); } } @media (min-width: 61.25em) and (min-width: 61.25em) { .nav-section:hover .nav-section-head.desktop, .nav-section[aria-selected="true"] .nav-section-head.desktop { position: relative; overflow: visible; } .nav-section:hover .nav-section-head.desktop::after, .nav-section[aria-selected="true"] .nav-section-head.desktop::after { content: ""; position: absolute; inset: 0px; z-index: 2; border-width: 1px; border-style: solid; border-color: rgb(204, 193, 183) rgb(204, 193, 183) rgb(255, 249, 245); background-color: transparent; } } @media (min-width: 61.25em) { .nav-section.mobile { display: none; } } @media (min-width: 61.25em) { .nav-section[aria-selected="true"] { position: static; } } @media (min-width: 61.25em) { .nav-section.nav-section-new .nav-section-head { position: relative; } .nav-section.nav-section-new .nav-section-head::before { content: ""; position: absolute; right: 0px; top: 2px; height: 9px; width: 21px; background-image: url(""); background-size: contain; background-repeat: no-repeat; background-position: 50% center; } } @media (min-width: 61.25em) { .nav-section-head.desktop { border: 0px; border-radius: 0px; padding: 0px 12px; margin: 0px; line-height: 44px; display: block; text-decoration: none; background-color: inherit; color: rgb(51, 51, 51); font-size: 17px; transition: background-color 0.3s ease 0s; } .nav-section-head.desktop:hover { background-color: rgb(255, 249, 245); color: rgb(51, 51, 51); } } @media (min-width: 61.25em) and (max-width: 76.24em) { .nav-section-head.desktop { padding: 0px 5px; font-size: 16px; } } @media (min-width: 61.25em) { .nav-items { position: absolute; left: 0px; min-width: 100%; z-index: 1; display: none; background-color: rgb(255, 249, 245); color: rgb(255, 255, 255); } .nav-section-head.desktop:hover ~ .nav-items, .nav-section:hover .nav-items { z-index: 9; display: block; border-left: 1px solid rgb(204, 193, 183); border-right: 1px solid rgb(204, 193, 183); border-bottom: 1px solid rgb(204, 193, 183); } .nav-section-head.desktop[aria-selected="true"]:hover ~ .nav-items, .nav-section[aria-selected="true"]:hover .nav-items { border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; } .o-nav-sticky .nav-section-head.desktop:hover ~ .nav-items, .o-nav-sticky .nav-section:hover .nav-items { display: none; } .nav-section[aria-selected="true"] .nav-items { display: inline; height: 30px; transition: height 0.3s ease 0s; } .o-nav-sticky .nav-section[aria-selected="true"] .nav-items { height: 0px; overflow: hidden; } } @media (min-width: 61.25em) { .nav-item { box-sizing: border-box; position: relative; min-width: 100%; display: block; border-top: 0px solid rgb(102, 102, 102); } .nav-section[aria-selected="true"] .nav-item { display: inline-block; width: auto; min-width: 0px; border: 0px; } .nav-item.mobile, .nav-section[aria-selected="true"] .nav-item.mobile { display: none; } } @media (min-width: 61.25em) { .nav-link { margin: 0px; display: block; word-break: keep-all; white-space: nowrap; line-height: 30px; height: 30px; font-size: 14px; cursor: pointer; color: rgb(51, 51, 51); padding: 0px 25px 0px 15px; position: relative; } .nav-section[aria-selected="true"] .nav-link { padding: 0px 6px; } .nav-item[aria-selected="true"] .nav-link, .nav-link:hover { background-color: rgb(10, 94, 102); color: rgb(255, 255, 255); } .nav-item[aria-haspopup="true"] .nav-link::after { content: ""; background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; position: absolute; right: 10px; top: 50%; margin-top: -5px; } .nav-section[aria-selected="true"] .nav-item[aria-haspopup="true"] .nav-link::after { position: static; right: auto; top: auto; margin: 0px 0px 0px 5px; } .nav-section[aria-selected="true"] .nav-item[aria-haspopup="true"]:hover .nav-link::after, .nav-section[aria-selected="true"] .nav-item[aria-haspopup="true"][aria-selected="true"] .nav-link::after { background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .nav-item[aria-haspopup="true"] .nav-link:hover::after, .nav-item[aria-haspopup="true"]:hover .nav-link::after { background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .nav-section[aria-selected="true"] .nav-item[aria-haspopup="true"] .nav-link:hover::after, .nav-section[aria-selected="true"] .nav-item[aria-haspopup="true"]:hover .nav-link::after { background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .nav-section[aria-selected="true"] .nav-item[aria-haspopup="true"] .nav-link:hover::after, .nav-section[aria-selected="true"] .nav-item[aria-haspopup="true"][aria-selected="true"]:hover .nav-link::after { background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .nav-item[aria-haspopup="true"] .nav-link:hover::after { background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } } @media (min-width: 61.25em) and (max-width: 76.24em) { .nav-section[aria-selected="true"] .nav-link { padding: 0px 2px; font-size: 12px; } } @media (min-width: 61.25em) { .nav-sub-items { list-style-type: none; margin: 0px; padding: 0px; position: absolute; left: 100%; top: 0px; min-width: 100%; display: none; background-color: rgb(255, 249, 245); border-left: 1px solid rgb(204, 193, 183); border-right: 1px solid rgb(204, 193, 183); border-bottom: 1px solid rgb(204, 193, 183); } .nav-sub-items li { border-top: 0px solid rgb(102, 102, 102); } .nav-sub-items a { color: rgb(51, 51, 51); padding: 0px 20px; height: 30px; line-height: 30px; font-size: 12px; display: block; text-decoration: none; white-space: nowrap; } .nav-sub-items a:hover { background-color: rgb(10, 94, 102); color: rgb(255, 255, 255); } .nav-item:hover .nav-sub-items, .nav-link:hover ~ .nav-sub-items { display: block; } .nav-section[aria-selected="true"] .nav-sub-items { left: 0px; top: 100%; } } .o-nav__extra-tools { display: none; list-style-type: none; margin: 0px; padding: 0px; } @media (min-width: 61.25em) { .o-nav__extra-tools { display: block; height: 30px; transition: height 0.3s ease 0s; position: absolute; right: 0px; top: 100%; z-index: 10; } .o-nav-sticky .o-nav__extra-tools { height: 0px; overflow: hidden; } .o-nav__extra-tools .tools-section { display: inline-block; position: relative; height: 30px; vertical-align: bottom; } .o-nav__extra-tools .tools-section[aria-haspopup="true"] .tools-section-head::after { content: ""; padding-left: 5px; background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .o-nav__extra-tools .tools-section-head { text-decoration: none; display: block; word-break: keep-all; white-space: nowrap; line-height: 30px; font-size: 14px; color: rgb(51, 51, 51); padding: 0px 5px 0px 0px; } .o-nav__extra-tools .follow__rss span { text-indent: -999em; background-image: url(""); width: 20px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; display: block; height: 30px; } .o-nav__extra-tools .tools-section-head:hover::after, .o-nav__extra-tools .tools-section:hover .tools-section-head::after { background-image: url(""); display: inline-block; width: 10px; height: 10px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .o-nav__extra-tools .tools-items { list-style-type: none; margin: 0px; padding: 0px; position: absolute; right: 0px; min-width: 100%; z-index: 1; display: none; background-color: rgb(255, 249, 245); border-left: 1px solid rgb(204, 193, 183); border-right: 1px solid rgb(204, 193, 183); border-bottom: 1px solid rgb(204, 193, 183); } .o-nav__extra-tools .tools-items li { border-top: 0px solid rgb(102, 102, 102); } .o-nav__extra-tools .tools-items a { color: rgb(51, 51, 51); padding: 0px 10px; height: 30px; line-height: 30px; font-size: 12px; display: block; text-decoration: none; white-space: nowrap; } .o-nav__extra-tools .tools-items a:hover { background-color: rgb(10, 94, 102); color: rgb(255, 255, 255); } .o-nav__extra-tools .tools-section-head:hover ~ .tools-items, .o-nav__extra-tools .tools-section:hover .tools-items { z-index: 5; display: block; } } @media (min-width: 61.25em) and (max-width: 76.24em) { .o-nav__extra-tools .tools-section-head { font-size: 12px; padding: 0px 2px 0px 0px; } } @media (max-width: 61.24em) { .o-nav__placeholder { position: relative; } } .current-page { position: absolute; left: 0px; bottom: 0px; } .o-nav__search { z-index: 10; height: 44px; float: right; } .o-nav__search, .o-nav__search button { background-color: transparent; box-sizing: border-box; padding: 0px; margin: 0px; width: 44px; } .o-nav__search button { border: none; outline: none; cursor: pointer; text-align: center; height: 100%; } .o-nav__search button span { color: rgb(255, 255, 255); } .o-nav__search-toggle { width: 44px; height: 44px; display: inline-block; position: relative; z-index: 10; } .o-nav__search-toggle .search-toggle--close, .o-nav__search-toggle .search-toggle--open { display: none; } .o-nav__search-toggle::after { content: ""; vertical-align: middle; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZD0iTTMuMzQyIDM3LjIzM2MwLTQuNjUyLjkwMi05LjA4NyAyLjcwOC0xMy4zMUM3Ljg1NiAxOS43IDEwLjI5IDE2LjA2IDEzLjM0OCAxM3M2LjctNS40OSAxMC45MjMtNy4yOTdjNC4yMjQtMS44MDcgOC42Ni0yLjcwOCAxMy4zMS0yLjcwOCA0LjYyIDAgOS4wNDMuOSAxMy4yNjYgMi43MDhDNTUuMDY4IDcuNTA4IDU4LjY5MyA5Ljk0IDYxLjcyMyAxM2MzLjA2MiAzLjA2IDUuNDkgNi43IDcuMyAxMC45MjMgMS44MDUgNC4yMjMgMi43MDYgOS4xMTcgMi43MDYgMTQuNjg3IDAgNS42MDQtMS43NDUgMTEuMTg3LTUuMjMzIDE2Ljc1NmwzMC4xMDggMjYuODVjLjQ2LjQyNy43MDIuOTUuNzM0IDEuNTYuMDMuNjQ0LS4xODUgMS4xOC0uNjQ0IDEuNjA4TDg1LjkxMyA5Ni4xN2MtLjQzMi40NTgtLjk2Ni42NzQtMS42MDguNjQyYTIuMjIgMi4yMiAwIDAgMS0xLjU2LS43MzRMNTUuOTM4IDY2LjAxNWMtNS42MyAzLjU4LTExLjI2MiA1LjM3LTE2Ljg5IDUuMzdzLTEwLjU1Ny0uOTAyLTE0Ljc4LTIuNzA4Yy00LjIyMy0xLjgwNy03Ljg2NS00LjIzNi0xMC45MjMtNy4yOTgtMy4wNi0zLjAzLTUuNDkyLTYuNjU2LTcuMjk4LTEwLjg4QTMzLjQyIDMzLjQyIDAgMCAxIDMuMzQgMzcuMjM0ek0xNi4wMSAzOC44NGMwIDEuODM1LjU2NyA0LjA3MiAxLjY5OCA2LjcyIDEuMTMgMi42NDcgMi42NjIgNC45NCA0LjU5IDYuODdzNC4yMjMgMy40NTggNi44ODUgNC41OWEyMS4xODggMjEuMTg4IDAgMCAwIDguMzc3IDEuNjk3YzIuOTIyIDAgNS43MDUtLjU2NiA4LjM1NC0xLjY5OCAyLjY0Ni0xLjEzMiA0LjkzMy0yLjY2MyA2Ljg2LTQuNTlzMy40Ni00LjIyMyA0LjU5Mi02Ljg3YTIxLjA0OCAyMS4wNDggMCAwIDAgMS42OTYtOC4zNWMwLTIuOTIzLS41NjYtNS43MTQtMS42OTYtOC4zNzYtMS4xMzMtMi42NjItMi42NjMtNC45NTctNC41OS02Ljg4NS0xLjkzLTEuOTI4LTQuMjE2LTMuNDYtNi44NjItNC41OWEyMS4wNDggMjEuMDQ4IDAgMCAwLTguMzU0LTEuNjk4Yy0yLjkyMyAwLTUuNzE1LjU2Ny04LjM3NyAxLjY5OC0yLjY2MiAxLjEzLTQuOTU3IDIuNjYyLTYuODg1IDQuNTktMS45MjggMS45MjctMy40NTggNC4yMjItNC41OSA2Ljg4NC0xLjEzIDIuNjYyLTEuNjk4IDQuNzI4LTEuNjk4IDYuMTk2djMuODF6Ii8+PC9zdmc+DQo=); } .o-nav__search-toggle::after, .o-nav__search-toggle[aria-expanded="true"]::after { display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .o-nav__search-toggle[aria-expanded="true"]::after { background-image: url(""); } #search-form { box-sizing: border-box; background-color: rgb(255, 241, 229); padding: 0px 44px; position: absolute; top: 0px; right: -10px; z-index: 9; height: 44px; width: 0px; visibility: hidden; } #search-form[aria-hidden="false"] { width: 100%; right: 44px; visibility: visible; } .search-input { box-sizing: border-box; color: rgb(51, 51, 51); border-radius: 0px; margin: 0px 0px 0px 44px; padding: 2px 49px 1px 5px; height: 100%; outline: none; appearance: none; font-size: inherit; display: block; cursor: text; width: 100%; background-color: rgb(255, 241, 229); border: 1px solid rgb(167, 165, 155); transition: width 0.2s ease 0s; } .search-button { position: absolute; left: 44px; top: 0px; } .search-button::after { content: ""; vertical-align: middle; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZD0iTTMuMzQyIDM3LjIzM2MwLTQuNjUyLjkwMi05LjA4NyAyLjcwOC0xMy4zMUM3Ljg1NiAxOS43IDEwLjI5IDE2LjA2IDEzLjM0OCAxM3M2LjctNS40OSAxMC45MjMtNy4yOTdjNC4yMjQtMS44MDcgOC42Ni0yLjcwOCAxMy4zMS0yLjcwOCA0LjYyIDAgOS4wNDMuOSAxMy4yNjYgMi43MDhDNTUuMDY4IDcuNTA4IDU4LjY5MyA5Ljk0IDYxLjcyMyAxM2MzLjA2MiAzLjA2IDUuNDkgNi43IDcuMyAxMC45MjMgMS44MDUgNC4yMjMgMi43MDYgOS4xMTcgMi43MDYgMTQuNjg3IDAgNS42MDQtMS43NDUgMTEuMTg3LTUuMjMzIDE2Ljc1NmwzMC4xMDggMjYuODVjLjQ2LjQyNy43MDIuOTUuNzM0IDEuNTYuMDMuNjQ0LS4xODUgMS4xOC0uNjQ0IDEuNjA4TDg1LjkxMyA5Ni4xN2MtLjQzMi40NTgtLjk2Ni42NzQtMS42MDguNjQyYTIuMjIgMi4yMiAwIDAgMS0xLjU2LS43MzRMNTUuOTM4IDY2LjAxNWMtNS42MyAzLjU4LTExLjI2MiA1LjM3LTE2Ljg5IDUuMzdzLTEwLjU1Ny0uOTAyLTE0Ljc4LTIuNzA4Yy00LjIyMy0xLjgwNy03Ljg2NS00LjIzNi0xMC45MjMtNy4yOTgtMy4wNi0zLjAzLTUuNDkyLTYuNjU2LTcuMjk4LTEwLjg4QTMzLjQyIDMzLjQyIDAgMCAxIDMuMzQgMzcuMjM0ek0xNi4wMSAzOC44NGMwIDEuODM1LjU2NyA0LjA3MiAxLjY5OCA2LjcyIDEuMTMgMi42NDcgMi42NjIgNC45NCA0LjU5IDYuODdzNC4yMjMgMy40NTggNi44ODUgNC41OWEyMS4xODggMjEuMTg4IDAgMCAwIDguMzc3IDEuNjk3YzIuOTIyIDAgNS43MDUtLjU2NiA4LjM1NC0xLjY5OCAyLjY0Ni0xLjEzMiA0LjkzMy0yLjY2MyA2Ljg2LTQuNTlzMy40Ni00LjIyMyA0LjU5Mi02Ljg3YTIxLjA0OCAyMS4wNDggMCAwIDAgMS42OTYtOC4zNWMwLTIuOTIzLS41NjYtNS43MTQtMS42OTYtOC4zNzYtMS4xMzMtMi42NjItMi42NjMtNC45NTctNC41OS02Ljg4NS0xLjkzLTEuOTI4LTQuMjE2LTMuNDYtNi44NjItNC41OWEyMS4wNDggMjEuMDQ4IDAgMCAwLTguMzU0LTEuNjk4Yy0yLjkyMyAwLTUuNzE1LjU2Ny04LjM3NyAxLjY5OC0yLjY2MiAxLjEzLTQuOTU3IDIuNjYyLTYuODg1IDQuNTktMS45MjggMS45MjctMy40NTggNC4yMjItNC41OSA2Ljg4NC0xLjEzIDIuNjYyLTEuNjk4IDQuNzI4LTEuNjk4IDYuMTk2djMuODF6Ii8+PC9zdmc+DQo=); display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: 50% center; } .search-button span { display: none; z-index: 0; } .footer-container { font-size: 16px; background-color: rgb(255, 241, 229); color: rgb(51, 51, 51); border-top: 1px solid rgb(0, 0, 0); clear: both; } .footer-inner { padding: 15px 30px; position: relative; max-width: 1260px; margin: auto; } .footer-inner a { color: rgb(51, 51, 51); display: inline-block; padding: 0px 30px 15px 0px; } .footer-inner a:active, .footer-inner a:hover { text-decoration: underline; } .footer-inner p { font-size: 14px; clear: both; } .footer-inner .copyright { padding-right: 30px; } @media only screen and (max-width: 900px) { .footer-inner a { width: 33.3333%; } } @media only screen and (max-width: 600px) { .footer-inner a { float: left; padding-right: 0px; display: block; width: 20%; } .footer-inner p span { display: block; } } @media only screen and (max-width: 490px) { .footer-inner a { width: 50%; } } .block-container { margin-bottom: 15px; } .block-container.side-video { margin-bottom: 30px; } .block-container a { color: rgb(0, 0, 0); font-weight: 700; } .block-container.fixside .side-inner { position: fixed; bottom: 30px; width: 360px; } .block-container.fixside.sticktop .side-inner { bottom: auto; top: 74px; } .block-container.fixside.side-left .side-inner { bottom: 0px; } .block-container.bottomside .side-inner { position: absolute; bottom: 30px; width: 360px; } .block-container.bottomside.side-left .side-inner { bottom: 0px; } .block-container.fixmain .content-container { position: fixed; bottom: 0px; max-width: 855px; } .block-container.fixmain.sticktop .content-container { bottom: auto; top: 74px; } .block-container.fixmain .content-inner { border-width: 0px; } .block-container.fixmain.side-left .content-container { position: static; float: right; } .block-container.fixmain.side-left .content-inner { position: fixed; max-width: 840px; border-width: 0px; bottom: 0px; padding-left: 0px; padding-right: 0px; } .block-container.fixmain.side-left .side-container { float: left; margin-right: 0px; margin-left: 0px; } .block-container.bottommain .content-container { position: absolute; bottom: 0px; max-width: 855px; } .block-container.bottommain .content-inner { border-width: 0px; } .block-container.bottommain.side-left .content-container { position: static; float: right; } .block-container.bottommain.side-left .content-inner { position: absolute; max-width: 840px; border-width: 0px; bottom: 0px; padding-left: 0px; padding-right: 0px; } .block-container.bottommain.side-left .side-container { float: left; margin-right: 0px; margin-left: 0px; } .block-container.no-side.narrow-block { max-width: 728px; margin-left: auto; margin-right: auto; } .block-container.premium, .block-container.subscriber { display: none; } .is-premium .block-container.premium, .is-subscriber .block-container.subscriber { display: block; } .block-inner { max-width: 1260px; padding: 0px 15px; margin: auto; } .block-image-container { padding: 0px; margin-bottom: 30px; } .block-image-container img { display: block; margin: auto; } .block-title { display: none; } .list-title { font-size: 1.2em; position: relative; height: 20px; margin: 0px 15px 15px; clear: both; } .list-title a.list-link { line-height: 20px; position: absolute; height: 100%; left: 0px; padding-right: 10px; background-color: rgb(255, 241, 229); } .list-title a.list-link:active, .list-title a.list-link:hover { color: rgb(153, 15, 61); } .list-title a.list-link.empty { background-color: transparent; } .list-title a.right-link { display: none; position: absolute; right: 0px; top: 6px; } .list-title a.right-link::after { display: none; } .list-title a.sponsor-link figure { height: 30px; background-color: rgb(255, 241, 229); position: absolute; right: 0px; top: -5px; padding-left: 5px; } .list-title a.sponsor-link figure img { height: 30px; } .list-title::before { content: ""; position: absolute; height: 9px; top: 0px; bottom: 0px; width: 100%; margin: auto; background: url("") repeat transparent; } .story-container .list-title { margin: 0px; } .item-container { float: left; } .item-container.one-row { float: none; } .item-container.visited a.item-headline-link { color: rgb(102, 96, 92); } .item-container.visited .image img { opacity: 0.7; } .item-container a.item-headline-link:visited { color: rgb(102, 96, 92); } .list-my-ft .item-container, .list-my-ft .LT, .list-my-ft .MT, .list-my-ft .PT, .list-my-ft .ST, .list-my-ft .XLT { display: none; float: none; } .item-inner { padding: 56.25% 15px 30px; position: relative; } .ebook .item-inner { padding: 133.333% 15px 0px; } .ebook .image { padding-bottom: 0px; } .item-headline a, .relative-container a { border-bottom: 1px dotted transparent; } .item-headline a:active, .item-headline a:hover, .relative-container a:active, .relative-container a:hover { border-bottom-color: rgb(46, 110, 158); color: rgb(8, 71, 77); } .item-headline a:hover, .relative-container a:hover { opacity: 0.5; } .item-headline { font-weight: 700; font-size: 1.05em; line-height: 120%; margin-bottom: 10px; } .headline-only .item-headline { margin-bottom: 0px; } .item-lead { color: rgb(80, 80, 80); font-size: 0.9em; } .item-lead img, .item-lead p { margin-bottom: 1em; } .item-lead a { color: rgb(80, 80, 80); } a.item-lead-link { display: block; font-weight: 400; } a.item-lead-link, a.item-lead-link:active, a.item-lead-link:hover, a.item-lead-link:visited { color: inherit; text-decoration: none; } a.item-lead-link .item-lead { font-weight: 400; } .recommendation-reasons { margin-top: 15px; line-height: 1.4; } .recommendation-reason { color: rgb(80, 80, 80); background-color: rgb(252, 208, 177); padding: 5px 10px; display: inline-block; margin-right: 10px; font-size: 12px; border-radius: 0.125rem; } .item-tag { color: rgb(158, 47, 80); font-size: 14px; font-weight: 700; padding-bottom: 15px; } .item-tag a { color: rgb(153, 15, 61); vertical-align: middle; } .item-tag a:active, .item-tag a:hover { border-bottom-color: rgb(51, 51, 51); color: rgb(51, 51, 51); } .item-time { color: rgb(139, 87, 42); font-weight: 400; font-size: 12px; padding-top: 15px; } .item-time.highlight { color: rgb(153, 15, 61); text-align: left; } .story-body a.read-more, a.read-more { display: inline-block; border: 1px solid rgb(0, 136, 111); color: rgb(0, 136, 111); text-align: center; text-transform: uppercase; padding: 10px 20px; font-weight: 700; margin-top: 15px; } .story-body a.read-more:active, .story-body a.read-more:hover, a.read-more:active, a.read-more:hover { background-color: rgb(0, 136, 111); color: rgb(255, 255, 255); } .item-bottom { clear: both; } .relative-container { margin-top: 15px; } .relative { font-size: 0.9em; font-weight: 400; } .relative::before { content: "•"; padding-right: 5px; color: rgb(80, 80, 80); } .no-image .item-inner, .static-image .item-inner { padding-top: 0px; } .static-image .image { position: static; margin-bottom: 7.5px; } .no-image .image { display: none; } .no-lead .item-headline { margin-bottom: 0px; } .side-list { padding-bottom: 30px; } .image { display: block; position: absolute; top: 0px; left: 15px; right: 15px; padding-bottom: 5px; } .image figure { position: relative; padding-bottom: 56.25%; background-color: rgb(246, 233, 216); background-size: cover; background-repeat: no-repeat; transition: opacity 1s ease-in 0s; overflow: hidden; display: block; } .image figure img { position: absolute; left: 0px; right: 0px; max-width: none; } .image figure.is-retina img { width: 100%; } .image img { transition: transform 0.5s ease 0s; } .image:active img, .image:hover img { transform: scale(1.05); } .image.leftPic, .image.rightPic { position: static; } .image.portrait-img figure { padding-bottom: 133.333%; } .image.square-img figure { padding-bottom: 100%; } .image.wide-image figure { padding-bottom: 33.3333%; } .is-audio figure::after, .is-video figure::after { content: ""; position: absolute; min-width: 24px; min-height: 24px; max-width: 80px; max-height: 80px; width: 15.75%; height: 28%; left: 0px; bottom: 0px; display: inline-block; background-repeat: no-repeat; background-position: 50% center; vertical-align: baseline; background-color: rgb(38, 42, 51); } .is-audio figure::after { background-image: url("data:image/svg+xml;utf8,"); background-size: 70%; } .is-video figure { cursor: pointer; } .is-video figure::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxzdHlsZT4qe2ZpbGw6I0ZGRkZGRiFpbXBvcnRhbnQ7fTwvc3R5bGU+PHBhdGggZD0iTTcxNi44IDUxMmwtMzg0LTI1NnY1MTJ6IiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K"); background-size: 100%; } .resized .image figure img { width: 100%; } .icon-title .item-inner { padding: 0px 15px 30px 54px; } .icon-title.no-image .item-inner { padding-left: 15px; } .icon-title .image { width: 24px; height: 24px; } .icon-title .image figure { padding-bottom: 100%; background-color: transparent; } .icon-title .item-headline { height: 24px; line-height: 24px; } .large-card-title-grid { display: grid; grid-template-columns: 1fr 1fr; color: rgb(0, 0, 0); margin: 30px 15px; } .large-card-title-grid .sponsor-logo { position: relative; } .large-card-title-grid .sponsor-logo img { height: 50px; position: absolute; top: 0px; bottom: 0px; right: 0px; margin: auto; } .large-card-title { font-weight: 700; font-size: 3em; } .large-card-title span { display: block; line-height: 120%; } .large-card-title .highlight { color: rgb(252, 208, 177); } .large-card-description { font-weight: 700; font-size: 1.2em; line-height: 161.8%; } .item-title { font-weight: 700; font-size: 1.4em; margin-bottom: 1em; } @media only screen and (max-width: 690px) { .large-card-title-grid { display: block; padding: 0px 15px; } .large-card-title span { display: inline; } } .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); } .card-grid .item-container.right-column { grid-column-end: -1; grid-row: 2 / 4; } .card-grid .item-container.right-column .top10 { padding: 0px; } .card-grid .item-container.right-top-column { grid-column-end: -1; grid-row: 1 / 2; } .card-grid .item-container .item-headline { font-size: 1.2em; } .card-grid .item-container.no-image { padding: 0px 15px 30px; } .card-grid .item-container.no-image .item-inner { height: 100%; background-color: rgb(242, 223, 206); padding-top: 15px; padding-bottom: 15px; display: flex; flex-direction: column; flex-grow: 1; flex-basis: auto; min-height: 310px; } .card-grid .item-container.no-image.blue .item-headline-link, .card-grid .item-container.no-image.blue .item-lead, .card-grid .item-container.no-image.blue .item-lead a, .card-grid .item-container.no-image.blue .item-tag a, .card-grid .item-container.no-image.blue .item-time, .card-grid .item-container.no-image.blue button.myft-follow, .card-grid .item-container.no-image.dark-green .item-headline-link, .card-grid .item-container.no-image.dark-green .item-lead, .card-grid .item-container.no-image.dark-green .item-lead a, .card-grid .item-container.no-image.dark-green .item-tag a, .card-grid .item-container.no-image.dark-green .item-time, .card-grid .item-container.no-image.dark-green button.myft-follow, .card-grid .item-container.no-image.dark-grey .item-headline-link, .card-grid .item-container.no-image.dark-grey .item-lead, .card-grid .item-container.no-image.dark-grey .item-lead a, .card-grid .item-container.no-image.dark-grey .item-tag a, .card-grid .item-container.no-image.dark-grey .item-time, .card-grid .item-container.no-image.dark-grey button.myft-follow, .card-grid .item-container.no-image.purple .item-headline-link, .card-grid .item-container.no-image.purple .item-lead, .card-grid .item-container.no-image.purple .item-lead a, .card-grid .item-container.no-image.purple .item-tag a, .card-grid .item-container.no-image.purple .item-time, .card-grid .item-container.no-image.purple button.myft-follow { color: rgb(255, 255, 255); } .card-grid .item-container.no-image.blue button.myft-follow, .card-grid .item-container.no-image.dark-green button.myft-follow, .card-grid .item-container.no-image.dark-grey button.myft-follow, .card-grid .item-container.no-image.purple button.myft-follow { border-color: rgb(255, 255, 255); } .card-grid .item-container.no-image.blue button.myft-follow.plus::before, .card-grid .item-container.no-image.dark-green button.myft-follow.plus::before, .card-grid .item-container.no-image.dark-grey button.myft-follow.plus::before, .card-grid .item-container.no-image.purple button.myft-follow.plus::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cstyle%3E*{fill:%23fff!important}%3C/style%3E%3Cpath d='M5.053 0v5.053H0v1.894h5.053V12h1.894V6.947H12V5.053H6.947V0H5.053z' fill='%23333' fill-rule='evenodd'/%3E%3C/svg%3E"); } .card-grid .item-container.no-image.blue .item-inner { background-color: rgb(15, 84, 153); } .card-grid .item-container.no-image.purple .item-inner { background-color: rgb(89, 51, 128); } .card-grid .item-container.no-image.dark-grey .item-inner { background-color: rgb(51, 48, 46); } .card-grid .item-container.no-image.dark-green .item-inner { background-color: rgb(10, 94, 102); } .card-grid .item-container.no-image.light-blue .item-inner { background-color: rgb(204, 230, 255); } .card-grid .item-container.no-image.yellow .item-inner { background-color: rgb(255, 236, 26); } .card-grid .item-container.no-image.white .item-inner { background-color: rgb(255, 247, 239); border: 1px solid rgb(242, 229, 218); } .card-grid .item-container.no-image .item-headline-lead { height: 100%; display: flex; flex-direction: column; flex-grow: 1; flex-basis: auto; } .card-grid .item-container.no-image .item-headline { font-size: 1.8em; flex-grow: 1; } .card-grid .item-container.no-image .item-lead { font-size: 1.2em; } .large-card-grid { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: 60px; margin-bottom: 30px; } .large-card-grid .item-container.item-container { float: none; background-color: rgb(246, 233, 216); } .large-card-grid .item-container .item-inner { padding: 39.375% 0px 30px; } .large-card-grid .item-container.item-container { background-color: rgb(255, 241, 224); } .large-card-grid .item-container .item-headline a, .large-card-grid .item-container .item-lead, .large-card-grid .item-container .item-lead a { color: rgb(51, 48, 46); } .large-card-grid .item-container .image { left: 0px; right: 0px; margin: auto; } .large-card-grid .item-container .image figure { padding-bottom: 39.375%; margin: auto; } .large-card-grid .item-container .image::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 50%; background-color: rgb(255, 241, 229); } .large-card-grid .item-container figure { width: 70%; } .large-card-grid .item-container .item-headline { font-size: 1.4em; font-weight: 700; padding-top: 30px; text-align: center; } .large-card-grid .item-container .item-headline::after { content: ""; display: block; margin: 10px auto 15px; width: 60px; height: 8px; background: rgb(51, 48, 46); } .large-card-grid .item-container .item-lead { color: rgb(51, 48, 46); padding: 0px 30px; font-weight: 700; } @media only screen and (max-width: 1220px) and (min-width: 981px) { .card-grid .item-container.no-image { padding: 0px 15px 15px; } } @media only screen and (max-width: 980px) and (min-width: 691px) { .card-grid .item-container.no-image { padding: 0px 7.5px 15px; } } @media only screen and (max-width: 690px) { .card-grid .item-container.no-image { padding: 0px 7.5px 30px; } } @media only screen and (max-width: 490px) { .card-grid .item-container.no-image.blue .item-tag a::before, .card-grid .item-container.no-image.dark-green .item-tag a::before, .card-grid .item-container.no-image.dark-grey .item-tag a::before, .card-grid .item-container.no-image.purple .item-tag a::before { background: rgb(255, 255, 255); } .card-grid .item-container.no-image { padding: 0px 0px 30px; } .card-grid .item-inner { padding-left: 0px; padding-right: 0px; } .card-grid .item-inner .image { left: 0px; right: 0px; } .card-grid .item-headline-lead { padding: 15px 7.5px; } .card-grid .item-container.no-image .item-inner { padding: 7.5px; } } @media only screen and (max-width: 600px) { .large-card-grid { display: block; } .large-card-grid .item-container { margin-bottom: 30px; } .card-grid .item-container.right-column { grid-row: 6 / 8; } } .headshot-title .item-inner { padding: 0px 15px 30px 90px; } .headshot-title.no-image .item-inner { padding-left: 15px; } .headshot-title .image { width: 60px; height: 60px; overflow: hidden; } .headshot-title .image figure { padding-bottom: 100%; background-color: transparent; } .headshot-title .item-headline { height: 60px; line-height: 60px; } .headshot-lead .item-inner { padding: 0px 15px 30px; } .headshot-lead .image { width: 120px; height: 160px; margin-right: 15px; position: static; float: left; overflow: hidden; } .headshot-lead .image figure { background-color: transparent; } .has-side .block-inner { padding-right: 30px; position: relative; } .has-side .content-container { float: left; width: 100%; } .has-side .content-inner { border-right: 360px solid rgb(246, 233, 216); padding-right: 15px; } .has-side.side-left .block-inner { padding-right: 0px; padding-left: 30px; } .has-side.side-left .content-container { float: right; } .has-side.side-left .content-inner { border-right: 0px; border-left: 360px solid rgb(246, 233, 216); padding-right: 15px; padding-left: 15px; } .has-side.side-left .side-container { float: right; margin-right: -360px; } .side-container { float: right; width: 360px; background-color: rgb(246, 233, 216); margin-left: -360px; } .side-container iframe { margin: 0px auto 30px; display: block; } .side-container iframe.ad-hidden { margin: 0px auto; } .side-container iframe#ribbon { margin: 15px auto; } .side-container .list-title { position: static; padding: 7px 14px; background: rgb(233, 222, 207); border-style: solid solid dotted; border-color: rgb(167, 165, 155); border-width: 1px 0px; clear: both; display: block; height: auto; margin: 0px 0px 15px; font-weight: 400; } .side-container .list-title a { color: rgb(0, 0, 0); position: static; background-color: transparent; display: block; } .side-container .list-title::before { display: none; } .side-container .item-container { float: none; width: 100%; clear: both; } .side-container .item-inner { padding: 0px 0px 15px; position: static; border-top: 1px dotted rgb(206, 198, 185); } .side-container .item-headline { padding: 15px 15px 0px; margin-bottom: 0px; font-weight: 400; } .side-container .first-headline .item-inner { border-top-width: 0px; } .side-container .first-headline .item-headline { padding-top: 0px; } .side-container .interactives { padding-bottom: 30px; } .side-container .interactives .item-headline { padding: 15px 15px 7.5px; } .side-container .interactives .item-lead { padding: 0px 15px; } .side-container .interactives .item-lead .image { padding: 3px 0px 0px 5px; } .side-container .videos { padding-bottom: 30px; } .side-container .item-container.big-image, .side-container .item-container.first { position: relative; margin-bottom: 15px; } .side-container .item-container.big-image .item-inner, .side-container .item-container.first .item-inner { padding: 0px; border: 0px; } .side-container .item-container.big-image .image, .side-container .item-container.first .image { float: none; width: 100%; padding: 0px; } .side-container .item-container.big-image .item-headline, .side-container .item-container.first .item-headline { font-size: 1.2em; position: absolute; bottom: 0px; background-color: rgba(0, 0, 0, 0.7); color: rgb(255, 255, 255); padding-bottom: 15px; width: 100%; } .side-container .item-container.big-image .item-headline a, .side-container .item-container.first .item-headline a { color: rgb(255, 255, 255); font-weight: 400; } .side-container .item-container.big-image .item-lead, .side-container .item-container.first .item-lead { padding: 0px; } .side-container .item-container.big-image .item-lead.item-description, .side-container .item-container.first .item-lead.item-description, .side-container .item-container.first.no-image .item-inner, .side-container .item-container.first.static-image .item-inner { padding: 0px 15px; } .side-container .item-container.first.no-image .item-headline, .side-container .item-container.first.static-image .item-headline { background-color: transparent; padding: 0px 0px 7.5px; position: static; } .side-container .item-container.first.no-image .item-headline a, .side-container .item-container.first.static-image .item-headline a { font-weight: 700; color: rgb(51, 48, 46); } .side-container .item-container.big-image { margin-top: 15px; } .side-container .BigImageAndLead .item-container.big-image, .side-container .BigImageAndLead .item-container.first, .side-container .imageAndLead .item-container.big-image, .side-container .imageAndLead .item-container.first, .side-container .imageAndText .item-container.big-image, .side-container .imageAndText .item-container.first { margin-bottom: 0px; } .side-container .BigImageAndLead .item-container.big-image .item-headline, .side-container .BigImageAndLead .item-container.first .item-headline, .side-container .imageAndLead .item-container.big-image .item-headline, .side-container .imageAndLead .item-container.first .item-headline, .side-container .imageAndText .item-container.big-image .item-headline, .side-container .imageAndText .item-container.first .item-headline { position: static; background-color: transparent; color: inherit; } .side-container .BigImageAndLead .item-container.big-image .item-headline a, .side-container .BigImageAndLead .item-container.first .item-headline a, .side-container .imageAndLead .item-container.big-image .item-headline a, .side-container .imageAndLead .item-container.first .item-headline a, .side-container .imageAndText .item-container.big-image .item-headline a, .side-container .imageAndText .item-container.first .item-headline a { color: inherit; } @media only screen and (max-width: 490px) { .side-container .BigImageAndLead .item-container.big-image .item-headline, .side-container .BigImageAndLead .item-container.first .item-headline, .side-container .imageAndLead .item-container.big-image .item-headline, .side-container .imageAndLead .item-container.first .item-headline, .side-container .imageAndText .item-container.big-image .item-headline, .side-container .imageAndText .item-container.first .item-headline { padding: 15px 0px 0px; } } @media only screen and (max-width: 490px) { .side-container .BigImageAndLead .item-container.big-image .item-lead, .side-container .BigImageAndLead .item-container.first .item-lead, .side-container .imageAndLead .item-container.big-image .item-lead, .side-container .imageAndLead .item-container.first .item-lead, .side-container .imageAndText .item-container.big-image .item-lead, .side-container .imageAndText .item-container.first .item-lead { padding: 0px; } } .side-container .BigImageAndLead .item-container.big-image .item-headline, .side-container .BigImageAndLead .item-container.first .item-headline, .side-container .imageAndLead .item-container.big-image .item-headline, .side-container .imageAndLead .item-container.first .item-headline { padding-bottom: 7.5px; } .side-container .BigImageAndLead .item-container.big-image .item-headline a, .side-container .BigImageAndLead .item-container.first .item-headline a, .side-container .imageAndLead .item-container.big-image .item-headline a, .side-container .imageAndLead .item-container.first .item-headline a { font-weight: 800; } .side-container .imageAndLead .item-container.first { margin-bottom: 15px; } @media only screen and (max-width: 490px) { .side-container .headShot .item-inner { margin: 0px 15px 15px !important; } } .side-container .portrait-img-left { float: left; margin: 15px 15px 0px; padding: 0px !important; } @media only screen and (max-width: 490px) { .side-container .portrait-img-left { margin: 15px 15px 0px 0px; } .side-container .item-headline-lead-right { margin-right: 0px; } } @media only screen and (min-width: 490px) { .side-container .item-headline-lead-right { margin-right: 15px; } .side-container .item-headline-lead-right .item-lead { padding-left: 15px; } } .side-container .item-headline-lead-right .item-headline { padding: 15px 0px 10px 15px; } .side-container .item-headline-lead-right .item-headline a { color: rgb(0, 0, 0); font-weight: 600; } .is-barcode figure { width: 200px; height: 200px; padding-bottom: 0px; margin: auto; } .is-original img { margin: 0px auto; display: block; } .side-container .item-description { padding-bottom: 30px; } .side-list .item-description { padding: 0px 15px; } .side-list .item-subheadline { padding: 5px 15px 0px; } .smallest { font-size: 0.8em; } .smaller { font-size: 0.9em; } .bigger { font-size: 1.2em; } .biggest { font-size: 1.6em; } .selected { position: relative; background-color: rgb(246, 233, 216); } .selected::before { content: ""; display: block; position: absolute; right: 15px; top: 0px; bottom: 0px; width: 44px; background-size: 20px; background-position: 100% center; background-repeat: no-repeat; background-image: url(""); } .top10 { padding: 0px 15px 15px; } .top10 li { padding: 15px 0px; border-top: 1px dotted rgb(206, 198, 185); } .top10 li.mp1, .top10 li:first-child { padding-top: 0px; border: 0px; } .top10 li span { color: rgb(158, 47, 80); } .video-package .items { padding: 0px 7.5px; } .video-package .item-inner { padding: 56.25% 7.5px 30px; } .video-package.last-child .item-container > .item-inner { padding-bottom: 0px; } .video-package .item-headline { font-size: 0.75em; font-weight: 400; } .video-package .image { left: 7.5px; right: 7.5px; border: 2px solid transparent; padding-bottom: 0px; } .video-package .image.active, .video-package .image:hover, .video-package .on .image { border-color: rgb(46, 110, 158); } .video-package-inner.item-inner { position: relative; padding: 0px 7.5px 15px; } .video-package-inner .image { position: static; border-width: 0px; margin-bottom: 0px; } .video-package-inner .image figure { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .video-package-title { background-color: rgb(0, 0, 0); padding: 7.5px; } .video-package-title a { color: rgb(255, 255, 255); } .video-package-title a:active, .video-package-title a:hover { text-decoration: underline; } .P-only { display: none; } .side-by-side { float: left; } .side-by-side .item-container { float: none; width: 100%; position: relative; } .side-by-side .item-container.first .item-inner { padding: 56.25% 15px 15px; border: 0px; } .side-by-side .item-container.first.no-image .item-inner { padding: 0px 15px 15px; } .side-by-side .item-container.first .item-headline { font-size: 1em; border: 0px; padding-top: 0px; margin-bottom: 15px; } .side-by-side .item-inner { padding: 0px 15px 15px; position: static; } .side-by-side .item-headline { padding: 15px 15px 0px 0px; margin-bottom: 0px; border-top: 1px dotted rgb(206, 198, 185); font-size: 0.9em; } .split-list { float: left; width: 50%; } .split-list:first-child { border-right: 1px dotted rgb(206, 198, 185); } .split-list .item-container { float: left; width: 50%; } @media only screen and (max-width: 980px) { .split-list .item-container { float: none; width: 100%; } } @media only screen and (max-width: 690px) { .split-list { float: none; width: 100%; } } .links { padding: 0px 30px 30px; font-size: 0.75em; } .links a { display: block; padding-top: 15px; margin-top: 15px; border-top: 1px dotted rgb(206, 198, 185); overflow: hidden; width: 100%; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } .links a:first-child { border: 0px; margin-top: 0px; padding-top: 0px; } .links a:active, .links a:hover { text-decoration: underline; } .more-link { text-align: right; padding-right: 15px; margin-bottom: 30px; } .more-link a { color: rgb(10, 94, 102); } .is-columns.card-grid { gap: 30px; padding: 0px 15px 30px; } .is-columns.card-grid .item-container .item-headline { text-align: center; font-size: 1.9em; } .is-columns.card-grid .item-container .item-lead { text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .is-columns .item-container { padding-top: 15px; background-color: rgb(246, 233, 216); } .is-columns .item-inner { padding-top: 115px; } .is-columns figure { margin: 0px auto 15px; border-radius: 50%; padding-bottom: 100px; width: 100px; height: 100px; background-color: rgb(204, 230, 255); } .is-columns .item-headline-lead { padding: 0px; } .night .is-columns.card-grid .item-container, .night .is-columns.card-grid .item-inner { background-color: rgb(17, 17, 17) !important; } @media only screen and (max-width: 490px) { .is-columns.card-grid .item-inner { padding-left: 15px; padding-right: 15px; } } .app-download-container { display: none; width: 110px; top: 160px; left: 49%; margin: 0px 0px 0px 630px; position: fixed; z-index: 100; overflow: hidden; font: 12px / 22px Arial; color: rgb(51, 48, 46); } .app-download-container.wechat { top: 330px; } .app-download-container a { display: block; width: 110px; background: rgb(246, 233, 216); line-height: 0; text-align: center; position: relative; zoom: 1; color: rgb(51, 48, 46); } .app-download-container figure { display: block; margin: auto; width: 90px; height: 90px; } .app-download-container div { display: block; text-align: center; line-height: 25px; } @media only screen and (min-width: 1480px) { .app-download-container { display: block; } } .app-download-bar-container { display: none; position: fixed; width: 100%; height: 57px; bottom: 0px; background-color: rgb(10, 94, 102); z-index: 2; } .app-download-bar-inner { padding: 5px; } .app-download-bar-image { float: left; width: 47px; height: 47px; margin-right: 5px; } .app-download-bar-image figure { width: 47px; height: 47px; } .app-download-bar-text { padding-left: 5px; line-height: 23.5px; color: rgb(255, 255, 255); font-size: 15px; } .app-download-bar-text b { display: block; } .app-download-bar-button { float: right; background-color: rgb(255, 241, 224); height: 36px; line-height: 36px; margin-top: 5.5px; margin-right: 5px; } @media only screen and (max-width: 490px) { .is-wechat .app-download-bar-container { display: block; } } .overlay-container { position: fixed; inset: 0px; display: none; z-index: 2147483647; } .overlay-container.on { display: block; } .overlay-inner { position: relative; width: 100%; height: 100%; } .overlay-bg, .overlay-bg-fixed { position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.7); z-index: 9999999; } .overlay-content-outer { position: absolute; z-index: 99999999; inset: 0px; width: 100%; height: 100%; display: table; margin: auto; } .overlay-content-inner { display: table-cell; vertical-align: middle; } .overlay-content { background-color: rgb(255, 241, 229); width: 300px; margin: auto; } .overlay-content div { padding: 15px; } .overlay-content div.first-child, .overlay-content div.overlay-title { border-top: 0px; } .overlay-content div.input-title { border-top: 0px; padding: 15px 15px 7.5px; } .overlay-content div.input-container { border-top: 0px; padding: 0px 15px; } .register-find { padding: 10px 7.5px; } .center { text-align: center; } .center span { margin: 0px 15px; border: 0.5px solid rgb(206, 198, 185); } .login-btn { display: block; background-color: rgb(101, 139, 172); margin: 0px 15px; padding: 0px !important; } .login-btn input, .n-button-inner, a.n-button-inner { width: 100%; background-color: rgb(101, 139, 172); border: 0px; padding: 8px; font-size: 16px; color: rgb(255, 255, 255); cursor: pointer; } .login-btn input.subscription-button, .n-button-inner.subscription-button, a.n-button-inner.subscription-button { background-color: rgb(13, 118, 128); padding: 10px 30px; } .login-btn input.subscription-button.disabled, .n-button-inner.subscription-button.disabled, a.n-button-inner.subscription-button.disabled { background-color: rgb(204, 193, 183); } .login-btn input:active, .login-btn input:hover, .n-button-inner:active, .n-button-inner:hover, a.n-button-inner:active, a.n-button-inner:hover { background-color: rgb(101, 139, 172); } .wx-login-container { margin: 0px 15px; padding: 0px 0px 20px !important; } .wx-login-container .wx-login { padding: 8px; background-color: rgb(110, 177, 83); } .wx-login-container .wx-login a { color: rgb(255, 255, 255); } .phone-login-container { margin: 0px 15px; padding: 0px !important; } .phone-login-container .phone-login { padding: 8px; background-color: rgb(101, 139, 172); } .phone-login-container .phone-login a { color: rgb(255, 255, 255); cursor: pointer; } .overlay-title { background-color: rgb(145, 143, 131); color: rgb(255, 255, 255); position: relative; } .overlay-close { display: block; position: absolute; padding: 0px; top: 15px; right: 15px; font-size: 43px; font-family: Arial; font-weight: 400; cursor: pointer; } #ft-login-input-remember { margin-right: 1em; } .submitbutton { cursor: pointer; } .header-title { display: block; text-align: center; margin: auto; height: 57px; line-height: 57px; font-size: 32px; max-width: 100%; } .header-brand figure { width: 80px; height: 57px; position: relative; } .header-brand figure img { position: absolute; display: block; inset: 0px; margin: auto 0px; } @media only screen and (max-width: 490px) { .header-title { height: 44px; line-height: 44px; } } .tag-about { padding: 15px 30px; font-size: 0.9em; line-height: 161.8%; color: rgb(80, 80, 80); } .mpu-container.first-child { padding-top: 30px; } .mpu-container.last-child iframe { margin: 0px auto; } .story-box.last-child { margin-bottom: 0px; } .pagination-container { background-color: transparent; color: rgb(51, 48, 46); } .pagination-inner { padding: 0px 30px; position: relative; max-width: 1260px; margin: auto auto 30px; height: 36px; line-height: 36px; } .pagination-inner a { color: rgb(51, 51, 51); } .pagination-inner a, .pagination-inner span { padding-right: 30px; font-weight: 700; } .pagination-inner a { color: rgb(10, 94, 102); } .pagination-inner a:active, .pagination-inner a:hover { color: rgb(51, 48, 46); } @media only screen and (max-width: 490px) { .pagination-inner { text-align: left; font-size: 0.9em; height: auto; line-height: 36px; } .pagination-inner a, .pagination-inner span { padding-left: 0px; padding-right: 7.5px; font-weight: 400; } } .item-headline-link.locked, .item-headline-link.unlocked, .item-headline .locked, .item-headline .unlocked { display: inline-block; } .item-headline-link.locked::after, .item-headline-link.unlocked::after, .item-headline .locked::after, .item-headline .unlocked::after { content: " "; display: inline-block; width: 26px; height: 0.8em; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .item-headline-link.locked.vip::after, .item-headline-link.unlocked.vip::after, .item-headline .locked.vip::after, .item-headline .unlocked.vip::after { content: "高端专享"; width: auto; height: auto; font-size: 12px; line-height: 1em; font-weight: 600; text-align: center; display: inline-block; box-sizing: border-box; margin: -4px 0px 0px 5px; text-decoration: none; padding: 3px 7px; border: 1px solid transparent; vertical-align: middle; color: rgb(255, 255, 255); } html[data-preferred-language="zh-HK"] .item-headline-link.locked.vip::after, html[data-preferred-language="zh-HK"] .item-headline-link.unlocked.vip::after, html[data-preferred-language="zh-HK"] .item-headline .locked.vip::after, html[data-preferred-language="zh-HK"] .item-headline .unlocked.vip::after, html[data-preferred-language="zh-TW"] .item-headline-link.locked.vip::after, html[data-preferred-language="zh-TW"] .item-headline-link.unlocked.vip::after, html[data-preferred-language="zh-TW"] .item-headline .locked.vip::after, html[data-preferred-language="zh-TW"] .item-headline .unlocked.vip::after { content: "高端專享"; } .free-to-read-vip::after, .free-to-read::after { width: auto; height: auto; font-size: 12px; line-height: 1em; font-weight: 600; text-align: center; display: inline-block; box-sizing: border-box; margin: -4px 0px 0px 5px; text-decoration: none; padding: 3px 7px; border: 1px solid transparent; vertical-align: middle; color: rgb(255, 255, 255); background: rgb(33, 165, 180); } .free-to-read::after { content: "限免"; } .free-to-read-vip::after { content: "高端限免"; } .interactives .item-headline-link.locked, .interactives .item-headline-link.unlocked, .interactives .item-headline .locked, .interactives .item-headline .unlocked { display: inline; } .item-headline-link.locked::after, .item-headline .locked::after { background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNTU1NTU1IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTE4IDhoLTFWNmMwLTIuNzYtMi4yNC01LTUtNVM3IDMuMjQgNyA2djJINmMtMS4xIDAtMiAuOS0yIDJ2MTBjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlYxMGMwLTEuMS0uOS0yLTItMnptLTYgOWMtMS4xIDAtMi0uOS0yLTJzLjktMiAyLTIgMiAuOSAyIDItLjkgMi0yIDJ6bTMuMS05SDguOVY2YzAtMS43MSAxLjM5LTMuMSAzLjEtMy4xIDEuNzEgMCAzLjEgMS4zOSAzLjEgMy4xdjJ6Ii8+PC9zdmc+"); } .item-headline-link.locked.vip::after, .item-headline .locked.vip::after { background: rgb(0, 0, 0); } .is-premium .item-headline-link.locked::after, .is-subscriber .item-headline-link.locked.standard::after, .item-headline-link.unlocked::after, .item-headline .unlocked::after { background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMjc3NTdiIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTEyIDE3YzEuMSAwIDItLjkgMi0ycy0uOS0yLTItMi0yIC45LTIgMiAuOSAyIDIgMnptNi05aC0xVjZjMC0yLjc2LTIuMjQtNS01LTVTNyAzLjI0IDcgNmgxLjljMC0xLjcxIDEuMzktMy4xIDMuMS0zLjEgMS43MSAwIDMuMSAxLjM5IDMuMSAzLjF2Mkg2Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS45IDIgMiAyaDEyYzEuMSAwIDItLjkgMi0yVjEwYzAtMS4xLS45LTItMi0yem0wIDEySDZWMTBoMTJ2MTB6Ii8+PC9zdmc+"); } .is-premium .item-headline-link.locked.vip::after, .is-subscriber .item-headline-link.locked.standard.vip::after, .item-headline-link.unlocked.vip::after, .item-headline .unlocked.vip::after { background: rgb(10, 94, 102); } .no-svg .item-headline-link.locked::after, .no-svg .item-headline .locked::after { background-image: url(""); } .no-svg .item-headline-link.locked.vip::after, .no-svg .item-headline .locked.vip::after { background: rgb(0, 0, 0); } .no-svg .item-headline-link.unlocked::after, .no-svg .item-headline .unlocked::after { background-image: url(""); } .no-svg .item-headline-link.unlocked.vip::after, .no-svg .item-headline .unlocked.vip::after { background: rgb(10, 94, 102); } @media only screen and (max-width: 350px) { #paywall-box { width: 80%; left: 10%; } .lock-block { height: 80%; } } @media only screen and (max-width: 980px) and (min-width: 351px) { #paywall-box { width: 70%; left: 15%; } .lock-block { height: 70%; } } @media only screen and (min-width: 600px) { #paywall-box { width: 50%; left: 25%; } .lock-block { height: 50%; } } .paywall-hint-container { overflow: visible; display: none; } .paywall-overlay-shadow { position: fixed; z-index: 1; opacity: 1; transition: opacity 0.3s ease-in-out 0s; background: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; top: 0px; left: 0px; } #paywall-box { display: flex; justify-content: center; flex-direction: column; position: fixed; z-index: 60; font-size: 15px; opacity: 1; height: 40%; bottom: 30%; background: rgb(250, 234, 221); overflow: visible; } #paywall-box .lock-block { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } #paywall-box .lock-content { width: 100%; text-align: center; padding-bottom: 15px; } #paywall-box .lock-content a { color: rgb(38, 116, 122); } #paywall-box .subscribe-btn { bottom: 10px; text-align: center; width: 100%; color: rgb(255, 255, 255); } #paywall-box .subscribe-btn a { color: rgb(255, 255, 255); background-color: rgb(13, 118, 128); display: inline-block; letter-spacing: 3px; height: 30px; line-height: 30px; width: 150px; text-align: center; font-size: 14px; border-radius: 1px; } @media only screen and (min-width: 1221px) { .XL2 { width: 16.6667%; } .XL3 { width: 25%; } .XL4 { width: 33.3333%; } .XL6 { width: 50%; } .XL6 .item-headline { font-size: 1.4em; } .XL8 { width: 66.6667%; } .XL8 .item-headline { font-size: 1.4em; } .XL8 .relative { font-size: 1em; line-height: 200%; } .XL12 { float: none; width: 100%; } .XL12 .item-headline { font-size: 1.4em; } .XL-half .item-inner { padding-top: 0px; } .XL-half .image { position: static; float: left; width: 115px; padding: 3px 6px 3px 0px; } .XL-half.no-image .image { display: none; } .XL-lower .item-headline { border-top: 1px dotted rgb(206, 198, 185); padding-top: 30px; } .XL-right { clear: right; float: right; } .XLT { border-top: 1px dotted rgb(206, 198, 185); padding: 30px 0px 0px; margin: 0px 15px; } .XLC, .XLT { clear: both; } .XLC { padding-top: 15px; } .XLT-clear-right { clear: right; width: 66.6667%; float: left; } .XL-double-width .item-inner { padding-top: 0px; } .XL-double-width .image { position: static; float: left; width: 50%; padding: 0px 15px 0px 0px; } .XL-double-width .item-headline, .XL-double-width .item-lead, .XL-double-width .item-time, .XL-double-width .relatives { float: right; width: 50%; padding-left: 15px; clear: right; } .XL-no-image .image { display: none; } .XL-no-image .item-inner { padding-top: 0px; } .XL-no-tag .item-tag { display: none; } .XL-main { width: 66.6667%; } .XL-main .XL6 .item-headline { font-size: 1.15em; } .XL-main .XL-cover .item-headline { font-size: 1.4em; } .XL-side { width: 33.3333%; } .XL-side .list-inner { border-right: 1px solid rgb(206, 198, 185); padding-right: 15px; margin-right: 15px; } .XL-side .item-inner { padding-bottom: 15px; } .XL-side .XLT { padding-top: 15px; } .XL-list-oneline { width: 100%; float: left; } .XL-list-left { float: left; } .XL-list-right { float: right; } .no-side .XL6 .item-inner { padding-top: 0px; } .no-side .XL6 .image { position: static; float: left; width: 50%; padding: 0px 15px 0px 0px; } .no-side .XL6 .item-headline, .no-side .XL6 .item-lead, .no-side .XL6 .item-time, .no-side .XL6 .relatives { float: right; width: 50%; padding-left: 15px; clear: right; } .block-container.bottommain.side-left .content-inner, .block-container.fixmain.side-left .content-inner { width: 855px; } } @media only screen and (max-width: 1220px) and (min-width: 981px) { .block-container.bottommain.side-left .content-inner, .block-container.fixmain.side-left .content-inner { left: 0px; right: 15px; } .L2 { width: 16.6667%; } .L3 { width: 25%; } .L4 { width: 33.3333%; } .L6 { width: 50%; } .L8 { width: 66.6667%; } .L8 .item-headline { font-size: 1.4em; } .L8 .relative { font-size: 1em; line-height: 200%; } .L12 { width: 100%; float: none; } .LT { clear: both; border-top: 1px dotted rgb(206, 198, 185); padding: 15px 0px 0px; margin: 0px 15px; } .L-half .item-inner { padding-top: 0px; } .L-half .image { position: static; float: left; width: 115px; padding: 3px 6px 3px 0px; } .L-half.no-image .image { display: none; } .L-lower .item-headline { border-top: 1px dotted rgb(206, 198, 185); padding-top: 30px; } .L-double-width .item-inner { padding-top: 0px; } .L-double-width .image { position: static; float: left; width: 50%; padding: 0px 15px 0px 0px; } .L-double-width .item-headline, .L-double-width .item-lead, .L-double-width .item-time, .L-double-width .relatives { float: right; width: 50%; padding-left: 15px; clear: right; } .LC { clear: both; padding-top: 15px; } .L-right { clear: right; float: right; } .L-right .item-headline { font-size: 1em; } .L-no-image .image { display: none; } .L-no-image .item-inner { padding-top: 0px; } .L-no-tag .item-tag { display: none; } .L-no-lead .item-headline { margin-bottom: 0px; } .L-no-lead .item-lead { display: none; } .L-cover .item-headline { font-size: 1.4em; } .video-package .LT { padding-top: 10px; } .item-inner { padding-bottom: 15px; } } @media only screen and (max-width: 980px) { .item-tag { padding-bottom: 7.5px; } .item-inner { padding-left: 7.5px; padding-right: 7.5px; } .image { left: 7.5px; right: 7.5px; } .list-title { margin: 0px 7.5px 15px; } .side-by-side .item-inner { padding: 0px 7.5px 15px; } .has-side .block-inner { padding-right: 22.5px; } .has-side.side-left .block-inner { padding-left: 22.5px; } } @media only screen and (max-width: 980px) and (min-width: 691px) { .M3 { width: 25%; } .M4 { width: 33.3333%; } .M6 { width: 50%; } .M8 { width: 66.6667%; } .M8 .item-headline { font-size: 1.4em; } .M12 { width: 100%; float: none; } .MT { clear: both; border-top: 1px dotted rgb(206, 198, 185); padding: 15px 0px 0px; margin: 0px 15px; } .M-half .item-inner { padding-top: 0px; } .M-half .image { position: static; float: left; width: 115px; padding: 3px 6px 3px 0px; } .M-half .item-tag, .M-half .item-time, .M-half.no-image .image { display: none; } .M-lower .item-headline { border-top: 1px dotted rgb(206, 198, 185); padding-top: 30px; } .M-double-width .item-inner { padding-top: 0px; } .M-double-width .image { position: static; float: left; width: 50%; padding: 0px 15px 0px 0px; } .M-double-width .item-headline, .M-double-width .item-lead, .M-double-width .item-time, .M-double-width .relatives { float: right; width: 50%; padding-left: 15px; clear: right; } .MC { clear: both; padding-top: 15px; } .M-right { clear: right; float: right; } .M-right .item-headline { font-size: 1em; } .M-no-image .image { display: none; } .M-no-image .item-inner { padding-top: 0px; } .M-no-lead .item-headline { margin-bottom: 0px; } .M-no-lead .item-lead { display: none; } .M-cover .item-headline { font-size: 1.4em; } .video-package .MT { padding-top: 10px; } .item-inner { padding-bottom: 15px; } } @media only screen and (max-width: 690px) and (min-width: 491px) { .S3 { width: 25%; } .S4 { width: 33.3333%; } .S6 { width: 50%; } .S12 { width: 100%; float: none; } .ST { clear: both; border-top: 1px dotted rgb(206, 198, 185); padding: 30px 0px 0px; margin: 0px 15px; } .S-half .item-inner { padding-top: 0px; } .S-half .image { position: static; float: left; width: 115px; padding: 3px 6px 3px 0px; } .S-half.no-image .image { display: none; } .S-double-width .item-inner { padding-top: 0px; } .S-double-width .image { position: static; float: left; width: 50%; padding: 0px 15px 0px 0px; } .S-double-width .item-headline, .S-double-width .item-lead, .S-double-width .item-time, .S-double-width .relatives { float: right; width: 50%; padding-left: 15px; clear: right; } .SC { clear: both; padding-top: 15px; } .S-no-image .image { display: none; } .S-no-image .item-inner { padding-top: 0px; } .S-no-lead .item-headline { margin-bottom: 0px; } .S-no-lead .item-lead { display: none; } .S-cover .item-headline { font-size: 1.4em; } .video-package .ST { padding-top: 10px; } } @media only screen and (max-width: 690px) { .has-side .block-inner { padding: 0px; } .has-side .content-container { float: none; margin-bottom: 15px; } .has-side .content-inner { border-right: 0px; padding-right: 0px; } .has-side.side-left .block-inner { padding: 0px; } .has-side.side-left .content-container { float: none; padding: 0px 15px; } .has-side.side-left .content-inner { border-left: 0px; padding-right: 0px; padding-left: 0px; } .has-side.side-left .side-container { float: none; margin-right: 0px; } .side-container { float: none; width: auto; background-color: transparent; margin-left: 0px; padding: 0px 0px 15px; } .side-container .item-inner { padding: 0px 15px 15px; } .side-container .item-inner .item-headline { font-size: 1em; } .block-inner { padding: 0px; } .item-inner { padding-left: 15px; padding-right: 15px; } .list-title { padding: 7px 14px; background: rgb(233, 222, 207); border-style: solid solid dotted; border-color: rgb(167, 165, 155); border-width: 1px 0px; display: block; height: auto; margin: 0px 0px 15px; font-weight: 400; font-size: 1.1em; clear: both; position: relative; } .list-title a { color: rgb(0, 0, 0); display: block; } .list-title a, .list-title a.list-link { position: static; background-color: transparent; } .list-title a.list-link { line-height: 20px; height: auto; left: auto; padding-right: 5px; } .list-title a.right-link { right: 15px; display: block; } .list-title a.sponsor-link figure { height: 30px; background-color: transparent; position: absolute; right: 15px; top: 0px; bottom: 0px; margin: auto; padding-left: 0px; } .list-title::before { display: none; } .items, .links { padding: 0px 15px; } .links { font-size: 1em; } .side-by-side .items { padding: 0px; } .side-by-side .list-title { margin: 0px 15px 15px; } .video-package .items { padding: 0px 22.5px; } } @media only screen and (min-width: 691px) { .is-sticky-top { position: sticky; top: 44px; } .has-no-header .is-sticky-top { top: 0px; } } @media only screen and (min-width: 981px) { .o-nav__placeholder { position: sticky; top: 0px; } .is-sticky-top { top: 74px; z-index: 1; } .has-no-header .is-sticky-top { top: 0px; } } @media only screen and (max-width: 490px) { body { font-size: 18px; } .item-headline { font-size: 1.3em; line-height: 1.4em; } .item-tag { font-size: 17px; padding-bottom: 15px; line-height: 1em; } .item-tag a { display: inline-block; position: relative; } .item-tag a::before { content: ""; display: block; position: absolute; bottom: -12px; width: 100%; height: 5px; background: rgb(153, 15, 61); } .myft-recommendation .item-tag a { color: rgb(0, 0, 0); } .myft-recommendation .item-tag a::before { display: none; } .item-lead { color: rgb(119, 119, 119); line-height: 161.8%; } .item-lead a { color: rgb(119, 119, 119); font-weight: 400; } .P3 { width: 25%; } .P4 { width: 33.3333%; } .P6 { width: 50%; } .P6 .item-headline { font-size: 0.8em; margin-bottom: 0px; } .P12 { width: 100%; float: none; } .PT { clear: both; border-top: 1px solid rgb(206, 198, 185); padding: 22.5px 0px 0px; margin: 0px 7.5px; } .P-half .item-inner { padding-top: 0px; } .P-half .image { position: static; float: left; width: 135px; padding: 3px 10px 3px 0px; } .P-half.no-image .image { display: none; } .P-half .item-tag { padding-bottom: 15px; } .P-half .item-tag a::before { display: none; } .P-half .item-lead { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .P-half .item-lead.expanded { overflow: visible; display: block; } .PC { clear: both; padding-top: 15px; } .P-no-image .image { display: none; } .P-no-image .item-inner { padding-top: 0px; } .P-no-lead .item-headline { margin-bottom: 0px; } .P-no-lead .item-lead { display: none; } .P-cover .item-headline { font-size: 1.4em; } .P-hide { display: none !important; } .P-only { display: block; } .video-package .PT { padding-top: 10px; } .video-package .items { padding: 0px 7.5px 15px; } .items { padding: 0px 7.5px; } .item-inner { padding-bottom: 22.5px; padding-left: 7.5px; padding-right: 7.5px; } .image { left: 7.5px; right: 7.5px; } .item-time { padding-top: 7.5px; } .list-title, .side-container .list-title { font-size: 1.2em; background: transparent; border-width: 8px 0px 0px; border-color: rgb(51, 51, 51); margin-left: 15px; margin-right: 15px; padding-left: 0px; padding-right: 0px; } .list-title a::after, .side-container .list-title a::after { background-image: url(""); width: 20px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: 50% center; background-color: transparent; vertical-align: baseline; content: ""; display: inline-block; position: relative; top: 7px; right: -13px; margin-left: -13px; margin-top: -10px; } .list-title a.right-link, .side-container .list-title a.right-link { right: 0px; } .top10 { font-size: 1.1em; font-weight: 700; } .triplet-container { padding: 0px 7.5px; } .has-side.side-left .content-container { padding: 0px; } .side-by-side.first.item-container .item-inner { padding-top: 0px; } .side-by-side.first.item-container .image { position: static; float: left; width: 135px; padding: 3px 10px 3px 0px; } .side-by-side.first.item-container.no-image .image { display: none; } .side-by-side.first.item-container .item-tag { padding-bottom: 15px; } .side-by-side.first.item-container .item-tag a::before { display: none; } .side-by-side.first.item-container .item-lead { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .side-by-side.first.item-container .item-lead.expanded { overflow: visible; display: block; } .side-by-side.first.item-container .item-headline { font-size: 1.3em; } .side-by-side .item-headline { font-size: 1.1em; border-top-style: solid; } .side-by-side .item-inner { padding: 0px 15px 15px; } .headshot-title .item-inner { padding-bottom: 15px; } .side-container .item-container .item-headline { font-size: 1em; font-weight: 700; padding: 15px 15px 0px; } .side-container .item-container .item-headline.first { padding-top: 0px; } .side-container .item-container .item-lead { padding: 0px 0px 7.5px; } .side-container .item-container .item-inner { border-top-style: solid; padding: 0px; clear: both; } .side-container .item-container .image { padding: 5px 0px; } .side-container .item-container.first { padding: 0px 15px; } .side-container .item-container.first .item-headline { width: auto; padding: 10px 15px; font-size: 1em; position: static; } .side-container .item-container.first .item-inner { border-top-style: solid; margin: 0px; } .side-container .interactive-inner { margin: 0px 15px; } .side-container .interactive-inner .item-container.first { padding: 0px; margin-bottom: 0px; } .side-container .interactive-inner .item-container.first .item-headline { padding: 10px 15px; font-size: 1.1em; } .side-container .interactive-inner .item-container.first.no-image .item-headline, .side-container .interactive-inner .item-container.first.no-image .item-inner, .side-container .interactive-inner .item-container.first.static-image .item-headline, .side-container .interactive-inner .item-container.first.static-image .item-inner { padding: 0px 0px 7.5px; } .side-container .interactive-inner .item-headline { padding: 10px 15px 10px 0px; font-weight: 400; } .side-container .interactive-inner .image { padding: 10px 0px 10px 10px; } .side-list .item-description { padding: 0px; } .side-list .item-subheadline { padding-bottom: 15px; } } @media only screen and (max-width: 1220px) { .block-container.bottommain .content-container, .block-container.fixmain .content-container { right: 390px; max-width: 100%; } .block-container.bottommain .content-inner, .block-container.fixmain .content-inner { margin-left: 405px; } } div.o-ads { text-align: center; } .o-ads { position: relative; max-width: 100%; overflow: hidden; } .o-ads div { text-align: center; } .o-ads[data-o-ads-loaded] { margin-bottom: 30px; } .o-ads[data-o-ads-loaded][data-o-ads-formats-extra="FtcBanner"], .o-ads[data-o-ads-loaded][data-o-ads-formats-large="FtcLeaderboard"], .o-ads[data-o-ads-loaded][data-o-ads-formats-small="FtcMobileMpu"] { overflow: visible; } .o-ads iframe { max-width: 100% !important; overflow: hidden !important; } .o-ads__outer { position: relative; max-width: 1200px; margin: auto; } .o-ads[data-o-ads-loaded] .o-ads__outer::after { content: "广告"; position: absolute; top: 100%; right: 5px; font-size: 12px; } .en .o-ads[data-o-ads-loaded] .o-ads__outer::after { content: "ADVERTISEMENT"; } .o-ads[data-o-ads-loaded="FtcLeaderboard"] .o-ads__outer::after { right: calc(50% - 600px); } .o-ads[data-o-ads-loaded="HalfPage"] .o-ads__outer::after, .o-ads[data-o-ads-loaded="MediumRectangle"] .o-ads__outer::after { right: calc(50% - 150px); } .o-ads[data-o-ads-loaded="FtcRibbon"][data-o-ads-loaded] .o-ads__outer::after { content: ""; } .o-ads[data-o-ads-formats-large="FtcRibbon"][data-o-ads-loaded] { margin-top: 15px; margin-bottom: 15px; } .o-ads[data-o-ads-formats-large="FtcRibbon"] iframe { margin-bottom: 0px; margin-top: 0px; } @media screen and (max-width: 760px) { .o-ads[data-o-ads-formats-small="FtcMobileBanner"] { padding-top: 25%; background: rgb(246, 233, 216); padding-bottom: 20px; box-sizing: border-box; margin-bottom: 15px; display: none; } .o-ads[data-o-ads-formats-small="FtcMobileBanner"][data-o-ads-name="banner1"] { display: block; } .o-ads[data-o-ads-formats-small="FtcMobileBanner"][data-o-ads-loaded] { display: block; background: transparent; margin-bottom: 15px; } .o-ads[data-o-ads-formats-small="FtcMobileBanner"][data-o-ads-loaded="false"] { display: none; } .o-ads[data-o-ads-formats-small="FtcMobileBanner"] .o-ads__outer { position: absolute; inset: 0px 0px 20px; } } .o-ads[data-o-ads-name="fullscreen-pc"] { margin-bottom: 0px; } .o-ads--empty { margin-bottom: 0px; display: none; } .fullscreen-ad { position: fixed; z-index: 99999; top: 0px; left: 0px; } .in-article-advert[data-o-ads-loaded] { border-color: rgb(206, 198, 185); border-width: 1px 0px; border-style: solid; padding: 25px 0px; clear: both; } .o-ads.fullscreen-ad, .o-ads.fullscreen-pc, .o-ads.infoflow, .o-ads.paid-post, .o-ads[data-o-ads-loaded="false"], .o-ads[data-o-ads-name="fullscreen-pc"], .o-ads[data-o-ads-name="paidpost"] { display: none; } .o-ads.fullscreen-ad[data-o-ads-loaded="FtcMobileFullscreen"], .o-ads.fullscreen-pc[data-o-ads-loaded="FtcPcFullscreen"] { display: block; } .card-grid div.o-ads { display: none; } .adsbox { position: absolute; } .bn-ph { position: relative; margin-bottom: 30px; } .banner-container { width: 100%; } .banner-container.is-fix { position: fixed; top: 44px; z-index: 5; } .banner-inner { max-width: 1260px; margin: 0px auto; } .banner-iframe > div { margin: 0px auto !important; } .banner-content { margin: 0px 30px; padding: 15px; background: rgb(246, 233, 216); text-align: center; font-size: 0px; position: relative; } .banner-content > div { padding-top: 15px; text-align: center; margin: 0px auto !important; display: block !important; } .banner-content figure { position: relative; } .banner-content figure img { position: absolute; width: 100%; height: 100%; inset: 0px; } .banner-content::before, .is-ad figure::after { content: "广告"; position: absolute; top: 100%; right: 7.5px; font-size: 12px; height: 20px; line-height: 20px; text-align: right; color: rgb(80, 80, 80); } .hide-sign.banner-content::before { display: none; } .sponsor-container, .table-container { padding: 0px 15px; } .mpu-container { width: 300px; margin: 0px auto 50px; position: relative; } .mpu-container::before { content: "广告"; position: absolute; top: 100%; right: 7.5px; font-size: 12px; text-align: right; color: rgb(80, 80, 80); } .mpu-container figure { height: 250px; margin-bottom: 30px; } .high-impact.banner-container iframe { margin-top: 0px; } .high-impact iframe { height: 100% !important; } .high-impact .banner-content { padding: 0px; background: rgb(0, 0, 0); height: 240px; } .full-width.bn-ph, .highimpact.bn-ph, .standard.bn-ph { height: auto; margin-bottom: 30px; } .full-width .banner-content, .highimpact .banner-content, .standard .banner-content { padding: 0px; } .full-width .banner-content > .banner-iframe, .highimpact .banner-content > .banner-iframe, .standard .banner-content > .banner-iframe { margin-top: 0px; } .highimpact .banner-content { height: 240px; } .highimpact .P-only figure { padding-bottom: 25%; } .highimpact .P-hide figure { height: 100%; } .standard figure { padding-bottom: 10%; } .standard .P-only figure { padding-bottom: 25%; } .full-width .banner-content { margin: 0px; } .full-width .banner-content > div { padding-top: 0px; } .full-width.bn-ph { margin-bottom: 15px; } .oneStory { overflow: hidden !important; } .oneStory .storyInner { padding: 15px !important; } .storyInner { border-top: 1px solid rgb(233, 222, 207); padding: 15px 22.5px !important; } .storyInner .headline { font-weight: 700; font-size: 1.2em; padding-bottom: 7.5px; } .storyInner .leftimage { float: left; margin: 4px 15px 15px 0px; } .storyInner .lead { color: rgb(119, 119, 119); padding-bottom: 15px; line-height: 161.8%; font-size: 0.8em !important; } .hide-iframe .banner-iframe, .hide-iframe iframe { display: none; } @media only screen and (min-width: 490px) and (max-width: 1059px) { .bn-ph { margin-bottom: 45px; } .banner-content { margin: 0px; padding: 0px; background: transparent; height: 90px; } .banner-content > .banner-iframe { margin-top: 0px; } } @media only screen and (max-width: 490px) { .bn-ph { width: 100%; padding-top: 25%; position: relative; background: rgb(246, 233, 216); height: 0px; margin-bottom: 30px; } .bn-ph .banner-content { margin: auto; position: absolute; display: block; inset: 0px; width: 100%; height: 100%; padding: 0px; } .bn-ph .banner-iframe { margin: 0px; height: 100% !important; } .oneStory .storyInner { padding: 15px 7.5px !important; } } @media only screen and (max-width: 320px) { .storyInner .leftimage, .storyInner .leftimage img { width: 150px !important; height: 84px !important; } } .db-ad > div { text-align: center; } #promo-box-container { position: relative; z-index: 1; } .subscription-promo-container { height: 56px; background: rgb(20, 189, 204); } .subscription-promo-inner { display: table; height: 56px; margin: 0px auto; } .subscription-promo-box { cursor: pointer; font-size: 16px; line-height: 20px; display: table-cell; vertical-align: middle; text-align: right; padding-right: 310px; background: url("") 100% 100% / auto 56px no-repeat; border-bottom: 0px; position: relative; } .subscription-promo-text { display: inline-block; box-sizing: border-box; vertical-align: middle; margin: 0px; text-align: center; text-decoration: none; background-clip: border-box; background-size: 21px 21px; min-height: 28px; min-width: 60px; padding: 6px 8px; font-size: 14px; line-height: 14px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); border: 1px solid rgb(13, 118, 128); word-spacing: 1px; } .is-subscriber .subscription-promo-container, .subscription-promo-container.premium, .subscription-promo-container.standard { display: none; } .is-subscriber.is-premium .subscription-promo-container.premium, .is-subscriber.is-standard .subscription-promo-container.standard { display: block; } .countdown { position: absolute; top: 0px; right: 0px; width: 50px; height: 56px; line-height: 56px; text-align: center; font-size: 25px; font-family: helvetica; color: rgb(51, 48, 46); } .countdown-hour { right: 234px; } .countdown-minute { right: 174px; } .countdown-second { right: 114px; } @media only screen and (max-width: 980px) { .subscription-promo-container { position: fixed; width: 100%; bottom: 0px; z-index: 1; } .subscription-promo-container.no-overlay, .subscription-promo-container.premium, .subscription-promo-container.standard { position: static; } } @media only screen and (max-width: 490px) { .subscription-promo-container { display: none; } .subscription-promo-container.show-image-in-mobile { display: block; } .subscription-promo-container.show-image-in-mobile.premium, .subscription-promo-container.show-image-in-mobile.standard { display: none; } .no-overlay.show-image-in-mobile.subscription-promo-container { display: block; margin-top: 51.5px; margin-bottom: -51.5px; } .no-overlay.show-image-in-mobile.subscription-promo-container.in-app { margin-top: 15px; margin-bottom: 15px; } .is-subscriber .show-image-in-mobile.subscription-promo-container { display: none; } .is-subscriber.is-premium .show-image-in-mobile.subscription-promo-container.premium, .is-subscriber.is-standard .show-image-in-mobile.subscription-promo-container.standard { display: block; margin-top: 51.5px; margin-bottom: -51.5px; } .is-subscriber.is-premium .show-image-in-mobile.subscription-promo-container.premium.in-app, .is-subscriber.is-standard .show-image-in-mobile.subscription-promo-container.standard.in-app { margin-top: 15px; margin-bottom: 15px; } .subscription-promo-box { padding-right: 180px; } .countdown-hour { right: 122px; } .countdown-minute { right: 62px; } .countdown-second { right: 2px; } } .is-ftc-app .footer-container, .is-ftc-app .header-container, .is-ftc-app .o-nav__placeholder, .is-ftc-app .site-map, .is-ftc-app .story-action-placeholder, .is-ftc-app header { display: none; } @media only screen and (max-width: 490px) { .is-ftc-app .video-player { margin-bottom: 0px; } } body { margin: 0px; padding: 0px; } a.action-button { cursor: pointer; } header.header-container { border-bottom-width: 0px; margin-bottom: 0px; } .hero-message-container { background-color: rgb(242, 224, 208); } .hero-message { max-width: 1200px; margin: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: 20px; } .hero-message > div { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; } .hero-message .logo { height: 60px; max-width: none; width: auto; object-fit: contain; margin-bottom: 15px; } .hero-message strong { font-weight: bold; } .hero-message p { margin-top: 10px; } .hero-message img { max-width: 100%; height: auto; } @media screen and (max-width: 600px) { .hero-message { grid-template-columns: 1fr; } } .subscription-reminder { text-align: left; font-weight: 700; font-size: 1.2em; line-height: 168.1%; max-width: 600px; margin: 30px auto; } .subscription-intent-message { max-width: 760px; margin: 0px auto 24px; padding: 16px 24px; background-color: rgb(255, 244, 232); color: rgb(51, 48, 46); line-height: 1.55; text-align: center; } .subscription-intent-message strong { display: block; margin-bottom: 6px; font-size: 1.05em; } .subscription-intent-message p { max-width: 680px; margin: 0px auto; } .subscription-intent-message.is-standard, .subscription-intent-message.is-premium { background-color: rgb(238, 248, 248); } .subscriptions-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 320px)); gap: 20px; justify-content: center; margin-bottom: 60px; } .subscriptions-container:has(> :only-child) { grid-template-columns: repeat(auto-fit, minmax(250px, 600px)); } .subscription-container { display: flex; flex-direction: column; background-color: rgb(249, 249, 249); border: 2px solid transparent; border-radius: 8px; padding: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px; } .subscription-container.is-required-tier { border-color: rgb(0, 117, 127); box-shadow: rgba(0, 117, 127, 0.18) 0px 6px 14px; } .subscription-container.is-not-required-tier { border-color: rgb(216, 201, 188); } .original-price-container { color: rgb(80, 80, 80); display: block; text-align: center; margin-bottom: 20px; } .original-price-container div { text-align: center; } .original-price-container:last-child { margin-bottom: 0px; } .subscription-title { margin-top: 0px; margin-bottom: 10px; } .subscription-subtitle { margin-top: 0px; margin-bottom: 0px; } .subscription-benefits { padding-left: 20px; flex-grow: 1; } .subscription-benefits li { line-height: 168.1%; list-style-type: disc; padding-bottom: 5px; } .subscription-benefits a { color: rgb(0, 0, 0); text-decoration: none; } .subscription-benefits a:hover { color: rgb(0, 117, 127); } .subscription-note { color: rgb(77, 72, 69); font-size: 0.9em; margin-bottom: 10px; } .subscription-intent-note { color: rgb(51, 48, 46); font-size: 0.95em; line-height: 1.5; margin: 0px 0px 14px; padding: 10px 12px; background-color: rgb(255, 244, 232); border-left: 4px solid rgb(182, 107, 0); } .subscription-container.is-required-tier .subscription-intent-note { background-color: rgb(238, 248, 248); border-left-color: rgb(0, 117, 127); } .subscription-status { font-weight: bold; } .subscription-button { margin-top: auto; } .subscription-button.is-active { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13'%3E%3Cstyle%3E*{fill:%23fff!important}%3C/style%3E%3Cpath d='M5.273 10.08L2.1 7.7l-.8-.6L.1 8.7l.8.6 3.226 2.42-.02.026.807.564.787.59.02-.026.026.02.564-.807.59-.787-.026-.02 6.445-9.207.572-.82-1.64-1.146-.572.82-6.407 9.153z' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 24px; background-position: 15px 50%; } .subscription-button.is-disabled { cursor: default; } .button-subscribe.disabled { background-color: grey; } .modal { display: none; position: fixed; z-index: 1; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); } .modal.on { display: block; } .modal-content { background-color: rgb(255, 255, 255); margin: 15% auto; padding: 20px; border: 1px solid rgb(136, 136, 136); width: 80%; max-width: 500px; border-radius: 5px; } .modal-content h2, .modal-content div, .modal-content p { margin: auto auto 30px; text-align: center; } .qr-code-image img { width: 150px; height: 150px; } .close { color: rgb(170, 170, 170); float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .wechat-tip { display: none; position: fixed; background-color: white; padding: 10px; border: 1px solid rgb(80, 80, 80); color: rgb(51, 51, 51); font-size: 24px; text-align: center; z-index: 1000; top: 18px; left: 10px; right: 10px; } .wechat-tip.on { display: block; } .wechat-tip-text { margin: 0px; padding: 10px; } .wechat-tip::before { width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid black; content: ""; right: 10px; top: -15px; position: absolute; } .wechat-tip::after { width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 15px solid white; content: ""; right: 10px; top: -14px; position: absolute; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } .desktop.ad, [href="https://ourgoldguy.com/contact/"] img, a[href^="https://go.markets.com/visit/?bta="], a[href^="https://6-partner.com/"] { display: none !important; } .status-box { margin-bottom: 16px; padding: 12px 14px; border: 1px solid rgb(233, 216, 200); border-radius: 10px; background: rgb(255, 250, 245); color: rgb(90, 80, 71); } .status-box strong { display: block; margin-bottom: 6px; color: rgb(31, 31, 31); } (cache)Log In

You have signed in

Sign Out

Google Log In WeChat Log In SMS Login Reset Password Register