@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;600;700;900&family=Noto+Sans+TC:wght@400;500;700&display=swap");

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0px; }

[hidden] { display: none; }

html { font-family: sans-serif; text-size-adjust: 100%; }

body { margin: 0px; }

a:focus { outline: dotted thin; }

a:active, a:hover { outline: 0px; }

h1 { font-size: 2em; margin: 0.67em 0px; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { box-sizing: content-box; height: 0px; }

mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "“" "”" "‘" "’"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0px; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0px; }

fieldset { border: 1px solid rgb(192, 192, 192); margin: 0px 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0px; padding: 0px; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0px; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; }

input[type="search"] { appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0px; }

.swiper-container { margin: 0px auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }

.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; }

.swiper-container-3d { perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0); opacity: 0.2; }

button.swiper-pagination-bullet { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255); }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(0, 122, 255); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }

.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); }

.swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); }

.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin; }

.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}

@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}

.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); z-index: 0; }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper { }

@font-face { font-family: ebc-icons; src: url("../fonts/ebc-icons.woff?0122") format("woff"); font-weight: normal; font-style: normal; font-display: block; }

[class^="i_"]::before, [class*=" i_"]::before { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-family: ebc-icons !important; }

.i_home::before { content: ""; }

.i_home_fill::before { content: ""; }

.i_menu::before { content: ""; }

.i_search::before { content: ""; }

.i_x::before { content: ""; }

.i_clock::before { content: ""; }

.i_play::before { content: ""; }

.i_play_circle::before { content: ""; }

.i_play_circle_fill::before { content: ""; }

.i_facebook::before { content: ""; }

.i_facebook_circle::before { content: ""; }

.i_facebook_circle_fill::before { content: ""; }

.i_instagram::before { content: ""; }

.i_instagram_circle::before { content: ""; }

.i_instagram_circle_fill::before { content: ""; }

.i_line::before { content: ""; }

.i_line_circle::before { content: ""; }

.i_line_circle_fill::before { content: ""; }

.i_youtube::before { content: ""; }

.i_youtube_circle::before { content: ""; }

.i_youtube_circle_fill::before { content: ""; }

.i_apple::before { content: ""; }

.i_android::before { content: ""; }

.i_arrow_up::before { content: ""; }

.i_arrow_right::before { content: ""; }

.i_arrow_down::before { content: ""; }

.i_arrow_left::before { content: ""; }

.i_arrow_up_left::before { content: ""; }

.i_arrow_up_right::before { content: ""; }

.i_arrow_down_left::before { content: ""; }

.i_arrow_down_right::before { content: ""; }

.i_arrow_up_circle::before { content: ""; }

.i_arrow_right_circle::before { content: ""; }

.i_arrow_down_circle::before { content: ""; }

.i_arrow_left_circle::before { content: ""; }

.i_chevron_up::before { content: ""; }

.i_chevron_right::before { content: ""; }

.i_chevron_down::before { content: ""; }

.i_chevron_left::before { content: ""; }

.i_chevron_compact_down::before { content: ""; }

.i_chevron_compact_left::before { content: ""; }

.i_chevron_compact_right::before { content: ""; }

.i_chevron_compact_up::before { content: ""; }

.i_chevron_compact_double::before { content: ""; }

.i_more_horizontal::before { content: ""; }

.i_more_vertical::before { content: ""; }

.i_hashtag::before { content: ""; }

.i_grid::before { content: ""; }

.i_sliders::before { content: ""; }

.i_eye::before { content: ""; }

.i_log_in::before { content: ""; }

.i_log_out::before { content: ""; }

.i_user_fill::before { content: ""; }

.i_user::before { content: ""; }

.i_slash::before { content: ""; }

.i_link::before { content: ""; }

.i_audio::before { content: ""; }

.i_vote::before { content: ""; }

.i_image::before { content: ""; }

.i_check::before { content: ""; }

.i_arrow_up_fill::before { content: ""; }

.i_arrow_down_fill::before { content: ""; }

.i_player_expand::before { content: ""; }

.i_player_reduce::before { content: ""; }

.i_copy::before { content: ""; }

.i_chevron_compact_left_2::before { content: ""; }

.i_chevron_compact_right_2::before { content: ""; }

.i_share::before { content: ""; }

.i_upload::before { content: ""; }

.i_film::before { content: ""; }

.i_send::before { content: ""; }

.i_plus_circle::before { content: ""; }

.i_minus_circle::before { content: ""; }

.i_x_circle::before { content: ""; }

.i_threads::before { content: ""; }

.i_plus::before { content: ""; }

.i_google::before { content: ""; }

.i_google_circle::before { content: ""; }

.i_google_circle_fill::before { content: ""; }

:root { --black: #1C1C1C; --light-grey: #F2F2F2; --grey: #4D4D4D; --dark-grey: #333333; --main-yellow: #FECC02; --main-yellow-hover: #FED634; --main-red: #F73B3B; scroll-padding-top: 120px; }

html { font-size: 16px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html, body { padding: 0px; margin: 0px; }

body { font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, Helvetica, sans-serif; color: var(--black); font-weight: 500; line-height: 1.4; overflow-x: hidden; background-color: var(--light-grey); }

body.bg_dark { background-color: rgb(52, 55, 60); }

body:has(.overlay_box.vote.show), body:has(.overlay_box.message.show) { overflow: hidden; padding-right: 15px; }

*, ::before, ::after { box-sizing: border-box; }

a { color: var(--black); text-decoration: none; outline: none; }

a:focus { text-decoration: none; outline: none; }

a:link, a:active, a:visited, a:hover { text-decoration: none; }

button { color: var(--black); padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-decoration: none; background-color: transparent; outline: none; }

button:link, button:active, button:visited, button:hover, button:focus { text-decoration: none; outline: none; }

ul, li { list-style: none; margin: 0px; padding: 0px; }

img { max-width: 100%; }

iframe { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

@media screen and (min-width: 1031px) {
  body ::-webkit-scrollbar { width: 10px; }
  body ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.2); }
  body header ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.09); }
  ::selection { background-color: var(--main-yellow-hover); }
}

h1, h2, h3, h4, h5, h6 { margin: 0px; }

.sky_ad.ad_box { margin: 0px; }

.sky_ad img { display: block; width: 100%; }

.sky_ad_small { display: none; }

.sky_ad .sky_ad_switch { position: absolute; display: flex; align-items: center; top: 16px; right: 16px; color: rgb(255, 255, 255); font-size: 16px; line-height: 1.4; padding: 8px 18px; border-radius: 6px; background-color: rgba(29, 30, 32, 0.35); cursor: pointer; z-index: 5; }

.sky_ad .sky_ad_switch:hover { background-color: rgba(29, 30, 32, 0.64); }

.sky_ad .sky_ad_switch::after { font-family: ebc-icons; content: ""; margin: 3px -3px 0px 2px; }

.sky_ad .sky_ad_switch.collapse::after { content: ""; }

.container { width: calc(100% - 48px); max-width: 1380px; margin: 0px auto; }

header { position: sticky; top: -40px; left: 0px; width: 100%; z-index: 2500; }

header.shrink { pointer-events: none; }

.links_nav { height: 40px; background-color: var(--light-grey); }

header.shrink > * { pointer-events: auto; }

.links_nav .links_box { display: flex; align-items: center; }

.links_nav .container { height: 100%; }

.links_box { display: flex; margin-top: -2px; }

.links_box.icons { margin-top: 0px; }

.link { position: relative; }

.link::after { content: ""; position: absolute; top: 4px; right: 0px; height: 16px; border-right: 1px solid rgb(191, 191, 191); }

.link:last-child::after { display: none; }

.links_box:first-child .link:first-child a { margin-left: 0px; }

.links_box:last-child .link:last-child a { margin-right: 0px; }

.link a { color: rgb(128, 128, 128); font-size: 14px; font-weight: 500; line-height: 1; padding: 2px 5px 4px; margin: 0px 10px; }

.link a:hover { color: var(--dark-grey); }

.link a::before { display: inline-block; vertical-align: middle; font-size: 1.0625rem; }

.links_box.icons [class^="i_"]::before { font-size: 24px; line-height: 1.2; }

.links_box .social_media, .links_box .apps { position: relative; display: flex; }

.links_box .social_media { padding-right: 6px; margin-right: 6px; }

.links_box .social_media::after { content: ""; position: absolute; top: 6px; right: 0px; height: 16px; border-right: 1px solid rgb(191, 191, 191); }

.links_box .social_media .link a, .links_box .apps .link a { display: block; padding: 0px 6px; margin: 0px; }

.links_box .social_media .link::after, .links_box .apps .link::after { display: none; }

.social_media .i_facebook::before { color: rgb(24, 119, 242); }

.social_media .i_youtube::before { color: rgb(255, 3, 2); }

.social_media .i_instagram::before { background: radial-gradient(circle at 50% 107%, rgb(253, 244, 151) 0%, rgb(253, 244, 151) 5%, rgb(253, 89, 73) 45%, rgb(214, 36, 159) 65%, rgb(40, 90, 235) 90%) text; -webkit-text-fill-color: transparent; }

.social_media .i_line::before { color: rgb(0, 185, 0); }

.social_media .i_threads::before { color: rgb(0, 0, 0); }

.apps .i_apple::before { color: rgb(40, 53, 68); }

.apps .i_android::before { color: rgb(135, 197, 39); }

.social_media .i_google::before { background: conic-gradient(from 48deg at 40% center, rgb(66, 133, 244) 0deg, rgb(66, 133, 244) 90deg, rgb(52, 168, 83) 90deg, rgb(52, 168, 83) 186deg, rgb(251, 188, 5) 186deg, rgb(251, 188, 5) 260deg, rgb(234, 67, 53) 260deg, rgb(234, 67, 53) 360deg) text; -webkit-text-fill-color: transparent; }

header .container { display: flex; justify-content: space-between; align-items: center; }

header .navbar { background-color: var(--black); }

header .navbar .container { height: 70px; }

header .logo { position: relative; display: block; width: 185px; height: 100%; transform-origin: left center; transition: transform 0.3s, background-image 0.3s; }

header.shrink .logo { transform: translateY(-9px) scale(0.96); }

header .logo img { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; }

header .logo .logo_black { display: none; }

header .mobile_tool_nav, header .mobile_search_hotnews, header .mobile_search_ad { display: none; }

header .tool_nav { position: relative; display: flex; align-items: center; z-index: 110; transition: transform 0.3s; }

header.shrink .tool_nav { transform: translateY(-10px); }

.ebc_tv_header { display: none; }

.ebc_tv_icon { width: 58px; height: 24px; margin-right: 24px; background: url("../img/ebc_tv_icon.svg") center center / cover no-repeat; }

body.ebc_tv .ebc_tv_icon { pointer-events: none; }

header .search_box { position: relative; width: 300px; }

header .search { position: relative; }

header .search input { color: rgb(255, 255, 255); padding-left: 38px; border: 2px solid transparent; border-radius: 4px; background-color: var(--grey); }

header .search input:focus { border-color: var(--main-yellow); }

header .search .search_submit { position: absolute; top: 0px; left: 0px; width: 36px; height: 100%; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font-size: 18px; }

header .search .search_submit::before { margin-left: 5px; }

header .search_keywords { position: absolute; top: 100%; left: 0px; display: none; width: 100%; padding: 1rem 1rem 0.5rem; border-radius: 4px; border: 1px solid var(--grey); background-color: var(--black); z-index: 30; }

header .search_keywords.show { display: block; }

header .search_keywords a { color: var(--light-grey); margin: 0px 0.5rem 0.5rem 0px; border-color: var(--grey); }

header .search_keywords a:hover { border-color: rgb(153, 153, 153); background-color: var(--dark-grey); }

.sk_title { color: rgb(255, 255, 255); font-size: 0.813rem; margin-bottom: 0.5rem; }

input { width: 100%; height: 34px; color: var(--black); font-size: 16px; line-height: 1; padding: 0px 10px; border: 1px solid transparent; outline: none; }

::-webkit-input-placeholder { color: rgb(143, 143, 143); }

header .navigation { position: relative; border-top: 1px solid var(--grey); border-bottom: 1px solid var(--grey); background-color: var(--black); transition: transform 0.3s; }

header .navigation.fix_transition * { transition: none !important; }

header.shrink .navigation { transform: translateY(-18px); }

header .navigation .container { position: relative; justify-content: flex-start; padding-left: 52px; }

header .navigation .container::before { content: ""; position: absolute; top: 0px; left: 42px; height: 100%; border-right: 1px solid var(--grey); }

header .navigation .container::after { content: ""; flex-shrink: 0; display: block; width: 120px; height: 20px; }

header .navigation .container:has(.widget_box)::after { display: none; }

header .navigation .container .breaking_news_menu ul { display: flex; }

header .navigation .container .breaking_news_menu ul li a { color: var(--main-yellow); white-space: nowrap; }

.main_nav_box { display: flex; }

.main_nav_box, .main_nav, nav { overflow-x: hidden; }

nav ul { display: inline-flex; }

header .navigation .container ul li a, .menu_more .menu_more_btn { position: relative; display: flex; justify-content: center; align-items: center; white-space: nowrap; color: rgb(255, 255, 255); font-size: 16px; height: 48px; padding: 0px 17px; }

header .navigation .container ul li.has_submenu a { padding: 0px 4px 0px 14px; }

header .navigation .container ul li a::before, .menu_more .menu_more_btn::before, ul#popup_menu li a::before { content: ""; position: absolute; bottom: 0px; left: calc(50% + 1px); width: calc(100% - 15px); height: 2px; opacity: 0; transform: translate(-50%, 0px); background-color: var(--main-yellow); transition: opacity 0.26s, transform 0.26s; }

header .navigation .container ul li.has_submenu a::before, .menu_more .menu_more_btn::before { left: calc(50% + 3px); width: calc(100% - 9px); }

ul#popup_menu li a::before { left: 50%; }

header .navigation .container ul li a.active::before, header .navigation .container ul li a.current::before, header .navigation .container .breaking_news_menu ul li a:hover::before, ul#popup_menu li a:hover::before { opacity: 1; transform: translate(-50%, -7px); }

header nav ul li.has_submenu a::after, header .navigation .container .menu_more .menu_more_btn::after { font-family: ebc-icons; content: ""; color: rgb(153, 153, 153); width: 16px; margin: 2px 0px 0px 3px; }

header .navigation .container:has(.main_nav ul li a.active, .menu_more:hover) ul li a.current:not(.active)::before { opacity: 0; transform: translate(-50%, 0px); }

ul#menu li { position: relative; }

ul#menu li.moving { opacity: 0; visibility: hidden; }

ul#menu li.sortable-chosen { background-color: transparent; }

ul#menu li.hide { opacity: 0; visibility: hidden; }

ul#menu li a.active { z-index: 140; }

.menu_more { position: relative; opacity: 0; visibility: hidden; }

@media screen and (min-width: 1031px) {
  ul#menu li:nth-last-child(1), ul#menu li:nth-last-child(2) { opacity: 0; visibility: hidden; }
  .menu_more.show { opacity: 1; visibility: visible; }
}

.menu_more .menu_more_btn { cursor: pointer; padding: 0px 0px 0px 13px; margin-right: 13px; }

.menu_more .menu_more_btn::before { left: 9px; width: calc(100% - 6px); transform: translate(0px, 0px); }

.menu_more:hover .menu_more_btn::before { opacity: 1; transform: translate(0px, -7px); }

header .navigation .container .menu_more ul { position: absolute; top: 100%; left: 0px; opacity: 0; visibility: hidden; min-width: 130px; border: 1px solid var(--grey); background-color: var(--dark-grey); z-index: 10; transition: opacity 0.1s, visibility 0.1s; }

header .navigation .container .menu_more:hover ul { opacity: 1; visibility: visible; }

header .navigation .container .menu_more ul li a { height: auto; justify-content: flex-start; padding: 8px 20px; border-bottom: 1px solid var(--grey); transition: padding 0.26s; }

header .navigation .container .menu_more ul li:last-child a { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

header .navigation .container .menu_more ul li a:hover { padding: 8px 14px 8px 26px; }

header .navigation .container .menu_more ul li a::before { top: 50%; left: 16px; width: 2px; height: 56%; transform: translate(0px, -45%) !important; }

header .navigation .container .menu_more ul li a.current::before { opacity: 0; }

header .navigation .container .menu_more ul li a:hover::before { opacity: 1 !important; }

.widget_box { flex-shrink: 0; display: flex; align-items: center; margin-left: auto; }

.weather_box { position: relative; width: 124px; height: 48px; overflow: hidden; }

.weather { display: flex; align-items: center; height: 100%; color: var(--light-grey); font-size: 12px; white-space: nowrap; }

.weather div { margin-right: 6px; }

.weather_city { margin-bottom: 6px; }

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

.weather_icon img { display: block; width: 29px; height: 29px; }

.weather_temp { display: flex; font-family: Inter; font-size: 20px; font-weight: 600; line-height: 1; margin-top: 2px; }

.weather_temp::after { content: "°C"; font-size: 12px; font-weight: 500; }

.weather_link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; }

.login_btn { display: flex; justify-content: center; align-items: center; color: var(--dark-grey); font-size: 14px; font-weight: bold; white-space: nowrap; padding: 4px 10px; margin-left: 10px; border-radius: 4px; background-color: var(--main-yellow); }

.login_btn::before { font-size: 17px; margin: 1px 2px 0px -2px; }

.popup_menu_toggle { position: absolute; top: 0px; left: -14px; width: 56px; height: 48px; flex-shrink: 0; z-index: 100; }

.open_popup_menu .popup_menu_toggle { width: 110px; }

.popup_menu_toggle div { position: absolute; top: 50%; left: 47px; color: rgb(255, 255, 255); font-size: 1rem; white-space: nowrap; transform: translateY(-50%); opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; }

.open_popup_menu .popup_menu_toggle div { opacity: 1; visibility: visible; }

.popup_menu_toggle span, .popup_menu_toggle::before, .popup_menu_toggle::after { position: absolute; left: 14px; display: block; width: 20px; height: 2px; background-color: rgb(234, 236, 240); transition: 0.2s; }

.popup_menu_toggle::before { content: ""; top: 17px; }

.popup_menu_toggle span { top: 23px; }

.popup_menu_toggle::after { content: ""; top: 29px; }

.open_popup_menu .popup_menu_toggle::before { top: 24px; width: 23px; transform: rotate(45deg); background-color: rgb(255, 255, 255); }

.open_popup_menu .popup_menu_toggle span { opacity: 0; }

.open_popup_menu .popup_menu_toggle::after { top: 24px; width: 23px; transform: rotate(-45deg); background-color: rgb(255, 255, 255); }

.popup_menu_wrap { position: absolute; top: 0px; left: 0px; width: 100%; max-height: calc(-107px + 100vh); display: block; color: rgb(255, 255, 255); margin: 0px; background-color: var(--black); overflow: hidden auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; z-index: 20; transition: opacity 0.2s, visibility 0.2s; }

header.shrink .popup_menu_wrap { max-height: calc(-49px + 100vh); }

.open_popup_menu .popup_menu_wrap { opacity: 1; visibility: visible; }

.popup_menu_box { padding: 3.6rem 0px 8rem; }

@media screen and (min-width: 1031px) {
  header .search_long_box { margin-bottom: 2rem; }
  header .search.search_long { position: relative; max-width: 42.5rem; margin: 0px auto 0.75rem; }
  header .search.search_long input { width: 100%; height: auto; color: rgb(255, 255, 255); font-size: 1.125rem; padding: 0.75rem 0.2rem; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(255, 255, 255); border-image: none; border-radius: 0px; background-color: transparent; }
  header .search.search_long input::-webkit-input-placeholder { color: var(--grey); }
  header .search.search_long .search_submit { position: absolute; top: 0px; left: auto; right: 0px; width: auto; height: 100%; color: rgb(255, 255, 255); padding: 0px 0.75rem; font-size: 1.5rem; }
  header .search_long_box .keywords { max-width: 42.5rem; margin: 0px auto; }
}

header .search_long_box .keywords a { color: var(--light-grey); border: 1px solid var(--grey); }

header .search_long_box .keywords a:hover { border-color: rgb(153, 153, 153); background-color: var(--dark-grey); }

ul#popup_menu { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 1.5rem; }

.popup_menu_box.sorting ul#popup_menu::before { content: "熱門"; }

.popup_menu_box.sorting ul#popup_menu::after { content: "即時"; order: -1; }

ul#popup_menu li { position: relative; }

ul#popup_menu li.active { opacity: 0; visibility: hidden; }

.popup_menu_box.sorting ul#popup_menu li { cursor: move; }

.popup_menu_box.sorting ul#popup_menu li.not_draggable { display: none; }

ul#popup_menu li a::before { bottom: 0.3rem; }

.popup_menu_box.sorting ul#popup_menu li a { pointer-events: none; }

.popup_menu_box.sorting ul#popup_menu li a::before { display: none; }

ul#popup_menu li a, .popup_menu_box.sorting ul#popup_menu::before, .popup_menu_box.sorting ul#popup_menu::after { display: block; color: rgb(255, 255, 255); font-size: 1.375rem; font-weight: bold; white-space: nowrap; padding: 0.5rem 0.75rem; margin: 0.625rem 0.563rem; border-radius: 4px; border: 1px dashed transparent; }

.popup_menu_box.sorting ul#popup_menu li a { border-color: var(--grey); }

.category_thumbnail { position: relative; height: 5rem; margin-top: -9.5rem; overflow: hidden; transition: transform 0.3s; }

.popup_menu_box.sorting .category_thumbnail { transform: translateY(5rem); }

.category_thumbnail ul { display: flex; flex-wrap: wrap; justify-content: center; }

.category_thumbnail ul li { margin: 0.5rem; }

.category_thumbnail ul li a { display: flex; justify-content: center; align-items: center; width: 10rem; height: 4rem; color: rgb(255, 255, 255); border-radius: 6px; border: 1px solid transparent; overflow: hidden; transition: 0.2s; }

.category_thumbnail ul li a:hover { color: var(--main-yellow); border-color: rgb(153, 153, 153); }

.category_thumbnail ul li a span { text-align: center; z-index: 3; }

.category_thumbnail ul li a::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 2; transition: background-color 0.2s; }

.category_thumbnail ul li a:hover::after { background-color: rgba(0, 0, 0, 0.8); }

.category_thumbnail ul li a img { z-index: 1; }

.sorting_btn_box > div { width: 100%; }

.sorting_btn_box .sorting_options { opacity: 0; pointer-events: none; margin-bottom: 2rem; transition: opacity 0.3s; }

.popup_menu_box.sorting .sorting_btn_box .sorting_options { opacity: 1; pointer-events: auto; }

.sorting_btn_box .sorting_toggle { transition: opacity 0.3s; }

.popup_menu_box.sorting .sorting_btn_box .sorting_toggle { opacity: 0; pointer-events: none; }

.sorting_btn_box .btn { color: rgb(153, 153, 153); border-color: var(--grey); margin: 0.5rem 0.25rem; }

.sorting_btn_box .btn:hover { color: rgb(204, 204, 204); border-color: rgb(119, 119, 119); background-color: transparent; }

.sorting_btn_box .btn.no_border { color: rgb(204, 204, 204); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--dark-grey); }

.sorting_btn_box .btn.no_border:hover { background-color: rgb(68, 68, 68); }

.sorting_btn_box .btn.sorting_btn { font-size: 1rem; }

.sorting_btn::before { margin: 3px 3px 0px 0px; }

.popup_menu_footer { padding: 1.5rem; border-top: 1px solid var(--grey); }

.pm_footer_box { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1050px; margin: 0px auto 1.5rem; }

.pm_footer_box:last-child { margin-bottom: 1rem; }

.pm_footer_box a { color: rgb(230, 230, 230); margin: 0.375rem; }

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

.social_media_s2 span { font-size: 1rem; margin: 0.375rem; }

.social_media_s2 a { color: rgb(230, 230, 230); line-height: 1; margin: 0.375rem; }

.social_media_s2 a::before { font-size: 1.875rem; }

.apps_s2 { display: flex; }

.apps_s2 a { display: block; height: 2.375rem; margin: 0.375rem; }

.apps_s2 a img { height: 100%; }

.pm_footer_menu a { font-size: 14px; margin-right: 1rem; }

.pm_footer_menu a:hover { color: var(--main-yellow); }

.pm_footer_box .copyright { font-size: 12px; padding-top: 0px; }

.submenu_box { position: absolute; top: 100%; left: 50%; width: 100%; max-width: 60rem; max-height: 0px; color: rgb(255, 255, 255); overflow: hidden; opacity: 0; visibility: hidden; z-index: 130; transform: translateX(-45%); transition: max-height 0.26s, opacity 0.1s, visibility 0.1s; }

.submenu_box.loading { height: 432px; }

.submenu_box.loading::before { position: absolute; top: 200px; left: 50%; margin: -20px 0px 0px -20px; z-index: 30; }

.submenu_box.loading::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--dark-grey); z-index: 20; }

.main_nav:hover .submenu_box { max-height: 432px; opacity: 1; visibility: visible; }

.submenu { width: 100%; max-height: calc(-151px + 100vh); display: flex; flex-wrap: wrap; overflow-y: scroll; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; background-color: var(--dark-grey); }

header.shrink .submenu { max-height: calc(-92px + 100vh); }

.submenu_tabs { width: 11.6rem; flex-shrink: 0; padding: 1rem 0px 1rem 1.2rem; border-right: 1px solid var(--grey); }

.submenu_tabs button { position: relative; display: block; width: 100%; color: rgb(255, 255, 255); font-size: 1rem; text-align: left; letter-spacing: 0.3px; padding: 0.65rem 1rem 0.65rem 0.5rem; }

.submenu_tabs button.active { font-weight: 700; }

.submenu_tabs button::before { content: ""; position: absolute; top: 0.7rem; left: 0.5rem; width: 2px; height: calc(100% - 1.3rem); opacity: 0; background-color: var(--main-yellow); transition: opacity 0.26s; }

.submenu_tabs button:hover::before, .submenu_tabs button.active::before { opacity: 1; }

.submenu_tabs button span { display: block; transition: transform 0.26s; }

.submenu_tabs button:hover span, .submenu_tabs button.active span { transform: translateX(0.7rem); }

.submenu_content { position: relative; width: calc(100% - 11.6rem); padding: 1.5rem calc(-10px + 5rem) 1.5rem 5rem; }

.submenu .section_title { margin-bottom: 1rem; border-bottom: 1px solid var(--grey); }

.submenu .section { display: none; margin-bottom: 2rem !important; }

.submenu .section_title div, .submenu .section_title h2 { color: var(--main-yellow); font-size: 1.125rem; padding-bottom: 0.25rem; margin-bottom: -1px; border-width: 3px; }

.submenu .submenu_post { margin-bottom: 1.3rem; }

.submenu .item.row_box .item_img { width: 16.375rem; aspect-ratio: 16 / 10; background-color: rgb(34, 34, 34); }

.submenu .item.row_box .item_title { color: rgb(255, 255, 255); font-size: 1.25rem; }

.submenu .submenu_nav button { position: absolute; top: 50%; width: calc(-10px + 5rem); height: 100%; color: rgb(255, 255, 255); font-size: 2.5rem; opacity: 0.6; transform: translateY(-50%); transition: opacity 0.1s; }

.submenu .submenu_nav button:hover { opacity: 1; }

.submenu .submenu_nav button.submenu_btn_next { right: 0px; }

.submenu .submenu_nav button.submenu_btn_prev { left: 10px; }

.submenu_box_bg { position: fixed; top: -111px; left: 0px; width: 100%; height: calc(111px + 100vh); background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; pointer-events: none; z-index: 120; transition: opacity 0.26s, visibility 0.26s; }

.submenu_box_bg.show { opacity: 1; visibility: visible; }

main > h1 { display: none; font-size: 0px; }

.content_wrapper { position: relative; padding: 2.5rem 0px; background-color: rgb(255, 255, 255); }

.content_wrapper.top_wrapper { padding-top: 1.5rem; }

.content_wrapper.article_wrapper { padding-top: 0px; margin-top: 1.25rem; }

.content_wrapper.content_full_wrapper .content_box .content.pr25::before { display: none; }

.content_wrapper:last-child { padding-bottom: 4.5rem !important; }

.content_wrapper:has(.recommend_box) { padding-top: 1.5rem; margin-top: 0px; }

body:has(.recommend_box) { background-color: var(--light-grey) !important; }

.bg_white { background-color: rgb(255, 255, 255); }

.bg_grey { background-color: rgb(230, 230, 230); }

.bg_light_grey { background-color: var(--light-grey); }

.bg_dark_grey { background-color: rgb(30, 31, 33); }

.content { position: relative; width: calc(100% - 300px); padding-right: 2.5rem; }

.content.full { width: 100% !important; padding: 0px !important; }

.sidebar { width: 300px; flex-shrink: 0; }

.img_wrap { position: relative; }

.img_wrap img, .item_img img, .news_box_img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.btn { display: flex; justify-content: center; align-items: center; min-height: 36px; color: rgb(128, 128, 128); text-align: center; font-size: 0.9375rem; padding: 0.375rem 1.25rem; border-radius: 4px; border: 1px solid rgb(204, 204, 204); }

.btn:hover { color: var(--dark-grey); border-color: var(--grey); background-color: rgb(247, 247, 247); }

.btn_small { min-height: auto; line-height: 1; border-radius: 14px; font-size: 13px !important; padding: 5px 14px !important; }

.btn_small.i_plus::before { font-size: 14px; margin: 0px 2px 0px -3px; }

.btn_more::after { font-family: ebc-icons; content: ""; line-height: 1; padding: 3px; margin: 0px 0px 0px 4px; border-radius: 50%; background-color: var(--light-grey); }

.btn_more:hover::after { background-color: rgb(230, 230, 230); }

.bg_dark_grey .btn_expand { width: 100%; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--grey); color: rgb(255, 255, 255) !important; }

.bg_dark_grey .btn_expand:hover { background-color: rgb(89, 89, 89); }

.btn_expand::after { font-family: ebc-icons; content: ""; font-size: 1.2rem; line-height: 1; padding: 3px; margin: 0px 0px 0px 4px; border-radius: 50%; }

.btn.btn_arrow_r::after { font-family: ebc-icons; content: ""; line-height: 1; margin: 2px 0px 0px 3px; }

.btn_circle { position: relative; width: 34px; height: 34px; border-radius: 50%; }

.btn_circle::before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; font-size: 22px; color: var(--grey); border-radius: 50%; border: 1px solid transparent; }

.btn_circle:hover::before { background-color: var(--light-grey); }

.bg_dark_grey .btn_circle::before { color: rgb(255, 255, 255); border-color: var(--grey); background-color: rgb(30, 31, 33); }

.bg_dark_grey .btn_circle:hover::before { background-color: var(--grey); }

.btn.btn_white { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }

.btn.btn_hover_yellow:hover { color: var(--main-yellow) !important; border-color: var(--main-yellow) !important; background-color: var(--black) !important; }

.btn.btn_hover_yellow:hover::after { color: var(--main-yellow); }

.btn.btn_yellow { color: var(--black); border-color: var(--main-yellow); background-color: var(--main-yellow); }

.btn.btn_yellow:hover { border-color: var(--main-yellow-hover); background-color: var(--main-yellow-hover); }

.btn.btn_yellow.i_arrow_right { padding: 0.375rem 1.375rem; }

.btn.btn_green { color: rgb(255, 255, 255); border-color: green; background-color: green; }

.btn.btn_green:hover { border-color: rgb(0, 140, 0); background-color: rgb(0, 140, 0); }

.btn.btn_red { color: rgb(255, 255, 255); border-color: var(--main-red); background-color: var(--main-red); }

.btn.btn_red:hover { border-color: var(--main-red); background-color: var(--main-red); }

.btn_red.btn_outline { color: var(--main-red); border-color: var(--main-red); background-color: rgb(255, 255, 255); }

.btn_red.btn_outline:hover { color: rgb(255, 255, 255); }

.btn_radius { display: inline-block; color: rgb(255, 255, 255); font-size: 13px; padding: 4px 14px; border-radius: 14px; background-color: rgb(64, 64, 64); }

.btn_radius:hover { background-color: var(--grey); }

.btn_box { display: flex; flex-wrap: wrap; }

.btn_box_row { display: flex; width: 100%; }

.btn_box.flex_align_center .btn_box_row { justify-content: center; }

.btn_text { color: rgb(112, 112, 255); font-size: 1.125rem; transition: text-decoration-color 0.12s; text-decoration-color: transparent !important; }

.btn_text:hover { text-decoration-line: underline; text-decoration-style: initial; text-underline-offset: 6px; text-decoration-thickness: 2px; text-decoration-color: var(--main-yellow) !important; }

.topic_slider_box .btn { display: inline-flex; padding: 0.5rem 2rem; border-color: rgb(204, 204, 204) !important; }

.more { position: absolute; top: -44px; right: 0px; display: flex; justify-content: center; align-items: center; color: rgb(102, 102, 102); font-size: 13px; padding: 4px 12px 4px 13px; border-radius: 22px; }

.more:hover { color: var(--dark-grey); background-color: rgb(230, 230, 230); }

.more::after { font-family: ebc-icons; content: ""; margin: 0px 0px 0px 6px; }

.more.static { position: static; }

.submenu .more { bottom: -1.875rem; right: 0px; color: var(--main-yellow); top: auto !important; }

.popular_news .more { top: -32px; }

.bg_grey .more, .bg_light_grey .more { color: var(--grey); }

.bg_grey .more:hover { color: var(--dark-grey); background-color: var(--light-grey); }

.bg_dark_grey .more { color: var(--main-yellow); }

.bg_dark_grey .more:hover, .submenu .more:hover { color: rgb(255, 255, 255); background-color: var(--grey); }

.align_left { text-align: left; }

.align_center { text-align: center; }

.align_right { text-align: right; }

.flex_align_left { display: flex; justify-content: flex-start; }

.flex_align_center { display: flex; justify-content: center; }

.flex_align_right { display: flex; justify-content: flex-end; }

.news_flash, .text_ad, .latest::before, .latest::after, .content.pr25::before { position: relative; width: 100%; height: 3rem; overflow: hidden; padding: 0px 3.125rem 0px 5.6rem; border-radius: 4px; background-color: var(--main-red); }

.news_flash, .latest::before, .content.pr25::before { flex-grow: 1; margin-bottom: 1.25rem; }

.news_flash .news_flash_label { position: absolute; top: 50%; left: 0.75rem; display: flex; justify-content: center; align-items: center; color: var(--main-red); font-size: 1rem; width: 3.5rem; height: 1.75rem; transform: translateY(-50%); pointer-events: none; }

.news_flash .news_flash_label::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background: url("../img/arrow_label.svg") center center / contain no-repeat; }

@keyframes arrowRight { 
  0% { transform: translateX(0px); }
  18% { transform: translateX(0.7rem); }
  28% { transform: translateX(0.7rem); }
  50% { transform: translateX(0px); }
  100% { transform: translateX(0px); }
}

.news_flash .news_flash_label::before { content: ""; position: absolute; top: 0px; right: 0px; width: 0.6875rem; height: 100%; z-index: 1; background: url("../img/arrow_label_r.svg") center center / contain no-repeat; animation: 2.5s ease 0s infinite normal none running arrowRight; }

.news_flash .news_flash_label span { position: relative; margin-left: -0.2rem; z-index: 3; }

.news_flash .swiper-wrapper { flex-direction: column; }

.news_flash .swiper-slide { height: 100%; }

.news_flash .swiper-slide a, .text_ad .swiper-slide a { display: flex; align-items: center; height: 100%; color: rgb(255, 255, 255); }

.news_flash .swiper-slide a .news_flash_text, .text_ad .swiper-slide a span { font-size: 1.0625rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -2px; }

.news_flash .swiper-slide a .time { color: rgb(253, 206, 206); flex-shrink: 0; white-space: nowrap; margin-top: 0px; margin-left: 0.75rem; }

.news_flash .arrow_btn { position: absolute; top: 0px; right: 0px; width: 3.125rem; height: 1.5rem; color: rgb(255, 255, 255); line-height: 1; display: flex; justify-content: center; align-items: center; overflow: hidden; cursor: pointer; z-index: 10; }

.news_flash .arrow_btn::before { font-size: 1.25rem; }

.news_flash .arrow_btn.swiper-button-disabled { display: none; }

.news_flash .news_flash_next { top: 1.563rem; }

.news_flash .news_flash_next::before { margin-bottom: 0.625rem; }

.news_flash .news_flash_prev::before { margin-top: 0.625rem; }

.swiper-container :focus { text-decoration: none; outline: none; }

.swiper-pagination :focus, .swiper-button-prev:focus, .swiper-button-next:focus { text-decoration: none; outline: none; }

.content_box { display: flex; width: 100%; margin-bottom: 2rem; }

.content_box:last-child { margin-bottom: 0px; }

.content_box.latest_box { display: block; margin-bottom: 2rem; }

.content_box.focus_box { margin-bottom: 0px; }

.latest { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding-right: 0px; }

.latest.category { justify-content: flex-start; }

main:has(.news_flash) .latest::before, main:has(.news_flash) .content.pr25::before { content: ""; display: block; }

main:has(.news_flash):has(.text_ad_box) .latest::before { flex-grow: 0; width: calc(100% - 300px - 1.5rem); }

main:has(.news_flash):has(.text_ad_box) .latest::after { content: ""; display: block; position: absolute; top: 0px; right: 0px; width: 300px; }

main:has(.news_flash) .latest:has(.news_flash)::before, main:has(.news_flash):has(.text_ad_box) .latest:has(.text_ad_box)::after, main:has(.news_flash) .content.pr25:has(.news_flash)::before { display: none; }

.latest_news_bar { display: flex; width: 100%; align-items: flex-start; }

main > .latest_news_bar { display: none; }

.latest .section { margin-bottom: 0px; }

.latest_news { flex-shrink: 0; width: 55.073%; }

.category .latest_news { min-height: 587px; }

@media screen and (min-width: 1031px) {
  .latest_news > div:last-child { margin-bottom: 0px; }
}

.latest_news .hot_keywords { margin: 1rem 0px; }

.latest_news .section { margin-bottom: 0px !important; }

.slider_box { position: relative; margin-bottom: 1rem; }

.slider { background-color: rgb(230, 230, 230); }

.slider img { display: block; }

.slider .swiper-slide a { position: relative; display: block; aspect-ratio: 16 / 9; background-color: rgb(203, 203, 203); }

.slider .swiper-slide a::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%); z-index: 3; opacity: 0.8; transition: opacity 0.48s; }

.slider .swiper-slide a:hover::after { opacity: 0.9; }

.slider .swiper-slide a img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 2; transition: transform 0.48s; }

.slider .swiper-slide a:hover img { transform: scale(1.08); }

.slider .slide_text { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 2.8rem 2rem; z-index: 4; }

.slider .slide_text .slide_label { position: static; margin-bottom: 0.5rem; }

.slider .slide_text .slide_title { position: relative; display: -webkit-box; color: rgb(255, 255, 255); font-size: 1.625rem; font-weight: bold; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.swiper-button-next, .swiper-button-prev { display: flex; justify-content: center; align-items: center; top: 50%; width: auto; height: 4.5rem; color: rgb(255, 255, 255); font-size: 2.875rem; margin-top: 0px; transform: translateY(-50%); background: none; transition: background-color 0.1s; }

.swiper-button-next { right: 0px; }

.swiper-button-prev { left: 0px; }

.swiper-button-next:hover, .swiper-button-prev:hover { background-color: var(--black); }

.swiper-button-next::before, .swiper-button-prev::before { text-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.16; }

.swiper-pagination { display: flex; justify-content: center; width: 100%; text-align: center; padding: 0px 1.75rem 1rem; bottom: 0px !important; }

.swiper-pagination .swiper-pagination-bullet { flex-grow: 1; height: 0.375rem; border-radius: 2px; opacity: 0.3; background-color: rgb(191, 191, 191); margin: 0px 0.25rem !important; }

.slider .swiper-pagination .swiper-pagination-bullet { transition: opacity 0.1s; }

.swiper-pagination .swiper-pagination-bullet:hover { opacity: 0.5; }

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background-color: var(--main-yellow); }

.swiper-button-lock, .swiper-pagination-lock { display: none; }

.section, section { position: relative; margin-bottom: 1.5rem; }

.section:empty, section:empty { margin-bottom: 0px; }

@media screen and (min-width: 1031px) {
  .section:not(:has(*)), section:not(:has(*)) { margin-bottom: 0px; }
}

.section:last-child, section:last-child { margin-bottom: 0px; }

.video_topic, .video_content .section, .video_content section { padding-top: 2.5rem; margin: 2.5rem 0px; border-top: 4px solid var(--grey); }

.video_content .section:first-child, .video_content section:first-child { padding-top: 0px; margin-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.section_content { position: relative; }

.section_title { margin-bottom: 0.75rem; }

.section_title h2, .section_title div { display: inline-flex; align-items: center; color: var(--black); font-size: 1.5rem; font-weight: 700; line-height: 1.4; letter-spacing: 0.3px; padding-bottom: 0.12rem; border-bottom: 3px solid var(--main-yellow); }

.section_title h2::before, .section_title div::before { line-height: 1; margin: 5px 6px 0px 0px; }

.latest .section_title h2, .latest .section_title div { font-size: 1.125rem; }

.bg_dark_grey .section_title h2, .bg_dark_grey .section_title div, .bg_dark_grey .section_title h2 a, .bg_dark_grey .section_title div a { color: rgb(255, 255, 255); }

h2.icon_youtube::before { content: ""; display: inline-block; width: 28px; height: 28px; margin-top: 3px; background: url("../img/icon_youtube.svg") center center / contain no-repeat; }

.keywords, .hashtags { display: flex; flex-wrap: wrap; }

.keywords a, .hashtags a { color: rgb(92, 92, 255); font-size: 0.9375rem; font-weight: normal; padding: 0.313rem 0.75rem; margin: 0px 0.75rem 0.75rem 0px; border-radius: 4px; border: 1px solid rgb(204, 204, 255); }

.keywords a:hover, .hashtags a:hover { background-color: rgb(245, 245, 255); }

.keywords.gold a, .hashtags.gold a { color: rgb(143, 102, 61); border-color: rgb(224, 204, 184); }

.keywords.gold a:hover, .hashtags.gold a:hover { background-color: rgb(247, 243, 240); }

.hot_news { width: 15%; flex-grow: 1; margin-left: 1.5rem; }

.category .hot_news { width: calc(44.927% - 300px - 3rem); flex-grow: 0; }

.category .hot_news .section { height: 100%; max-height: 587px; }

.category .hot_news .section_title { margin-bottom: 0px; }

.hot_news .tab_header { position: relative; display: flex; overflow: hidden; padding: 0px; margin-bottom: 0px; }

.hot_news .tab_header button { display: inline-block; color: rgb(204, 204, 204); font-size: 1.125rem; font-weight: 700; line-height: 1.4; white-space: nowrap; letter-spacing: 0.3px; padding: 0px 0px 0.12rem; margin: 0px 0.75rem 0px 0px; border-radius: 0px; border-width: medium medium 3px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; transition: color 0.1s; background-color: transparent !important; }

.hot_news .tab_header button:hover { color: rgb(170, 170, 170); }

.hot_news .tab_header .swiper-slide-thumb-active button { color: var(--black); }

.hot_news .tab_header .swiper-slide { width: auto !important; }

.hot_news .tab_header .bottom_highlight { position: absolute; bottom: 0px; left: 0px; min-width: 2.313rem; height: 3px; background-color: var(--main-yellow); transition: left 0.3s, width 0.3s; }

.list_slider { overflow: hidden; }

.list_slider .item { padding: 0.72rem 0px; border-bottom: 1px solid rgb(230, 230, 230); }

.list_slider .item .item_img { display: none; }

@media screen and (min-width: 1261px) {
  .list_slider { padding-top: 3px; }
  .list_slider ul li { position: relative; }
  .list_slider .item.row_box .item_text { padding-left: 0px; }
  .list_slider .item .item_title { min-height: 45px; font-size: 16px; line-height: 1.4; }
  .list_slider ul li a span { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .list_slider .item .item_time { position: absolute; bottom: 0.8rem; right: 0px; justify-content: flex-end; padding-top: 7px; margin: 0px; background-color: rgb(255, 255, 255); pointer-events: none; }
}

.text_ad_box { position: relative; width: 100%; flex-shrink: 0; margin-bottom: 1.25rem; z-index: 20; }

.news_flash + .text_ad_box { width: 300px; margin-left: 1.5rem; }

.text_ad, .latest::after { padding: 0px; border: 1px solid rgb(204, 204, 204); background-color: var(--light-grey); }

.text_ad .swiper-slide a { color: var(--dark-grey); font-weight: 400; padding: 0px 2.5rem 0px 1rem; background-color: var(--light-grey); }

.text_ad_more { position: absolute; top: 0px; right: 0px; color: rgb(204, 204, 204); font-size: 1.375rem; width: 2.5rem; height: 100%; z-index: 2; }

.text_ad_more:hover, .text_ad_box.open_options .text_ad_more { color: var(--grey); }

.text_ad_more::before { font-family: ebc-icons; content: ""; margin-right: 5px; }

.text_ad_box.open_options .text_ad_more::before { content: ""; }

.text_ad_options { position: absolute; top: calc(100% - 3px); left: 0px; width: 100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(204, 204, 204) rgb(204, 204, 204); border-image: none; overflow: hidden; backdrop-filter: blur(10px); background-color: rgba(242, 242, 242, 0.82); opacity: 0; visibility: hidden; z-index: 3; }

.text_ad_box.open_options .text_ad_options { opacity: 1; visibility: visible; }

.text_ad_options a { display: block; color: var(--dark-grey); font-weight: 400; padding: 0.6rem 1rem; }

.text_ad_options a:hover { background-color: rgba(0, 0, 0, 0.08); }

.live_stream_box, .popular_news { flex-shrink: 0; width: 300px; margin-left: 1.5rem; }

.live_stream_box .section_body { padding: 0.75rem; background-color: var(--light-grey); }

.live_stream { position: relative; padding-bottom: 2rem; overflow: hidden; }

.live_stream .section_content { background-color: var(--light-grey); }

.live_stream .swiper-slide .video_wrap:last-child { margin-bottom: 0px; }

.live_stream .swiper-pagination .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; border-radius: 0.25rem; }

.video_wrap { display: flex; justify-content: center; max-width: 100%; margin-top: 0.5rem; }

.video_box { flex-shrink: 0; width: 676px; padding-right: 1.25rem; }

.video_box .video { position: relative; aspect-ratio: 16 / 9; margin-bottom: 12px; overflow: hidden; background-color: rgb(10, 10, 10); }

.video_box .video iframe { width: 100%; height: 100%; }

.video_title { display: -webkit-box; color: rgb(255, 255, 255); font-size: 1.25rem; margin-top: 12px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.video_title.live::before { vertical-align: top; font-size: 0.938rem; margin-top: 5px; }

.video_list_wrap { position: relative; height: 387px; }

.video_list_box { height: calc(100% - 16px); overflow: hidden; }

.video_list { transition: transform 0.3s; }

.video_list .item.row_box { align-items: normal; height: 113px; padding: 9px 10px; margin-bottom: 16px; border-radius: 4px; background: var(--dark-grey); }

.video_list .item.row_box.active { background-color: rgb(102, 102, 102); }

.video_list .item.row_box .item_img { width: 49%; aspect-ratio: auto; background-color: rgb(10, 10, 10); }

.video_list .item.row_box .item_title { font-size: 16px; font-weight: normal; -webkit-line-clamp: 3; color: rgb(255, 255, 255) !important; }

.video_list .item.row_box .live { color: rgb(204, 204, 204); font-size: 12px; margin-top: 7px; }

.video_list .item.row_box .live::before { margin-right: 2px; }

.video_list .item.row_box .item_time, .video_list .item.row_box .item_views { font-size: 12px; }

.video_list_controls { position: absolute; bottom: -32px; right: 0px; user-select: none; }

.video_list_controls button { margin-left: 6px; }

.video_list_controls button.disable { opacity: 0.3; pointer-events: none; }

.video_latest_box .item.video .item_title::before { display: none; }

.video_topic { position: relative; }

.video_topic .more { top: 45px !important; }

.ls_btn { top: auto; bottom: -3px; height: auto; background-color: transparent !important; }

.ls_btn::before { color: rgb(187, 187, 187); font-size: 1.5rem; text-shadow: none; }

.ls_btn:hover::before { color: rgb(136, 136, 136); }

.mobile_vote { display: none; }

.text_news { position: relative; top: -0.5rem; }

.content_wrapper.bg .text_news { top: 0px; padding: 0.3rem 0.75rem; border-radius: 4px; background-color: rgb(255, 255, 255); }

.text_news a, .popular_news .item { display: flex; align-items: center; padding: 1rem 0px; border-bottom: 1px dashed rgb(204, 204, 204); }

.text_news a { padding: 10px 0px; }

.text_news.s2 a { border-bottom: 1px solid rgb(230, 230, 230); }

.popular_news ul { margin-top: -0.5rem; }

.popular_news .item { min-height: 68px; padding: 0.72rem 0px; }

.sidebar .text_news ul li:last-child a { padding-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.content_wrapper.bg .sidebar .text_news ul li:last-child a { padding-bottom: 1rem; }

.text_news a .num, .popular_news .item .num { font-family: Inter; display: flex; justify-content: center; flex-shrink: 0; width: 24px; color: rgb(204, 204, 204); font-size: 2.5rem; font-weight: 300; margin-right: 0.75rem; }

.text_news li:not(:nth-child(1), :nth-child(2), :nth-child(3)) a .num, .popular_news li:not(:nth-child(1), :nth-child(2), :nth-child(3)) .item .num { color: rgb(230, 230, 230); }

.bg_dark_grey .text_news a .num, .bg_dark_grey .popular_news .item .num { color: rgb(128, 128, 128); }

.bg_dark_grey .text_news li:not(:nth-child(1), :nth-child(2), :nth-child(3)) a .num, .bg_dark_grey .popular_news li:not(:nth-child(1), :nth-child(2), :nth-child(3)) .item .num { color: var(--grey); }

.text_news a .tit, .popular_news .item .item_text .item_title { display: -webkit-box; flex-grow: 1; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.text_news a:hover .tit, .popular_news .item:hover .item_text .item_title { color: var(--grey); text-decoration: underline 1px; text-underline-offset: 2px; }

.bg_dark_grey .text_news a .tit, .bg_dark_grey .popular_news .item .item_text .item_title { color: rgb(255, 255, 255); font-weight: normal; }

.popular_news .item .item_time, .text_news .time { margin-top: 0.375rem; }

.popular_news .item .item_time { position: absolute; bottom: 0px; right: 0px; justify-content: flex-end; padding-top: 7px; margin: 0px; background-color: rgb(255, 255, 255); }

.popular_news .item .num { font-size: 32px; margin-right: 12px; }

.popular_news .item .item_img { display: none; }

.popular_news .item.row_box .item_text { position: relative; min-height: 45px; padding-left: 0px; }

.popular_news .item .item_text .item_title { font-size: 16px; }

.ad_box { text-align: center; margin: 1.5rem 0px; }

.list .ad_box { grid-column: auto / span 12; }

.ad_box .container { position: relative; }

.top_ad { overflow-x: clip; margin: 0px; }

.top_ad .desktop_visible { justify-content: center; margin: 12px 0px; display: flex !important; }

.top_ad #div-onead-ad0 { z-index: 2400 !important; }

.top_ad .dfp_ad, .sidebar > .section .ad_box .dfp_ad { position: relative; }

.top_ad .desktop_visible .dfp_ad { width: 970px; height: 250px; }

.top_ad .mobile_visible .dfp_ad { width: 300px; height: 250px; }

.sidebar > .section .ad_box .dfp_ad { width: 300px; height: 600px; }

.top_ad .dfp_ad::before, .sidebar > .section .ad_box .dfp_ad::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid rgb(221, 221, 221); }

.top_ad .dfp_ad::after, .sidebar > .section .ad_box .dfp_ad::after { content: "AD"; position: absolute; top: 50%; left: 50%; color: rgb(170, 170, 170); font-size: 16px; font-weight: 400; transform: translate(-50%, -50%); }

.top_ad .dfp_ad:has(iframe)::before, .top_ad .dfp_ad:has(img)::before, .top_ad .dfp_ad:has(iframe)::after, .top_ad .dfp_ad:has(img)::after, .sidebar > .section .ad_box .dfp_ad:has(iframe)::before, .sidebar > .section .ad_box .dfp_ad:has(img)::before, .sidebar > .section .ad_box .dfp_ad:has(iframe)::after, .sidebar > .section .ad_box .dfp_ad:has(img)::after { display: none; }

.latest_box_ad { margin: 1rem 0px; }

.latest_box_ad:has(img) { aspect-ratio: 106 / 20; }

.latest_box_ad a, .latest_box_ad img, .latest_box_ad iframe { display: block; width: 100%; }

.sidebar .ad_box { margin: 0px; }

.sidebar .ad_box .dfp_ad#PAGE_LEFT_LiTV_W1, .sidebar .ad_box .dfp_ad#_PAGE_LEFT_LiTV_W1 { width: 300px; height: 250px; }

.row_box_group .ad_box { padding-bottom: 1rem; margin-top: 0px; margin-bottom: 1rem; border-bottom: 1px solid rgb(204, 204, 204); }

.row_box_group .ad_box img { display: block; margin: 0px auto; }

.row_box_group .ad_box .item_title { text-align: left; }

.ad_row_box { position: relative; width: 100%; text-align: center; padding: 24px 0px 18px; margin: 2rem 0px 1.5rem; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }

.content_wrapper .ad_row_box:last-child { margin-bottom: 0px; }

.content_wrapper .article .ad_row_box { margin: 2rem 0px; }

.ad_row_box img { width: auto; border-radius: 0px; display: inline-block !important; }

.article_box .ad_row_box img { width: auto; }

.ad_row_box span { position: absolute; top: -9px; left: 50%; color: rgb(153, 153, 153); font-size: 13px; font-weight: normal; white-space: nowrap; padding: 0px 10px; background-color: var(--light-grey); transform: translateX(-50%); }

.content_wrapper .ad_row_box span { background-color: rgb(255, 255, 255); }

.bg_grey .ad_row_box span { background-color: rgb(230, 230, 230); }

.bg_light_grey .ad_row_box span { background-color: var(--light-grey); }

.bg_dark_grey .ad_row_box { border-color: var(--grey); }

.bg_dark_grey .ad_row_box span { background-color: rgb(30, 31, 33); }

.article_wrap .ad_row_box span { background-color: rgb(255, 255, 255); }

.list { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1.5rem; margin-bottom: 2rem; }

.list.video_group { margin-bottom: 1rem; }

.sidebar .list { display: block; }

.content_wrapper.bg .sidebar .list { border-radius: 4px; background-color: rgb(255, 255, 255); }

.list_box { padding-top: 1.5rem; margin-top: 0.5rem; border-top: 1px dashed rgb(204, 204, 204); }

.row_box_group .list { display: block; margin-bottom: 1rem; }

.item { display: block; cursor: pointer; }

.item, .item.col3 { grid-column: auto / span 4; }

.item.col1 { grid-column: auto / span 12; }

.item.col2 { grid-column: auto / span 6; }

.item.col4 { grid-column: auto / span 3; }

.item.row_box { grid-column: auto / span 12; display: flex; align-items: flex-start; }

.sidebar .list .item { padding-bottom: 0.75rem; margin-bottom: 0.5rem; }

.content_wrapper.bg .sidebar .list { border-radius: 4px; overflow: hidden; }

.content_wrapper.bg .sidebar .list .item { padding: 0.75rem; margin-bottom: 0px; border-top-width: medium; border-right-width: medium; border-left-width: medium; border-top-style: none; border-right-style: none; border-left-style: none; border-top-color: currentcolor; border-right-color: currentcolor; border-left-color: currentcolor; border-image: none; border-radius: 0px; border-bottom: 2px solid var(--light-grey); background-color: transparent; }

.content_wrapper.bg .sidebar .list .item:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.content_wrapper.bg .list .item { border-radius: 4px; background-color: rgb(255, 255, 255); }

.content_wrapper.bg .sidebar .list .item .item_img { border-radius: 4px; }

.content_wrapper.bg .list .item .item_text { padding: 0px 1rem 0.75rem; }

.content_wrapper.bg .sidebar .list .item .item_text { padding: 0px; }

.content_wrapper.bg .article_wrap .list .item { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: transparent; }

.content_wrapper.bg .article_wrap .list .item_img { border-radius: 4px; }

.content_wrapper.bg .article_wrap .list .item .item_text { padding: 0px; }

.row_box_group .list .item.row_box { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgb(204, 204, 204); }

.item.row_box .item_img { flex-shrink: 0; width: 32%; margin-bottom: 0px; }

.row_box_group .item.row_box .item_img { width: 26%; }

.item.row_box .item_text { flex-grow: 1; padding-left: 0.75rem; }

.submenu .item.row_box .item_text { padding-left: 1.25rem; }

.item .item_img { position: relative; display: block; aspect-ratio: 16 / 9; margin-bottom: 0.5rem; border-radius: 4px; overflow: hidden; background-color: rgb(203, 203, 203); }

@keyframes imgLoading { 
  0% { background-color: rgb(203, 203, 203); }
  50% { background-color: rgb(195, 195, 195); }
  100% { background-color: rgb(203, 203, 203); }
}

@keyframes imgLoading_dark { 
  0% { background-color: rgb(52, 54, 57); }
  50% { background-color: rgb(46, 47, 50); }
  100% { background-color: rgb(52, 54, 57); }
}

:has(> img.lazy)::after, :has(> img.loading)::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../img/img_loading.svg") center center / 26% no-repeat rgb(203, 203, 203); z-index: 1; }

body.bg_dark :has(> img.lazy)::after, .bg_dark_grey :has(> img.lazy)::after, body.bg_dark :has(> img.loading)::after, .bg_dark_grey :has(> img.loading)::after { background-color: rgb(46, 47, 50); background-image: none; animation-name: imgLoading_dark; }

body.bg_dark .item .item_img, .bg_dark_grey .item .item_img { background-color: rgb(46, 47, 50) !important; }

.article_content:has(> img.lazy)::after, .article_content :has(> img.lazy)::after, .article_content:has(> img.loading)::after, .article_content :has(> img.loading)::after { display: none; }

@keyframes imgFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

img.lazy[data-src], img.loading { opacity: 0; z-index: 2 !important; }

img.loaded { animation: 0.6s ease 0s 1 normal forwards running imgFadeIn; }

.item .item_img img { transition: filter 0.16s; }

.item:hover .item_img img { filter: brightness(1.06); }

.content_wrapper.bg .list .item_img { border-radius: 4px 4px 0px 0px; }

.item.video .item_img::before, .video_box.img_wrap::before, .img_box.video .img::before { font-family: ebc-icons; content: ""; position: absolute; top: 50%; left: 50%; width: 3.5rem; height: 3.5rem; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font-size: 2rem; padding-left: 0.3rem; border-radius: 50%; border: 1px solid rgb(255, 255, 255); transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.5); z-index: 10; transition: background-color 0.1s; }

.img_box.video .img::before { font-size: 3rem; width: 4.5rem; height: 4.5rem; }

.item.video:hover .item_img::before, .video_wrap:hover .video_box.img_wrap::before, .img_box.video:hover .img::before { background-color: rgba(0, 0, 0, 0.8); }

.item.row_box.video .item_img::before { width: 2.7rem; height: 2.75rem; font-size: 1.25rem; padding-left: 0.2rem; }

.item .item_label, .slide_label { position: absolute; top: 6px; left: 6px; height: 28px; display: inline-flex; justify-content: center; align-items: center; color: var(--dark-grey); font-size: 1rem; line-height: 1; white-space: nowrap; padding: 0px 12px; border-radius: 4px; background-color: var(--main-yellow); z-index: 3; }

.list.no_label_group .item .item_label { display: none; }

.row_box_group .list .item.row_box .item_text { padding-left: 1.25rem; }

.item .item_title { display: -webkit-box; color: var(--black); font-size: 1.0625rem; font-weight: 500; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.item:hover .item_title { color: var(--grey); text-decoration: underline 1px; text-underline-offset: 3px; }

.list.video_group .item .item_title, .sidebar .list .item .item_title { font-size: 1.0625rem; }

.item.video .item_title::before, .text_list ul li.video::before { font-family: ebc-icons; content: ""; display: inline-block; color: var(--main-red); font-weight: normal; line-height: 1; margin: 2px 4px 0px 0px; }

@supports (-webkit-hyphens:none) {
  .item.video .item_title::before, .text_list ul li.video::before { display: inline !important; vertical-align: baseline !important; line-height: 1.3 !important; letter-spacing: 4px !important; margin: 0px !important; }
  .item.video.live .item_title::before { display: inline-block !important; vertical-align: top !important; line-height: 1 !important; letter-spacing: 0px !important; margin: 2px 4px 0px 0px !important; }
  .live_stream .item .item_title { height: 45px !important; -webkit-line-clamp: 3 !important; }
  .video_title { max-height: 85px !important; -webkit-line-clamp: 4 !important; }
  @media screen and (max-width: 767px) {
  .video_title { max-height: 72px !important; }
}
}

.bg_dark_grey .item.video .item_title { font-weight: normal; }

.video_content .item.video .item_title::before { display: none; }

.item.video.live .item_title::before { font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, Helvetica, sans-serif; content: "LIVE"; display: inline-block; vertical-align: top; color: rgb(255, 255, 255); font-size: 0.875rem; font-weight: 500; line-height: 1; padding: 0.125rem 0.25rem 0.188rem; margin: 2px 4px 0px 0px; border-radius: 2px; background-color: rgb(247, 59, 59); }

.row_box_group .list .item.row_box.video .item_title::before { line-height: 1; vertical-align: top; margin: 4px 4px 0px 0px; }

.row_box_group .list .item.row_box .item_title { font-size: 1.25rem; font-weight: bold; }

.bg_dark_grey .item .item_title { color: rgb(255, 255, 255); }

.item .item_preview { display: -webkit-box; color: rgb(153, 153, 153); font-size: 0.875rem; line-height: 1.55; font-weight: 400; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0.5rem; margin-bottom: 0.625rem; }

.row_box_group .list .item.row_box .item_preview { margin-top: 0.6rem; margin-bottom: 0.75rem; }

.item .item_data, .ov_video_data, .video_data { display: flex; margin-top: 0.5rem; }

.item .item_data div, .ov_video_data div, .video_data div { position: relative; padding-right: 0.5rem; margin-right: 0.5rem; margin-top: 0px !important; }

.item .item_data div:last-child, .ov_video_data div:last-child, .video_data div:last-child { padding-right: 0px; margin-right: 0px; }

.item .item_data div::after, .ov_video_data div::after, .video_data div::after { content: ""; position: absolute; top: 1px; right: -1px; height: 100%; border-right: 1px solid rgb(153, 153, 153); }

.item .item_data div:last-child::after, .ov_video_data div:last-child::after, .video_data div:last-child::after { display: none; }

.item .item_time, .time, .item .item_views, .views { display: inline-flex; align-items: center; color: rgb(153, 153, 153); font-size: 0.813rem; line-height: 1; font-weight: 400; word-break: break-all; margin-top: 0.5rem; }

.item .item_time, .time { white-space: nowrap; margin-right: 0.5rem; }

.item.text_box .item_time { text-align: left; }

.latest .item .item_time { font-size: 12px; }

.item .item_time::before, .time::before, .item .item_views::before, .views::before { font-family: ebc-icons; content: ""; margin: 2px 3px 0px 0px; }

.item .item_views::before, .views::before { content: ""; }

.item_preview + .item_time, .item_preview + .time, .item_preview + .item_views, .item_preview + .views { display: flex; }

.live_stream .item { padding-top: 0.55rem; margin-bottom: 0.55rem; }

.live_stream .item .item_img { border-radius: 0px; }

.live_stream .item .item_title { display: -webkit-box; min-height: 2.8rem; font-size: 1rem; font-weight: 500; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.submenu_content .text_list { min-height: 117px; }

.text_list ul li { display: flex; align-items: center; font-size: 1rem; padding: 0.5rem 0px; border-bottom: 1px solid var(--grey); }

.text_list ul li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.text_list ul li a { display: -webkit-box; flex-grow: 1; color: rgb(255, 255, 255); overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.text_list ul li a:hover { text-decoration: underline 1px; text-underline-offset: 3px; }

.text_list ul li a::after { display: none; }

header .navigation .container .text_list ul li a { display: block; height: auto; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px; }

.btn_text_arrow { display: inline-block; color: rgb(128, 128, 128); font-size: 1rem; line-height: 1; margin: 0px 4px; }

.btn_text_arrow::after { font-family: ebc-icons; content: ""; display: inline-block; vertical-align: top; margin: 1px 0px 0px 4px; transition: transform 0.2s; }

.submenu .btn_text_arrow { position: absolute; bottom: -1.5rem; right: 0px; color: var(--main-yellow); }

.cards_box { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2.5rem 1.5rem; margin-bottom: 2.5rem; }

.cards_box:last-child { margin-bottom: 0px; }

.card { margin-bottom: 0px; }

.card, .card.col2 { grid-column: auto / span 6; }

.card.col3 { grid-column: auto / span 4; }

.card.col4 { grid-column: auto / span 3; }

.card.col3 .section_title h2, .card.col4 .section_title div, .card.col3 .section_title h2, .card.col4 .section_title div { font-size: 1.125rem; }

.card .section_content { border-radius: 4px; }

.content_wrapper.bg .card .section_content { padding: 1rem; background-color: rgb(255, 255, 255); }

.card .list { display: block; margin-bottom: 0px; }

.card .list .item { padding-bottom: 0.75rem; margin-bottom: 0.75rem; border-bottom: 1px solid rgb(204, 204, 204) !important; }

.card .list .item.row_box { min-height: 5.66rem; }

.card.col3 .list .item.row_box, .card.col4 .list .item.row_box { min-height: 5.3rem; }

.content_wrapper.bg .card .list .item { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.content_wrapper.bg .card .list .item .item_img { border-radius: 4px; }

.card .list > .item:first-child { display: block; }

.card .list > .item:first-child .item_img { width: 100% !important; }

.content_wrapper.bg .card .list > .item:first-child .item_img { margin: -1rem 0px 0.75rem -1rem; border-radius: 4px 4px 0px 0px; width: calc(100% + 2rem) !important; }

.card .list .item.row_box .item_img { width: 28.1%; }

.card.col3 .list .item.row_box .item_img, .card.col4 .list .item.row_box .item_img { display: none; }

.card .list .item:last-child { margin-bottom: 0px; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }

.card .list .item .item_img .item_label { display: none; }

.card .list > .item:first-child .item_img .item_label { display: flex; }

.card .list > .item:first-child .item_text { min-height: 9.3rem; padding: 0px; }

.content_wrapper.bg .card .list .item.row_box .item_text { padding: 0px 0px 0px 0.75rem; }

.card.col3 .list .item.row_box .item_text, .card.col4 .list .item.row_box .item_text { padding-left: 0px !important; }

.card .list > .item:first-child .item_title { font-size: 1.125rem; }

.card.col4 .list .item.row_box .item_title { font-size: 1rem; }

.fb_box { height: 510px; }

.sticky { position: sticky; top: 120px; z-index: 100; }

.tab_list_wrap { position: relative; margin: 20px 0px; }

.video_latest_box .tab_list_wrap { margin-top: 0px; }

.tab_list_box { overflow-x: auto; }

.tab_list_box::-webkit-scrollbar { display: none; }

.tab_list { display: inline-flex; }

.tab { color: rgb(128, 128, 128); font-size: 15px; font-weight: 500; white-space: nowrap; padding: 5px 16px 6px; margin: 0px 6px; border-radius: 4px; background-color: var(--light-grey); }

.tab:hover { color: var(--dark-grey); background-color: rgb(230, 230, 230); }

.tab.active { font-weight: bold; pointer-events: none; color: var(--dark-grey) !important; background-color: var(--main-yellow) !important; }

.tab:first-child { margin-left: 0px; }

.tab:last-child { margin-right: 0px; }

@keyframes flashing { 
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

.livestream { position: relative; }

.tab.livestream { padding-right: 23px; }

.livestream::after { content: ""; position: absolute; top: 8px; right: 12px; width: 7px; height: 7px; border-radius: 50%; background-color: var(--main-red); animation: 1.4s ease 0s infinite normal none running flashing; }

h2.livestream::after { top: 5px; right: -12px; }

.bg_dark_grey .tab { color: rgb(255, 255, 255); background-color: rgb(64, 64, 64); }

.bg_dark_grey .tab:hover { background-color: var(--grey); }

.tab_list_box .tab_btn { position: absolute; top: -1px; display: none; }

.tab_list_box .tab_btn::before { z-index: 2; }

.tab_list_box .tab_btn_prev::before { padding-right: 2px; }

.tab_list_box .tab_btn_next::before { padding-left: 2px; }

.tab_list_box .tab_btn::after { content: ""; position: absolute; top: 0px; width: 220%; height: 100%; display: block; pointer-events: none; z-index: 1; }

.tab_list_box .tab_btn_prev, .tab_list_box .tab_btn_prev::after { left: 0px; }

.tab_list_box .tab_btn_prev::after { background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0) 100%); }

.bg_dark_grey .tab_list_box .tab_btn_prev::after { width: 300%; background: linear-gradient(to right, rgb(30, 31, 33) 0%, rgb(30, 31, 33) 40%, rgba(30, 31, 33, 0.8) 70%, rgba(30, 31, 33, 0) 100%); }

.tab_list_box .tab_btn_next, .tab_list_box .tab_btn_next::after { right: 0px; }

.tab_list_box .tab_btn_next::after { background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0) 100%); }

.bg_dark_grey .tab_list_box .tab_btn_next::after { width: 300%; background: linear-gradient(to left, rgb(30, 31, 33) 0%, rgb(30, 31, 33) 40%, rgba(30, 31, 33, 0.8) 70%, rgba(30, 31, 33, 0) 100%); }

.content_wrapper.topic_box { overflow-x: hidden; }

.content_wrapper.topic_box .container { width: 100%; max-width: 100%; padding-left: calc(50% - 690px); margin: 0px; }

.content_wrapper.topic_box::before, .content_wrapper.topic_box .ts_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: calc(100% - 6rem); }

.content_wrapper.topic_box::before { content: ""; background-color: rgba(28, 28, 28, 0.8); z-index: 2; }

.content_wrapper.topic_box .ts_bg { background: url("../img/topic_box_bg.jpg") center center / cover no-repeat; z-index: 1; }

.topic_slider_box { position: relative; color: rgb(255, 255, 255); z-index: 3; }

.topic_slider_box a { color: rgb(255, 255, 255); }

.topic_slider_box .section_content { position: relative; padding: 0.5rem 0px 0.5rem 3.75rem; }

.topic_slider_box .swiper-wrapper { pointer-events: none; z-index: 20; }

.topic_slider_box .swiper-button-next { right: 27.5rem; }

.topic_slider_box .swiper-button-next, .topic_slider_box .swiper-button-prev { margin-top: -1.5rem; background-color: transparent; }

@media screen and (min-width: 768px) {
  .topic_slider_box .swiper-button-lock { display: flex; }
}

.topic_slider_box .swiper-pagination { left: calc(-3px + 36.5rem); max-width: 350px; padding: 0px; bottom: 4.6rem !important; width: auto !important; }

.topic_slider_box .swiper-pagination .swiper-pagination-bullet { flex-grow: 0; width: 44px; height: 6px; margin: 0px 3px !important; }

.topic_slider_box .swiper-slide { filter: brightness(0.5); transition: filter 0.3s; }

.topic_slider_box .swiper-slide.swiper-slide-active { filter: brightness(1); }

.topic_slider { padding-right: 32rem; }

@media screen and (min-width: 1261px) {
  .topic_slider { width: 1600px; padding-right: 500px; }
  .topic_slider_box .swiper-button-next { left: calc(1100px + 4.5rem); right: auto; }
}

@media screen and (max-width: 1445px) {
  .content_wrapper.topic_box .container { padding-left: 24px; }
}

.ts_box { display: flex; align-items: flex-start; padding-bottom: 0.5rem; }

.ts_img { flex-shrink: 0; width: 35rem; aspect-ratio: 16 / 9; border-radius: 4px; overflow: hidden; box-shadow: rgba(28, 39, 49, 0.12) 0px 0px 0.2rem 0.1rem; pointer-events: auto; background-color: rgb(203, 203, 203); }

.ts_text { flex-grow: 1; padding-left: 1.5rem; pointer-events: auto; }

.ts_title { display: -webkit-box; font-size: 2rem; font-weight: bold; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0px; margin-bottom: 0.75rem; }

.ts_intro { display: -webkit-box; font-size: 1rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 1.5rem; }

.toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem; }

.breadcrumb { display: flex; align-items: center; font-size: 0.875rem; margin-bottom: 1.25rem; }

.toolbar .breadcrumb { margin-bottom: 0px; }

.breadcrumb div { display: flex; }

.breadcrumb div::after { font-family: ebc-icons; content: ""; color: rgb(230, 230, 230); margin: 1px 0.5rem 0px; pointer-events: none; }

.breadcrumb a { color: rgb(153, 153, 153); }

.breadcrumb a:hover { color: var(--dark-grey); }

.breadcrumb div:last-child::after { display: none; }

.share_row { display: flex; }

.share_row button { display: flex; align-items: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 1; padding: 2px 10px 2px 8px; margin-left: 7px; border-radius: 4px; background-color: rgb(230, 230, 230); }

.share_row button:hover { opacity: 0.92; }

.share_row a { display: flex; align-items: center; color: var(--dark-grey); font-size: 0.875rem; padding: 8px 16px; border: 1px solid rgb(204, 204, 204); border-radius: 20px; }

.share_row a:hover { border-color: var(--dark-grey); }

.share_row .i_facebook { background-color: rgb(24, 119, 242); }

.share_row .i_line { background-color: rgb(0, 185, 0); }

.share_row .i_facebook::before, .share_row .i_line::before { content: ""; display: block; width: 24px; height: 20px; padding-right: 8px; margin-right: 8px; border-right: 1px solid rgba(255, 255, 255, 0.6); background-size: auto 76%; background-repeat: no-repeat; background-position: left center; }

.share_row .i_facebook::before { width: 22px; background-image: url("../img/icon_facebook.svg"); }

.share_row .i_line::before { background-image: url("../img/icon_line.svg"); }

.share_row .i_link { color: var(--dark-grey); }

.share_row .i_link::before { font-size: 14px; padding-right: 8px; margin: 0px 8px 0px 1px; border-right: 1px solid rgb(170, 170, 170); }

.share_row .i_google::before { content: ""; width: 18px; height: 18px; background: url("../img/i_google.svg") center center / contain no-repeat; }

.share_row .i_google span { padding-left: 8px; margin-left: 8px; border-left: 1px solid rgb(230, 230, 230); }

.article_wrap { overflow: clip visible; border: 1px solid rgb(230, 230, 230); background-color: rgb(255, 255, 255); }

.article_wrap .ad_box.ad_row_box { min-height: 294px !important; }

.article_box { padding: 2rem 2.5rem; }

.article { margin-bottom: 1.5rem; }

.article_header { margin-bottom: 1.5rem; }

.article h1 { font-size: 2.25rem; font-weight: bold; margin: 0px 0px 1.25rem; }

.article a:not(.article_relevant a) { position: relative; color: rgb(112, 112, 255); text-decoration-color: transparent; transition: text-decoration-color 0.12s; }

.article a:hover:not(.article_relevant a) { text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--main-yellow); text-underline-offset: 6px; text-decoration-thickness: 2px; }

.article_nav { display: flex; justify-content: space-between; align-items: center; }

.article_info { display: flex; align-items: center; font-weight: 400; white-space: nowrap; }

.article_info > div { display: flex; color: rgb(153, 153, 153); font-size: 0.875rem; }

.article_info a:hover { text-underline-offset: 4px !important; }

.article_info_com { margin-right: 0.75rem; }

.article_info_com img { display: block; height: 100%; }

.article_info_date { margin-right: 0.5rem; }

.article_info_date time { display: flex; }

.article_info_date .article_date { margin-right: 0.5rem; }

.article_info_editor span { margin-right: 0.5rem; }

.article_controls { position: relative; display: flex; align-items: center; justify-content: flex-end; flex-grow: 1; max-width: 350px; color: rgb(153, 153, 153); font-size: 0.875rem; margin-left: 1rem; }

.ac_label { display: flex; align-items: center; white-space: nowrap; margin-right: 0.688rem; }

.ac_label::before { color: rgb(203, 203, 203); font-size: 1.3rem; margin: 2px 4px 0px 0px; }

audio { height: 30px; padding: 0px; margin-right: 12px; border: 1px solid rgb(203, 203, 203); border-radius: 4px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%); }

audio::-webkit-media-controls-panel { padding: 0px 5px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%); }

audio::-webkit-media-controls-play-button, audio::-webkit-media-controls-timeline, audio::-webkit-media-controls-mute-button { opacity: 0.7; }

audio::-webkit-media-controls-play-button:hover, audio::-webkit-media-controls-timeline:hover, audio::-webkit-media-controls-mute-button:hover { opacity: 1; }

.audio_controls { display: flex; align-items: center; width: 250px; height: 30px; margin-right: 12px; border: 1px solid rgb(203, 203, 203); border-radius: 4px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%); }

.audio_controls .play_btn { flex: 0 0 30px; height: 100%; border-right: 1px solid rgb(203, 203, 203); background: url("../img/i_play.svg") center center / cover no-repeat; opacity: 0.5; cursor: pointer; }

.audio_controls .play_btn.pause { background-image: url("../img/i_pause.svg"); }

.audio_controls .play_btn:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.02); }

.audio_controls .time_bar { display: flex; align-items: center; flex: 0 0 calc(100% - 30px); padding: 0px 10px; }

.audio_controls .progress_bar { flex-grow: 1; height: 5px; border-radius: 3px; overflow: hidden; background-color: rgb(203, 203, 203); }

.audio_controls .progress_bar .current_progress { background-color: rgb(136, 143, 155); height: 100%; border-radius: 3px; }

.audio_controls .progress_bar:hover .current_progress { background-color: rgb(45, 48, 51); }

.audio_controls .time { color: rgb(112, 112, 112); font-size: 14px; margin-left: 8px; }

.audioplayer-volume, .audioplayer-time-duration { display: none; }

.audioplayer { display: flex; align-items: center; flex-grow: 1; height: 30px; margin-right: 12px; border: 1px solid rgb(203, 203, 203); border-radius: 4px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%); }

.audioplayer audio { display: none; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.audioplayer-playpause { width: 35px; height: 100%; order: 1; cursor: pointer; border-width: medium 1px medium medium !important; border-style: none solid none none !important; border-color: currentcolor rgb(203, 203, 203) currentcolor currentcolor !important; border-image: none !important; }

.audioplayer-playpause a { display: block; width: 100%; height: 100%; opacity: 0.5; background: url("../img/i_play.svg") center center / auto 98% no-repeat; }

.audioplayer-playpause a:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.02); }

.audioplayer.audioplayer-playing .audioplayer-playpause a { background-image: url("../img/i_pause.svg"); }

.audioplayer-bar { position: relative; display: flex; flex-basis: 0px; flex-grow: 1; height: 100%; margin: 0px 8px 0px 10px; overflow: hidden; order: 2; cursor: pointer; }

.audioplayer-bar::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: 5px; border-radius: 3px; transform: translateY(-50%); background-color: rgb(203, 203, 203); }

.audioplayer-bar > div { position: absolute; top: 50%; left: 0px; height: 5px; border-radius: 3px; transform: translateY(-50%); }

.audioplayer-bar-loaded { background-color: rgb(186, 186, 186); }

.audioplayer-bar-played { background-color: rgb(139, 147, 153); }

.audioplayer-bar:hover .audioplayer-bar-played { background-color: rgb(45, 48, 51); }

.audioplayer-time-current { color: rgb(112, 112, 112); font-size: 13px; font-weight: normal; order: 3; margin-right: 10px; }

.font_zoom { display: flex; height: 30px; border: 1px solid rgb(203, 203, 203); border-radius: 4px; background: linear-gradient(rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%); }

.font_zoom button { width: 34px; height: 100%; cursor: pointer; opacity: 0.6; }

.font_zoom button:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.02); }

.font_zoom button:first-child { border-right: 1px solid rgb(203, 203, 203); }

.font_zoom .font_zoom_in { background: url("../img/i_font_zoom_in.svg") center center / 94% no-repeat; }

.font_zoom .font_zoom_out { background: url("../img/i_font_zoom_out.svg") center center / 94% no-repeat; }

.font_zoom button.disabled { pointer-events: none; }

.article_container img:not(.article_relevant img, .article_cover .img img, .gallery_box img, .dfp_ad img, .article_vote_box img) { display: block; width: 100%; margin: 1.6em 0px; border-radius: 4px; }

.article_container .img_box, .article_container figure, .article_container .media_box { display: block; margin-bottom: 1.6em; border-radius: 4px; overflow: hidden; }

.article_container .img_box .img, .article_container figure, .article_container .media_box .media { position: relative; }

.article_container .img_box img, .article_container figure img, .article_container module img { margin: 0px !important; border-radius: 4px 4px 0px 0px !important; }

.article_container .article_cover, .article_container .article_cover .img_box { margin-bottom: 1.5rem; }

.article_container .article_cover .img { display: block; width: 100%; aspect-ratio: 1200 / 628; background-color: rgb(203, 203, 203); }

.article_container .article_cover .img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.img_box.video { cursor: pointer; }

.article_container .img_caption, .article_container figure figcaption, .article_container .media_box .media_caption, .article_container .img-des { color: rgb(128, 128, 128); font-size: 0.9375rem; font-weight: normal; line-height: 1.55; padding: 0.5rem 1rem 0.625rem; margin-bottom: 1.5rem; border-radius: 4px; background-color: var(--light-grey); }

.article_container .img_box .img_caption, .article_container figure figcaption, .article_container .media_box .media_caption, .article_container .img-des { margin-bottom: 0px; border-radius: 0px 0px 4px 4px; }

.article_container .ad_box img { margin: 0px; }

.article_container .img_box iframe, .article_container .media_box iframe { display: block; aspect-ratio: 16 / 9; width: 100% !important; height: auto !important; }

.article_content ul, .article_content ol { padding-left: 2rem; }

.article_content li { line-height: 1.5; list-style: outside none disc; margin-bottom: 12px; }

.article_content ol li { list-style-type: decimal; }

.article_main_box { display: flex; justify-content: flex-end; align-items: flex-start; padding: 0px 3.75rem; }

.share_box { position: sticky; top: 110px; text-align: center; }

header .share_box { display: none; }

.share_box .share_box_title { color: rgb(128, 128, 128); font-size: 0.875rem; margin-bottom: 6px; }

.share_box .share_box_content { border-radius: 4px; overflow: hidden; background-color: rgb(235, 235, 235); }

.share_box button, .share_box a { display: flex; justify-content: center; align-items: center; padding: 1.0625rem; background-color: rgb(235, 235, 235); }

.share_box button:hover, .share_box a:hover { background-color: rgb(188, 188, 188); }

.share_box .i_facebook:hover { background-color: rgb(24, 119, 242); }

.share_box .i_line:hover { background-color: rgb(0, 185, 0); }

.share_box .i_link:hover { background-color: rgb(240, 138, 44); }

.share_box .i_google:hover { background-color: rgb(66, 133, 244); }

.share_box button::before, .share_box a::before { display: none; }

.share_box button svg, .share_box a svg { width: 2rem; height: 2rem; }

.share_box button svg path { fill: rgb(128, 128, 128); }

@media screen and (min-width: 1031px) {
  .share_box button:hover svg path, .share_box a:hover svg path { fill: rgb(255, 255, 255); }
}

.article_main { width: calc(100% - 4.125rem); padding-left: 2.15rem; }

.article_content { font-size: 20px; font-weight: normal; line-height: 1.7; overflow: clip visible; margin-bottom: 2rem; }

.article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 { font-weight: bold; line-height: 1.6; margin: 1em 0px; text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--main-yellow); text-underline-offset: 6px; text-decoration-thickness: 6px; }

.article_content h2 { font-size: 1.3em; }

.article_content h3 { font-size: 1.2em; }

.article_content h4 { font-size: 1.1em; }

.article_content h5 { font-size: 1em; }

.article_content h6 { font-size: 0.9em; }

.article_content > p, .article_content > div, .article_content > figure, .article_content > iframe { margin: 1.6em 0px; }

.article_content > p:first-child, .article_content > div:first-child, .article_content > figure:first-child, .article_content > iframe:first-child { margin-top: 0px; }

.article_content iframe { max-width: 100%; }

.article_content iframe[src*="youtube"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }

.article_content > iframe { display: block; }

.article_content .inline_text { font-weight: 500; line-height: 1.4; padding: 16px; margin: 1.6em 0px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }

.article_content .inline_text * { display: inline; }

.article_content .inline_text img { margin: 10px 0px !important; }

.article_content .inline_text.has_marker::before { font-family: ebc-icons; content: ""; display: none; vertical-align: top; color: rgb(255, 255, 255); width: 1.4em; height: 1.4em; font-size: 1em; line-height: 1.4em; text-align: center; margin: 0.3rem 0.375rem 0px 0px; border-radius: 50%; background-color: rgb(112, 112, 255); }

.article_content .inline_box { font-weight: 500; line-height: 1.4; padding: 16px; margin: 1.6em 0px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); }

.article_content .inline_box .inline_box_title { color: rgb(70, 102, 218); font-weight: 700; margin-bottom: 1.5rem; }

.article_content .inline_box .inline_box_title a { color: rgb(70, 102, 218); text-decoration: none !important; }

.article_content .inline_box .inline_box_img { margin-bottom: 1.5rem; }

.article_content .inline_box p, .article_content .inline_box img { margin: 0px auto !important; }

.article_content .inline_box .inline_box_content { font-size: 0.9em; }

.article_content .article__embed { margin-bottom: 1.6em; }

.article_footer { }

.article_hashtags { }

.article_hashtags a:last-child { margin-right: 0px; }

.article_bottom { padding-bottom: 2.5rem; }

.article_bottom .section, .article_bottom [id^="_popIn_recommend"] { padding: 0px 6.25rem; border-bottom: 1px solid rgb(230, 230, 230); margin-bottom: 2rem !important; }

.article_bottom [id^="_popIn_recommend"] { padding-bottom: 2rem; }

.article_bottom .section:first-child, .article_bottom .section:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.article_bottom .section .item_title { font-size: 1.0625rem; }

.article_bottom .ad_box { width: calc(100% - 12.5rem); margin-right: 6.25rem; margin-left: 6.25rem; }

.article_bottom .ad_box:first-child { margin-top: 0px; }

.article_relevant > div:not(:last-child) { margin-bottom: 2rem; }

#_popIn_recommend_above { min-height: 880px !important; }

#_popIn_recommend_below { min-height: 800px !important; }

.section:has(#push_list) { min-height: 800px !important; }

.text_row_title { display: flex; align-items: center; font-size: 1.25rem; font-weight: bold; }

.text_row_title::before { content: ""; width: 28px; height: 28px; margin-right: 4px; }

.text_row_title.see_more::before { background: url("../img/lightning.png") center center / cover no-repeat; }

.text_row_title.leaderboard::before { background: url("../img/fire.png") center center / cover no-repeat; }

.text_row { padding: 0px 2rem; margin: 0.75rem 0px 1.5rem; }

.text_row#related_link > div, .text_row#hot_link > div { min-height: 80px; }

.rss_box { font-weight: normal; }

.rss_box .text_row { padding: 0px; margin: 0.3em 0px; background-color: transparent; }

.text_row a { display: block; font-size: 1.125rem; font-weight: 500; text-indent: -1.75rem; line-height: 1.4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 1.75rem; margin-bottom: 0.75rem; transition: all; color: var(--black) !important; }

.text_row li:last-child a { margin-bottom: 0px; }

.text_row a:hover, .as_btn_box:hover .as_text { color: var(--grey) !important; text-decoration: underline 1px !important; text-underline-offset: 3px !important; }

.text_row a::before { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 2px; margin: -3px 20px 0px 0px; background-color: rgb(204, 204, 204); }

.rss_box .text_row a { font-size: 1em; font-weight: normal; text-indent: 0px; padding-left: 0px; margin-bottom: 0.4em; }

.rss_box .text_row a::before { display: none; }

.rss_box + .rss_box { margin-top: -1.2em; }

.text_row .dfp_ad { margin-bottom: 0.75rem; }

.relevant_banner { display: flex; gap: 16px; }

.relevant_banner a { display: block; border-radius: 4px; overflow: hidden; }

.relevant_banner a img { display: block; }

.relevant_box { margin-bottom: 2rem; }

.relevant_box .list { column-gap: 16px; }

.relevant_box .list .item .item_title { font-size: 15px; }

.relevant_box .list .item .item_time { font-size: 12px; }

@media screen and (min-width: 1031px) {
  .relevant_box > .ad_box.ad_row_box { display: flex; justify-content: center; align-items: center; min-height: 402px !important; }
}

.relevant_list { padding: 1.5rem 1.75rem; border-radius: 4px; border-left: 4px solid rgb(112, 112, 255); background-color: rgb(246, 246, 247); }

.relevant_list .text_row_box:last-child .text_row { margin-bottom: 0px; }

.gallery { position: relative; overflow: hidden; margin-bottom: 10px; }

.gallery_item { border-radius: 4px; overflow: hidden; }

.gallery_item .gi_img { aspect-ratio: 16 / 9; background-color: rgb(76, 76, 76); }

.gallery_box img { display: block; width: 100%; height: 100%; object-fit: contain; max-width: 100% !important; }

.gallery_item .img_caption { font-size: 15px; border-radius: 0px; margin-bottom: 0px; }

.gallery_thumbs { overflow: hidden; }

.gallery_thumbs .swiper-wrapper { flex-wrap: wrap; justify-content: center; transform: translate3d(0px, 0px, 0px) !important; }

.gallery_thumbs .swiper-slide { position: relative; height: 40px; margin: 6px; cursor: pointer; width: 40px !important; }

.gallery_thumbs .swiper-slide-thumb-active::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 2px solid var(--main-yellow); }

.gallery_thumbnail { height: 100%; background-color: rgb(76, 76, 76); }

.gallery_thumbnail img { object-fit: cover; }

.gallery:has(.img_caption) .swiper-button-next, .gallery:has(.img_caption) .swiper-button-prev { top: 44%; }

.gallery .swiper-pagination { position: absolute; top: 16px; right: 16px; left: auto; width: auto; color: rgb(255, 255, 255); font-size: 16px; line-height: 1; padding: 6px 12px; border-radius: 30px; background-color: rgba(0, 0, 0, 0.5); bottom: auto !important; }

.player_wrap { margin-bottom: 2rem; }

.player_title { font-size: 1rem; margin-bottom: 0.75rem; }

.player_title::before, .video_latest_box .live::before { content: "LIVE"; display: inline-block; color: rgb(255, 255, 255); line-height: 1; font-weight: 500; padding: 2px 4px 3px; margin-right: 6px; border-radius: 2px; background-color: rgb(247, 59, 59); }

.player_box { position: relative; padding-bottom: 56.24%; overflow: hidden; background-color: rgb(240, 240, 242); }

.player_box iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.player_list { position: relative; padding: 12px 46px; background-color: var(--light-grey); }

.player_list .player_slider { overflow: hidden; }

.player_list .swiper-slide { width: calc(-34px + 50vw); height: auto; }

.player_list .swiper-slide:first-child { margin-right: 12px; }

.player_item { height: 100%; border-radius: 4px; overflow: hidden; cursor: pointer; background-color: rgb(255, 255, 255); user-select: none; transition: 0.1s; }

.player_item:hover, .player_item.active { color: var(--black); background-color: var(--main-yellow); }

.player_item .item_img { position: relative; aspect-ratio: 16 / 9; background-color: rgb(203, 203, 203); }

.player_item .item_img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.player_item .item_text, .player_item .item_title { display: -webkit-box; font-size: 14px; font-weight: 500; margin: 8px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.player_wrap .swiper-button-prev, .player_wrap .swiper-button-next { width: 36px; height: 36px; border-radius: 50%; background-color: rgb(153, 153, 153); }

.player_wrap .swiper-button-prev { left: -8px; }

.player_wrap .swiper-button-next { right: -8px; padding-left: 2px; }

.player_wrap .swiper-button-prev:hover, .player_wrap .swiper-button-next:hover { color: var(--black); background-color: var(--main-yellow); }

.player_wrap .swiper-button-next.swiper-button-disabled, .player_wrap .swiper-button-prev.swiper-button-disabled { opacity: 1; color: rgb(255, 255, 255); background-color: rgb(230, 230, 230); }

.player_wrap .swiper-button-prev::before, .player_wrap .swiper-button-next::before { font-size: 24px; text-shadow: none; }

.news_box { position: relative; display: block; overflow: hidden; height: calc(33.3333% - 0.733333rem); margin-bottom: 1.1rem; background-color: rgb(203, 203, 203); }

.news_box:last-child { margin-bottom: 0px; }

.news_box .news_box_img img { transition: transform 0.36s; }

.news_box:hover .news_box_img img { transform: scale(1.06); }

.news_box::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 70%); z-index: 3; }

.news_box .news_box_title { position: absolute; bottom: 0.75rem; left: 0px; display: -webkit-box; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; padding: 0px 0.75rem; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; z-index: 4; }

.vote_wrap { position: relative; margin-bottom: 0.75rem; }

.sidebar .vote_wrap.vote_preview + .vote_wrap.vote_preview { margin-top: calc(-4px - 0.75rem); }

.sidebar .vote_wrap.vote_preview + .vote_wrap.vote_preview .vote_box { border-radius: 0px 0px 4px 4px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.sidebar .vote_wrap.vote_preview + .vote_wrap.vote_preview::before { content: ""; display: block; width: 100%; height: 6px; border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }

.content_wrapper.bg .sidebar .vote_wrap.vote_preview + .vote_wrap.vote_preview::before { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.vote_box { position: relative; overflow: hidden; border-radius: 4px; border: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); }

.content_wrapper.bg .vote_box { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.sidebar .vote_box { min-height: 380px; }

.vote_header { position: relative; display: flex; flex-wrap: wrap; align-content: flex-end; min-height: 120px; padding: 34px 16px 10px; }

.vote_header::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.9) 100%); z-index: 2; transition: background-color 0.2s; }

.vote_header_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; }

.vote_header_bg img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }

.vote_tag { position: absolute; top: 0px; left: 50%; padding: 0px 15px; transform: translate(-50%, -50%); }

.vote_tag span { position: relative; color: rgb(233, 114, 114); font-size: 22px; font-weight: 700; white-space: nowrap; z-index: 2; }

.vote_tag::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; border-right: 1px solid rgb(233, 114, 114); border-left: 1px solid rgb(233, 114, 114); background-color: rgb(255, 255, 255); transform: skewX(-15deg); }

.vote_title { position: relative; width: 100%; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; line-height: 1.4; letter-spacing: 1px; z-index: 4; margin: 0px !important; }

.vote_body { padding: 8px 16px 48px; }

.sidebar .vote_wrap.vote_preview .vote_body { padding-bottom: 56px; }

.vote_intro { display: -webkit-box; color: rgb(153, 153, 153); overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; font-weight: 400; line-height: 1.55; margin-bottom: 4px; }

.vote_intro a { position: relative; display: inline-block; color: rgb(112, 112, 255); font-weight: 500; padding-bottom: 2px; margin-top: 6px; }

.vote_intro a::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: calc(100% + 16px); height: 2px; opacity: 0; background-color: var(--main-yellow); transition: opacity 0.12s; }

.vote_intro a:hover::before { opacity: 1; }

.vote_intro a::after { font-family: ebc-icons; content: ""; position: absolute; top: 2px; right: -18px; font-size: 18px; line-height: 1; }

.vote_label_box { position: relative; display: flex; flex-wrap: wrap; align-items: center; width: 100%; color: rgb(255, 255, 255); font-size: 12px; z-index: 3; }

.vote_label_box > * { height: 22px; line-height: 20px; white-space: nowrap; padding: 0px 8px; margin: 0px 8px 8px 0px; border-radius: 4px; }

.vote_time { border: 1px solid rgb(255, 83, 83); background-color: rgb(255, 83, 83); }

.vote_time.ended, .vote_list.ended .vote_time { border-color: rgb(179, 179, 179); background-color: rgb(179, 179, 179); }

.vote_label { border: 1px solid rgb(255, 255, 255); }

.vote_statistics { padding: 0px; }

.vote_ballot_box { position: relative; line-height: 1.4; padding-bottom: 16px; overflow: hidden; }

.sidebar .vote_wrap .vote_ballot_box { max-height: 144px; padding-bottom: 0px; }

.vote_options { padding-right: 4px; }

.vote_options .vote_row label { display: flex; align-items: center; cursor: pointer; margin-bottom: 0px; }

.vote_options .vote_row label span { flex-grow: 1; font-size: 16px; font-weight: 500; padding: 13px 12px 13px 0px; border-bottom: 1px solid rgb(204, 204, 204); }

.sidebar .vote_options .vote_row label span { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.vote_options input[type="radio"], .vote_options input[type="checkbox"] { position: relative; width: 18px; height: 18px; flex-shrink: 0; margin: 2px 12px 0px 4px; border: 1px solid rgb(171, 171, 171); border-radius: 50%; cursor: pointer; outline: none; appearance: none; background-color: rgb(242, 242, 242); }

.vote_options .vote_row label:hover input[type="radio"], .vote_options .vote_row label:hover input[type="checkbox"] { border-color: rgb(153, 153, 153); }

.vote_options input[type="radio"]:checked, .vote_options input[type="checkbox"]:checked { border-color: rgb(112, 112, 255) !important; }

.vote_options input[type="radio"]::before, .vote_options input[type="checkbox"]::before { content: ""; position: absolute; top: 2px; left: 2px; display: block; width: 12px; height: 12px; border-radius: 50%; }

.vote_options input[type="radio"]:checked::before, .vote_options input[type="checkbox"]:checked::before { background-color: rgb(112, 112, 255); }

.vote_results { display: none; padding: 0px 4px; }

.vote_results .vote_row { position: relative; }

.vote_results .vote_result_name { display: flex; align-items: center; width: calc(100% - 62px); font-size: 16px; font-weight: 500; padding: 13px 0px 14px; }

.vote_results .vote_row.selected .vote_result_name::after { content: ""; flex-shrink: 0; display: inline-block; width: 16px; height: 16px; margin: 1px 0px 0px 8px; border-radius: 50%; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTEgOCIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4zMjkxIDAuMTcwODU0QzEwLjU1NyAwLjM5ODY2IDEwLjU1NyAwLjc2ODAwNyAxMC4zMjkxIDAuOTk1ODEyTDMuOTEyNDggNy40MTI0OEMzLjY4NDY3IDcuNjQwMjkgMy4zMTUzMyA3LjY0MDI5IDMuMDg3NTIgNy40MTI0OEwwLjE3MDg1NCA0LjQ5NTgxQy0wLjA1Njk1MTUgNC4yNjgwMSAtMC4wNTY5NTE1IDMuODk4NjYgMC4xNzA4NTQgMy42NzA4NUMwLjM5ODY2IDMuNDQzMDUgMC43NjgwMDYgMy40NDMwNSAwLjk5NTgxMiAzLjY3MDg1TDMuNSA2LjE3NTA0TDkuNTA0MTkgMC4xNzA4NTRDOS43MzE5OSAtMC4wNTY5NTE1IDEwLjEwMTMgLTAuMDU2OTUxNSAxMC4zMjkxIDAuMTcwODU0WiIgZmlsbD0iIzFDMUMxQyIvPgo8L3N2Zz4=") 4px center / 8px no-repeat rgb(254, 204, 2); }

.vote_results .vote_result_chart { position: absolute; bottom: -4px; left: 0px; width: 100%; display: flex; justify-content: space-between; align-items: center; }

.vote_results .vote_result_bar { flex-grow: 1; height: 4px; border-radius: 2px; opacity: 0.6; overflow: hidden; background-color: rgb(236, 236, 236); }

.vote_results .vote_row.highest .vote_result_bar { opacity: 1; }

.vote_results .vote_result_bar div { width: 0px; height: 100%; border-radius: 2px; background-color: rgb(112, 112, 255); transition: width 0.45s; }

.vote_results .vote_result_num { font-family: Inter; min-width: 65px; color: rgb(112, 112, 255); font-size: 18px; font-weight: 700; line-height: 1.4; text-align: right; margin-top: -6px; }

.vote_results .vote_result_num::after { content: "%"; display: inline; font-size: 14px; margin-left: 1px; }

.vote_btn_box { position: absolute; bottom: 0px; left: 0px; display: flex; gap: 8px; width: 100%; padding: 0px 12px 12px; background-color: rgb(255, 255, 255); z-index: 3; }

.vote_btn_box.show_all_box { display: none; height: 100%; z-index: 4; background: linear-gradient(rgba(250, 250, 250, 0) 50%, rgb(250, 250, 250) 100%); }

.vote_btn_box.show_all_box.show { display: flex; align-items: flex-end; }

.vote_preview .vote_btn_box.show_all_box { display: flex; align-items: flex-end; }

.vote_btn, .vote_show_all, .vote_more, .vote_share { width: 100%; height: 40px; display: inline-flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; line-height: 1; text-align: center; border-radius: 4px; text-decoration: none; background-color: rgb(112, 112, 255); outline: none; cursor: pointer; }

.vote_more, .vote_share { display: none; }

.vote_btn.hide, .vote_show_all.hide, .vote_more.hide, .vote_share.hide { display: none; }

.vote_btn.show, .vote_show_all.show, .vote_more.show, .vote_share.show { display: inline-flex; }

.vote_btn:hover, .vote_show_all:hover { background-color: rgb(128, 128, 255); }

.vote_more:hover { color: rgb(92, 92, 248); border-color: rgb(92, 92, 248); }

.vote_more { color: rgb(112, 112, 255); border: 1px solid rgb(112, 112, 255); background-color: rgb(255, 255, 255); }

.vote_share { display: none; color: var(--black); background-color: var(--main-yellow); }

.vote_share:hover { background-color: var(--main-yellow-hover); }

.sidebar .vote_wrap.vote_preview .vote_btn, .sidebar .vote_wrap.vote_preview .vote_show_all { margin-bottom: 4px; }

.vote_btn.disable, .vote_show_all.disable { color: rgb(255, 255, 255); background-color: rgb(204, 204, 204); pointer-events: none; }

.vote_preview:hover .vote_show_all { background-color: rgb(128, 128, 255); }

@keyframes loading { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading:not(img, .submenu_box, .vote_box) { text-align: center; margin: 2rem 0px; }

.loading:not(img, .vote_box)::before { content: ""; display: inline-block; width: 40px; height: 40px; background: url("../img/loading.svg") center center / cover no-repeat; animation: 1s linear 0s infinite normal none running loading; }

.list .loading { grid-column: auto / span 12; }

.section_content:has(.loading) .list { margin-bottom: 0px; }

.vote_box.loading .vote_btn, .vote_box.done .vote_btn { color: rgb(255, 255, 255); background-color: rgb(203, 203, 203); pointer-events: none; }

.vote_box.loading .vote_options, .vote_box.done .vote_options { display: none; }

.vote_box.loading .vote_results, .vote_box.done .vote_results { display: block; }

.vote_box.loading .vote_ballot_box::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 1; }

.vote_box.loading .vote_ballot_box::before { content: ""; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0px 0px -25px; background: url("../img/loading.svg") center center / cover no-repeat; z-index: 2; animation: 1s linear 0s infinite normal none running loading; }

.vote_wrap.vote_preview .vote_box { pointer-events: none; }

.vote_wrap.vote_preview .vote_toggle { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; }

.sidebar .vote_wrap.vote_preview + .vote_wrap.vote_preview .vote_toggle { top: 6px; height: calc(100% - 6px); }

.vote_preview_box { display: inline-flex; }

.vote_preview_box .vote_wrap { width: 50%; }

.vote_preview_box .vote_wrap:not(:last-child) { margin-right: 1rem; }

.vote_preview_box .vote_wrap .vote_box { height: 100%; }

.vote_preview_box .vote_wrap .vote_header { place-content: flex-start flex-end; min-height: 100%; padding: 30px 16px 16px; }

.vote_preview_box .vote_wrap .vote_title { min-height: 60px; padding-bottom: 10px; }

.vote_toggle_btn { position: relative; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font-size: 13px; font-weight: bold; padding: 4px 12px; border-radius: 13px; background-color: rgb(112, 112, 255); z-index: 5; }

.vote_toggle_btn::before { order: 2; font-size: 15px; margin: 0px -4px 0px 1px; }

.vote_list { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); }

.vote_list.ended { margin-bottom: 2rem; }

.vote_item { display: block; color: rgb(28, 28, 28); padding-bottom: 32px; border-bottom: 1px solid rgb(230, 230, 230); }

.vote_item .vote_img { position: relative; aspect-ratio: 2 / 1; margin-bottom: 8px; }

.vote_item .vote_img::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 33%; background: linear-gradient(rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.9) 100%); z-index: 2; transition: background-color 0.2s; }

.vote_item .vote_img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }

.vote_item .vote_toggle_btn { position: absolute; bottom: 12px; right: 12px; }

.vote_item .vote_label { color: rgb(77, 77, 77); border: 1px solid rgb(77, 77, 77); }

.vote_item .vote_statistics { color: rgb(77, 77, 77); }

.vote_item .vote_title { color: rgb(28, 28, 28); font-size: 17px; font-weight: 500; }

.article_vote_box .item .item_title { font-size: 0.938rem; }

.article_vote_box .item .item_img { margin-bottom: 0.4rem; }

.article_vote_box .section_content { position: static; }

.article_vote_box a { text-decoration: none !important; }

.article_vote_box a.more { position: absolute !important; top: 7px !important; color: var(--grey) !important; }

.article_vote_box img { margin: 0px !important; }

.vote_section { padding: 3px; border-radius: 8px; background: linear-gradient(90deg, rgb(254, 204, 2) 0%, rgb(255, 140, 0) 100%); }

.vote_section .section_title { padding: 8px 24px; margin-bottom: 0px; }

.vote_section .section_title h2 { font-size: 20px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.vote_section .section_title h2::before { font-size: 23px; margin: 1px 6px 0px 0px; }

.vote_section .vote_wrap { margin-bottom: 0px; }

.vote_section .vote_main { padding: 24px 24px 64px; }

.vote_section .vote_header { aspect-ratio: 5 / 2; padding: 24px 30px; border-radius: 4px; overflow: hidden; margin-bottom: 24px; }

.vote_section .vote_title { font-size: 24px; }

.vote_section .vote_body { padding: 0px; }

.vote_section .vote_intro { display: block; color: rgb(28, 28, 28); padding: 12px; border-radius: 4px; background-color: rgb(255, 247, 214); }

.vote_section .vote_intro div { margin-bottom: 12px; }

.vote_section .vote_intro a { display: inline; }

.vote_section .vote_intro a:hover { text-decoration: underline !important; }

.vote_section .vote_intro a::before { display: none; }

.vote_section .vote_intro a::after { position: static; display: inline-block; vertical-align: middle; margin-top: -2px; }

.vote_section .vote_ballot_box { height: auto !important; padding-bottom: 20px; }

.vote_section .vote_ballot_box .vote_options .vote_row label span { font-size: 17px; }

.vote_section .vote_ballot_box .vote_results .vote_result_name { font-size: 17px; padding: 13px 0px 20px; }

.vote_section .vote_ballot_box .vote_results .vote_result_bar { height: 8px; border-radius: 4px; }

.vote_section .vote_ballot_box .vote_results .vote_result_bar div { border-radius: 4px; }

.vote_section .vote_ballot_box .vote_results .vote_result_num { min-width: 75px; font-size: 22px; }

.vote_section .vote_btn_box { padding: 0px 24px 24px; }

.vote_ad .ad_box { display: flex; justify-content: center; margin: 2rem 0px; }

.lead { color: rgb(128, 128, 128); font-size: 14px; margin-bottom: 0.75rem; }

.lead_heading { color: var(--black); font-size: 1.375rem; font-weight: bold; margin-bottom: 0.5rem; }

.lead_heading span { margin-right: 0.75rem; }

.lead_search { position: relative; margin-bottom: 0.5rem; }

main input, main textarea { width: 100%; color: var(--black); font-size: 1rem; font-weight: 400; height: 2.875rem; padding: 0.5rem 0.8rem; border-radius: 4px; border: 1px solid transparent; background-color: rgb(230, 230, 230); outline: none; transition: border-color 0.16s, background-color 0.16s; }

main input:focus, main textarea:focus { border-color: rgb(112, 112, 255); background-color: var(--light-grey); }

main input.error, main textarea.error { border-color: var(--main-red); }

textarea { resize: none; }

.lead_search input { padding-left: 3rem; border: 2px solid transparent; }

.lead_search input:focus { border-color: var(--main-yellow); }

.select_box { position: relative; display: inline-block; }

.select_box::after { font-family: ebc-icons; content: ""; position: absolute; top: 0px; right: 0.5rem; height: 100%; font-size: 1.5rem; line-height: 2.875rem; pointer-events: none; }

main select { width: 300px; height: 2.875rem; color: var(--black); padding: 0px 0.8rem; border-radius: 4px; border: 1px solid var(--dark-grey); outline: none; appearance: none; background-color: rgb(255, 255, 255); cursor: pointer; }

.lead_search .search_submit { position: absolute; top: 0px; left: 0px; width: 2.7rem; height: 100%; display: flex; justify-content: center; align-items: center; }

.lead_search .search_submit::before { color: rgb(153, 153, 153); font-size: 1.5rem; margin-left: 6px; }

.lead_result { display: flex; justify-content: space-between; }

.lead_sort button { color: rgb(128, 128, 128); }

.lead_sort button:hover { color: rgb(153, 153, 153); }

.lead_sort button.active { color: rgb(112, 112, 255); }

.text_red { color: var(--main-red); }

.fw_bold { font-weight: bold; }

.fw_normal { font-weight: normal; }

.text_content_box { display: block; font-weight: 400; line-height: 1.7; }

.title_box { line-height: 1.5; text-align: center; padding: 1.25rem 16px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); background-color: var(--light-grey); }

.text_content_box .container { max-width: 56.875rem; }

.text_content_box h1 { font-size: 1.625rem; }

.text_content_box h2 { font-size: 1.25rem; margin: 2rem 0px 1.5rem; }

.text_content_box h3 { font-size: 1.0625rem; margin: 1.5rem 0px 1rem; }

.text_content_box ol { padding-left: 2.2rem; margin-bottom: 1rem; }

.text_content_box ol li { text-indent: -1.9rem; }

.text_content_box ol li ol { padding-left: 1.4rem; margin-bottom: 0px; }

.text_content_box ol li ol li { text-indent: -1.1rem; }

.text_content_box ol li ol li ol li { text-indent: -1.5rem; }

.contact { position: relative; display: flex; flex-wrap: wrap; padding-right: 2.5rem; }

.contact .location { width: 40%; font-weight: 400; padding-right: 4rem; }

.contact .form_box { width: 60%; font-weight: 400; }

.location .loc_tit { margin-bottom: 1rem; }

.location .loc_tit h3 { font-size: 1.25rem; }

.loc_con { margin-bottom: 1.5rem; }

.loc_row { color: var(--grey); font-size: 0.9375rem; margin-bottom: 0.75rem; }

.loc_row a, .loc_row button { color: var(--grey); }

.loc_row a:hover, .loc_row button:hover { color: var(--black); }

.loc_mail_icon::after { font-family: ebc-icons; content: ""; display: inline-block; font-size: 1rem; margin-left: 7px; cursor: pointer; }

.map { width: 100%; aspect-ratio: 1 / 1.4; background-color: rgb(230, 230, 230); }

.map iframe { width: 100%; height: 100%; }

.form_row { margin-bottom: 1.5rem; }

.form_row:last-child { margin-bottom: 0px; }

.form_row textarea { height: 220px; }

.form_tit { font-size: 0.9375rem; margin-bottom: 0.5rem; }

.feedback { font-size: 0.688rem; margin-left: 0.5rem; }

.feedback.error { color: var(--main-red); }

.contact_btn { display: flex; justify-content: flex-end; width: 100%; margin-top: 1.5rem; }

.contact_btn .btn { width: 9rem; }

#spill_the_beans { display: none; }

#spill_the_beans.show { display: block; }

.upload_box { color: rgb(153, 153, 153); }

.upload_box #upload { position: relative; padding: 1.125rem; margin-bottom: 12px; border-radius: 4px; border: 1px dashed rgb(204, 204, 204); }

.upload_box input[type="file"] { position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0; }

.upload_box .upload_text { display: flex; justify-content: center; align-items: center; }

.upload_box .upload_text::before { font-size: 2rem; margin-right: 1rem; }

.upload_box .upload_text#upload_directions { flex-wrap: wrap; }

.upload_box .upload_text#file_name { justify-content: flex-start; align-items: flex-start; color: rgb(77, 77, 77); word-break: break-all; padding-right: 1.75rem; margin-bottom: 1rem; }

.upload_box .upload_text#file_name::before { font-size: 1.5rem; margin-right: 0.5rem; }

.upload_box input[type="file"]:hover + #upload_directions span { color: rgb(112, 112, 255); }

.upload_box #upload_directions span { margin: 0px 4px; text-decoration: underline 1px rgb(112, 112, 255); text-underline-offset: 4px; }

.upload_box #file_box { display: none; }

.upload_box #upload.uploading #upload_input, .upload_box #upload.uploading #upload_directions { display: none; }

.upload_box #upload.uploading #file_box { display: block; }

.upload_box #file_preview { width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; padding: 8px; border-radius: 4px; background-color: var(--light-grey); }

.upload_box #file_preview img, .upload_box #file_preview video { display: none; max-width: 100%; max-height: 100%; }

.upload_box #file_preview video { background-color: rgb(102, 102, 102); }

.upload_box .file_box_close { position: absolute; top: 1.125rem; right: 1rem; color: rgb(187, 187, 187); font-size: 1.5rem; font-weight: normal; line-height: 1; z-index: 3; }

.upload_box .upload_note { font-size: 12px; }

.submit_box { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }

.submit_box .verify .form_field { display: flex; align-items: center; }

.submit_box .verify .form_field > * { margin-right: 12px; }

.submit_box .verify input { width: 100px; height: 40px; padding: 0.75rem; border: 1px solid rgb(153, 153, 153); background-color: rgb(255, 255, 255); }

.submit_box .verify button, .submit_box .verify a { color: rgb(51, 122, 183); }

.submit_box .verify button:hover, .submit_box .verify a:hover { text-decoration: underline; }

.submit_box .btn { width: 220px; height: 40px; margin-top: 1rem; }

.section_page { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid rgb(204, 204, 204); }

.section_page:has(.vote_list) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.pagination { position: relative; display: flex; justify-content: center; align-items: center; }

.pagination .btn_box .btn.btn_prev { padding: 0.375rem 0.75rem; margin-right: 0.75rem; }

.pagination .btn_box .btn::before { order: 2; font-size: 1.25rem; }

.pagination .btn_box .btn.btn_next::before { margin: 0px -0.25rem 0px 0.25rem; }

.page_box { position: absolute; top: 0px; right: 0px; display: flex; align-items: center; white-space: nowrap; font-size: 0.875rem; }

.page_box input { width: 5rem; height: 2.2rem; font-size: 1rem; padding: 0px 6px; margin: 0px 0.5rem; border: 1px solid rgb(204, 204, 204); background-color: rgb(247, 247, 247); }

.row_slider_box { padding: 0px 3rem; margin-bottom: -1.35rem; }

.row_slider a { display: block; text-align: center; padding: 1.35rem; }

.row_slider .unit_img { width: 100%; max-width: 160px; aspect-ratio: 1 / 1; margin: 0px auto 12px; border-radius: 50%; overflow: hidden; background-color: rgb(17, 17, 17); }

.row_slider .unit_title { color: rgb(255, 255, 255); font-size: 1rem; font-weight: normal; margin-bottom: 10px; }

.row_slider a:hover .btn_radius { background-color: var(--grey); }

.row_slider_box .swiper-button-next, .row_slider_box .swiper-button-prev { background-color: transparent !important; }

.bottom_fixbox { position: sticky; bottom: 0px; left: 0px; width: 100%; pointer-events: none; z-index: 2000; }

.bottom_fixbox_inner { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; width: 100%; }

.report_box { display: flex; justify-content: flex-end; align-items: flex-end; height: 0px; padding-bottom: 40px; }

.bottom_fixbox_inner:has(.push_box) .report_box { padding-bottom: 16px; }

.report { position: relative; display: flex; justify-content: center; align-items: center; width: 28px; height: 92px; padding: 20px 0px 8px; border-radius: 10px 0px 0px 10px; background: linear-gradient(rgb(247, 59, 59) 0%, rgb(255, 92, 92) 100%); pointer-events: auto; }

.report::before { content: ""; position: absolute; top: -18px; right: 0px; width: 35px; height: 35px; transform-origin: right 90%; background: url("../img/megaphone.png") 0px 0px / auto 100% no-repeat; transition: transform 0.26s; }

.report:hover::before { transform: scale(1.1); }

.report::after { content: ""; display: block; width: 14px; height: 62px; background: url("../img/report_text.svg") center center / contain no-repeat; }

.push_box { width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; height: 104px; padding: 0px 24px 24px 0px; pointer-events: none; }

@media screen and (min-width: 1031px) and (max-width: 1400px) {
  .push_box { height: 96px; padding-bottom: 16px; }
}

@keyframes openPush { 
  0% { opacity: 0; transform: translateX(10px) scale(0.86); }
  70% { opacity: 1; transform: translateX(0px) scale(1.02); }
  100% { opacity: 1; transform: translateX(0px) scale(1); }
}

.push { position: relative; width: 360px; margin-right: 20px; opacity: 0; transform-origin: right 88%; }

.push_box.open_push .push { pointer-events: auto; animation: 0.3s ease 0s 1 normal forwards running openPush; }

.push::after { content: ""; position: absolute; bottom: 30px; right: -13px; width: 14px; height: 25px; background: url("../img/push_tri.png") left center / 100% 100% no-repeat; z-index: 2; }

.push_slider { position: relative; min-height: 84px; padding: 8px; border: 1px solid rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px 0px; overflow: hidden; background-color: rgb(255, 255, 255); z-index: 1; }

.push_slider::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 214px; background: linear-gradient(rgb(255, 233, 213) 0%, rgb(255, 188, 114) 100%); z-index: 1; }

.push_slider .swiper-wrapper { display: block; z-index: 2; }

.push_item { display: flex; align-items: center; font-size: 15px; padding: 8px; border-radius: 6px; }

.push_item:hover { background-color: rgba(255, 255, 255, 0.3); }

.push_img { width: 50px; height: 50px; flex-shrink: 0; border-radius: 50%; margin-right: 12px; overflow: hidden; background-color: rgba(176, 131, 70, 0.2); }

.push_img img { width: 100%; height: 100%; object-fit: cover; }

.push_title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.push_close { position: absolute; top: -6px; left: -6px; width: 22px; height: 22px; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 50%; background-color: rgb(38, 38, 38); z-index: 3; }

.secretary { position: relative; width: 71px; height: 80px; flex-shrink: 0; }

.secretary_btn { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: auto; }

.push_box.white .push { width: 340px; margin: 0px 14px 2px 0px; }

.push_box.white .push::after { background-image: url("../img/push_tri_w.png") !important; }

.push_box.white .push_slider { border-color: rgb(7, 71, 154); }

.push_box.white .push_slider::after { display: none; }

.push_box.white .push_item { font-size: 14px; padding: 6px 8px 6px 6px; }

.push_box.white .push_item:hover { background-color: rgb(230, 239, 247); }

.push_box.white .push_img { width: 58px; height: 58px; border: 4px solid rgb(255, 255, 255); }

.push_box.white .secretary { width: 80px; }

.bottom_fixbox .footer_ad { position: relative; width: 100vw; margin: 0px; pointer-events: auto; }

.bottom_fixbox .footer_ad.hide { display: none !important; }

.bottom_fixbox .footer_ad .btn_close { position: absolute; top: -31px; right: 7px; display: none; width: 23px; height: 23px; font-size: 16px; border: 1px solid var(--black); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px 0px; background-color: rgb(255, 255, 255); }

.bottom_fixbox .footer_ad:has(iframe) .btn_close { display: flex; }

@media screen and (min-width: 1031px) {
  .bottom_fixbox .bottom_fixbox_inner { transform: translateY(116px); transition: transform 0.3s; }
  .bottom_fixbox .bottom_fixbox_inner:has(.desktop_visible .footer_ad iframe).show_ad, .bottom_fixbox .bottom_fixbox_inner:has(.desktop_visible .footer_ad.hide) { transform: translateY(0px); }
  .push_box { padding-right: 32px; }
  .bottom_fixbox .bottom_fixbox_inner .desktop_visible { width: 100%; }
  .bottom_fixbox .bottom_fixbox_inner .desktop_visible .footer_ad { display: flex; justify-content: center; align-items: center; width: 100%; height: 114px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.16) 0px -1px 2px; overflow-x: clip; background-color: rgb(255, 255, 255); opacity: 0; visibility: hidden; }
  .bottom_fixbox .bottom_fixbox_inner:has(.desktop_visible .footer_ad iframe) .desktop_visible .footer_ad { opacity: 1; visibility: visible; }
  .bottom_fixbox .bottom_fixbox_inner .desktop_visible .footer_ad .btn_close { display: none; top: -28px; right: 0px; width: 28px; height: 28px; font-size: 20px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 4px 0px 0px; box-shadow: rgba(0, 0, 0, 0.16) -1px -1px 2px; }
  .bottom_fixbox .bottom_fixbox_inner:has(.desktop_visible .footer_ad iframe).show_ad .desktop_visible .footer_ad .btn_close { display: flex; }
}

.bulletin { width: 100%; max-width: 650px; color: rgb(153, 153, 153); text-align: center; margin: 2rem auto; }

.bulletin img { width: 76%; max-width: 350px; }

.bulletin_text { margin-bottom: 2rem; }

.bulletin .bulletin_text_bold { font-family: Inter; display: inline-block; color: var(--black); font-size: 3.5rem; font-weight: 900; margin-bottom: 0.75rem; }

.bulletin .lead_search { margin-bottom: 1.5rem; }

.overlay_box { position: fixed; display: none; justify-content: center; align-items: center; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 3000; }

.overlay_box.show { display: flex; }

.overlay { position: relative; width: 100%; max-width: 996px; max-height: calc(100% - 40px); padding: 50px 24px 26px; border-radius: 6px; overflow: hidden auto; overscroll-behavior: contain; background-color: rgb(255, 255, 255); z-index: 2; }

.overlay.ad_wrap { width: auto; padding: 16px; border-radius: 0px; background-color: transparent; }

.overlay_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }

.overlay_logo { display: block; width: 185px; height: 24px; background: url("../img/logo_horizontal_b.svg") center center / cover no-repeat; }

.overlay_content { display: flex; max-height: calc(-170px + 100vh); overflow-y: overlay; }

.overlay .section { margin-bottom: 24px; }

.overlay .list.box { padding-bottom: 16px; margin-top: 16px; }

.overlay .list.box .item { margin-bottom: 0px; }

.overlay .list.box .item.video .item_img::before { width: 40px; height: 40px; font-size: 27px; border: 1px solid rgb(255, 255, 255); }

.overlay .list.box .item .item_text, .overlay .list.box .item .item_title { font-size: 15px !important; }

.overlay .list.box .item.video .item_text::before, .overlay .list.box .item.video .item_title::before { font-size: 15px !important; }

.overlay_l { width: calc(100% - 300px); padding-right: 44px; }

.overlay_r { width: 300px; }

.overlay_r .ad_box { margin-bottom: 24px; }

.btn_close { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; color: var(--dark-grey); font-size: 26px; border-radius: 50%; background-color: var(--light-grey); cursor: pointer; }

.overlay_box .btn_close { position: absolute; top: 6px; right: 6px; z-index: 10; }

.overlay_tool_box { position: absolute; top: 5px; right: 0px; display: flex; color: rgb(255, 255, 255); padding: 4px 12px; border-radius: 30px; background-color: rgb(0, 0, 0); z-index: 10; }

.overlay_tool_box button { color: rgb(255, 255, 255); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 24px; }

.overlay_tool_box button:hover { color: var(--main-yellow); }

.overlay_tool_box button:first-child { margin-right: 8px; }

.overlay_footer { position: absolute; bottom: 0px; left: 0px; width: 100%; color: rgb(98, 81, 65); font-size: 18px; text-align: center; padding: 12px 0px; background-color: rgb(245, 245, 245); }

.overlay_footer br { display: none; }

.overlay_bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1; }

.overlay_box.video .overlay { width: auto; max-width: none; max-height: 100%; padding: 50px 0px 0px; border-radius: 0px; background-color: transparent; }

.overlay_box.video .btn_close { top: 0px; right: 0px; background-color: rgb(10, 10, 10); }

.overlay_box.video .overlay_bg { background-color: rgba(0, 0, 0, 0.94); }

.ov_video_wrap { display: flex; justify-content: center; max-width: 100%; }

.ov_video_box { width: 800px; }

.has_list .ov_video_box { width: 720px; }

.ov_video { position: relative; aspect-ratio: 16 / 9; margin-bottom: 12px; overflow: hidden; background-color: rgb(10, 10, 10); }

.ov_video iframe { width: 100%; height: 100%; }

.ov_video_info { min-height: 36px; margin-top: 12px; }

.overlay_box.video.has_list .ov_video_info { min-height: 71px; }

.ov_video_title { color: rgb(255, 255, 255); font-size: 16px; font-weight: normal; }

.ov_video_data { line-height: 1; margin-top: 10px; }

.ov_video_data .time, .ov_video_data .views { font-size: 13px; margin-top: 0px; }

.ov_video_list { width: 375px; height: 406px; overflow-y: auto; overscroll-behavior: contain; padding: 0px 10px 0px 12px; }

.ov_video_list::-webkit-scrollbar-thumb { background-color: rgb(37, 37, 37); }

.ov_video_list .item { padding: 9px 10px; }

.ov_video_list .item.active { background-color: var(--dark-grey); }

.ov_video_list .item .item_img { width: 148px; background-color: rgb(10, 10, 10); }

.ov_video_list .item .item_title { font-size: 14px; font-weight: normal; -webkit-line-clamp: 3; color: rgb(255, 255, 255) !important; }

.ov_video_list .item .item_preview { display: none; }

.ov_video_list .item .item_time { font-size: 12px; margin-top: 7px; }

.ov_video_list .item .item_img { border-radius: 0px; }

.ov_video_list, .ov_video_data { display: none; }

.has_list .ov_video_list { display: block; }

.has_list .ov_video_data { display: flex; }

.overlay .ad_box { margin: 1rem 0px; }

.ov_video_btn_wrap { display: flex; justify-content: center; margin: 24px 0px 0px; }

.ov_video_btn_box { position: relative; display: flex; justify-content: center; border-radius: 25px; background-color: rgb(10, 10, 10); }

.ov_video_btn_box::before { content: ""; position: absolute; top: 12px; left: 50%; height: 26px; border-left: 1px solid rgb(82, 82, 82); }

.ov_video_btn { display: flex; justify-content: center; width: 120px; height: 50px; color: rgb(255, 255, 255); line-height: 1; padding-top: 15px; user-select: none; }

.ov_video_btn.disabled { opacity: 0.3; pointer-events: none; }

.ov_video_btn.prev::before { font-family: ebc-icons; content: ""; font-size: 18px; margin: -1px 6px 0px 0px; }

.ov_video_btn.next::after { font-family: ebc-icons; content: ""; font-size: 18px; margin: -1px 0px 0px 6px; }

.overlay_box.fixed { inset: auto 16px 16px auto; width: 340px; height: auto; z-index: 100; }

.overlay_box.fixed .overlay { width: 100%; overflow: visible; padding: 30px 0px 0px !important; }

.overlay_box.fixed .ov_video_wrap, .overlay_box.fixed .overlay_tool_box { box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 6px 0px; }

.overlay_box.fixed .ov_video_box { border-radius: 4px; border: 5px solid var(--black); background-color: var(--black); }

.overlay_box.fixed .ov_video { margin-bottom: 0px; background-color: transparent; }

.overlay_box.fixed .overlay_tool_box { top: 0px; padding: 3px 10px; border-radius: 4px 4px 0px 0px; background-color: var(--black); }

.overlay_box.fixed .overlay_tool_box button { width: 24px; height: 28px; font-size: 20px; }

.overlay_box.fixed .overlay_tool_box .overlay_reduce::before { font-family: ebc-icons; content: ""; }

.overlay_box.fixed .ov_video_info, .overlay_box.fixed .ad_box, .overlay_box.fixed .ov_video_list, .overlay_box.fixed .overlay_bg { display: none; }

.overlay_box.vote .overlay { width: 100%; max-width: 500px; max-height: none; overflow: hidden; padding: 0px; border-radius: 4px; background-color: transparent; }

.overlay_box.vote .vote_wrap { margin-bottom: 0px; background-color: transparent; }

.overlay_box.vote .vote_box { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.overlay_box.vote .vote_header { min-height: 200px; padding: 16px; }

.overlay_box.vote .vote_title { width: 100%; font-size: 22px; }

.overlay_box.vote .vote_body { padding: 0px 0px 64px; }

.overlay_box.vote .vote_content { max-height: calc(-324px + 100vh); overflow: auto; padding: 12px 16px 0px; overscroll-behavior: contain; }

.overlay_box.vote:has(.ad_box iframe) .vote_content, .overlay_box.vote:has(.ad_box img) .vote_content { max-height: calc(-424px + 100vh); }

.overlay_box.vote .vote_content::after { content: ""; position: absolute; bottom: 60px; left: 0px; width: 100%; height: 100px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; opacity: 0; }

.overlay_box.vote .vote_content.has_scroll::after { opacity: 1; }

.overlay_box.vote:has(.ad_box iframe) .vote_content::after, .overlay_box.vote:has(.ad_box img) .vote_content::after { bottom: 160px; }

.overlay_box.vote .vote_intro { display: block; }

.overlay_box.vote .vote_ballot_box { height: auto !important; min-height: 213px; }

.overlay_box.vote .vote_results { padding: 0px 4px 0px 6px; }

.overlay_box.vote .ad_box { position: relative; margin: 0px; }

.overlay_box.vote .btn_close { top: 16px; right: 16px; width: 32px; height: 32px; color: rgb(255, 255, 255); font-size: 24px; background-color: var(--black); }

.overlay_box.idle .overlay { width: 996px; max-width: calc(100% - 32px); color: rgb(153, 153, 153); font-size: 15px; max-height: none; overflow: hidden; padding: 0px; border-radius: 12px; }

.overlay_box.idle .idle_box > div { padding-right: 32px; padding-left: 32px; }

.overlay_box.idle .idle_header { display: flex; justify-content: space-between; align-items: center; height: 60px; border-bottom: 1px solid rgb(204, 204, 204); }

.overlay_box.idle .idle_header_logo, .overlay_box.idle .idle_header_logo img { display: block; }

.overlay_box.idle .idle_header_text { padding-right: 64px; }

.overlay_box.idle .btn_close { top: 12px; right: 32px; }

.overlay_box.idle .idle_main { padding-top: 16px; max-height: calc(-150px + 100vh); overflow-y: auto; overscroll-behavior: contain; }

.overlay_box.idle .idle_main .section { margin-bottom: 16px; }

.overlay_box.idle .idle_main .section_title { margin-bottom: 10px; }

.overlay_box.idle .idle_main .section:first-child .section_title { margin-bottom: 6px; }

.overlay_box.idle .idle_main .section_title div { font-size: 18px; }

.overlay_box.idle .idle_main .text_row { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px; margin: 0px; background-color: transparent; }

.overlay_box.idle .idle_main .text_row li { width: 48.3%; }

.overlay_box.idle .idle_main .text_row a { display: flex; align-items: center; width: 100%; font-size: 16px; text-indent: 0px; padding: 0.625rem 0.625rem 0.625rem 16px; margin-bottom: 0px; border-bottom: 1px solid rgb(230, 230, 230); }

.overlay_box.idle .idle_main .text_row a::before { flex-shrink: 0; margin-top: 0px; }

.overlay_box.idle .idle_main .text_row a span { flex-grow: 1; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.overlay_box.idle .idle_main .list { display: flex; gap: 16px; min-height: 250px; margin-bottom: 0px; }

.overlay_box.idle .idle_main .list > * { flex-shrink: 0; width: 300px; }

.overlay_box.idle .idle_main .list .item_title { font-size: 16px; }

.overlay_box.idle .idle_main .list .item_time { font-size: 12px; }

.overlay_box.idle .idle_main .list .ad_box { margin: 0px; }

.overlay_box.idle .idle_footer { display: flex; justify-content: space-between; align-items: center; color: rgb(128, 128, 128); height: 70px; background-color: var(--light-grey); }

.overlay_box.idle .idle_footer a { color: rgb(128, 128, 128); margin: 0px 6px; }

.overlay_box.idle .idle_footer .social_media_s2 span { font-size: 15px; margin: 0px 10px 0px 0px; }

.overlay_box.message .overlay { display: flex; justify-content: center; align-items: center; width: 426px; min-height: 180px; font-size: 17px; text-align: center; padding: 32px 24px 24px; }

.overlay_box.message#r18 .overlay .overlay_close.btn_close, .overlay_box.message.hide_close_btn .overlay .overlay_close.btn_close { display: none; }

.overlay_box.message#r18 .overlay_bg, .overlay_box.message.hide_close_btn .overlay_bg { pointer-events: none; }

.ov_message_wrap { width: 100%; }

.ov_message_box.loading { margin: 0px; }

.ov_message_box.loading::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -20px 0px 0px -20px; z-index: 2; }

.ov_message_box.loading::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 1; }

.ov_message_img { margin-bottom: 14px; }

.ov_message_img img { width: 100%; max-width: 110px; }

.ov_message_text { margin-bottom: 20px; }

.ov_message_btn_box { display: flex; justify-content: center; min-width: 180px; column-gap: 16px; }

.ov_message_btn_box > * { flex-basis: 180px; white-space: nowrap; }

.ov_message_btn_box .btn.leave { flex-basis: 100px; }

.ov_message_btn_box:has(.btn.leave) > :not(.btn.leave) { flex-grow: 1; }

#vote_share .overlay { max-width: 300px; padding: 20px; }

#vote_share .ov_message_img .i_vote { font-size: 20px; }

#vote_share .ov_message_img .i_vote span { font-weight: 700; }

#vote_share .ov_message_img .i_vote::before { display: block; font-size: 56px; }

#vote_share .ov_message_text { position: relative; text-align: center; margin-bottom: 16px; }

#vote_share .ov_message_text span { position: relative; color: rgb(153, 153, 153); font-size: 15px; padding: 4px; background-color: rgb(255, 255, 255); z-index: 2; }

#vote_share .ov_message_text::after { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; border-top: 1px solid rgb(230, 230, 230); z-index: 1; }

#vote_share .ov_message_btn_box { column-gap: 12px; }

#vote_share .ov_message_btn_box > * { flex-basis: 78px; }

#vote_share .ov_message_btn_box button { display: flex; flex-direction: column; }

#vote_share .ov_message_btn_box button .vsb_icon { display: flex; justify-content: center; align-items: center; width: 78px; height: 78px; margin-bottom: 4px; border-radius: 4px; }

#vote_share .ov_message_btn_box button .vsb_icon svg { width: 44px; height: 44px; }

#vote_share .ov_message_btn_box button .vsb_icon svg path { fill: rgb(255, 255, 255); }

#vote_share .ov_message_btn_box button .vsb_icon::before { display: none; }

#vote_share .ov_message_btn_box button .vsb_icon.i_facebook { background-color: rgb(24, 119, 242); }

#vote_share .ov_message_btn_box button .vsb_icon.i_line { background-color: rgb(0, 185, 0); }

#vote_share .ov_message_btn_box button .vsb_icon.i_link { background-color: rgb(240, 138, 44); }

#vote_share .ov_message_btn_box button.vsb_link.copied .vsb_icon.i_link { background-color: rgb(202, 202, 202); }

#vote_share .ov_message_btn_box button.vsb_link.copied .vsb_text { display: flex; align-items: center; }

#vote_share .ov_message_btn_box button.vsb_link.copied .vsb_text::before { font-family: ebc-icons; content: ""; font-size: 1rem; margin: 0px 2px 0px 9px; }

#vote_share .ov_message_btn_box button .vsb_icon.i_link::before { display: block; color: rgb(255, 255, 255); font-size: 38px; }

#vote_share .ov_message_btn_box button .vsb_text { width: 100%; color: rgb(153, 153, 153); font-size: 12px; text-align: center; }

.overlay_box.ad .overlay { height: 100%; max-width: 800px; max-height: calc(-40px + 100vh); padding: 0px; background-color: transparent; pointer-events: none; }

.overlay_box.ad .overlay > * { pointer-events: auto; }

.overlay_box.ad .overlay .ov_ad_box { display: flex; justify-content: center; align-items: center; height: 100%; }

.overlay_box.ad .overlay .ov_ad_box iframe { max-width: 100%; }

.overlay_box.ad .overlay_close.i_x { top: 12px; right: 13px; width: 28px; height: 28px; }

.overlay_box.ad .overlay_close.i_x::before { font-size: 22px; }

.faq_box .faq_title { font-size: 1.25rem; font-weight: bold; margin-bottom: 1rem; }

.faq_box img { display: block; margin-bottom: 2rem; }

body:has(.app_setup_wrap) { background-color: var(--black); }

.app_setup_box { position: relative; max-width: 1030px; margin: 0px auto; }

.app_setup_box img { width: 100%; display: block; }

.app_setup_links { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }

.app_setup_links * { position: absolute; display: block; }

.app_setup_links .link_web { top: 0px; left: 0px; width: 100%; height: 60px; }

.app_setup_links .link_app_store, .app_setup_links .link_app_store_bottom, .app_setup_links .link_google_play, .app_setup_links .link_google_play_bottom { width: 50%; height: 230px; }

.app_setup_links .link_app_store, .app_setup_links .link_google_play { top: 250px; }

.app_setup_links .link_app_store_bottom, .app_setup_links .link_google_play_bottom { bottom: 100px; }

.app_setup_links .link_app_store, .app_setup_links .link_app_store_bottom { left: 0px; }

.app_setup_links .link_google_play, .app_setup_links .link_google_play_bottom { left: 50%; }

body:has(.bottom_fixbox .push_box) .dfp_ad .InstreamDom_floater_3bZks.InstreamDom_floatAnimation_3UWi3 { z-index: 2100 !important; }

@media screen and (min-width: 1031px) {
  body:has(.bottom_fixbox .push_box) .dfp_ad .InstreamDom_floater_3bZks.InstreamDom_floatAnimation_3UWi3 { right: 32px !important; bottom: 370px !important; }
}

@media screen and (min-width: 1031px) and (max-width: 1400px) {
  body:has(.bottom_fixbox .push_box) .dfp_ad .InstreamDom_floater_3bZks.InstreamDom_floatAnimation_3UWi3 { right: 24px !important; bottom: 352px !important; }
}

#cf_b_img { z-index: 2999 !important; }

.author_box { width: 100%; max-width: 1080px; display: flex; padding: 2rem 3.5rem; margin: 0px auto 2.5rem; border-radius: 4px; background-color: var(--light-grey); }

.author_img { display: block; flex-shrink: 0; width: 150px; height: 150px; overflow: hidden; border-radius: 50%; background-color: rgb(203, 203, 203); }

.author_img img { width: 100%; height: 100%; object-fit: cover; }

.author_info { padding-left: 2.5rem; }

.author_name { font-size: 1.75rem; font-weight: bold; line-height: 1.2; margin-bottom: 0.5rem; }

.author_intro { display: flex; align-items: center; color: rgb(153, 153, 153); font-size: 0.875rem; line-height: 1; }

.author_intro > div { position: relative; }

.author_intro .btn { margin-left: 16px; }

.author_title { padding-right: 10px; margin-right: 10px; }

.author_title::after { content: ""; position: absolute; top: 1px; right: 0px; height: 100%; border-right: 1px solid rgb(153, 153, 153); }

.author_publish { display: flex; align-items: center; padding: 4px 0px; }

.author_publish span { color: var(--main-red); font-size: 1.125rem; margin-left: 4px; }

.author_profile { font-size: 0.938rem; font-weight: normal; line-height: 1.6; margin-top: 1.5rem; }

.column_list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.column_box { width: 48.5%; padding: 2rem; margin-bottom: 2.5rem; border-radius: 12px; background-color: var(--light-grey); }

.column_header .author_box { align-items: center; padding: 0px; margin-bottom: 1.5rem; background-color: transparent; }

.column_header .author_img { width: 100px; height: 100px; }

.column_header .author_info { padding-left: 1.5rem; }

.column_header .author_data { display: flex; align-items: center; }

.column_header .author_name { font-size: 22px; margin-bottom: 0px; }

.column_header .author_intro { align-items: flex-end; }

.column_header .author_intro .btn { margin-left: 12px; }

.column_header .author_title { padding-right: 0px; padding-bottom: 2px; margin-right: 0px; margin-left: 12px; }

.column_header .author_title::after { display: none; }

.column_header .author_publish { display: none; }

.column_header .author_profile { display: -webkit-box; overflow: hidden; margin-top: 0.875rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.column_body .list { display: block; margin-bottom: 0px; }

.column_body .list .item.row_box { overflow: hidden; margin-bottom: 0.75rem; border-radius: 4px; background-color: rgb(255, 255, 255); }

.column_body .list .item.row_box .item_img { border-radius: 0px; }

.column_body .list .item.row_box .item_text { padding: 0.5rem 0.75rem; }

body.event header { position: relative; top: 0px; background-color: var(--black); }

body.event header .container { display: flex; align-items: center; height: 56px; }

body.event header .event_header_logo { width: 160px; height: 20px; }

body.event main { padding-bottom: 4.5rem; }

body.event main .container { margin-bottom: 0px; }

.event_banner .phone_hidden, .event_banner .phone_visible { background-color: rgba(0, 0, 0, 0.2); }

.event_banner .phone_hidden { aspect-ratio: 138 / 30; }

.event_banner .phone_visible { aspect-ratio: 16 / 9; }

.event_banner a, .event_banner img { display: block; width: 100%; height: 100%; }

.event_banner img { object-fit: cover; }

.event_page { margin-bottom: 4.5rem; background-color: rgb(255, 255, 255); }

.event_section { padding: 2.5rem; }

.event_section.bg_black { color: rgb(255, 255, 255); background-color: rgb(30, 31, 33); }

.event_video_box { display: flex; align-items: flex-start; }

.event_video { width: 60%; aspect-ratio: 16 / 9; background-color: rgb(204, 204, 204); }

.event_section.bg_black .event_video { background-color: rgb(0, 0, 0); }

.event_video iframe { display: block; width: 100%; height: 100%; }

.event_video_data { display: flex; flex-direction: column; width: 40%; padding-left: 2.5rem; }

.event_video_info { min-height: 147px; }

.event_video_title { display: -webkit-box; font-size: 1.25rem; font-weight: 700; margin-bottom: 12px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.event_video_intro { display: -webkit-box; font-size: 0.938rem; margin-bottom: 16px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.event_section.bg_black .event_video_intro { color: rgb(204, 204, 204); }

.event_video_list { height: 293px; overflow-y: auto; border-radius: 6px; border: 1px solid rgb(102, 102, 102); }

.event_video_list::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.3); }

.event_section.bg_black .event_video_list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.07); }

.event_video_item { display: flex; align-items: flex-start; padding: 10px 12px; cursor: pointer; }

.event_video_item:hover { background-color: rgb(239, 239, 239); }

.event_section.bg_black .event_video_item:hover { background-color: rgb(38, 38, 38); }

.event_video_item.active { pointer-events: none; background-color: rgb(204, 204, 204); }

.event_section.bg_black .event_video_item.active { background-color: rgb(102, 102, 102); }

.ev_item_img { flex-shrink: 0; width: 142px; aspect-ratio: 16 / 9; background-color: rgb(221, 221, 221); }

.event_section.bg_black .ev_item_img { background-color: rgb(43, 43, 43); }

.ev_item_img img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ev_item_text { padding-left: 12px; }

.event_video_item.active .ev_item_text::after { content: "目前播放"; font-size: 12px; }

.event_section.bg_black .event_video_item.active .ev_item_text::after { color: rgb(204, 204, 204); }

.ev_item_title { display: -webkit-box; font-size: 1rem; margin-bottom: 12px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ev_item_preview { display: none; }

.event_list { display: flex; align-items: flex-start; gap: 2.5rem; }

.event_item { display: block; }

.event_list .event_item { width: 50%; }

.ei_img { aspect-ratio: 16 / 9; margin-bottom: 8px; border-radius: 4px; overflow: hidden; background-color: rgb(203, 203, 203); }

.ei_img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }

.event_item:hover .ei_img img { transform: scale(1.06); }

.ei_title { display: -webkit-box; color: var(--black); font-size: 1.375rem; font-weight: 700; margin-bottom: 8px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ei_preview { display: -webkit-box; color: rgb(153, 153, 153); font-size: 0.938rem; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.event_list.focus { gap: normal; }

.event_list.focus .event_item:nth-child(1) { width: 60%; }

.event_list.focus .event_item:nth-child(2) { width: calc(40% - 2.5rem); margin-left: 2.5rem; }

.event_list.focus .event_item:nth-child(1) .ei_text { display: flex; align-items: flex-start; }

.event_list.focus .event_item:nth-child(1) .ei_text .ei_title { flex-shrink: 0; width: 55%; }

.event_list.focus .event_item:nth-child(1) .ei_text .ei_preview { width: 45%; padding-left: 1.5rem; }

.event_ad_box { display: flex; justify-content: center; }

.event_ad_box img { display: block; }

.event_section:has(.event_ad_box) { padding-top: 24px; padding-bottom: 24px; }

.event_list_row .event_item { display: flex; align-items: flex-start; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgb(204, 204, 204); }

.event_list_row .event_item .ei_img { flex-shrink: 0; width: 333px; margin-bottom: 0px; }

.event_list_row .event_item .ei_img img { width: 100%; height: 100%; object-fit: cover; }

.event_list_row .event_item .ei_text { flex-grow: 1; padding-left: 1.25rem; }

.event_list_row .event_item .ei_title { font-size: 1.25rem; }

.ei_time::before { font-family: ebc-icons; content: ""; margin: 2px 3px 0px 0px; }

.ei_time { display: inline-flex; align-items: center; color: rgb(153, 153, 153); font-size: 0.813rem; line-height: 1; font-weight: 400; word-break: break-all; margin-top: 0.75rem; }

body.event .social_media { position: absolute; bottom: 8px; right: 20px; display: flex; flex-direction: column; justify-content: flex-end; width: max-content; height: 0px; margin-left: auto; pointer-events: auto; }

body.event .social_media .link { margin-bottom: 12px; }

body.event .social_media .link::after { display: none; }

body.event .social_media .link a { position: relative; display: block; width: 40px; height: 40px; padding: 0px; margin: 0px; }

body.event .social_media .link a::before { font-size: 40px; }

body.event .social_media .link a::after { content: ""; position: absolute; bottom: 1px; left: 1px; width: 38px; height: 38px; border-radius: 50%; background-color: rgb(255, 255, 255); z-index: -1; }

body.event footer { margin-top: 0px; }

.event_row { display: flex; flex-wrap: wrap; gap: 24px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid rgb(204, 204, 204); }

.event_box { display: block; width: calc(33.3333% - 16px); }

.eb_img { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background-color: rgb(203, 203, 203); }

.eb_img img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }

.event_box:hover .eb_img img { transform: scale(1.06); }

.eb_text { font-size: 1.25rem; font-weight: bold; margin: 0.5rem 0px; }

.event_bottom_fixbox { position: sticky; bottom: 0px; left: 0px; width: 100%; display: flex; justify-content: center; pointer-events: none; }

.event_bottom_box { display: inline-flex; justify-content: center; align-items: center; gap: 32px; padding: 24px 48px; margin-bottom: 30px; border-radius: 12px; border: 1px solid rgb(204, 204, 255); background: linear-gradient(rgb(255, 255, 255) 40%, rgb(235, 235, 255) 100%); box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 20px 0px; pointer-events: auto; }

.ebf_text { max-width: 450px; font-size: 16px; }

.ebf_text span { color: rgb(247, 59, 59); }

.ebf_btn a, .ebf_btn button { display: inline-flex; justify-content: center; align-items: center; min-width: 160px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; padding: 11px; border-radius: 30px; background-color: rgb(112, 112, 255); }

.ebf_btn a:hover, .ebf_btn button:hover { background-color: rgb(128, 128, 255); }

.recommend_box { min-height: 2100px; }

.recommend_title { font-size: 23px; font-weight: bold; margin-bottom: 4px; }

.article_switch { display: flex; justify-content: space-between; }

.as_btn_box { width: calc(50% - 8px); display: flex; flex-wrap: wrap; padding: 12px; border-radius: 4px; border: 1px solid var(--main-yellow); }

.as_prev { justify-content: flex-start; }

.as_next { justify-content: flex-end; }

.as_btn { display: flex; align-items: center; color: rgb(153, 153, 153); font-size: 0.75rem; margin-bottom: 6px; }

.as_btn::before, .as_btn::after { font-family: ebc-icons; font-size: 0.875rem; line-height: 1; }

.as_prev .as_btn::before { content: ""; margin-right: 3px; }

.as_next .as_btn::after { content: ""; margin-left: 3px; }

.as_text { display: -webkit-box; width: 100%; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.as_prev .as_text { text-align: left; }

.as_next .as_text { text-align: right; }

.text_al { text-align: left !important; }

.text_ac { text-align: center !important; }

.text_ar { text-align: right !important; }

.p0 { padding: 0px; }

.p10 { padding: 1rem; }

.p15 { padding: 1.5rem; }

.p20 { padding: 2rem; }

.p25 { padding: 2.5rem; }

.p30 { padding: 3rem; }

.pt0 { padding-top: 0px; }

.pt10 { padding-top: 1rem; }

.pt15 { padding-top: 1.5rem; }

.pt20 { padding-top: 2rem; }

.pt25 { padding-top: 2.5rem; }

.pt30 { padding-top: 3rem; }

.pr0 { padding-right: 0px; }

.pr10 { padding-right: 1rem; }

.pr15 { padding-right: 1.5rem; }

.pr20 { padding-right: 2rem; }

.pr25 { padding-right: 2.5rem; }

.pr30 { padding-right: 3rem; }

.pb0 { padding-bottom: 0px; }

.pb10 { padding-bottom: 1rem; }

.pb15 { padding-bottom: 1.5rem; }

.pb20 { padding-bottom: 2rem; }

.pb25 { padding-bottom: 2.5rem; }

.pb30 { padding-bottom: 3rem; }

.pl0 { padding-left: 0px; }

.pl10 { padding-left: 1rem; }

.pl15 { padding-left: 1.5rem; }

.pl20 { padding-left: 2rem; }

.pl25 { padding-left: 2.5rem; }

.pl30 { padding-left: 3rem; }

.m0 { margin: 0px; }

.m10 { margin: 1rem; }

.m15 { margin: 1.5rem; }

.m20 { margin: 2rem; }

.m25 { margin: 2.5rem; }

.m30 { margin: 3rem; }

.mt0 { margin-top: 0px; }

.mt10 { margin-top: 1rem; }

.mt15 { margin-top: 1.5rem; }

.mt20 { margin-top: 2rem; }

.mt25 { margin-top: 2.5rem; }

.mt30 { margin-top: 3rem; }

.mr0 { margin-right: 0px; }

.mr10 { margin-right: 1rem; }

.mr15 { margin-right: 1.5rem; }

.mr20 { margin-right: 2rem; }

.mr25 { margin-right: 2.5rem; }

.mr30 { margin-right: 3rem; }

.mb0 { margin-bottom: 0px; }

.mb10 { margin-bottom: 1rem; }

.mb15 { margin-bottom: 1.5rem; }

.mb20 { margin-bottom: 2rem; }

.mb25 { margin-bottom: 2.5rem; }

.mb30 { margin-bottom: 3rem; }

.ml0 { margin-left: 0px; }

.ml10 { margin-left: 1rem; }

.ml15 { margin-left: 1.5rem; }

.ml20 { margin-left: 2rem; }

.ml25 { margin-left: 2.5rem; }

.ml30 { margin-left: 3rem; }

.border_top { border-top: 1px solid rgb(204, 204, 204); }

.border_bottom { border-bottom: 1px solid rgb(204, 204, 204); }

.desktop_visible { display: block !important; }

.mobile_visible, .tablet_visible, .phone_visible { display: none !important; }

footer { color: rgb(230, 230, 230); font-size: 14px; font-weight: normal; padding: 56px 0px 50px; background-color: rgb(102, 102, 102); }

footer a { color: rgb(230, 230, 230); font-size: 14px; transition: color 0.16s; }

footer a:hover { color: var(--main-yellow); }

.footer_row_box { margin-bottom: 20px; border-bottom: 1px solid rgb(128, 128, 128); }

.footer_row { margin-bottom: 20px; }

.footer_logo { display: inline-block; margin-bottom: 4px; }

.footer_logo img { width: 185px; height: 24px; }

.footer_links { display: flex; }

.footer_links .footer_links_col { padding: 0px 32px; border-left: 1px solid rgb(128, 128, 128); }

.footer_links .footer_links_col:first-child { padding-left: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; }

.footer_links .footer_links_col a { display: block; padding-bottom: 8px; }

.footer_links .footer_links_col a:last-child { padding-bottom: 0px; }

.footer_info { display: flex; justify-content: space-between; }

.footer_menu { display: flex; margin-bottom: 28px; }

.footer_menu a { padding: 0px 10px; }

.footer_menu a:first-child { padding-left: 0px; }

.footer_contact { display: flex; align-items: flex-start; font-size: 12px; }

.footer_contact_title { padding-right: 12px; margin-right: 12px; border-right: 1px solid rgb(128, 128, 128); }

.footer_contact_list div { margin-bottom: 10px; }

.footer_contact_list div > span { margin-right: 20px; }

.footer_social_media { margin-bottom: 20px; }

.footer_social_media, .footer_apps { display: flex; justify-content: flex-end; }

.footer_social_media a, .footer_apps a { color: rgb(230, 230, 230) !important; margin-left: 14px; }

.footer_social_media a::before { font-size: 36px; }

.footer_apps a img { vertical-align: top; width: 135px; height: 44px; }

.footer_apps a:first-child img { width: 127px; }

.copyright { color: rgb(153, 153, 153); text-align: center; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding-top: 30px; margin-bottom: 0px; }

.copyright span:last-child { display: none; }

@media screen and (max-width: 1500px) {
  header .navbar .container { height: 66px; }
  header.shrink .logo { transform: translateY(-9px) scale(0.92); }
  header .navigation .container ul li a, .menu_more .menu_more_btn, .popup_menu_toggle { height: 44px; }
  header .navigation .container ul li a.active::before, header .navigation .container ul li a.current::before, header .navigation .container .breaking_news_menu ul li a:hover::before, ul#popup_menu li a:hover::before { transform: translate(-50%, -5px); }
  ul#popup_menu li a, .popup_menu_box.sorting ul#popup_menu::before, .popup_menu_box.sorting ul#popup_menu::after { margin: 0.625rem 0.375rem; }
  .menu_more:hover .menu_more_btn::before { transform: translate(0px, -5px); }
  .popup_menu_toggle::before { top: 15px; }
  .popup_menu_toggle span { top: 21px; }
  .popup_menu_toggle::after { top: 27px; }
  header .search::before { top: 7px; }
  header .search input { height: 32px; font-size: 15px; }
  .weather_box { width: 120px; height: 44px; }
  .weather_city { margin-bottom: 6px; }
  .weather_icon img { width: 28px; height: 28px; }
  .weather_temp { font-size: 18px; }
  .login_btn { font-size: 13px; }
  .login_btn::before { font-size: 15px; }
  .item .item_label, .slide_label { height: 27px; }
  .article h1 { font-size: 2.063rem; }
}

@media screen and (max-width: 1400px) {
  header .navigation .container ul li a { padding: 0px 16px; }
  .latest_news { width: 53%; }
  .hot_news { width: 17%; margin-left: 1.4rem; }
  .category .hot_news { width: calc(47% - 300px - 3rem); }
  .overlay .ad_box { margin: 0.5rem 0px 0px; }
  .ov_video_box { width: 740px; }
  .has_list .ov_video_box { width: 706px; }
  .ov_video_list { height: 400px; }
  .ov_video_list .item { padding: 8px 10px !important; }
  .overlay_box.idle .idle_main { padding-top: 10px; }
  .overlay_box.idle .idle_main .section { margin-bottom: 10px; }
  .overlay_box.idle .idle_main .section:first-child .section_title { margin-bottom: 2px; }
  .event_video_list { height: 260px; }
}

@media screen and (min-width: 1341px) and (max-width: 1400px) {
  .video_box { width: 636px; }
  .video_list_wrap { height: 364px; }
  .video_list .item.row_box { height: 105px; }
  .video_list .item.row_box .item_title { font-size: 15px; line-height: 1.38; }
  .video_list .item.row_box .item_img { width: 53%; }
}

@media screen and (max-width: 1340px) {
  ul#popup_menu li a, .popup_menu_box.sorting ul#popup_menu::before, .popup_menu_box.sorting ul#popup_menu::after { margin: 0.5rem 0.188rem; }
  .video_latest_box .content { width: 100%; padding: 0px 5rem; }
  .video_latest_box .sidebar { display: none; }
}

@media screen and (max-width: 1300px) {
  .article_main_box { padding: 0px; }
  .article_bottom .section, .article_bottom [id^="_popIn_recommend"] { padding: 0px 2.5rem; }
  .article_bottom .ad_box { width: calc(100% - 5rem); margin-right: 2.5rem; margin-left: 2.5rem; }
}

@media screen and (max-width: 1260px) {
  .container { max-width: 1060px !important; }
  .popup_menu_box { padding: 3.6rem 0px 8rem; }
  .latest .section_title h2, .latest .section_title div, .hot_news .tab_header button { font-size: 1.5rem; }
  .latest_news_bar { order: 1; }
  .latest_news { order: 2; flex-grow: 1; margin-bottom: 1rem; }
  .category .latest_news { min-height: auto; }
  .hot_news { order: 4; }
  .category .hot_news { order: 3; width: 300px; flex-grow: 0; margin-left: 1.5rem; }
  .live_stream_box { order: 3; }
  .popular_news { order: 4; width: 100%; margin-left: 0px; }
  .hot_news { width: 100%; padding: 0px; margin: 0px 0px 1.25rem; }
  .hot_news .tab_header { margin-bottom: 0.5rem; }
  .latest ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .latest ul li { width: calc(50% - 0.75rem); }
  .latest ul li:nth-child(1) { order: 1; }
  .latest ul li:nth-child(2) { order: 3; }
  .latest ul li:nth-child(3) { order: 5; }
  .latest ul li:nth-child(4) { order: 7; }
  .latest ul li:nth-child(5) { order: 2; }
  .latest ul li:nth-child(6) { order: 4; }
  .latest ul li:nth-child(7) { order: 6; }
  .latest ul li:nth-child(8) { order: 8; }
  .latest ul li:nth-child(4) .item, .latest ul li:nth-child(8) .item { margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .latest .item .item_img { display: block; width: 160px; }
  .latest .item.row_box .item_text { padding-left: 0.75rem; }
  .latest .item .item_title { min-height: auto; font-size: 1.0625rem !important; -webkit-line-clamp: 2 !important; }
  .latest .item .item_time { position: static; min-width: auto; padding-top: 0px; margin-top: 7px !important; }
  .live_stream_box .section_title { display: none; }
  .live_stream .item .item_img { width: 100%; }
  .card .list .item.row_box { min-height: 5.24rem; }
  .card .list .item.row_box .item_img { display: none; }
  .card .list .item.row_box .item_text { padding-left: 0px !important; }
  .content_wrapper.topic_box .container { width: calc(100% - 48px); max-width: 1380px; padding-left: 0px; margin: 0px auto; }
  .topic_slider_box .section_content { padding: 0.5rem 7rem; }
  .topic_slider_box .swiper-slide { filter: none !important; }
  .topic_slider_box .swiper-button-prev { left: 1rem; }
  .topic_slider_box .swiper-button-next { right: 1rem; }
  .topic_slider_box .swiper-pagination { left: calc(-3px + 39rem); }
  .topic_slider { padding-right: 0px; }
  .ts_text { padding-left: 4rem; }
  .topic_slider_box .section_content { padding: 0.5rem 3rem; }
  .topic_slider_box .swiper-button-prev { left: 0px; }
  .topic_slider_box .swiper-button-next { right: 0px; }
  .topic_slider_box .swiper-pagination { left: calc(-3px + 37rem); }
  .ts_text { padding-left: 2rem; }
  .ac_label { margin-right: 4px; }
  .ac_label span { display: none; }
  .img_box.video .img::before { font-size: 2.5rem; width: 4rem; height: 4rem; }
  .article_bottom .section, .article_bottom [id^="_popIn_recommend"] { padding: 0px 1.5rem; }
  .article_bottom .ad_box { width: calc(100% - 3rem); margin-right: 1.5rem; margin-left: 1.5rem; }
  .row_box_group .item.row_box .item_img { width: 230px; }
  .loc_row { margin-bottom: 1rem; }
  .map { aspect-ratio: 1 / 1.1; }
  .has_list .ov_video_box { width: 650px; }
  .video_latest_box .content { padding: 0px; }
  .column_body .list .item.row_box { align-items: normal; }
  .column_body .list .item.row_box .item_img { aspect-ratio: auto; }
}

@media screen and (min-width: 1031px) and (max-width: 1260px) {
  html { font-size: 15px; }
  .content { padding-right: 1.5rem; }
  .content.latest { padding-right: 0px; }
  .category .latest_news, .category .hot_news { margin-bottom: 1.5rem; }
  .news_box { height: calc(33.3333% - 0.666667rem); margin-bottom: 1rem; }
  .latest .item .item_title { font-size: 1.125rem !important; }
  .live_stream .item .item_title { font-size: 1.0625rem !important; }
  .focus_box .item .item_title, .list.home_video_group .item .item_title { font-size: 1.125rem; }
  .focus_box .item, .home_video_group .item, .home_category_cards .card { grid-column: auto / span 6; }
  .list.video_group:not(.home_video_group) .item:last-child { display: none; }
  .video_topic .list.video_group .item:last-child { display: block; }
  .list.video_group .item.col4 { grid-column: auto / span 4; }
  .article_box { padding: 1.5rem; }
  .ov_video_list { width: 330px; height: 368px; }
  .ov_video_list .item .item_img { width: 110px; aspect-ratio: 16 / 11; }
  .ov_video_list .item .item_data { margin-top: 2px; }
}

@media screen and (max-width: 1030px) {
  :root { scroll-padding-top: 26px; }
  body { font-family: Arial, sans-serif; }
  header .navigation .container ul li a, .news_flash .news_flash_label span, .news_flash .swiper-slide a .news_flash_text, .item h3.item_title { -webkit-text-stroke: 0.3px; }
  .push_title { -webkit-text-stroke: 0.2px; }
  @supports (-webkit-hyphens:none) {
  h1, h2, h3, h4, h5, .news_flash .news_flash_label span, .news_flash .swiper-slide a .news_flash_text, .text_ad .swiper-slide a span, .slide_label, .hot_news .tab_header button, .tab, .item .item_label, .item .item_title, .item.video.live .item_title::before, .video_latest_box .live::before, .text_news a .tit, .text_row_title, .video_title, .ov_video_title, .lead span, main input, .lead_sort button { font-weight: bold !important; }
  header .navigation .container ul li a, header .popup_menu_toggle div, header .search_long_box .keywords a, header .category_thumbnail ul li a span, .btn { -webkit-text-stroke: 0.2px; }
  h1, h2, h3, h4, h5, .hot_news .tab_header button, .text_row_title { -webkit-text-stroke: 0.3px; }
  .news_flash .news_flash_label span, .news_flash .swiper-slide a .news_flash_text, .item h3.item_title, .push_title { -webkit-text-stroke: 0px; }
  .keywords a, .hashtags a { padding: 0.375rem 0.75rem; }
  .slide_label, .card .list > .item:first-child .item_img .item_label, .list.m_group .item:first-child .item_img .item_label { align-items: flex-start; line-height: 26px; }
  .item.video.live .item_title::before { font-family: Arial, sans-serif; }
  .bg_dark_grey .item .item_title { color: rgb(246, 246, 246); }
  .vote_options input[type="radio"], .vote_options input[type="checkbox"] { margin-top: 0px; }
}
  body:has(.overlay_box.vote.show), body:has(.overlay_box.message.show) { padding-right: 0px; }
  body:has(.overlay_box.ad.show) { overflow: hidden; }
  body ::-webkit-scrollbar { display: none; }
  .sky_ad .sky_ad_switch { display: none; }
  header { top: 0px; transition: transform 0.36s; }
  header.hide { transform: translateY(-100px); }
  body.ebc_tv header { display: none; }
  .ebc_tv_header { position: sticky; top: 0px; left: 0px; width: 100%; height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0px 16px; z-index: 2500; background-color: var(--black); }
  .ebc_tv_header .logo { width: 151px; height: 20px; }
  .ebc_tv_header .ebc_tv_icon { margin-left: 10px; }
  .ebc_tv_header .btn_back { position: absolute; top: 0px; left: 0px; width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; color: rgb(255, 255, 255); font-size: 24px; }
  .links_nav { display: none; }
  header .navbar { transition: background-color 0.26s; }
  header .navbar.open_mobile_search { background-color: rgb(255, 255, 255); }
  header .navbar .container { width: 100%; height: 49px; padding-left: 16px; }
  header .logo { margin-left: 2px; width: 151px !important; height: 20px !important; transform: none !important; }
  header .logo img { height: auto; object-fit: fill; }
  header .navbar.open_mobile_search .logo .logo_black { opacity: 1; }
  header .logo img { transition: opacity 0.2s; }
  header .logo .logo_white { z-index: 1; }
  header .logo .logo_black { display: block; opacity: 0; z-index: 2; }
  header .mobile_tool_nav { display: flex; justify-content: flex-end; align-items: center; min-width: 106px; }
  header .mobile_search_toggle { display: flex; align-items: center; width: 56px; height: 49px; color: rgb(255, 255, 255); font-size: 24px; line-height: 1; padding-left: 15px; }
  header .mobile_search_toggle::before { font-family: ebc-icons; content: ""; }
  header .navbar.open_mobile_search .mobile_search_toggle { color: var(--black); font-size: 28px; }
  header .navbar.open_mobile_search .mobile_search_toggle::before { content: ""; }
  header .navbar.open_mobile_search .mobile_tool_nav > :not(.mobile_search_toggle) { display: none; }
  header .tool_nav { position: absolute; top: 0px; left: 0px; width: 100%; height: 0px; pointer-events: none; transform: none !important; }
  .ebc_tv_icon { width: 74px; height: 49px; margin: 0px; background-size: 58px 24px; }
  .tool_nav .ebc_tv_icon { display: none; }
  header .search_box { position: absolute; top: 49px; left: 0px; width: 100%; height: calc(100dvh - 49px); padding: 16px; overflow-y: auto; opacity: 0; visibility: hidden; overscroll-behavior: contain; background-color: rgb(255, 255, 255); pointer-events: auto; transition: opacity 0.2s, visibility 0.2s; }
  header.hide .search_box { height: 100dvh; }
  header .navbar.open_mobile_search .search_box { opacity: 1; visibility: visible; }
  header .search input { height: 40px; color: var(--dark-grey); font-size: 16px; padding-left: 40px; background-color: rgb(230, 230, 230); }
  ::-webkit-input-placeholder { color: rgb(153, 153, 153); }
  header .search .search_submit { width: 40px; color: var(--black); }
  header .search .search_submit::before { margin-left: 3px; }
  header .search_keywords { position: static; padding: 16px 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(255, 255, 255); display: block !important; }
  header .search_keywords .sk_title { display: none; }
  header .search_keywords a { color: rgb(92, 92, 255); margin: 0px 0.75rem 0.75rem 0px; border: 1px solid rgb(204, 204, 255); }
  header .search_keywords a:hover { border-color: rgb(204, 204, 255); background-color: rgb(245, 245, 255); }
  header .mobile_search_hotnews, header .mobile_search_ad { display: block; }
  header .mobile_search_hotnews { padding-top: 18px; margin-top: 12px; border-top: 1px solid rgb(230, 230, 230); }
  header .mobile_search_hotnews .list { margin-bottom: 0px; }
  header .search .search_submit::before { font-size: 1.25rem; }
  header .mobile_search_ad { margin-bottom: 6rem; }
  header .navigation { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; transform: none !important; }
  header .navigation .container { width: 100%; padding-left: 66px; }
  header .navigation .container::before { left: 56px; }
  header .navigation .container::after { display: none; }
  .main_nav_box { overflow-x: auto; }
  .main_nav, nav { overflow: visible; }
  .main_nav { padding-right: 10px; }
  .submenu_box, .submenu_box_bg { display: none; }
  header .navigation .container ul li, .menu_more .menu_more_btn, .popup_menu_toggle { display: flex; justify-content: center; align-items: center; height: 50px; margin: 0px 2px; }
  header .navigation .container ul li a { display: block; height: auto; border-radius: 4px; padding: 6px 8px !important; }
  header .navigation .container .main_nav ul li a:active { background-color: rgb(102, 102, 102); }
  header .navigation .container ul li a::before, .menu_more .menu_more_btn::before, ul#popup_menu li a::before, header nav ul li.has_submenu a::after, header .navigation .container .menu_more .menu_more_btn::after { display: none; }
  header .navigation .container ul li a.current { pointer-events: none; }
  header .navigation .container ul li a.current::before { display: block; bottom: 1px; left: 50%; width: calc(100% - 12px); opacity: 1 !important; transform: translate(-50%, 0px) !important; }
  ul#menu li a.active { z-index: 10; }
  .menu_more { display: none !important; }
  .widget_box { display: none; }
  .login_btn { position: relative; width: 49px; height: 49px; padding: 0px; margin: 0px; border-radius: 7px; background-color: transparent; }
  .login_btn::before { position: absolute; top: 15px; left: 11px; font-size: 19px; margin: 0px; z-index: 2; }
  .login_btn span { display: none; }
  .login_btn::after { content: ""; position: absolute; top: 13px; left: 9px; display: block; width: 24px; height: 24px; border-radius: 7px; background-color: var(--main-yellow); z-index: 1; }
  .popup_menu_toggle { left: 0px; margin: 0px; }
  .navigation::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--black); opacity: 0; pointer-events: none; z-index: 30; transition: opacity 0.2s 0.1s; }
  .navigation.open_popup_menu::before { opacity: 1; transition: opacity; }
  .open_popup_menu .popup_menu_toggle { width: 130px; background-color: var(--black); }
  .popup_menu_toggle span, .popup_menu_toggle::before, .popup_menu_toggle::after { left: 18px; }
  .open_popup_menu .popup_menu_toggle span, .open_popup_menu .popup_menu_toggle::before, .open_popup_menu .popup_menu_toggle::after { left: 16px; }
  .popup_menu_toggle::before { top: 18px; }
  .popup_menu_toggle span { top: 24px; }
  .popup_menu_toggle::after { top: 30px; }
  .popup_menu_wrap { height: calc(100dvh - 50px) !important; max-height: none; }
  header.hide .popup_menu_wrap { height: 100dvh !important; }
  .popup_menu_box { width: 100%; max-width: 37rem; padding: 3.6rem 1rem 1rem; margin: 0px auto; }
  header .search_long_box { display: none; position: relative; padding-bottom: 0.75rem; margin-bottom: 1.25rem; }
  header .search_long_box::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; border-bottom: 1px solid var(--grey); }
  header .search.search_long { margin-bottom: 0.75rem; }
  header .search.search_long input { height: 2.5rem; font-size: 1rem; }
  header .search_long_box .keywords { justify-content: flex-start; }
  header .search_long_box .keywords a { margin: 0px 0.75rem 0.75rem 0px; }
  ul#popup_menu { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.25rem; margin-bottom: 1rem; }
  ul#popup_menu li { grid-column: auto / span 1; }
  ul#popup_menu li a, .popup_menu_box.sorting ul#popup_menu::before, .popup_menu_box.sorting ul#popup_menu::after { font-size: 1.5rem; text-align: center; padding: 4px 0px; margin: 0px; }
  ul#popup_menu li a:active { border-color: rgb(102, 102, 102); background-color: rgb(102, 102, 102); }
  .sorting_btn_box { position: relative; margin-bottom: 0.625rem; }
  .sorting_btn_box .sorting_options { position: absolute; top: 0.625rem; left: 0px; margin-bottom: 0px; }
  .sorting_btn_box .btn { flex-grow: 1; }
  .sorting_btn_box .btn:hover { color: rgb(153, 153, 153); border-color: var(--grey); }
  .sorting_btn_box .btn.no_border { color: rgb(204, 204, 204); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--dark-grey) !important; }
  .sorting_btn_box .btn.sorting_btn { width: 100%; margin-right: 0px; margin-left: 0px; }
  .category_thumbnail { height: auto; overflow: visible; margin-top: 0px; margin-bottom: 1rem; }
  .popup_menu_box.sorting .category_thumbnail { transform: translateY(2rem); }
  .category_thumbnail ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; padding: 1rem 0px; justify-content: flex-start; }
  .category_thumbnail ul li { margin: 0px; }
  .category_thumbnail ul li a { width: 100%; height: 4.875rem; }
  .popup_menu_footer { margin-bottom: 6rem; }
  .pm_footer_box, .social_media_s2 { flex-wrap: wrap; justify-content: center; width: 100%; }
  .social_media_s2 { margin-bottom: 0.875rem; }
  .social_media_s2 span { width: 100%; text-align: center; margin-bottom: 0.65rem; }
  .social_media_s2 a::before { font-size: 2.5rem; }
  .apps_s2 a { height: 2.75rem; }
  .pm_footer_menu { width: 100%; text-align: center; margin: 0.5rem 0px 1.5rem; }
  .pm_footer_menu a { margin: 0.75rem; }
  .pm_footer_box .copyright { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  .top_ad .desktop_visible { display: none !important; }
  .top_ad .mobile_visible { justify-content: center; padding: 12px 0px; display: flex !important; }
  .content_wrapper.top_wrapper { padding-top: 0.75rem; }
  .content_wrapper.article_wrapper { padding-top: 0px; margin-top: 0px; }
  .content { width: 100%; padding-right: 0px !important; }
  .sidebar { display: none; }
  .btn { font-size: 1rem; padding: 0.5rem; }
  .btn_more::after { margin-top: 1px; }
  .content_box.latest_box { flex-wrap: wrap; padding: 0px; margin-bottom: 1.5rem; }
  .latest::before { width: 100% !important; }
  .latest::after { display: none !important; }
  .news_flash, .latest::before, .content.pr25::before { margin-bottom: 0.75rem; }
  .latest_news { width: 100%; margin-bottom: 0.5rem; }
  .hot_keywords { margin-bottom: 0.75rem; }
  .hot_news { order: 3; }
  .latest .item { padding-top: 0px; }
  .latest .item .item_title { -webkit-line-clamp: 2 !important; }
  .live_stream_box, .popular_news { order: 4; width: 100%; margin-left: 0px; }
  .live_stream_box .section_title { display: block; }
  .live_stream_box .section_body { padding: 24px 0px; }
  .live_stream { padding-bottom: 0px; }
  .live_stream .section_content { display: flex; }
  .live_stream .video_wrap { width: 50%; padding: 0px 12px; }
  .live_stream .item { width: 50%; padding: 0px 24px 20px; margin-bottom: 0px; }
  .live_stream .item:first-child { padding-right: 12px; }
  .live_stream .item:last-child { padding-left: 12px; }
  .live_stream_box .btn { margin: 0px 24px; }
  .latest .ad_row_box { order: 5; }
  .swiper-button-prev.ls_btn { left: 12px; }
  .swiper-button-next.ls_btn { right: 12px; }
  .mobile_vote { display: block; min-height: 225px; }
  .article_bottom .mobile_vote { min-height: 258px; }
  .focus_box { display: none; }
  .category:has(> .hot_news) .latest_news .slider_box { padding-bottom: 25%; }
  .category .hot_news { position: absolute; top: 0px; left: 0px; width: 100%; margin-left: 0px; }
  .category .hot_news::before { content: ""; display: block; width: 100%; padding-bottom: calc(56.25% + 12px + 4.25rem); pointer-events: none; }
  .category .hot_news .section { display: flex; }
  .news_box { width: 33.3333%; height: 0px; padding-bottom: 22%; margin-right: 12px; }
  .news_box:last-child { margin-right: 0px; }
  .popular_news .more, .popular_news .item .num { display: none; }
  .popular_news .item { border-bottom-style: solid; }
  .popular_news .item .item_img { display: block; }
  .popular_news .item .item_text .item_title { font-size: 1.0625rem; }
  .more { top: -46px !important; }
  .contact { padding-right: 0.5rem; }
  .contact .location { padding-right: 2rem; }
  .slider .swiper-slide a img { transform: scale(1) !important; }
  .slider .swiper-slide a::before { opacity: 0.8 !important; }
  .text_ad_box { display: none; }
  .latest .section { margin-bottom: 1.5rem; }
  .live_stream_box .ad_box, .popular_news .ad_box { margin-bottom: 1rem; }
  .popular_news ul { margin-top: 0px; }
  .hot_news .tab_header { margin-bottom: 1rem; }
  .hot_news .tab_header .bottom_highlight { min-width: 6.063rem; }
  .tab_list_wrap { margin: 16px 0px; }
  .list_box { margin-top: 0.75rem; }
  .item { align-items: flex-start; }
  .item.row_box { display: flex; padding-bottom: 0.75rem; margin-bottom: 0.75rem; border-bottom: 1px solid rgb(204, 204, 204); }
  .item .item_img { flex-shrink: 0; }
  .item .item_img img { filter: none !important; }
  .item.row_box .item_img { width: 130px; }
  .item .item_label { height: 22px; font-size: 13px; padding: 0px 8px; }
  .item.row_box .item_label { top: 4px; left: 4px; }
  .slide_label, .card .list > .item:first-child .item_img .item_label, .list.m_group .item:first-child .item_img .item_label { height: 26px; font-size: 15px; padding: 0px 12px; }
  .item.row_box .item_text { flex-grow: 1; padding-left: 0.75rem; }
  .item .item_title { font-size: 1.0625rem; line-height: 1.35; text-decoration: none !important; }
  .row_box_group .list .item.row_box .item_title { font-size: 1.125rem; }
  .item .item_time, .item.m_box .item_time, .item .item_data, .text_news .time { color: rgb(140, 140, 140); margin-top: 7px; }
  .item .item_time, .time { margin-right: 8px; }
  .item .item_data div, .ov_video_data div, .video_data div { padding-right: 8px; margin-right: 8px; }
  .item .item_time, .time, .item .item_views, .views { font-size: 12px; }
  .item .item_time a, .time a, .item .item_views a, .views a { color: rgb(153, 153, 153); }
  .item.video .item_title::before, .text_list ul li.video::before, .item .item_time::before, .time::before, .item .item_views::before, .views::before { vertical-align: top; margin-top: 0px; }
  .cards_box { gap: 1.5rem; }
  .card .list .item.row_box .item_img { display: block; width: 120px; }
  .content_wrapper.bg .card .list .item.row_box .item_text { padding-left: 0.75rem !important; }
  .content_wrapper.topic_box::before, .content_wrapper.topic_box .ts_bg { height: 100%; }
  .topic_slider_box .section_content { padding: 0.5rem 2.5rem; }
  .ts_img { width: 22rem; }
  .ts_text { padding-left: 1.5rem; }
  .ts_title { font-size: 1.375rem; }
  .topic_slider_box .swiper-button-next::before, .topic_slider_box .swiper-button-prev::before { font-size: 2rem; }
  .topic_slider_box .swiper-pagination { position: static; max-width: none; margin-top: 1.5rem; }
  .article_wrap { padding-right: 0px; }
  .article_box { padding: 1.5rem; }
  .article_info { flex-wrap: wrap; white-space: normal; }
  .article_info_date { white-space: nowrap; }
  .article_info_editor { flex-wrap: wrap; }
  .audioplayer-playpause a { opacity: 0.5 !important; background-color: transparent !important; }
  .audioplayer-playpause a:active { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.02) !important; }
  .audioplayer-bar-played { background-color: rgb(136, 143, 155) !important; }
  .audioplayer-bar:active .audioplayer-bar-played { background-color: rgb(45, 48, 51) !important; }
  .font_zoom button { opacity: 0.6 !important; background-color: transparent !important; }
  .font_zoom button:active { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.02) !important; }
  .article_main_box { padding: 0px; }
  main .article_main_box .share_box { transition: top 0.36s; }
  header.hide + main .article_main_box .share_box { top: 60px; }
  .share_box button, .share_box a { background-color: rgb(235, 235, 235) !important; }
  .share_box button:active, .share_box a:active { background-color: rgb(188, 188, 188) !important; }
  .share_box .i_facebook:active { background-color: rgb(24, 119, 242) !important; }
  .share_box .i_line:active { background-color: rgb(0, 185, 0) !important; }
  .share_box .i_link:active { background-color: rgb(240, 138, 44) !important; }
  .share_box .i_google:active { background-color: rgb(66, 133, 244) !important; }
  .share_box button svg path { fill: rgb(128, 128, 128) !important; }
  .share_box button:active svg path, .share_box a:active svg path { fill: rgb(255, 255, 255) !important; }
  .text_row { padding: 0px 0px 0px 12px; }
  .text_row a { display: -webkit-box; font-size: 17px; text-indent: -24px; white-space: normal; padding-left: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .text_row a::before { margin-right: 16px; }
  .rss_box .text_row a { -webkit-line-clamp: 1; color: var(--black) !important; text-decoration: none !important; }
  .relevant_banner { flex-direction: column; }
  .relevant_list { padding: 16px; }
  .article_bottom [id^="_popIn_recommend"] ._popIn_recommend_container { position: relative; padding-bottom: 42px; }
  .player_list { padding: 12px 42px; }
  .news_box .news_box_title { font-size: 1.0625rem; }
  body.ebc_tv .top_wrapper { padding-top: 0px !important; }
  .vote_preview_box .vote_box { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transform: translateZ(0px); }
  .video_latest_box .section_title { display: none; }
  .video_wrap { display: block; margin-top: 0px; }
  .video_box { width: 100vw; padding-right: 0px; margin-left: -24px; margin-bottom: 24px; }
  .video_wrap .video_box .video iframe { width: 100vw; height: 56.25vw; }
  .video_info { padding: 0px 24px; }
  .video_title { font-size: 20px; margin-top: 0px; }
  .video_title.live::before { font-size: 13px; margin-top: 2px; }
  .video_list_wrap { width: 100vw; height: auto; margin-left: -24px; }
  .video_list_box { overflow-x: auto; }
  .video_list { display: inline-flex; height: auto; padding: 14px 14px 0px; overflow: visible; transform: translateY(0px) !important; }
  .video_list .item.row_box { display: block; width: 25vw; height: auto; padding: 0px; margin: 0px 10px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background-color: var(--dark-grey); }
  .video_list .item.row_box .item_img { aspect-ratio: 16 / 9; border-radius: 4px 4px 0px 0px; width: 100% !important; }
  .video_list .item.row_box.video .item_img::before { width: 50px; height: 50px; font-size: 26px; padding-left: 4px; }
  .video_list .item.row_box .item_text { padding: 8px; }
  .video_list .item.row_box .item_title { font-size: 15px; line-height: 1.4; -webkit-line-clamp: 2; }
  .video_list .item.row_box .live { display: none; }
  .video_list_controls { display: none; }
  .bottom_fixbox { padding-top: 16px; }
  .report { width: 26px; }
  .report::before { top: -16px; width: 32px; height: 32px; }
  .push_box { height: 98px; padding: 0px 16px 24px 0px; }
  .push_box + .mobile_visible:has(.footer_ad:not(.hide)) { position: relative; margin-top: -8px; z-index: 3; }
  .push { width: calc(-114px + 100vw); max-width: 320px; margin-right: 16px; transform-origin: right 62%; }
  .push::after { bottom: 24px; background-image: url("../img/push_tri_m.png"); }
  .push_slider { height: 72px; min-height: 72px; padding: 0px; }
  .push_slider::after { height: 70px; }
  .push_slider .swiper-wrapper { display: flex; }
  .push_item { padding: 10px; background-color: transparent !important; }
  .secretary { width: 66px; height: 74px; }
  .push_box.white .push { width: calc(-122px + 100vw); max-width: 320px; margin: 0px 10px 0px 0px; }
  .push_box.white .push_slider { height: 72px; }
  .push_box.white .push_item { padding: 6px 8px 6px 6px; }
  .push_box.white .push_img { margin-right: 6px; }
  .push_box.white .secretary { width: 80px; height: 80px; }
  .bottom_fixbox .mobile_visible { display: flex !important; justify-content: center; }
  .bottom_fixbox .footer_ad { display: flex; justify-content: center; overflow-x: clip; }
  .overlay_box { width: 100vw; height: 100dvh; }
  .overlay { max-width: 90%; }
  .overlay_box.video .overlay { width: 100%; max-width: 700px; padding: 54px 16px; }
  .overlay_box.video.has_list .overlay { height: 100%; max-height: none; overflow: visible; padding-bottom: 0px; }
  .ov_video_wrap { flex-direction: column; justify-content: flex-start; width: 100%; height: calc(100% - 124px); }
  .ov_video_box { padding-bottom: 0px; margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; width: 100% !important; }
  .has_list .ov_video_box { padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid var(--grey); }
  .ov_video { margin-bottom: 0px; }
  .ov_video_info { min-height: auto !important; }
  .has_list .ov_video_info { display: none; }
  .ov_video_data { margin-top: 8px; }
  .ov_video_list { flex-grow: 1; height: auto; padding: 8px; width: 100% !important; overflow-y: auto !important; }
  .ov_video_list .item { display: flex; margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 4px; padding: 8px !important; }
  .ov_video_list .item .item_img { aspect-ratio: 16 / 9; margin-bottom: 0px; width: 128px !important; }
  .ov_video_list .item .item_text { flex-grow: 1; padding-left: 0.75rem !important; }
  .ov_video_list .item.active .item_text::after { content: "現正播放"; display: inline-block; color: var(--light-grey); font-size: 12px; line-height: 1; padding: 4px 6px; margin-top: 8px; border-radius: 4px; background-color: rgb(30, 31, 33); }
  .ov_video_list .item .item_title { -webkit-line-clamp: 2; }
  .overlay .ad_box { position: relative; margin: 18px 0px 0px; }
  .overlay_box.video .btn_close { right: 16px; }
  .overlay_tool_box { top: 8px; right: 10px; padding: 0px; background-color: transparent; }
  .overlay_tool_box button { width: 40px; height: 40px; color: rgb(255, 255, 255) !important; }
  .overlay_tool_box button:first-child { margin-right: 2px; }
  .overlay_box.fixed .overlay_tool_box button:first-child { margin-right: 8px; }
  .overlay_header { margin-bottom: 20px; }
  .overlay_content { max-height: calc(100% - 80px); overscroll-behavior: contain; }
  .overlay_logo { width: 136px; height: 46px; }
  .overlay_l { width: 100%; padding: 0px; }
  .overlay .section { margin-bottom: 12px; }
  .overlay .list.row li:last-child a { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .overlay .list.box { padding-bottom: 0px; margin: 14px 0px 0px; }
  .overlay .list.box .item { display: flex; align-items: flex-start; flex: 0 0 100%; margin: 0px 0px 16px; }
  .overlay .list.box .item .item_img { width: 148px; padding-bottom: 81px; margin-bottom: 0px; }
  .overlay .list.box .item .item_text, .overlay .list.box .item .item_title { width: calc(100% - 148px); padding-left: 12px; -webkit-line-clamp: 3; }
  .overlay_r { display: none; }
  .overlay_footer { font-size: 16px; padding: 8px 0px; }
  .overlay_footer br { display: inline; }
  .overlay_box.fixed { padding: 0px !important; }
  .overlay_box.fixed .overlay, .overlay_box.fixed .ov_video_wrap { height: auto !important; }
  .overlay_box.fixed .ov_video_box { padding-bottom: 0px; margin-bottom: 0px; }
  .overlay_box.fixed .overlay_tool_box { right: 0px; }
  .overlay_box.idle { display: none !important; }
  .overlay_box.idle .overlay { height: 90%; max-height: 70%; }
  .overlay_box.idle .overlay .idle_wrap { height: 100%; }
  .overlay_box.idle .idle_box { height: 100%; }
  .overlay_box.idle .idle_box > div { padding-right: 16px; padding-left: 16px; }
  .overlay_box.idle .idle_header_logo, .overlay_box.idle .idle_header_logo img { height: 22px; }
  .overlay_box.idle .idle_header_text { text-align: right; padding-right: 46px; padding-left: 16px; }
  .overlay_box.idle .btn_close { right: 10px; }
  .overlay_box.idle .idle_main { max-height: calc(100% - 130px); }
  .overlay_box.idle .idle_main .text_row li { width: 100%; }
  .overlay_box.idle .idle_main .text_row li:nth-last-child(1), .overlay_box.idle .idle_main .text_row li:nth-last-child(2) { display: none; }
  .overlay_box.idle .idle_main .list { flex-wrap: wrap; justify-content: center; }
  .overlay_box.idle .idle_footer { position: absolute; bottom: 0px; left: 0px; width: 100%; }
  .overlay_box.idle .idle_footer .social_media_s2 span { display: none; }
  .overlay_box.idle .idle_footer a { height: 40px; }
  .overlay_box.idle .idle_footer .social_media_s2 { width: auto; margin-bottom: 0px; }
  .overlay_box.idle .idle_footer .social_media_s2 a::before { font-size: 40px; }
  .overlay_box.ad.mobile_visible { display: none !important; }
  .overlay_box.ad.mobile_visible.show { display: block !important; }
  .overlay_box.ad:has(.overlay .ov_ad_box:empty) { display: none !important; }
  .overlay_box.ad .overlay { max-width: none; max-height: none; }
  .app_setup_links .link_web { height: 6vw; }
  .app_setup_links .link_app_store, .app_setup_links .link_app_store_bottom, .app_setup_links .link_google_play, .app_setup_links .link_google_play_bottom { height: 21vw; }
  .app_setup_links .link_app_store, .app_setup_links .link_google_play { top: 25vw; }
  .app_setup_links .link_app_store_bottom, .app_setup_links .link_google_play_bottom { bottom: 10vw; }
  .dfp_ad .InstreamDom_floater_3bZks.InstreamDom_floatAnimation_3UWi3 { bottom: 220px !important; }
  .author_box { padding: 2rem; margin-bottom: 1.25rem; }
  .column_box { padding: 1.25rem 1rem; margin-bottom: 1.5rem; }
  .column_header .author_box { position: relative; margin-bottom: 12px; }
  .column_header .author_img { position: absolute; top: 0px; left: 0px; width: 72px; height: 72px; }
  .column_header .author_info { padding-left: 0px; }
  .column_header .author_data { position: relative; flex-wrap: wrap; align-content: flex-start; height: 72px; padding: 14px 0px 0px 84px; }
  .column_header:has(.author_data .btn) .author_data { padding-right: 84px; }
  .column_header .author_data > * { width: 100%; }
  .column_header .author_name { margin-bottom: 5px; }
  .column_header .author_intro { display: block; line-height: 1.2; }
  .column_header .author_title { margin-left: 0px; }
  .column_header .author_intro .btn { position: absolute; top: 10px; right: 0px; }
  .column_header .author_profile { margin-top: 0.75rem; }
  .column_body .list .item.row_box { padding-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .column_body .list .item.row_box .item_img { width: 128px !important; aspect-ratio: 16 / 9; }
  .column_body .list .item.row_box .item_text { padding: 6px 12px; }
  .column_body .list .item.row_box .item_title { font-size: 15px; -webkit-line-clamp: 2; }
  .event_section { padding: 32px 24px; }
  .event_video_box { display: block; }
  .event_video { width: 100%; }
  .event_video_data { width: 100%; padding-top: 12px; padding-left: 0px; }
  .event_video_info { display: flex; align-items: flex-start; min-height: 63px; margin-bottom: 24px; }
  .event_video_title { width: 60%; min-height: auto; font-size: 18px; padding-right: 12px; }
  .event_video_intro { width: 40%; margin-bottom: 0px; }
  .event_video_list { display: flex; width: calc(100% + 48px); height: auto; overflow: auto visible; padding: 0px 24px; margin-left: -24px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; }
  .event_video_item { display: block; flex-shrink: 0; width: 25vw; padding: 0px; margin-right: 20px; border-radius: 4px; overflow: hidden; background-color: rgb(214, 214, 214) !important; }
  .event_video_item:last-child { margin-right: 0px; }
  .event_section.bg_black .event_video_item { background-color: rgb(51, 51, 51) !important; }
  .event_video_item.active { background-color: rgb(233, 233, 233) !important; }
  .event_section.bg_black .event_video_item.active { background-color: rgb(102, 102, 102) !important; }
  .ev_item_img { width: 100%; }
  .ev_item_text { padding: 8px; }
  .ev_item_text::after { display: none; }
  .ev_item_title { font-size: 14px; margin-bottom: 0px; }
  .ei_img img { transform: scale(1) !important; }
  .ei_title { font-size: 20px; line-height: 1.3; }
  .event_list_row .event_item .ei_title { font-size: 18px; }
  .event_list.focus .event_item:nth-child(1) .ei_text { display: block; }
  .event_list.focus .event_item:nth-child(1) .ei_text .ei_title { width: 100%; }
  .event_list.focus .event_item:nth-child(1) .ei_text .ei_preview { width: 100%; padding-left: 0px; }
  .event_list.focus .event_item:nth-child(2) { width: calc(40% - 20px); margin-left: 20px; }
  .event_list.focus .event_item:nth-child(2) .ei_text .ei_title { -webkit-line-clamp: 3; }
  .event_list_row .event_item .ei_img { width: 38%; }
  body.event .social_media { bottom: 20px; right: 10px; }
  body.event .social_media .link { margin-bottom: 10px; }
  body.event .social_media .link a { width: 32px; height: 32px; }
  body.event .social_media .link a::before { font-size: 32px; }
  body.event .social_media .link a::after { width: 30px; height: 30px; }
  .eb_img img { transform: scale(1) !important; }
  .eb_text { display: -webkit-box; font-size: 1.063rem; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
  .event_bottom_box { margin-bottom: 20px; }
  .ebf_text { max-width: 360px; }
  .as_text { font-size: 0.875rem; -webkit-line-clamp: 2; }
  .vote_btn, .vote_show_all, .vote_more, .vote_share { height: 48px; }
  .vote_section .vote_main { padding: 24px 24px 72px; }
  .desktop_visible { display: none !important; }
  .mobile_visible { display: block !important; }
  .mobile_hidden { display: none !important; }
  .tablet_visible { display: block !important; }
  .phone_visible { display: none !important; }
  footer { margin-top: 16px; }
  footer .container { width: 100%; text-align: center; }
  .footer_row_box { margin-bottom: 24px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .footer_row { margin-bottom: 24px; }
  .footer_logo { margin-bottom: 8px; }
  .footer_links { display: none; }
  .footer_info, .footer_menu, .footer_contact { display: block; }
  .footer_menu { margin-bottom: 30px; }
  .footer_menu a:last-child { padding-right: 0px; }
  .footer_contact { font-size: 14px; }
  .footer_contact_title { position: relative; display: inline-block; padding-right: 0px; margin-right: 0px; margin-bottom: 20px; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
  .footer_contact_title::after { content: ""; position: absolute; bottom: -8px; left: 50%; width: 66%; transform: translateX(-50%); border-bottom: 2px solid rgb(128, 128, 128); }
  .footer_contact_list div:last-child { display: none; }
  .footer_contact_list div > span { margin: 0px 12px; }
  .footer_social_media { justify-content: center; margin-bottom: 20px; }
  .footer_social_media a { margin: 0px 6px; }
  .footer_apps_box { padding-top: 24px; border-top: 1px solid rgb(128, 128, 128); }
  .footer_apps { justify-content: center; }
  .footer_apps a { margin: 0px 6px; }
  .copyright { border-top: 1px solid rgb(128, 128, 128); }
  .copyright span:first-child { display: none; }
  .copyright span:last-child { display: inline; }
}

@media screen and (max-width: 767px) {
  .container, .content_wrapper.topic_box .container { width: calc(100% - 32px); }
  .popup_menu_box { max-width: none; }
  ul#popup_menu { grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 0px; }
  ul#popup_menu li a, .popup_menu_box.sorting ul#popup_menu::before, .popup_menu_box.sorting ul#popup_menu::after { padding: 3px 0px; }
  header .navigation { z-index: 10; }
  header .latest_news_bar { margin: 0px; pointer-events: auto; }
  .content_wrapper { padding: 1.5rem 0px !important; }
  .content_wrapper:has(.latest_news .slider_box) { padding-top: 0px !important; }
  .content_wrapper.article_wrapper { padding: 0px !important; }
  .content_wrapper.ad_box { padding: 0.75rem 0px !important; }
  .latest::before, .content.pr25::before { display: none !important; }
  .latest_news_bar, .latest_news, .hot_news, .latest .ad_row_box, .live_stream_box { order: 0; }
  .latest_news_bar { width: 100vw; margin-left: -16px; display: block !important; }
  .article_wrapper .latest_news_bar { margin-left: 0px; }
  main > .latest_news_bar { margin-left: 0px; }
  .news_flash { padding: 0px 10px 0px 88px; border-radius: 0px; }
  main > .latest_news_bar .news_flash { margin-bottom: 0px; }
  .news_flash .news_flash_label { left: 16px; width: 56px; height: 28px; }
  @keyframes arrowRight { 
  0% { transform: translateX(0px); }
  18% { transform: translateX(10px); }
  28% { transform: translateX(10px); }
  50% { transform: translateX(0px); }
  100% { transform: translateX(0px); }
}
  .news_flash .news_flash_label::before { width: 11px; }
  .news_flash .news_flash_label::after { border-radius: 2px 0px 0px 2px; background-position: right 0px; }
  .news_flash .swiper-slide a .news_flash_text, .text_ad .swiper-slide a span { font-size: 16px; }
  .news_flash .swiper-slide a .time { display: none; }
  .news_flash .arrow_btn { display: none; }
  .content_box.latest_box { margin-bottom: 0px; }
  .category .latest_news .slider_box { padding-bottom: 0px !important; }
  .slider_box { width: 100vw; margin: 0px 0px 1rem -1rem; }
  .slider .swiper-slide a { aspect-ratio: 4 / 3; }
  .slider .slide_text { padding: 2.5rem 18px; }
  .slider .slide_text .slide_title { font-size: 1.25rem; }
  .swiper-button-next, .swiper-button-prev { display: none; font-size: 2rem; }
  .row_slider_box .swiper-button-next, .row_slider_box .swiper-button-prev { display: flex; font-size: 32px; }
  .row_slider_box .swiper-button-next { right: -12px; }
  .row_slider_box .swiper-button-prev { left: -12px; }
  .row_slider_box .swiper-button-prev::before { content: ""; }
  .row_slider_box { width: 100vw; padding: 10px 0px 0px; margin-left: -16px; margin-bottom: -16px; }
  .row_slider { overflow-x: auto; }
  .row_slider .swiper-wrapper { display: inline-flex; width: auto; padding: 0px 4px; }
  .row_slider .swiper-slide { width: auto !important; }
  .row_slider a { padding: 12px; }
  .row_slider .unit_img { width: 88px; }
  .row_slider .unit_title { font-size: 14px; }
  .row_slider_box .swiper-button-next, .row_slider_box .swiper-button-prev { display: none; }
  .swiper-pagination { padding: 0px 1rem 1rem; }
  .swiper-pagination .swiper-pagination-bullet { margin: 0px 2px !important; }
  .section_title h2, .section_title div { font-size: 1.5rem !important; }
  .latest_box_ad { width: 100vw; margin: 1rem 0px 1rem -16px; }
  .hot_keywords { display: none; }
  .latest_news .hot_keywords { margin: 0.75rem 0px; }
  .latest_news .hot_keywords, .latest_news .content_box { margin-top: 1.5rem; }
  .hot_news .tab_header button { color: var(--black); }
  .hot_news .tab_header .bottom_highlight { left: 0px !important; }
  .latest .section_title h2, .latest .section_title div { font-size: 1.5rem; }
  .latest ul { display: block; }
  .latest ul li { width: 100%; margin-right: 0px !important; }
  .latest ul li:nth-child(4) .item, .latest ul li:nth-child(8) .item { margin-bottom: 0.75rem; border-bottom: 1px solid rgb(204, 204, 204); }
  .latest ul li:last-child .item { margin-bottom: 0px; border-bottom: 1px solid transparent; }
  .latest .item .item_title { -webkit-line-clamp: 3 !important; }
  .hot_news { width: 100%; margin-bottom: 1rem; }
  .category .hot_news { display: none; }
  .hot_news + .ad_row_box { margin-top: 1rem; }
  .live_stream_box, .popular_news { width: 100%; margin-left: 0px; }
  .live_stream_box .section_body { padding: 0px; }
  .live_stream_box .section_body, .live_stream .section_content { background-color: transparent; }
  .live_stream_box { display: none; }
  .live_stream { padding-bottom: 0px; }
  .live_stream .section_content { display: block; }
  .live_stream .video_wrap { display: none; width: 100%; padding: 0px; }
  .live_stream .video_wrap:first-child { display: block; }
  .live_stream .video_title { min-height: auto; }
  .live_stream .item { display: none; width: 100%; margin-bottom: 16px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; padding: 0px !important; }
  .live_stream .item:first-child { display: block; }
  .live_stream .item .item_img { width: 100% !important; margin-bottom: 6px; }
  .live_stream .item .item_text { padding-left: 0px; }
  .live_stream .swiper-pagination { display: none; }
  .live_stream_box .btn { margin: 0px; }
  .article_bottom .mobile_vote { min-height: 250px; }
  .content_box.mobile_visible:has(.vote_preview_wrap) { margin-bottom: 0px; }
  .bg_dark_grey .btn { color: rgb(255, 255, 255); border-color: var(--grey); }
  .bg_dark_grey .btn::after { color: var(--light-grey); }
  .bg_dark_grey .btn:hover { background-color: var(--grey); }
  .bg_dark_grey .btn_more::after { background-color: var(--dark-grey); }
  .home_video_wrapper { display: none; }
  .home_category_cards.cards_box { display: none; }
  .list, .cards_box { display: block; }
  .list_box { margin-top: 0px; padding-top: 1rem; }
  .list_box.phone_visible { padding-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  .list_box.phone_visible .list { padding-top: 0.75rem; margin-bottom: 0.75rem; border-top: 1px solid rgb(204, 204, 204); }
  .list_box.phone_visible .list:first-child { padding-top: 0px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
  .list_box.phone_visible .list .item:last-child { padding-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .item { display: flex; padding-bottom: 0.75rem; margin-bottom: 0.75rem; border-bottom: 1px solid rgb(204, 204, 204); }
  .item.m_box { display: block; }
  .row_box_group .list .item.row_box, .row_box_group .ad_box { padding-bottom: 0.75rem; margin-bottom: 0.75rem; }
  .content_wrapper.bg .list .item { border-radius: 0px; background-color: transparent; }
  .content_wrapper.bg_dark_grey .list .item { border-color: var(--grey); }
  .item .item_img { aspect-ratio: 16 / 10; margin-bottom: 0px; width: 145px !important; }
  .item.m_box .item_img { aspect-ratio: 16 / 9; width: 100% !important; margin-bottom: 0.5rem !important; }
  .item.video .item_img::before { width: 2.7rem; height: 2.75rem; font-size: 1.25rem; padding-left: 0.2rem; }
  .content_wrapper.bg .list .item_img { border-radius: 4px; }
  .item .item_label, .slide_label { top: 4px; left: 4px; }
  .item.m_box .item_label { top: 6px; left: 6px; height: 26px; font-size: 15px; padding: 0px 12px; }
  .item .item_text { flex-grow: 1; padding-left: 0.75rem; }
  .item.m_box .item_text { padding-left: 0px !important; }
  .content_wrapper.bg .list .item .item_text { padding: 0px 0px 0px 0.75rem; }
  .row_box_group .list .item.row_box .item_text { padding-left: 0.75rem; }
  .item .item_title { line-height: 1.3; -webkit-line-clamp: 3; }
  .item.m_box .item_title { font-size: 1.25rem !important; -webkit-line-clamp: 2 !important; }
  .row_box_group .list .item.row_box .item_title { font-size: 1.0625rem; font-weight: 500; }
  .relevant_box .list .item .item_title { font-size: 1.0625rem; }
  .item .item_preview { color: rgb(140, 140, 140); margin-bottom: 0.5rem; }
  .row_box_group .list .item.row_box .item_preview { display: none; }
  .card { padding-bottom: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid rgb(230, 230, 230); }
  .card:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .content_wrapper.bg .card { padding-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .card .list > .item:first-child .item_text { padding: 0px !important; }
  .card .list .item.row_box, .card .list > .item:first-child .item_text { min-height: auto !important; }
  .card .list > .item:first-child .item_img, .list.m_group .item:first-child .item_img { aspect-ratio: 16 / 9; margin-bottom: 0.5rem; }
  .card.col3 .list .item.row_box .item_img, .card.col4 .list .item.row_box .item_img { display: block; }
  .card .list .item.video:first-child .item_img::before, .list.m_group .item.video:first-child .item_img::before, .item.m_box.video .item_img::before, .live_stream .item .item_img::before { width: 3.5rem; height: 3.5rem; font-size: 2rem; padding-left: 0.4rem; }
  .card .list > .item:first-child .item_img .item_label, .list.m_group .item:first-child .item_img .item_label { top: 6px; left: 6px; }
  .card .list .item.row_box .item_text { padding-left: 0.75rem !important; }
  .card .list > .item:first-child .item_title, .list.m_group .item:first-child .item_title { font-size: 1.25rem; }
  .card .list > .item:first-child .item_time, .list.m_group .item:first-child .item_time { margin-top: 12px; }
  .card_m_scroll { display: flex; gap: 0.75rem; width: calc(100% + 2rem); overflow-x: auto; padding: 0px 1rem; margin: 0px 0px 0.75rem -1rem; }
  .card .list .card_m_scroll .item { display: block; padding-bottom: 0px; margin-bottom: 0px; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
  .card .list .card_m_scroll .item .item_img { width: 37vw !important; margin-bottom: 8px; }
  .content_wrapper.bg .card .list .card_m_scroll .item.row_box .item_text { padding-left: 0px !important; }
  .tab_list_wrap { width: 100vw; margin-left: -16px !important; }
  .tab_list { padding: 0px 16px; }
  .tab_list_box .tab_btn { display: none !important; }
  .topic_slider_box .section_content { padding: 0px; }
  .ts_box { flex-wrap: wrap; }
  .ts_img { width: 100%; margin-bottom: 0.75rem; }
  .ts_text { padding-left: 0px; }
  .ts_title { font-size: 1.25rem; margin-bottom: 0.5rem; }
  .ts_intro { font-size: 0.875rem; margin-bottom: 1rem; }
  .topic_slider_box .btn { width: 100%; }
  .topic_slider_box .swiper-pagination { margin-top: 1rem; }
  .list.m_group { margin-bottom: 0.75rem; border-radius: 4px; background-color: rgb(255, 255, 255); }
  .content_wrapper.bg .list.m_group { padding: 1rem; }
  .content_wrapper.bg_dark_grey .list.m_group { background-color: rgb(30, 31, 33); }
  .list.video_group.m_group .item:last-child { padding-bottom: 0px; border-bottom-color: transparent; }
  .list.m_group .item:first-child { display: block; padding-top: 0px; margin-top: 0px; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
  .list.m_group .item:first-child .item_img { width: 100% !important; }
  .content_wrapper.bg .list.m_group .item .item_img { border-radius: 4px; }
  .content_wrapper.bg .list.m_group .item:first-child .item_img { margin: -1rem 0px 0.5rem -1rem; border-radius: 4px 4px 0px 0px; width: calc(100% + 2rem) !important; }
  .list.m_group .item.video:not(:first-child) .item_img::before { width: 2.7rem; height: 2.75rem; font-size: 1.25rem; padding-left: 0.2rem; }
  .list.m_group .item:first-child .item_text { padding-left: 0px; }
  .content_wrapper.bg .list.m_group .item .item_text { padding: 0px 0px 0px 0.75rem; }
  .content_wrapper.bg .list.m_group .item:first-child .item_text { padding: 0px !important; }
  .list.video_group.m_group .btn_more { margin-top: -0.75rem; }
  .list.home_video_group .item:nth-child(3) { padding-bottom: 0px; border-color: transparent; }
  .list.home_video_group .item:nth-child(4), .list.home_video_group .item:nth-child(5), .list.home_video_group .item:nth-child(6) { display: none; }
  .content_wrapper.bg .article_wrap .list .item .item_text { padding-left: 0.75rem; }
  .list.m_group .item:first-child .item_data { margin-top: 10px; }
  .list.m_group .item:first-child .item_time { margin-top: 10px; }
  .video_topic .list { display: grid; gap: 16px; }
  .video_topic .list .item { flex-wrap: wrap; grid-column: auto / span 6; padding-bottom: 0px; margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .video_topic .list .item .item_img { width: 100% !important; margin-bottom: 8px; }
  .video_topic .list .item .item_text { padding-left: 0px; }
  .video_topic .list .item .item_text .item_title { font-size: 15px; -webkit-line-clamp: 2; }
  .article_wrapper .container { width: 100%; }
  .article_wrap { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
  .article_box { padding: 24px 16px; }
  .toolbar { margin-bottom: 0.75rem; }
  .breadcrumb { margin-bottom: 12px; }
  .breadcrumb div::after { color: rgb(204, 204, 204); line-height: 1.2; }
  .share_row a { font-size: 12px; padding: 6px 10px; }
  .share_row .i_google::before { width: 14px; height: 14px; }
  .share_row .i_google span { padding-left: 6px; margin-left: 6px; }
  .article h1 { font-size: 1.75rem; margin-bottom: 0.75rem; }
  .article_nav { flex-wrap: wrap; }
  .article_info { width: 100%; margin-bottom: 0.89rem; }
  .article_info > div { font-size: 0.8125rem; }
  .article_controls { justify-content: flex-start; width: 100%; max-width: none; margin-left: 0px; }
  .audioplayer, .font_zoom { height: 34px; }
  .audioplayer-playpause, .font_zoom button { width: 36px; }
  .article_container img:not(.article_relevant img, .article_cover .img img, .gallery_box img, .dfp_ad img, .article_vote_box img) { width: 100% !important; max-width: 100% !important; height: auto !important; }
  .article_container .article_cover { width: 100vw; margin-left: -16px; }
  .article_container .article_cover .img_box, .article_container .article_cover .img img, .article_container .img_box .img_caption { border-radius: 0px !important; }
  .article_main_box { display: block; }
  .article_main { width: 100%; padding-left: 0px; }
  .share_box { position: static; width: 100%; margin-bottom: 1.5rem; }
  header .share_box { position: absolute; top: 100px; left: 0px; display: block; height: 40px; margin-bottom: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px; transition: transform 0.38s; will-change: transform; }
  header.hide .share_box, header .share_box.hide { transform: translateY(-46px); }
  .share_box .share_box_title { display: none; }
  .share_box .share_box_content { display: flex; width: 100%; height: 100%; border-radius: 0px; }
  .share_box button, .share_box a { flex-grow: 1; padding: 0px; }
  .share_box button svg, .share_box a svg { width: 20px; height: 20px; }
  .img_box.video .img::before { font-size: 2rem; width: 3.5rem; height: 3.5rem; }
  .article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6 { margin: 1.1em 0px; }
  .article_content h2 { font-size: 1.2em; }
  .article_content h3 { font-size: 1.1em; }
  .article_content h4 { font-size: 1.05em; }
  .article_content h5 { font-size: 1em; }
  .article_content h6 { font-size: 0.95em; }
  .article_content .inline_text, .article_content .inline_box { padding: 16px 0px; }
  .article_content .inline_box .inline_box_title, .article_content .inline_box .inline_box_img { margin-bottom: 1rem; }
  .gallery_item .gi_img { aspect-ratio: 4 / 3; }
  .gallery_item .img_caption { font-size: 14px; }
  .gallery_thumbs .swiper-slide { height: 7vw; margin: 1.05vw; width: 7vw !important; }
  .gallery .swiper-pagination { font-size: 15px; }
  .article_relevant #_popIn_recommend_top { min-height: 100px; }
  #_popIn_recommend_above { min-height: 1860px !important; }
  #_popIn_recommend_below { min-height: 810px !important; }
  #_popIn_feed3_no_scroll ._popIn_recommend_art_title, #_popIn_standard_5b4s ._popIn_recommend_art_title a { min-height: 48px; }
  .section:has(#push_list) { min-height: 1070px !important; }
  .text_row#related_link > div { min-height: 120px; }
  .text_row#hot_link > div { min-height: 200px; }
  .article_bottom { padding-bottom: 1rem; }
  .article_bottom .section, .article_bottom [id^="_popIn_recommend"] { padding: 0px 16px; margin-bottom: 1.5rem !important; }
  .article_bottom .section .list { margin-bottom: 1.5rem; }
  .article_bottom .section.relevant_box .list, .article_bottom .section.relevant_box .list .item:last-child { margin-bottom: 0px; }
  .article_bottom .ad_box { width: calc(100% - 32px); margin-right: 16px; margin-left: 16px; }
  .player_list { padding: 12px; }
  .player_item { padding: 6px; border-radius: 0px; }
  .player_item .item_text, .player_item .item_title { display: none; }
  .player_wrap .swiper-button-prev, .player_wrap .swiper-button-next { display: flex; width: 24px; height: 24px; }
  .player_wrap .swiper-button-prev { left: -2px; }
  .player_wrap .swiper-button-next { right: -2px; }
  .player_wrap .swiper-button-prev::before, .player_wrap .swiper-button-next::before { font-size: 16px; }
  .lead_result { display: block; }
  .lead_result div { margin-bottom: 6px; }
  .video_box { margin-left: -16px; }
  .video_info { padding: 0px 16px; }
  .video_title { font-size: 17px; }
  .video_list_wrap { margin-left: -16px; }
  .video_list { padding: 6px; }
  .video_list .item.row_box { width: 53vw; }
  .video_topic, .video_content .section, .video_content section { padding-top: 2rem; margin: 2rem 0px; }
  .video_sections .section + .ad_row_box { margin-top: 2.5rem; }
  .vote_preview_wrap { width: 100vw; margin-left: -16px; overflow-x: auto; }
  .vote_preview_box { padding-left: 16px; }
  .vote_preview_box .vote_wrap { width: 84vw; flex-shrink: 0; padding-right: 16px; margin-right: 0px !important; }
  .vote_list { display: block; }
  .vote_item { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .article_vote_box .item .item_title { font-size: 1.0625rem; }
  .article_vote_box .item .item_img { margin-bottom: 0px; }
  .vote_section .vote_main { padding: 16px 16px 64px; }
  .vote_section .vote_header { min-height: 140px; aspect-ratio: auto; padding: 12px 16px; margin-bottom: 12px; }
  .vote_section .vote_title { font-size: 18px; }
  .vote_section .vote_ballot_box { padding-bottom: 16px; }
  .vote_section .vote_ballot_box .vote_results .vote_result_num { min-width: 70px; font-size: 20px; }
  .vote_section .vote_btn_box { padding: 0px 16px 16px; }
  .section.m_bg_white { padding: 2rem 0px 1rem; }
  .section.m_bg_white > * { position: relative; z-index: 1; }
  .section.m_bg_white::after { content: ""; position: absolute; top: 0px; left: -16px; display: block; width: 100vw; height: calc(100% + 4.5rem); background-color: rgb(255, 255, 255); }
  .m_bg_white .ad_row_box span { background-color: rgb(255, 255, 255); }
  .text_content_box h1 { font-size: 1.3rem; }
  .contact { flex-direction: column; padding-right: 0px; }
  .contact .location, .contact .form_box { display: block; width: 100%; padding-right: 0px; }
  .contact .location { order: 2; margin-bottom: 1.5rem; }
  .contact .form_box { order: 1; margin-bottom: 4rem; }
  .map { aspect-ratio: 1 / 0.8; }
  .form_box .select_box, .form_box .select_box select { width: 100%; }
  .form_row { margin-bottom: 1rem; }
  .form_row:last-child { display: block; }
  .form_tit { font-size: 1rem; }
  .contact_btn { justify-content: center; }
  .contact_btn .btn { width: 100%; height: 46px; }
  .submit_box .btn { width: 100%; }
  .section_page { padding-bottom: 0px; margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .section_page .ad_box { margin: 0.75rem 0px; }
  .section_page .ad_box + .item { padding-top: 0.75rem; margin-top: 0.75rem; border-top: 1px solid rgb(204, 204, 204); }
  .page_box { display: none; }
  .overlay { max-width: calc(100% - 32px); }
  .ov_video_wrap { height: 100%; }
  .ov_video_info { margin-top: 10px; }
  .ov_video_title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
  .overlay_box.video .ad_box { display: none; }
  .overlay_box.fixed { bottom: 0px; right: 0px; width: 100%; aspect-ratio: auto; }
  .overlay_box.fixed .overlay { padding: 0px !important; }
  .overlay_box.fixed .ov_video_wrap { background-color: var(--light-grey); }
  .overlay_box.fixed .ov_video_wrap, .overlay_box.fixed .overlay_tool_box { box-shadow: none; }
  .overlay_box.fixed .ov_video_box { display: flex; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; background-color: transparent; width: 100% !important; }
  .overlay_box.fixed .ov_video { width: 45%; flex-shrink: 0; box-shadow: none; background-color: var(--grey); }
  .overlay_box.fixed .ov_video_info { display: block; width: 55%; padding: 14px 10px 0px; margin-top: 0px; }
  .overlay_box.fixed .ov_video_title { width: calc(100% - 64px); color: var(--black); font-size: 16px; -webkit-line-clamp: 2; }
  .overlay_box.fixed .ov_video_data { margin-top: 6px; }
  .overlay_box.fixed .overlay_tool_box { top: 0px; display: block; width: 100%; height: 100%; padding: 0px; background-color: transparent; }
  .overlay_box.fixed .overlay_tool_box button { position: absolute; top: 0px; right: 0px; display: block; width: 42px; height: 42px; font-size: 24px; color: rgb(153, 153, 153) !important; margin-right: 0px !important; }
  .overlay_box.fixed .overlay_tool_box button.overlay_reduce { width: 100%; height: 100%; z-index: 1; }
  .overlay_box.fixed .overlay_tool_box button.overlay_reduce::before { position: absolute; top: 10px; right: 46px; }
  .overlay_box.fixed .overlay_tool_box button.overlay_x { z-index: 2; }
  .overlay_box.fixed .overlay_tool_box button.overlay_x::before { position: absolute; top: 10px; right: 12px; }
  .overlay_box.vote { align-items: flex-end; }
  .overlay_box.vote .overlay { max-width: none; height: 100%; opacity: 0; transform: translateY(100px); transition: opacity 0.3s, transform 0.36s; }
  .overlay_box.vote.show .overlay { opacity: 1; transform: translateY(0px); }
  .overlay_box.vote .overlay, .overlay_box.vote .vote_box { border-radius: 0px; }
  .overlay_box.vote .vote_wrap, .overlay_box.vote .vote_box, .overlay_box.vote .vote_box form, .overlay_box.vote .vote_box .vote_main { height: 100%; }
  .overlay_box.vote .vote_box .vote_main { display: flex; flex-direction: column; }
  .overlay_box.vote .vote_header { flex-shrink: 0; min-height: 156px; }
  .overlay_box.vote .vote_label_box { font-weight: bold; }
  .overlay_box.vote .vote_title { font-size: 20px; }
  .overlay_box.vote .vote_body { height: 10%; flex-grow: 1; padding-bottom: 0px; }
  .overlay_box.vote .vote_content { height: calc(100% - 72px); max-height: none !important; }
  .overlay_box.vote:has(.ad_box iframe) .vote_content, .overlay_box.vote:has(.ad_box img) .vote_content { height: calc(100% - 172px); }
  .overlay_box.vote .vote_ballot_box { min-height: auto; padding-bottom: 16px; }
  .overlay_box.vote .vote_box.loading .vote_ballot_box::before { top: 60px; margin-top: 0px; }
  .overlay_box.vote .vote_options input[type="radio"], .overlay_box.vote .vote_options input[type="checkbox"] { margin-left: 0px; }
  .overlay_box.idle .overlay { max-height: none; }
  .overlay_box.idle .idle_header { height: 56px; }
  .overlay_box.idle .btn_close { right: 12px; }
  .overlay_box.idle .idle_main { max-height: calc(100% - 120px); }
  .overlay_box.idle .idle_main .section_title div { font-size: 20px !important; }
  .overlay_box.idle .idle_main .text_row a { padding-right: 0px; padding-left: 6px; }
  .overlay_box.idle .idle_main .text_row a::before { margin-right: 12px; }
  .overlay_box.idle .idle_main .list { display: block; }
  .overlay_box.idle .idle_main .list .item { width: auto; padding-bottom: 16px; margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .overlay_box.idle .idle_main .list .item_img { aspect-ratio: 16 / 10; }
  .overlay_box.idle .idle_main .list .ad_box { margin: 0px auto; }
  .overlay_box.idle .idle_footer { height: 64px; }
  .overlay_box.idle .idle_footer a { margin: 0px 10px; }
  .overlay_box.idle .idle_footer .social_media_s2 { width: 100%; }
  .overlay_box.idle .idle_header_text, .idle_footer .apps_s2 { display: none; }
  .overlay_box.ad .overlay .ov_ad_box { align-items: flex-start; padding-top: 52px; }
  .app_setup_links .link_web { height: 9vw; }
  .app_setup_links .link_app_store, .app_setup_links .link_app_store_bottom, .app_setup_links .link_google_play, .app_setup_links .link_google_play_bottom { left: 0px; width: 100%; height: 24vw; }
  .app_setup_links .link_app_store { top: 31vw; }
  .app_setup_links .link_google_play { top: 56vw; }
  .app_setup_links .link_app_store_bottom { bottom: 40vw; }
  .app_setup_links .link_google_play_bottom { bottom: 15vw; }
  body:has(.overlay_box.video.show.fixed) .bottom_fixbox { bottom: 25vw; }
  body:has(.overlay_box.video.show.fixed) .dfp_ad .InstreamDom_floater_3bZks.InstreamDom_floatAnimation_3UWi3 { bottom: calc(210px + 25vw); }
  .author_box { flex-wrap: wrap; justify-content: center; padding: 1.25rem 1rem; }
  .author_img { width: 104px; height: 104px; margin-bottom: 1rem; }
  .author_info { width: 100%; padding-left: 0px; }
  .author_name { text-align: center; }
  .author_intro { flex-wrap: wrap; justify-content: center; }
  .author_intro .btn { margin: 12px calc(50% - 35px) 0px; }
  .column_box { width: 100%; margin-bottom: 0.75rem; border-radius: 4px; }
  .column_header .author_data { align-content: center; padding-top: 0px; }
  .column_header .author_name { text-align: left; margin-top: 5px; }
  .column_header .author_intro { justify-content: flex-start; }
  .column_header .author_intro .btn { margin: 0px; }
  body.event header .container { height: 42px; }
  body.event header .event_header_logo { width: 128px; height: 16px; }
  body.event main .container { width: calc(100% - 24px); }
  .event_section { padding: 24px 16px; }
  .event_video_data { padding-top: 16px; }
  .event_video_info { display: block; min-height: 120px; margin-bottom: 16px; }
  .event_video_title { width: 100%; margin-bottom: 6px; }
  .event_video_intro { width: 100%; }
  .event_video_list { width: calc(100% + 32px); padding: 0px 16px; margin-left: -16px; }
  .event_video_item { width: 190px; }
  .event_list { display: block; }
  .event_item { width: 100% !important; margin-bottom: 24px; }
  .event_list.focus .event_item:nth-child(2) { margin: 0px; }
  .ei_title { -webkit-text-stroke: 0.1px; margin-bottom: 4px; }
  .event_list.focus .event_item:nth-child(2) .ei_text .ei_title { -webkit-line-clamp: 2; }
  .event_list_row .event_item .ei_img { width: 43%; aspect-ratio: 16 / 10; }
  .event_list_row .event_item .ei_text { padding-left: 12px; }
  .event_list_row .event_item .ei_title { font-size: 17px; -webkit-line-clamp: 3; }
  .event_list_row .event_item .ei_preview { display: none; }
  .event_row { display: block; padding-bottom: 0px; margin-bottom: 0px; border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .event_box { width: 100%; padding-bottom: 0.75rem; margin-bottom: 0.75rem; border-bottom: 1px solid rgb(204, 204, 204); }
  .event_row:last-child .event_box:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
  .eb_text { display: block; font-size: 1.25rem; }
  body.event .social_media { position: static; }
  .event_bottom_fixbox { flex-direction: column; padding: 12px 16px 16px; }
  .event_bottom_box { gap: 12px; padding: 10px 12px; margin-bottom: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 8px 0px; }
  .ebf_text { font-size: 14px; }
  .ebf_btn a, .ebf_btn button { min-width: auto; font-size: 16px; white-space: nowrap; padding: 8px 16px; }
  .as_btn_box { width: calc(50% - 6px); }
  .tablet_visible { display: none !important; }
  .phone_visible { display: block !important; }
  .phone_hidden { display: none !important; }
  .footer_menu { padding: 0px 10px; margin-bottom: 20px; }
  .footer_menu a { display: inline-block; padding: 0px 8px; margin-bottom: 12px; }
  .footer_contact_list div > span { display: block; margin: 0px 0px 12px; }
}

@media screen and (max-width: 349px) {
  header .logo { width: 130px !important; height: 17px !important; }
  header .mobile_tool_nav:has(.login_btn) .ebc_tv_icon { width: 58px; }
  header .mobile_tool_nav:has(.login_btn) .mobile_search_toggle { width: 46px; }
  header .navbar.open_mobile_search .mobile_search_toggle { width: 56px; }
  .login_btn { width: 47px; }
  .item .item_img { width: 120px !important; aspect-ratio: 16 / 12; }
}