/* Minification failed. Returning unminified contents.
(274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,10): run-time error CSS1030: Expected identifier, found '.'
(308,27): run-time error CSS1031: Expected selector, found ')'
(308,27): run-time error CSS1025: Expected comma or open brace, found ')'
(361,12): run-time error CSS1030: Expected identifier, found '.'
(361,28): run-time error CSS1031: Expected selector, found ')'
(361,28): run-time error CSS1025: Expected comma or open brace, found ')'
(365,12): run-time error CSS1030: Expected identifier, found '.'
(365,44): run-time error CSS1031: Expected selector, found ')'
(365,44): run-time error CSS1025: Expected comma or open brace, found ')'
(1578,15): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1617,26): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(1626,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(1629,26): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(1644,15): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(1680,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(1689,10): run-time error CSS1030: Expected identifier, found '.'
(1689,21): run-time error CSS1031: Expected selector, found ')'
(1689,21): run-time error CSS1025: Expected comma or open brace, found ')'
(1695,10): run-time error CSS1030: Expected identifier, found '.'
(1695,21): run-time error CSS1031: Expected selector, found ')'
(1695,21): run-time error CSS1025: Expected comma or open brace, found ')'
(1700,10): run-time error CSS1030: Expected identifier, found '.'
(1700,21): run-time error CSS1031: Expected selector, found ')'
(1700,21): run-time error CSS1025: Expected comma or open brace, found ')'
(1709,10): run-time error CSS1030: Expected identifier, found '.'
(1709,21): run-time error CSS1031: Expected selector, found ')'
(1709,21): run-time error CSS1025: Expected comma or open brace, found ')'
(1715,10): run-time error CSS1030: Expected identifier, found '.'
(1715,21): run-time error CSS1031: Expected selector, found ')'
(1715,21): run-time error CSS1025: Expected comma or open brace, found ')'
(2235,16): run-time error CSS1030: Expected identifier, found '.'
(2235,29): run-time error CSS1031: Expected selector, found ')'
(2235,29): run-time error CSS1025: Expected comma or open brace, found ')'
(3349,26): run-time error CSS1039: Token not allowed after unary operator: '-main-yellow'
(3361,14): run-time error CSS1030: Expected identifier, found '.'
(3361,26): run-time error CSS1031: Expected selector, found ')'
(3361,26): run-time error CSS1025: Expected comma or open brace, found ')'
(3754,15): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(3760,26): run-time error CSS1039: Token not allowed after unary operator: '-main-yellow'
(3774,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(3783,15): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(3917,32): run-time error CSS1030: Expected identifier, found '.'
(3917,43): run-time error CSS1031: Expected selector, found ')'
(3917,43): run-time error CSS1025: Expected comma or open brace, found ')'
(3949,33): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(4035,22): run-time error CSS1030: Expected identifier, found '.'
(4035,50): run-time error CSS1031: Expected selector, found ')'
(4035,50): run-time error CSS1025: Expected comma or open brace, found ')'
(4176,26): run-time error CSS1039: Token not allowed after unary operator: '-main-yellow'
(4200,26): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(4259,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4276,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4290,26): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(4294,22): run-time error CSS1039: Token not allowed after unary operator: '-main-red'
(4309,22): run-time error CSS1039: Token not allowed after unary operator: '-main-yellow'
(4332,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4335,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(4458,15): run-time error CSS1039: Token not allowed after unary operator: '-main-red'
(4537,39): run-time error CSS1030: Expected identifier, found ','
(4539,63): run-time error CSS1031: Expected selector, found ')'
(4539,63): run-time error CSS1025: Expected comma or open brace, found ')'
(5160,18): run-time error CSS1030: Expected identifier, found '.'
(5160,47): run-time error CSS1031: Expected selector, found ')'
(5160,47): run-time error CSS1025: Expected comma or open brace, found ')'
(6852,45): run-time error CSS1030: Expected identifier, found '.'
(6852,59): run-time error CSS1031: Expected selector, found ')'
(6852,59): run-time error CSS1025: Expected comma or open brace, found ')'
(6856,66): run-time error CSS1030: Expected identifier, found '.'
(6856,80): run-time error CSS1031: Expected selector, found ')'
(6856,80): run-time error CSS1025: Expected comma or open brace, found ')'
(6860,66): run-time error CSS1030: Expected identifier, found '.'
(6860,80): run-time error CSS1031: Expected selector, found ')'
(6860,80): run-time error CSS1025: Expected comma or open brace, found ')'
(6864,66): run-time error CSS1030: Expected identifier, found '.'
(6864,80): run-time error CSS1031: Expected selector, found ')'
(6864,80): run-time error CSS1025: Expected comma or open brace, found ')'
(7394,26): run-time error CSS1039: Token not allowed after unary operator: '-main-red'
(7524,33): run-time error CSS1030: Expected identifier, found '['
(7524,36): run-time error CSS1031: Expected selector, found '^='
(7524,36): run-time error CSS1025: Expected comma or open brace, found '^='
(7822,18): run-time error CSS1030: Expected identifier, found '.'
(7822,27): run-time error CSS1031: Expected selector, found ')'
(7822,27): run-time error CSS1025: Expected comma or open brace, found ')'
(7838,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(8031,15): run-time error CSS1039: Token not allowed after unary operator: '-main-red'
(8131,26): run-time error CSS1039: Token not allowed after unary operator: '-light-grey'
(8646,12): run-time error CSS1030: Expected identifier, found '.'
(8646,34): run-time error CSS1031: Expected selector, found ')'
(8646,34): run-time error CSS1025: Expected comma or open brace, found ')'
(8749,19): run-time error CSS1030: Expected identifier, found '.'
(8749,35): run-time error CSS1031: Expected selector, found ')'
(8749,35): run-time error CSS1025: Expected comma or open brace, found ')'
(9217,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(9336,38): run-time error CSS1030: Expected identifier, found '.'
(9336,49): run-time error CSS1031: Expected selector, found ')'
(9336,49): run-time error CSS1025: Expected comma or open brace, found ')'
(9415,37): run-time error CSS1030: Expected identifier, found '.'
(9415,48): run-time error CSS1031: Expected selector, found ')'
(9415,48): run-time error CSS1025: Expected comma or open brace, found ')'
(9945,20): run-time error CSS1030: Expected identifier, found '.'
(9945,29): run-time error CSS1031: Expected selector, found ')'
(9945,29): run-time error CSS1025: Expected comma or open brace, found ')'
(10280,20): run-time error CSS1030: Expected identifier, found '.'
(10280,49): run-time error CSS1031: Expected selector, found ')'
(10280,49): run-time error CSS1025: Expected comma or open brace, found ')'
(10841,24): run-time error CSS1039: Token not allowed after unary operator: '-grey'
(11379,20): run-time error CSS1030: Expected identifier, found '.'
(11379,29): run-time error CSS1031: Expected selector, found ')'
(11379,29): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;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:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}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:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;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;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;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{-webkit-transform-style:preserve-3d;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:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;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;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.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;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);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:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;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:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(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,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-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%;-o-object-fit:contain;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;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.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%;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%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;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;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
url("../fonts/bootstrap-icons.woff") format("woff");
}

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

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

.i_home:before {
  content: "\e903";
}
.i_home_fill:before {
  content: "\e902";
}
.i_menu:before {
  content: "\e904";
}
.i_search:before {
  content: "\e905";
}
.i_x:before {
  content: "\e906";
}
.i_clock:before {
  content: "\e907";
}
.i_play:before {
  content: "\e922";
}
.i_play_circle:before {
  content: "\e90b";
}
.i_play_circle_fill:before {
  content: "\e90c";
}
.i_facebook:before {
  content: "\e921";
}
.i_facebook_circle:before {
  content: "\e92a";
}
.i_facebook_circle_fill:before {
  content: "\e92b";
}
.i_instagram:before {
  content: "\e908";
}
.i_instagram_circle:before {
  content: "\e909";
}
.i_instagram_circle_fill:before {
  content: "\e90a";
}
.i_line:before {
  content: "\e92c";
}
.i_line_circle:before {
  content: "\e92d";
}
.i_line_circle_fill:before {
  content: "\e92e";
}
.i_youtube:before {
  content: "\e92f";
}
.i_youtube_circle:before {
  content: "\e930";
}
.i_youtube_circle_fill:before {
  content: "\e931";
}
.i_apple:before {
  content: "\e90d";
}
.i_android:before {
  content: "\e90e";
}
.i_arrow_up:before {
  content: "\e901";
}
.i_arrow_right:before {
  content: "\e90f";
}
.i_arrow_down:before {
  content: "\e900";
}
.i_arrow_left:before {
  content: "\e910";
}
.i_arrow_up_left:before {
  content: "\e911";
}
.i_arrow_up_right:before {
  content: "\e912";
}
.i_arrow_down_left:before {
  content: "\e913";
}
.i_arrow_down_right:before {
  content: "\e914";
}
.i_arrow_up_circle:before {
  content: "\e915";
}
.i_arrow_right_circle:before {
  content: "\e916";
}
.i_arrow_down_circle:before {
  content: "\e917";
}
.i_arrow_left_circle:before {
  content: "\e918";
}
.i_chevron_up:before {
  content: "\e919";
}
.i_chevron_right:before {
  content: "\e91a";
}
.i_chevron_down:before {
  content: "\e91b";
}
.i_chevron_left:before {
  content: "\e91c";
}
.i_chevron_compact_down:before {
  content: "\e91d";
}
.i_chevron_compact_left:before {
  content: "\e91e";
}
.i_chevron_compact_right:before {
  content: "\e91f";
}
.i_chevron_compact_up:before {
  content: "\e920";
}
.i_chevron_compact_double:before {
  content: "\e923";
}
.i_more_horizontal:before {
  content: "\e924";
}
.i_more_vertical:before {
  content: "\e925";
}
.i_hashtag:before {
  content: "\e926";
}
.i_grid:before {
  content: "\e927";
}
.i_sliders:before {
  content: "\e928";
}
.i_eye:before {
  content: "\e929";
}
.i_log_in:before {
  content: "\e932";
}
.i_log_out:before {
  content: "\e933";
}
.i_user_fill:before {
  content: "\e934";
}
.i_user:before {
  content: "\e935";
}
.i_slash:before {
  content: "\e936";
}
.i_link:before {
  content: "\e937";
}
.i_audio:before {
  content: "\e938";
}
.i_vote:before {
  content: "\e939";
}
.i_image:before {
  content: "\e93a";
}
.i_check:before {
  content: "\e93b";
}
.i_arrow_up_fill:before {
  content: "\e93c";
}
.i_arrow_down_fill:before {
  content: "\e93d";
}
.i_player_expand:before {
  content: "\e93e";
}
.i_player_reduce:before {
  content: "\e93f";
}
.i_copy:before {
  content: "\e940";
}
.i_chevron_compact_left_2:before {
  content: "\e941";
}
.i_chevron_compact_right_2:before {
  content: "\e942";
}
.i_share:before {
  content: "\e943";
}
.i_upload:before {
  content: "\e944";
}
.i_film:before {
  content: "\e945";
}
.i_send:before {
  content: "\e946";
}
.i_plus_circle:before {
  content: "\e947";
}
.i_minus_circle:before {
  content: "\e948";
}
.i_x_circle:before {
  content: "\e949";
}
.i_threads:before {
  content: "\e94a";
}
.i_plus:before {
  content: "\e94b";
}

@font-face{
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 400;
  src: local("Satoshi-Regular");
  src: url("../fonts/Satoshi-Regular.woff2") format("woff2");
  src: url("../fonts/Satoshi-Regular.woff") format("woff");
  src: url("../fonts/Satoshi-Regular.ttf") format("truetype");
}

:root{
  --black: #0A0A0A;
  --light-grey: #F2F2F2;
  --grey: #4D4D4D;
  --dark-grey: #333333;
  --main-yellow: #FECC02;
  --main-yellow-hover: #FED634;
  --main-red: #F73B3B;
}

html{
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  scroll-padding-top: 100px;
}

html.remove_spt{
  scroll-padding-top: 0;
}

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

body{
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 1.4;
  overflow-x: hidden;
}

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

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

a{
  color: #0A0A0A;
  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: #0A0A0A;
  padding: 0;
  margin: 0;
  border: none;
  text-decoration: none;
  background-color: transparent;
  outline: none;
}

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

img{
  max-width: 100%;
}

iframe{
  border: none;
}

@media screen and (min-width: 1031px){

  body:has(.content_wrapper){
    background-color: #F7F5EB !important;
  }

  body:has(.overlay_box.mobile_visible.show){
    overflow: auto;
    padding-right: 0;
  }

  body *::-webkit-scrollbar{
    width: 10px;
  }

  body *::-webkit-scrollbar-thumb{
    background-color: rgba(0,0,0,0.2);
  }

  body header *::-webkit-scrollbar-thumb{
    background-color: rgba(255,255,255,0.09);
  }

  /*Firefox*/
  @-moz-document url-prefix(){

    body *{
      scrollbar-color: rgba(0,0,0,0.2) transparent;
      scrollbar-width: thin;
    }

    body header *{
      scrollbar-color: rgba(255,255,255,0.09) transparent;
    }

  }

  ::selection{
    background-color: #FED634;
  }

}

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

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

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

.sky_ad .sky_ad_switch{
  position: absolute;
  display: flex;
  align-items: center;
  top: 16px;
  right: 16px;
  color: #fff;
  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: "bootstrap-icons";
  content: '\f659';
  margin: 3px -3px 0 2px;
}

.sky_ad .sky_ad_switch.collapse::after{
  content: '\f282';
}

.sky_parallax_ad{
  height: 250px;
  overflow-x: clip;
  clip-path: inset(0);
}

.sky_parallax{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: center;
}

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

header.shrink{
  pointer-events: none;
}

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

.links_nav{
  height: 40px;
  border-bottom: 1px solid #E6E6E6;
  background-color: #fff;
}

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

.link{
  position: relative;
}

.link::after{
  content: '';
  position: absolute;
  top: 4px;
  right: 0;
  height: 16px;
  border-right: 1px solid #BFBFBF;
}

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

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

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

.link a{
  color: #808080;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 2px 5px 4px 5px;
  margin: 0 10px;
}

.link a:hover{
  color: #333333;
}

.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 .link a, .links_box .apps .link a{
  display: block;
  padding: 0 6px;
  margin: 0;
}

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

.social_media .i_facebook::before{color: #1877F2;}
.social_media .i_youtube::before{color: #FF0302;}
.social_media .i_instagram::before{
  background: radial-gradient(circle at 50% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 65%,#285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.social_media .i_line{
  display: flex !important;
  align-items: center;
  color: #fff !important;
  font-size: 13px;
  padding: 3px 6px !important;
  border-radius: 4px;
  margin: 1px 0 0 6px !important;
  background-color: #00B900;
}
.social_media .i_line span{
  margin-bottom: 2px;
}
.social_media .i_line::before{
  content: '';
  color: #fff;
  display: block;
  width: 19px;
  height: 19px;
  margin: 1px 4px 0 0;
  background: url(../img/line_icon.svg) no-repeat center / contain;
}
.social_media .i_threads::before{color: #000;}
.social_media .i_google::before{
  content: '';
  display: block;
  width: 27px;
  height: 27px;
  background: url(../img/google_icon.svg) no-repeat center / contain;
}
.apps .i_apple::before{color: #283544;}
.apps .i_android::before{color: #87C527;}

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

header .navbar{
  background-color: #fff;
}

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

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

header.shrink .logo{
  transform: translateY(-7px) scale(0.94);
}

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

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(-6px);
}

.nav_event_box{
  display: flex;
}

.nav_event_box a{
  display: block;
  width: 60px;
  height: 48px;
  margin-left: 12px;
}

.nav_event_box a.long{
  width: 110px;
}

.nav_event_box a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

header .search_wrap{
  position: relative;
  margin-right: 6px;
}

header .search_box{
  position: relative;
  display: flex;
  justify-content: flex-end;
}

header .search_panel{
  position: relative;
  z-index: 1;
  transform: translateZ(0);
}

header .search{
  width: 62px;
  opacity: 0;
  pointer-events: none;
  transition: width 0.3s, margin-left 0.2s, opacity 0.2s;
}

header .search_box.show .search{
  width: 220px;
  opacity: 1;
  margin-left: 26px;
  pointer-events: auto;
}

header .search_box input{
  height: 38px;
  padding-right: 45px;
  border: 1px solid #FECC02;
  border-radius: 20px;
}

header .search_box .search_btn{
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 10px;
  font-size: 22px;
}

header .search_box .search_toggle{
  z-index: 2;
}

header .search_box .search_toggle::before{
  font-family: "bootstrap-icons";
  content: '\f52a';
}

header .search_box.show .search_toggle{
  pointer-events: none;
}

.search_keywords{
  position: absolute;
  top: calc(100% + 3px);
  right: 0;
  width: 220px;
  padding: 16px 16px 8px 16px;
  border-radius: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  opacity: 0;
  pointer-events: none;
}

header .search_box.show .search_keywords{
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.16s ease 0.14s;
}

.sk_title{
  color: #808080;
  font-size: 14px;
  margin-bottom: 14px;
}

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

.keywords a, .hashtags a{
  color: #4D4D4D;
  font-size: 14px;
  padding: 2px 10px 4px 10px;
  margin: 0 6px 12px 0;
  border-radius: 4px;
  border: 1px solid #CBCBCB;
}

.keywords a:hover, .hashtags a:hover{
  color: #0A0A0A;
  background-color: #FED635;
  border: 1px solid #FED635;
}

input{
  width: 100%;
  height: 38px;
  color: #0A0A0A;
  font-size: 16px;
  line-height: 1;
  padding: 0 15px;
  border: 1px solid transparent;
  outline: none;
}

::-webkit-input-placeholder{
  color: #8F8F8F;
}

header .navigation{
  position: relative;
  background-color: #F2F2F2;
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.13);
  transition: transform 0.26s;
}

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

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

header .navigation .container{
  position: relative;
  justify-content: center;
  z-index: 10;
}

header .navigation .container::before{
  content: '';
  position: absolute;
  top: -9px;
  right: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 11px 8px;
  border-color: transparent transparent #FECC02 transparent;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}

header.open_popup_menu .navigation .container::before{
  opacity: 1;
}

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

header .navigation .container .breaking_news_menu ul li a{
  color: #E92121;
  white-space: nowrap;
}

.main_nav_box{
  display: flex;
  overflow-x: auto;
  z-index: 1;
}

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

.mn_prev_btn, .mn_next_btn{
  position: absolute;
  top: 0;
  flex-shrink: 0;
  display: none;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 40px;
  padding-top: 1px;
  z-index: 2;
}

.mn_prev_btn{
  left: 0;
}

.mn_next_btn{
  right: 0;
}

.mn_prev_btn.show, .mn_next_btn.show{
  display: flex;
}

.mn_prev_btn::before, .mn_next_btn::before{
  font-family: "bootstrap-icons";
  position: relative;
  font-size: 18px;
  z-index: 2;
}

.mn_prev_btn::before{
  content: '\f284';
}

.mn_next_btn::before{
  content: '\f285';
}

.mn_prev_btn::after, .mn_next_btn::after{
  content: '';
  position: absolute;
  top: 0;
  width: 50px;
  height: 40px;
  pointer-events: none;
  z-index: 1;
}

.mn_prev_btn::after{
  left: 0;
  background: linear-gradient(to left, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 40%, rgba(242, 242, 242, 1) 100%);
}

.mn_next_btn::after{
  right: 0;
  background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 40%, rgba(242, 242, 242, 1) 100%);
}

nav ul{
  display: inline-flex;
}

header .navigation .container ul li a{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  color: #0A0A0A;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  padding: 0 12px;
}

header .navigation .container ul li a:hover{
  background-color: #FECC02;
}

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

header nav ul li.has_submenu a::after{
  font-family: 'ebc-icons';
  content: '\e91b';
  color: #999;
  width: 16px;
  margin: 2px 0 0 3px;
}

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

.popup_menu_toggle{
  position: relative;
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.popup_menu_toggle span, .popup_menu_toggle::before, .popup_menu_toggle::after{
  position: absolute;
  left: 9px;
  width: 20px;
  height: 2px;
  border-radius: 1px;
  background-color: #0A0A0A;
  transition: 0.2s;
}

.popup_menu_toggle::before{
  content: '';
  top: 11px;
  transform-origin: left top;
}

.popup_menu_toggle span{
  top: 18px;
}

.popup_menu_toggle::after{
  content: '';
  top: 25px;
  transform-origin: left bottom;
}

.open_popup_menu .popup_menu_toggle::before{
  width: 25px;
  transform: translate(1px, -1px) rotate(45deg);
}

.open_popup_menu .popup_menu_toggle span{
  opacity: 0;
}

.open_popup_menu .popup_menu_toggle::after{
  width: 25px;
  transform: translate(1px, 2px) rotate(-45deg);
}

.popup_menu_wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 90px);
  display: block;
  color: #0A0A0A;
  margin: 0;
  background-color: #FECC02;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  z-index: 30;
  transition: opacity 0.2s, visibility 0.2s;
}

.popup_menu_wrap::-webkit-scrollbar-thumb{
  background-color: rgba(0,0,0,0.1);
}

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

.popup_menu_box{
  padding: 36px 0 10px 0;
}

@media screen and (min-width: 1031px){

  header .search_long_box{
    margin-bottom: 2rem;
  }

  header .search.search_long{
    position: relative;
    max-width: 42.5rem;
    margin: 0 auto 0.75rem auto;
  }

  header .search.search_long input{
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 1.125rem;
    padding: 0.75rem 0.2rem;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    background-color: transparent;
  }

  header .search.search_long input::-webkit-input-placeholder{
    color: #4D4D4D;
  }

  header .search.search_long .search_btn{
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: auto;
    height: 100%;
    color: #fff;
    padding: 0 0.75rem;
    font-size: 1.5rem;
  }

  header .search_long_box .keywords{
    max-width: 42.5rem;
    margin: 0 auto;
  }

}

header .search_long_box .keywords a{
  color: #F2F2F2;
  border: 1px solid #4D4D4D;
}

header .search_long_box .keywords a:hover{
  border-color: #999;
  background-color: #333333;
}

.pm_box{
  padding: 20px 0;
  margin-bottom: 15px;
  border-bottom: 1px solid #FFEB9A;
}

.pm_box_title{
  color: #1B1C1E;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}

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

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{
  display: block;
  color: #0A0A0A;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  padding: 8px 16px;
  margin: 8px;
  border-radius: 30px;
  border: 1px dashed transparent;
  background-color: #FFEB9A;
}

ul#popup_menu li a:hover{
  color: #FFEB9A;
  background-color: #987A01;
}

.category_thumbnail{
  position: relative;
  margin-bottom: 20px;
}

.img_wrap{
  position: relative;
}

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

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

.category_thumbnail ul li{
  margin: 8px;
}

.category_thumbnail ul li a{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 220px;
  height: 90px;
  color: #fff;
  border-radius: 6px;
  overflow: hidden;
  transition: 0.2s;
}

.category_thumbnail ul li a:hover{
  color: #FECC02;
}

.category_thumbnail ul li a span{
  position: relative;
  width: 100%;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 10px 20px 10px;
  z-index: 3;
  transition: transform 0.26s;
}

.category_thumbnail ul li a:hover span{
  transform: translateY(-16px);
}

.category_thumbnail ul li a::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  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: #999;
  border-color: #4D4D4D;
  margin: 0.5rem 0.25rem;
}

.sorting_btn_box .btn:hover{
  color: #CCCCCC;
  border-color: #777;
  background-color: transparent;
}

.sorting_btn_box .btn.no_border{
  color: #CCCCCC;
  border: none;
  background-color: #333333;
}

.sorting_btn_box .btn.no_border:hover{
  background-color: #444;
}

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

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

.popup_menu_footer{
  padding: 0 16px 56px 16px;
}

.pm_footer_wrap{
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1145px;
  margin: 0 auto;
}

.pm_footer_box a{
  color: #0A0A0A;
}

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

.social_media_s2 span{
  font-size: 15px;
  font-weight: 500;
  margin: 0 16px 0 0;
}

.social_media_s2 a{
  color: #0A0A0A;
  line-height: 1;
  margin: 0.375rem;
}

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

.social_media_s2 a.i_google::before{
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/google_icon_b.svg) no-repeat center / contain;
}

.social_media_s2 a:hover{
  opacity: 0.4;
}

.apps_s2{
  display: flex;
}

.apps_s2 a{
  display: block;
}

.apps_s2 a img{
  height: 100%;
}

.pm_footer_link{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.pm_footer_link a{
  font-size: 14px;
  margin-left: 20px;
}

.pm_footer_link a:hover{
  color: #987A01;
}

.pm_footer_copyright{
  font-size: 12px;
  text-align: right;
  padding-top: 0;
}

.popup_menu_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  transform: translateZ(0);
}

header.open_popup_menu .popup_menu_bg{
  opacity: 1;
  visibility: visible;
}

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

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

h2, h3{
  margin: 0;
}

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

main > .latest_news_bar{
  display: none;
}

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

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

}

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

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

.news_flash, .text_ad, .latest::before, .latest::after, .content.pr25::before{
  position: relative;
  width: 100%;
  height: 3rem;
  overflow: hidden;
  padding: 0 3.125rem 0 6rem;
  border-radius: 8px;
  background-color: #F6F3EE;
}

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

.news_flash{
  font-weight: 500;
}

.news_flash .news_flash_label{
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  width: 78px;
  height: 100%;
  pointer-events: none;
}

.news_flash .news_flash_label::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 120%;
  height: 100%;
  z-index: 1;
  background-color: #8E5AFF;
  transform: skew(-12deg);
}

.news_flash .news_flash_label span{
  position: relative;
  margin-top: -2px;
  z-index: 2;
}

.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: #0A0A0A;
}

.news_flash .swiper-slide a .news_flash_text, .text_ad .swiper-slide a span{
  display: -webkit-box;
  font-size: 18px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: -2px;
}

.news_flash .swiper-slide a .time{
  flex-shrink: 0;
  white-space: nowrap;
  margin-top: 0;
  margin-left: 0.75rem;
}

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

.news_flash .arrow_btn:hover{
  color: var(--grey);
}

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

.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: 40px;
}

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

.text_ad_box.open_options .text_ad{
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

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

.text_ad_more{
  position: absolute;
  top: 0;
  right: 0;
  color: #0A0A0A;
  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: '\e91b';
  margin-right: 5px;
}

.text_ad_box.open_options .text_ad_more::before{
  content: '\e919';
}

.text_ad_options{
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  width: 100%;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border: 1px solid #ccc;
  border-top: none;
  overflow: hidden;
  background-color: rgba(242, 242, 242, 1);
  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);
}

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% - 340px);
}

main:has(.news_flash):has(.text_ad_box) .latest::after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  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;
}

main:has(.news_flash) .article_page_box + .article_page_box .latest::before{
  display: none;
}

.content_wrapper{
  overflow-x: clip;
}

.content_wrapper > .container{
  position: relative;
  margin-bottom: 56px;
}

.slider_wrap{
  overflow-x: clip;
  background-color: #ddd;
}

.slider_box{
  position: relative;
  width: 1000px;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 0.2s;
}

.slider_box.show{
  opacity: 1;
}

.slider_overlay{
  position: relative;
  height: 100%;
  z-index: 1;
}

.slider_overlay_left, .slider_overlay_right{
  position: absolute;
  top: 0;
  width: 23.8vw;
  height: 100%;
  pointer-events: auto;
  cursor: pointer;
}

.slider_overlay_left{
  left: -23.8vw;
}

.slider_overlay_right{
  right: -23.8vw;
}

.slider{
  overflow: visible;
  z-index: 1;
}

.slider img{
  display: block;
}

.slider .swiper-slide{
  background-color: #F7F5EB;
}

.slider .swiper-slide a{
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  opacity: 0.5;
  transition: opacity 0.2s;
}

.slider .swiper-slide.swiper-slide-active a, .swiper-slide.swiper-slide-duplicate-active a{
  opacity: 1;
}

.slider .swiper-slide a img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider .slide_text{
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  color: #fff;
  padding: 16px;
}

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

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

.slider_panel{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.slider_panel::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 1;
}

.slider_text_box{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

.slider_text{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 16vw 32px 48px;
  opacity: 0;
  transition: opacity 0.2s;
}

.slider_text.active{
  opacity: 1;
}

.slider_tag{
  display: inline-block;
  color: #0A0A0A;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 1px;
  padding: 8px;
  margin-bottom: 12px;
  background-color: #FECC02;
}

.slider_title{
  display: -webkit-box;
  color: #fff;
  font-size: 1.87vw;
  font-weight: 700;
  line-height: 1.4;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.70);
}

.swiper-button-next, .swiper-button-prev{
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50%;
  width: 48px;
  height: 72px;
  margin-top: 0;
  background: none;
  transform: translateY(-50%);
}

.swiper-button-next:hover, .swiper-button-prev:hover{
  background: rgba(10, 10, 10, 0.85);
}

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

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

.swiper-button-next::before, .swiper-button-prev::before{
  font-family: "bootstrap-icons";
  color: #525252;
  font-size: 40px;
}

.swiper-button-next::before{
  content: '\f27b';
}

.swiper-button-prev::before{
  content: '\f27a';
}

.swiper-button-lock{
  opacity: 0 !important;
}

.swiper-pagination-bullet{
  opacity: 0.8;
  background-color: #fff;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
  background-color: #FECC02;
  pointer-events: none;
}

.slider_btn_box{
  position: absolute;
  right: 48px;
  bottom: 32px;
  display: flex;
  border: 1px solid #fff;
  pointer-events: auto;
  z-index: 3;
}

.slider_btn_box div{
  position: static;
  width: 44px;
  height: 44px;
  color: #fff;
  border: 1px solid #fff;
  transform: translateY(0);
}

.slider_btn_box div::before{
  color: #fff !important;
}

.slider_btn_box div:hover{
  background-color: rgba(0,0,0,0.7);
}

.slider .swiper-button-prev::before, .slider .swiper-button-next::before{
  font-size: 24px;
}

.slider .swiper-button-prev::before{
  content: '\f284';
}

.slider .swiper-button-next::before{
  content: '\f285';
}

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

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

.imax_ad a{
  display: block;
}

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

.imax_ad .imax_left img, .imax_ad .imax_right img{
  width: 130px;
}

.imax_ad .imax_left, .imax_ad .imax_right{
  position: absolute;
  top: 0;
}

.imax_ad .imax_left{
  left: -132px;
}

.imax_ad .imax_left img, .imax_ad .imax_left iframe{
  float: right;
}

.imax_ad .imax_right{
  right: -132px;
}

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

.ad_box.sky_ad{
  margin: 0;
}

.ad_box img{
  display: inline-block;
  vertical-align: top;
}

.dfp_ad > div, .dfp_ad iframe{
  vertical-align: top;
}

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

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

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

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

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

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

.sidebar > .section:first-child .ad_box .dfp_ad{
  width: 300px;
  min-height: 250px;
}

.top_ad .dfp_ad::before, .sidebar > .section:first-child .ad_box .dfp_ad::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
}

.top_ad .dfp_ad::before{
  border-color: #d3d3d3;
}

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

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

.ad_row_box{
  position: relative;
  width: 100%;
  text-align: center;
  padding: 16px 0 12px 0;
  margin: 32px 0 24px 0 !important;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

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

.article_box .ad_row_box img{
  width: auto;
}

.ad_row_box span{
  position: absolute;
  top: -9px;
  left: 50%;
  color: #999;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  white-space: nowrap;
  padding: 0 10px;
  background-color: #fff;
  transform: translateX(-50%);
}

.row_box_group .ad_box{
  padding-bottom: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}

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

.row_box_group .ad_box .item.row_box{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

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

.sidebar .ad_box{
  margin-top: 0;
}

.latest_box_ad{
  max-width: 810px;
  margin: 0 auto 24px auto;
}

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

.content_box{
  display: flex;
  flex-wrap: wrap;
  padding: 32px;
  margin-bottom: 32px;
  background-color: #fff;
}

.content_box.article_page_box{
  margin-bottom: 0;
  border-bottom: 2px solid #FAF8F0;
}

.content_box.article_page_box:last-child{
  border-bottom: none;
}

.content_box.build_case{
  display: block;
  padding: 0;
  background-color: #EFEDE8;
}

.container.event .content_box{
  padding: 0;
  background-color: transparent;
}

.container.event2 .content_box{
  display: block;
  padding: 0;
  margin-bottom: 0;
}

.content_box.list_content{
  padding: 56px 90px 56px 100px !important;
  background-color: #EFEDE8;
}

.latest{
  position: relative;
  width: 100%;
}

.content{
  width: calc(100% - 300px);
  padding-right: 40px;
}

.content.full{
  width: 100% !important;
  padding-right: 0 !important;
  padding-bottom: 32px;
}

.container:has(.content.full), .content_box:has(.content.full){
  margin-bottom: 0;
}

.article_page_box .content{
  padding-right: 64px;
}

.breadcrumb{
  display: flex;
  margin-bottom: 20px;
}

.breadcrumb div{
  display: flex;
}

.breadcrumb div::after{
  font-family: "bootstrap-icons";
  content: '\f285';
  color: #8F8F8F;
  margin: 1px 8px 0 8px;
  pointer-events: none;
}

.breadcrumb a{
  color: #666;
}

.breadcrumb a:hover{
  color: #999;
}

.breadcrumb div:last-child::after{
  display: none;
}

.section{
  position: relative;
  margin-bottom: 40px;
}

.section.shorts_section{
  padding: 32px;
  background-color: #F2F2F2;
}

.section_title{
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.section_title div, .section_title h2{
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 4px;
  margin-top: 0;
  margin-bottom: -1px;
  border-bottom: 3px solid #FECC02;
}

.section_title.title_large h2{
  font-size: 32px;
}

.read_more{
  position: absolute;
  top: 4px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  color: #0A0A0A;
  font-size: 18px;
  border-radius: 50%;
}

.read_more:hover{
  background-color: #FECC02;
}

.read_more::before{
  font-family: 'bootstrap-icons';
  content: '\f5d4';
}

.read_more_bottom{
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #EBEBEB;
}

.read_more_bottom a{
  color: #FECC02;
  padding: 10px 32px;
  border-radius: 0px 0px 6px 6px;
  background-color: #EBEBEB;
}

.read_more_bottom a:hover{
  color: #625141;
}

.category{
  position: absolute;
  top: 5px;
  right: 0;
  display: flex;
}

.category div{
  display: flex;
}

.category div::after{
  content: '│';
  color: #CBCBCB;
}

.category div:last-child::after{
  display: none;
}

.category div a{
  color: #8F8F8F;
  font-size: 14px;
  font-weight: 500;
  padding: 2px 5px 4px 5px;
  margin: 0 4px;
}

.category div a:hover{
  color: #fff;
  background-color: #FECC02;
}

.article h1{
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 24px 0;
}

.article_info_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  margin-bottom: 24px;
}

.article_info{
  display: flex;
  align-items: center;
  letter-spacing: 1px;
}

.article_info > div{
  display: flex;
  color: #666;
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.article_info_source{
  height: 24px;
  margin-right: 16px;
}

.article_info_source img{
  height: 100%;
}

.article_info_date{
  margin-right: 12px;
}

.article_info_date .aid_date{
  margin-right: 6px;
}

a.article_info_editor{
  font-size: 14px;
  color: #0066FF;
}

a.article_info_editor:hover{
  color: #4C94FF;
  text-decoration: underline;
}

.article_controls{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  max-width: 300px;
  color: #999;
  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: #CBCBCB;
  font-size: 1.3rem;
  margin: 2px 4px 0 0;
}

audio{
  height: 30px;
  padding: 0;
  margin-right: 12px;
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
}

audio::-webkit-media-controls-panel{
  padding: 0 5px;
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 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 #CBCBCB;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
}

.audio_controls .play_btn{
  flex: 0 0 30px;
  height: 100%;
  border-right: 1px solid #CBCBCB;
  background: url(../img/i_play.svg) no-repeat center / cover;
  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: 0 10px;
}

.audio_controls .progress_bar{
  flex-grow: 1;
  height: 5px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #CBCBCB;
}

.audio_controls .progress_bar .current_progress{
  background-color: #888F9B;
  height: 100%;
  border-radius: 3px;
}

.audio_controls .progress_bar:hover .current_progress{
  background-color: #2D3033;
}

.audio_controls .time{
  color: #707070;
  font-size: 14px;
  margin-left: 8px;
}

/* audioplayer start */
.audioplayer-volume, .audioplayer-time-duration{
  display: none;
}

.audioplayer{
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 30px;
  margin-right: 12px;
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
}

.audioplayer audio{
  display: none;
  margin: 0;
  border: none;
}

.audioplayer-playpause{
  width: 35px;
  height: 100%;
  order: 1;
  border: none !important;
  border-right: 1px solid #CBCBCB !important;
  cursor: pointer;
}

.audioplayer-playpause a{
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: url(../img/i_play.svg) no-repeat center / auto 100%;
}

.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: 0;
  flex-grow: 1;
  height: 100%;
  margin: 0 8px 0 10px;
  overflow: hidden;
  order: 2;
  cursor: pointer;
}

.audioplayer-bar::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  transform: translateY(-50%);
  background-color: #CBCBCB;
}

.audioplayer-bar > div{
  position: absolute;
  top: 50%;
  left: 0;
  height: 5px;
  border-radius: 3px;
  transform: translateY(-50%);
}

.audioplayer-bar-loaded{
  background-color: #bababa;
}

.audioplayer-bar-played{
  background-color: #8b9399;
}

.audioplayer-bar:hover .audioplayer-bar-played{
  background-color: #2D3033;
}

.audioplayer-time-current{
  color: #707070;
  font-size: 13px;
  font-weight: normal;
  order: 3;
  margin-right: 10px;
}
/* audioplayer end */

.font_zoom{
  display: flex;
  height: 30px;
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
}

.font_zoom div, .font_zoom button{
  width: 34px;
  height: 100%;
  cursor: pointer;
  opacity: 0.6;
}

.font_zoom div:hover, .font_zoom button:hover{
  opacity: 1;
  background-color: rgba(0,0,0,0.02);
}

.font_zoom div:first-child, .font_zoom button:first-child{
  border-right: 1px solid #CBCBCB;
}

.font_zoom .font_zoom_in{
  background: url(../img/i_font_zoom_in.svg) no-repeat center / 94% auto;
}

.font_zoom .font_zoom_out{
  background: url(../img/i_font_zoom_out.svg) no-repeat center / 94% auto;
}

.font_zoom div.disabled, .font_zoom button.disabled{
  pointer-events: none;
}

.article_container{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-left: 3px;
}

.share_box{
  position: sticky;
  top: 100px;
  width: 40px;
  text-align: center;
}

.share_box span{
  display: block;
  font-size: 14px;
  padding-bottom: 6px;
  border-bottom: 1px solid #CBCBCB;
}

.share_box div{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 34px;
  line-height: 1;
  padding: 8px;
  margin-top: 16px;
  border-radius: 4px;
  background-color: #EBEBEB;
  cursor: pointer;
}

.share_box .i_fb{
  background: url(../img/i_fb_square.svg) no-repeat center / cover;
}

.share_box .i_line{
  background: url(../img/i_line.svg) no-repeat center / cover;
}

.share_box .i_line::before{
  content: '';
}

.share_box .copy_link::before{
  font-family: "bootstrap-icons";
  content: '\f470';
}

.share_box .copy_link:hover{
  background-color: #e6e6e6;
}

.article_main{
  width: calc(100% - 40px);
  padding-left: 32px;
}

.article_content{
  font-size: 20px;
  line-height: 1.7;
  overflow-x: clip;
}

.main_content > p, .main_content > div, .main_content > figure, .main_content > iframe{
  margin: 1.6em 0;
}

.article_content h2, .article_content h3, .article_content h4, .article_content h5, .article_content h6{
  font-weight: 700;
  line-height: 1.55;
  margin: 1.6em 0;
}

.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 p{
  margin-bottom: 1.6em;
}

.article_content a{
  color: #06F;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px !important;
  -webkit-text-underline-offset: 4px;
  -webkit-text-decoration-thickness: 1px !important;
}

.article_content a:hover{
  color: #4C94FF;
}

.article_content a[id]{
  color: #0A0A0A !important;
  text-decoration: none !important;
}

.article_content a.secondary{
  color: #8F8F8F;
}

@media (hover: hover) and (pointer: fine){

  .article_content a:hover{
    text-decoration: underline #06F;
    -webkit-text-decoration: underline #06F;
  }

  .article_content a.secondary:hover{
    text-decoration: underline #8F8F8F;
    -webkit-text-decoration: underline #8F8F8F;
  }

}

.article_content .text-highlight{
  background-color: #ffeb9a;
}

.article_content module{
  display: block;
  margin-bottom: 1.6em;
}

.article_content img{
  display: block;
  width: 100%;
  border-radius: 8px;
}

.article_content .img_box{
  margin-bottom: 1.6em;
}

.article_content .img_box iframe{
  display: block;
  margin-bottom: 6px;
  border-radius: 8px;
}

.article_content .article_cover .img_box img, .article_content .article_cover .img_box .img_caption{
  max-width: 100% !important;
}

.article_content .img_box img, .article_content .article-img img, .article_content figure img{
  margin-bottom: 6px;
}

.article_content .img_caption, .article_content .img-des, .article_content figure figcaption{
  font-size: 14px;
  line-height: 1.4;
}

.article_cover{
  margin-top: 0 !important;
}

.article_cover .img_box .img{
  aspect-ratio: 300 / 157;
  margin-bottom: 6px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #cbcbcb;
}

.article_cover .img_box .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img_box.video{
  cursor: pointer;
}

.img_box.video .img{
  position: relative;
  display: block !important;
  width: 100%;
  padding: 0;
  overflow: visible;
  border-radius: 8px;
}

.img_box.video .img img{
  display: block;
  width: 100%;
  border-radius: 8px;
}

.img_box.video .img::before{
  font-family: "bootstrap-icons";
  content: '\f4f4';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 40px;
  padding-left: 4px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0,0,0,0.2);
  z-index: 10;
}

.img_box.video .img:hover::before{
  background-color: rgba(0,0,0,0.7);
}

.article_content iframe{
  max-width: 100%;
}

.article_content iframe[src*="youtube"]{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.article_index, .article_timeline{
  line-height: 1.5;
  margin-bottom: 32px;
}

.article_index_title, .article_timeline_title{
  display: flex;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}

.article_index_title::before, .article_timeline_title::before{
  font-family: "bootstrap-icons";
  content: '\f227';
  font-weight: normal;
  margin-right: 12px;
}

.article_timeline_title::before{
  content: '\f209';
}

.article_content ul, .article_content ol{
  margin-bottom: 32px;
}

.article_content ul{
  padding-left: 32px;
}

.article_content ol{
  padding-left: 28px;
}

.article_content ul.no-style{
  padding-left: 0;
  list-style: none;
  font-size: 17px;
  color: #0A0A0A;
}

.article_content li{
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 4px;
}

.article_index_list{
  color: #8F8F8F;
  border-left: 4px solid #EBEBEB;
}

.article_index_list a{
  color: #8F8F8F;
}

.article_index_list li{
  margin-bottom: 0;
}

.article_index_list ol{
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0;
}

.article_index_list ol li{
  display: block;
  list-style: none;
}

.article_index_list ol li a::before{
  content: counters(item, '-') '. ';
  counter-increment: item;
}

.article_index_list ol li a, .article_index_list ul li a{
  display: block;
  font-size: 18px;
  font-weight: 400;
  text-indent: -18px;
  padding: 5px 0 11px 34px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  text-underline-offset: 4px;
}

/*可用此 media把hover的style寫入會觸發hover的設備(不含mobile)*/
@media (hover: hover) and (pointer: fine){

  .article_index_list a:hover{
    color: #06F;
  }

  .article_index_list ol li a:hover, .article_index_list ul li a:hover{
    border-color: #06F;
  }

}

.article_index_list ol li ol, .article_index_list ul li ul{
  margin-bottom: 5px;
}

.article_index_list ol li ol li a, .article_index_list ul li ul li a{
  font-size: 16px;
  text-indent: -31px;
  padding-left: 66px;
}

.article_index_list ol li ol li ol li a, .article_index_list ul li ul li ul li a{
  font-size: 14px;
  text-indent: -40px;
  padding-left: 106px;
}

.article_timeline_title span{
  color: #ADADAD;
  font-size: 18px;
  font-weight: 500;
  margin-left: 12px;
}

.article_timeline_list{
  padding-top: 10px;
}

.article_timeline .at_box{
  padding-bottom: 10px;
}

.article_timeline .at_title{
  position: relative;
  color: #E92121;
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 16px 28px;
}

.article_timeline .at_title::before{
  content: '';
  position: absolute;
  display: block;
  top: 9px;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #E92121;
  z-index: 2;
}

.article_timeline .at_title::after, .article_timeline .at_item::after{
  content: '';
  position: absolute;
  top: 16px;
  left: 6px;
  display: block;
  width: 2px;
  height: 100%;
  background-color: #E6E6E6;
  z-index: 1;
}

.article_timeline .at_title span:last-child{
  color: #ADADAD;
  font-size: 15px;
  margin-left: 8px;
}

.article_timeline .at_item{
  position: relative;
  display: block;
  color: #0A0A0A;
  font-size: 18px;
  font-weight: 500;
  padding: 0 0 18px 28px;
}

.article_timeline .at_item::before{
  content: '';
  position: absolute;
  display: block;
  top: 9px;
  left: 1px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #E6E6E6;
  z-index: 2;
}

.article_timeline .at_item:last-child::after{
  height: calc(100% + 10px);
}

.article_timeline .at_box:last-child .at_item:last-child::after{
  display: none;
}

.article_timeline .at_item:hover{
  color: #06F;
  text-decoration: underline #06F;
  -webkit-text-decoration: underline #06F;
}

.article_timeline .at_item:hover::before{
  border-color: #06F;
  background-color: #06F;
}

.inline_ad{
  position: relative;
  width: 100%;
  padding: 22px 0 14px 0;
  margin: 34px 0 56px 0;
  border-top: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
}

.inline_ad img{
  display: inline-block;
  width: auto;
  border-radius: 0;
}

.inline_ad span{
  position: absolute;
  top: -13px;
  left: 50%;
  color: #707070;
  font-size: 14px;
  white-space: nowrap;
  padding: 0 16px;
  background-color: #fff;
  transform: translateX(-50%);
}

.inline_text{
  color: #0A0A0A;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  padding: 6px 24px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.inline_text p{
  margin: 0;
}

.inline_text a{
  display: block;
  color: #06F;
  margin: 8px 0;
}

.inline_text a span{
  display: block;
  margin: 8px 0;
}

.inline_text a:hover span{
  color: #4C94FF;
  text-decoration: underline;
}

.inline_text a img{
  width: auto;
  max-width: 100% !important;
  margin: 8px 0;
  border-radius: 0;
}

.article_content .inline_box{
  padding: 12px 24px;
  margin: 32px 0;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.article_content .inline_box .inline_box_title{
  color: #06F;
  font-weight: 700;
  margin-bottom: 24px;
}

.article_content .inline_box .inline_box_title a{
  color: #06F;
  text-decoration: none;
}

.article_content .inline_box .inline_box_img{
  margin-bottom: 32px;
}

.article_content .inline_box .inline_box_img img{
  margin: 0 auto;
}

.article_content .inline_box .inline_box_content{
  font-size: 0.9em;
  margin-top: 24px;
}

.article_content table{
  max-width: 99.6%;
  font-size: 16px;
  border: 1px solid #ccc;
}

.article_content table th{
  word-spacing: nowrap;
}

.article_content table th,
.article_content table td{
  padding: 8px 12px;
  border: 1px solid #ccc;
}

.article_content table thead{
  background-color: #F2F2F2;
}

.article_content table thead tr th{
  text-align: center;
  font-weight: normal;
}

.article_content .article_table{
  position: relative;
}

.article_content .article_table .article_table_inner{
  overflow-x: auto;
  margin-bottom: 32px;
}

.ai_article h1{
  padding-left: 75px;
  margin: 1rem 0;
}

.ai_article .article_content .main_content > *{
  margin: 1rem 0;
}

.ai_article .article_content .main_content h2, .ai_article .article_content .main_content h3{
  margin-top: 2rem;
}

.ai_article .ai_label{
  color: #0A0A0A;
  font-size: 15px;
  font-weight: 700;
}

.ai_article .ai_label::after{
  content: ' / Powered by Mlytics AI';
  font-weight: 400;
  color: #B9B9B9;
}

.gallery_box{
  margin-bottom: 32px;
}

.gallery{
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.gallery_item .gi_img{
  aspect-ratio: 16 / 9;
  margin-bottom: 6px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #4c4c4c;
}

.gallery_box img{
  display: block;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
}

.gallery_item .img_caption{
  font-size: 14px;
  border-radius: 0;
  margin-bottom: 0;
}

.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;
  width: 40px !important;
  height: 40px;
  margin: 4px;
  cursor: pointer;
}

.gallery_thumbs .swiper-slide-thumb-active::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--main-yellow);
}

.gallery_thumbnail{
  height: 100%;
  background-color: #ccc;
}

.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;
  bottom: auto !important;
  left: auto;
  width: auto;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  padding: 6px 12px;
  border-radius: 30px;
  background-color: rgba(0,0,0,0.5);
}

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

.gallery .swiper-button-next::before{
  content: '\e942';
}

.gallery .swiper-button-prev::before{
  content: '\e941';
}

.article-column .column-wrap{
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6em;
}

.article-column .column-wrap .column{
  width: calc(50% - 15px);
}

.article-column .column-wrap img{
  max-width: 100% !important;
  margin-bottom: 6px;
}

.article-column .column-wrap p{
  margin-top: 0;
}

.list.text_row{
  display: block;
}

.list.text_row ul{
  padding: 0;
  margin: 0;
}

.list.text_row ul li{
  display: flex;
  padding: 6px;
}

.list.text_row ul li a{
  display: -webkit-box;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  text-indent: -28px;
  padding-left: 28px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list.text_row ul li a::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: -3px 20px 0 0;
  background-color: #FECC02;
}

.list.text_row ul li a:hover{
  color: #06F;
  text-decoration: underline #06F;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  -webkit-text-decoration: underline #06F;
  -webkit-text-underline-offset: 3px;
  -webkit-text-decoration-thickness: 1px;
}

.rss_box{
  font-size: 18px;
  margin: 32px 0;
}

.rss_title{
  font-weight: 500;
  margin-bottom: 16px;
}

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

.rss_box ul{
  padding-left: 0 !important;
}

.rss_box ul li a{
  display: -webkit-box;
  color: #0A0A0A;
  font-size: 18px;
  line-height: 1.4;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 12px;
}

.rss_box ul li a:hover{
  color: #4D4D4D;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  -webkit-text-underline-offset: 3px;
  -webkit-text-decoration-thickness: 1px;
}

.article_hashtags{
  margin-bottom: 32px;
}

.article_hashtags a:last-child{
  margin-right: 0;
}

.article_author{
  display: flex;
  width: 100%;
  max-width: 522px;
  padding: 24px;
  background-color: #F0F0F2;
}

.article_author img{
  width: 66px;
  height: 66px;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  margin-right: 20px;
}

.article_author_info{
  flex-grow: 1;
}

.article_author_name{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 6px;
  margin-bottom: 8px;
  border-bottom: 1px solid #CBCBCB;
}

.article_author_name .author_name{
  font-size: 20px;
  font-weight: 500;
  padding-right: 22px;
}

.article_author_name .author_job_title{
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin: 4px 0 2px 0;
}

.article_author_name .author_link{
  position: absolute;
  top: 7px;
  right: 0;
  line-height: 1;
  width: 17px;
  height: 17px;
}

.article_author_name .author_link::before{
  font-family: "bootstrap-icons";
  content: '\f1c5';
  font-weight: 600;
}

.article_author_intro{
  font-size: 14px;
}

.list{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 32px 20px;
  margin-bottom: 32px;
}

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

.sidebar .list{
  display: block;
}

.content_wrapper.bg .sidebar .list{
  border-radius: 4px;
  background-color: #fff;
}

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

.brand_box .list{
  gap: 20px;
}

.event_section .list{
  margin-top: 40px;
}

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

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

.item.col1{
  grid-column: auto / span 12;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0 20px;
}

.item.col1 .item_img, .item.col1 .item_text{
  grid-column: auto / span 6;
  margin-bottom: 0;
}

.item.col1 .item_title{
  margin-top: 12px;
  font-size: 20px;
}

.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;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}

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

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

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

.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: 6px;
  overflow: hidden;
  background: #BFBFBF url(../img/img_loading.svg) no-repeat center / 26% auto;
}

.item .item_img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

img.lazy[data-src], img.loading{
  opacity: 0;
}

img.loaded{
  animation: imgFadeIn 0.3s ease forwards;
}

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

.item.video .item_img::before, .ov_video_box.img_wrap::before, .img_box.video .img::before{
  font-family: 'ebc-icons';
  content: '\e922';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 2rem;
  padding-left: 0.3rem;
  border-radius: 50%;
  border: 2px solid #fff;
  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, .ov_video_wrap:hover .ov_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.75rem;
  height: 2.75rem;
  font-size: 1.5rem;
  padding-left: 0.25rem;
}

.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: 0 12px;
  border-radius: 4px;
  background-color: var(--main-yellow);
  z-index: 3;
}

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

.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;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  -webkit-text-underline-offset: 3px;
  -webkit-text-decoration-thickness: 1px;
}

.item.col4 .item_title{
  font-size: 15px;
}

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

.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: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  padding: 0.125rem 0.25rem 0.188rem 0.25rem;
  margin: 2px 4px 0 0;
  border-radius: 2px;
  background-color: #F73B3B;
}

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

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

.item .item_preview{
  display: -webkit-box;
  color: #999;
  font-size: 0.875rem;
  line-height: 1.55;
  font-weight: 400;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 0.5rem;
  margin-bottom: 0.625rem;
}

.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: 0 !important;
}

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

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

.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: #999;
  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: '\e907';
  margin: 2px 3px 0 0;
}

.item .item_views::before, .views::before{
  content: '\e929';
}

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

.latest_box .section_title:has(.livestream){
  margin-bottom: 8px;
}

.latest_box .live_stream .item{
  padding-top: 0;
  margin-bottom: 0;
}

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

.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 0;
  border-bottom: 1px solid var(--grey);
}

.text_list ul li:last-child{
  border-bottom: none;
}

.text_list ul li a{
  display: -webkit-box;
  flex-grow: 1;
  color: #fff;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

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

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

.tac{
  text-align: center;
}

.btn{
  display: inline-block;
  color: #0A0A0A;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  padding: 10px 48px;
  border-radius: 4px;
  border: 1px solid #CBCBCB;
}

.btn:hover{
  background-color: #F5F5F5;
}

.btn.btn_yellow{
  border-color: #FECC02;
  background-color: #FECC02;
}

.btn.btn_yellow:hover{
  border-color: #FED635;
  background-color: #FED635;
}

.btn_more, .display_more{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn_more::after, .display_more::after{
  font-family: 'bootstrap-icons';
  content: '\f5d4';
  color: #707070;
  font-size: 12px;
  line-height: 1;
  padding: 3px;
  margin: 0 0 0 4px;
  border-radius: 50%;
  background-color: #F5F5F5;
}

.btn_text{
  color: #06F;
  font-weight: 600;
}

.btn_text:hover{
  color: #4C94FF;
  text-decoration: underline;
}

.section_title:has(+ .section_content .live_title){
  margin-bottom: 12px;
}

.live_title{
  margin-bottom: 12px;
}

.live_title::before{
  content: 'LIVE';
  display: inline-block;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  padding: 2px 4px 3px 4px;
  margin-right: 6px;
  border-radius: 2px;
  background-color: #F03535;
}

.live_box{
  position: relative;
  padding-bottom: 56.24%;
  overflow: hidden;
  background-color: #F0F0F2;
}

.live_box iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.live_list{
  position: relative;
  padding: 12px 50px;
  background-color: #F0F0F2;
}

.live_list .swiper-container{
  position: static;
}

.live_list .swiper-slide{
  height: auto;
}

.live_item{
  height: 100%;
  padding: 12px;
  cursor: pointer;
  background-color: #fff;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  user-select:none;
}

.live_item:hover, .live_item.active{
  color: #fff;
  background-color: #FECC02;
}

.live_item .item_img{
  position: relative;
  padding-bottom: 56.1%;
  background-color: #ccc;
}

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

.live_item .item_text, .live_item .item_title{
  display: -webkit-box;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.live_list .swiper-button-next:hover::before, .live_list .swiper-button-prev:hover::before{
  color: #fff;
}

.section_toolbar{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ccc;
}

.tab_list_wrap{
  position: relative;
  width: calc(100% - 120px);
  margin-bottom: 18px;
}

.tab_list_box{
  overflow-x: auto;
}

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

.tab_list{
  display: inline-flex;
}

.tab{
  color: #4D4D4D;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  padding: 5px 12px 6px 12px;
  margin: 0 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.tab:hover{
  border-color: #FECC02;
  background-color: #FFFAE6;
}

.tab.active{
  color: #0A0A0A !important;
  border-color: #FECC02;
  background-color: var(--main-yellow) !important;
  pointer-events: none;
}

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

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

.tab_list_box .tab_btn{
  position: absolute;
  top: -3px;
  display: none;
  background-color: transparent !important;
}

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

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

.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: 0;
  width: 160%;
  height: 100%;
  display: block;
  pointer-events: none;
  z-index: 1;
}

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

.tab_list_box .tab_btn_prev::after{
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%);
}

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

.tab_list_box .tab_btn_next::after{
  background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,0.8) 80%,rgba(255,255,255,0) 100%);
}

.add_line{
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  padding: 8px 8px 8px 32px;
  border-radius: 4px;
  background: #07b53b url(../img/i_line.svg) no-repeat 3px 2px / 28px auto;
}

.lead{
  color: #808080;
  font-size: 14px;
  margin: 32px 0;
}

.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: 16px;
  font-weight: 400;
  height: 2.875rem;
  padding: 0.5rem 0.8rem;
  border-radius: 8px;
  border: 1px solid transparent;
  background-color: #E6E6E6;
  outline: none;
  transition: border-color 0.16s, background-color 0.16s;
}

main input:focus, main textarea:focus{
  border-color: #1A75FF;
  background-color: var(--light-grey);
}

main input.error, main textarea.error{
  border-color: var(--main-red);
}

textarea{
  resize: none;
}

.lead_search input{
  font-weight: 500;
  padding-left: 50px;
  border: 2px solid transparent;
  background-color: #F2F2F2;
}

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

.select_box{
  position: relative;
  display: inline-block;
}

.select_box::after{
  font-family: 'ebc-icons';
  content: '\e93d';
  position: absolute;
  top: 0;
  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: 0 0.8rem;
  border-radius: 4px;
  border: 1px solid var(--dark-grey);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  cursor: pointer;
}

.lead_search .search_submit{
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lead_search .search_submit::before{
  font-family: "bootstrap-icons";
  content: '\f52a';
  color: #0A0A0A;
  font-size: 20px;
  margin-left: 10px;
}

.lead_result{
  display: flex;
  justify-content: space-between;
}

.lead_sort button{
  color: #808080;
}

.lead_sort button:hover{
  color: #999;
}

.lead_sort button.active{
  color: #7070FF;
}

.video_row_box{
  margin-top: 32px;
  border-bottom: 4px solid #E6E6E6;
}

.video_row_box:last-child{
  border-bottom: none;
}

.video_row_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.video_row_title{
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.pagination{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.pagination .btn_box{
  display: flex;
}

.pagination .btn_box .btn{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px 22px;
}

.pagination .btn_box .btn.btn_prev{
  padding: 7px 10px;
  margin-right: 10px;
}

.pagination .btn_box .btn::before{
  display: flex;
  font-size: 18px;
}

.pagination .btn_box .btn.btn_next::before{
  order: 2;
  width: auto;
  margin-left: 2px;
}

.page_box{
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 0.875rem;
}

.page_box input{
  width: 5rem;
  height: 2.2rem;
  font-size: 1rem;
  padding: 0 6px;
  margin: 0 0.5rem;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #F7F7F7;
}

.text_red{
  color: var(--main-red);
}

.fw_bold{
  font-weight: bold;
}

.fw_normal{
  font-weight: normal;
}

.sidebar{
  width: 300px;
}

.sidebar .section{
  margin-bottom: 26px;
}

.sidebar .section .ad_box{
  margin-bottom: 0;
}

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

.hot_news{
  margin-top: -14px;
}

.hot_news a{
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px dashed #ADADAD;
}

.hot_news a .hn_num{
  font-family: "Satoshi";
  display: flex;
  justify-content: center;
  flex: 0 0 21px;
  color: #CBCBCB;
  font-size: 34px;
  font-weight: 400;
  margin-right: 12px;
}

.hot_news a .hn_tit{
  display: -webkit-box;
  font-weight: 500;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hot_news a:hover .hn_tit{
  color: #525252;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  -webkit-text-underline-offset: 2px;
  -webkit-text-decoration-thickness: 1px;
}

.sticky{
  position: sticky;
  top: 106px;
}

.sidebar_ad{
  margin-bottom: 10px;
}

.sidebar .keywords a{
  font-size: 16px;
}

.sidebar .keywords a:not(:nth-child(1), :nth-child(2), :nth-child(3),
  :nth-child(4), :nth-child(5), :nth-child(6), :nth-child(7),
  :nth-child(8), :nth-child(9), :nth-child(10), :nth-child(11)){
  display: none;
}

.sidebar .keywords.show a{
  display: inline-block;
}

.sidebar .keywords .more_btn{
  display: flex;
  align-items: center;
  color: #0A0A0A;
  height: 30px;
  font-size: 22px;
  padding: 0 13px;
  border-radius: 5px;
  background-color: #E6E6E6;
  cursor: pointer;
}

.sidebar .keywords .more_btn::before{
  font-family: "bootstrap-icons";
  content: "\f279";
  line-height: 1;
}

.sidebar .keywords.show .more_btn{
  transform: scaleY(-1);
}

.btn_close{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  color: #0A0A0A;
  font-size: 24px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #EBEBEB;
}

.btn_close::before{
  font-family: 'ebc-icons';
  content: '\e906';
  line-height: 1;
}

.btn_x{
  position: absolute;
  top: 3px;
  right: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 16px;
  border: 1px solid #0A0A0A;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.btn_x::before{
  font-family: "bootstrap-icons";
  content: "\f659";
}

.overlay_close.btn_x{
  width: 28px;
  height: 28px;
}

.content_box_search{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.content_box_search input{
  height: 40px;
  color: #F03535;
  font-size: 22px;
  padding: 0 0 6px 40px;
  border-bottom: 1px solid #CBCBCB;
}

.content_box_search::before{
  font-family: bootstrap-icons;
  content: '\f52a';
  position: absolute;
  top: 5px;
  left: 8px;
  font-size: 20px;
  pointer-events: none;
}

.search_result{
  font-size: 14px;
  white-space: nowrap;
  margin-left: 27px;
}

.search_result span{
  margin: 0 4px;
}

.subtitle{
  color: #0A0A0A;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  padding-left: 8px;
  margin-bottom: 6px;
  border-left: 4px solid #FECC02;
}

.list.row{
  display: block;
}

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

.list.row a{
  display: block;
  font-size: 17px;
  font-weight: 500;
  padding: 10px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px solid #CBCBCB;
}

.list.row a:hover{
  color: #525252;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
  -webkit-text-underline-offset: 2px;
  -webkit-text-decoration-thickness: 1px;
}

.idle_box, .overlay_box{
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
}

.idle_box.show, .overlay_box.show{
  display: flex;
}

.overlay{
  position: relative;
  width: 887px;
  max-width: 100%;
  padding: 20px 32px 50px 32px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  z-index: 2;
}

.overlay.ad_wrap{
  width: auto;
  padding: 16px;
  border-radius: 0;
  background-color: transparent;
}

.overlay_box.idle .overlay{
  padding-top: 32px;
}

.idle_header, .overlay_header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.idle_header .highlight{
  display: block;
  min-width: 245px;
  max-width: 430px;
  font-size: 15px;
  text-align: center;
  padding: 5px 10px 5px 18px;
  margin: 3px 55px 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #F2F2F2;
}

.idle_header .highlight:hover{
  background-color: #E6E6E6;
}

.idle_logo, .overlay_logo{
  display: block;
  width: 193px;
  height: 24px;
}

.idle_content, .overlay_content{
  display: flex;
  max-height: calc(100vh - 170px);
  overflow-y: overlay;
}

.idle .section, .overlay .section{
  margin-bottom: 24px;
}

.idle_l .section:last-child{
  margin-bottom: 12px;
}

.idle .list.box, .overlay .list.box{
  padding-bottom: 16px;
  margin-top: 16px;
}

.idle .list.box{
  margin-bottom: 0;
}

.overlay .list.box{
  gap: 16px;
}

.idle .list.box .item, .overlay .list.box .item{
  margin-bottom: 0;
}

.idle .list.box .item.video .item_img::before, .overlay .list.box .item.video .item_img::before{
  width: 40px;
  height: 40px;
  font-size: 27px;
  border: 1px solid #fff;
}

.idle .list.box .item .item_text, .overlay .list.box .item .item_text,
.idle .list.box .item .item_title, .overlay .list.box .item .item_title{
  font-size: 15px !important;
}

.idle .list.box .item.video .item_text::before, .overlay .list.box .item.video .item_text::before,
.idle .list.box .item.video .item_title::before, .overlay .list.box .item.video .item_title::before{
  font-size: 15px !important;
}

.idle_l, .overlay_l{
  width: calc(100% - 300px);
  padding-right: 44px;
}

.idle_r, .overlay_r{
  width: 300px;
}

.idle_r .ad_box, .overlay_r .ad_box{
  margin-bottom: 24px;
}

.idle_r .ad_box{
  margin-top: 0;
}

.idle .btn_close, .overlay .btn_close{
  position: absolute;
  top: 25px;
  right: 25px;
}

.idle .btn_close{
  font-size: 24px;
  background-color: transparent;
}

.idle .btn_close::before{
  font-family: "bootstrap-icons";
  content: "\f659";
}

.idle_footer, .overlay_footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #0A0A0A;
  font-size: 18px;
  text-align: center;
  padding: 12px 0;
  background-color: #F2F2F2;
}

.idle_footer br, .overlay_footer br{
  display: none;
}

.idle_bg, .overlay_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 1;
}

.notify{
  display: flex;
  width: 640px;
  height: 300px;
  padding: 0 !important;
  background-color: #FECC02;
}

.notify_text{
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  width: 50%;
  color: #fff;
  padding: 20px 26px 17px 26px;
}

.notify_logo{
  display: block;
  width: 92px;
  height: 21px;
  background: url(../img/logo_w_fill.svg) no-repeat center / cover;
}

.notify_middle_box{
  width: 100%;
  line-height: 1.6;
  margin-top: -8px;
}

.notify_slogan{
  font-size: 20px;
}

.notify_slogan .s1{
  position: relative;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 5px;
}

.notify_slogan .s1::after{
  content: '';
  position: absolute;
  top: -6px;
  right: -20px;
  width: 18px;
  height: 18px;
  background: url(../img/notice.svg) no-repeat center / cover;
}

.notify_btn{
  width: 150px;
  color: #FECC02;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 9px 48px 11px 48px;
  margin-top: 14px;
  border-color: #fff;
  background-color: #fff;
}

.notify_btn:hover{
  color: #fff;
  border-color: #493C31;
  background-color: #493C31;
}

.next_time{
  color: #fff;
  font-size: 12px;
}

.notify_description{
  font-size: 13px;
  line-height: 1.5;
}

.notify_img{
  position: relative;
  width: 50%;
  height: 100%;
  background: url(../img/notify_img.jpg) no-repeat center / cover;
}

.notify .btn_close{
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
}

.notify .btn_close::before{
  font-size: 19px;
}

.overlay.video{
  width: auto;
  padding: 64px 0 0 0;
  border-radius: 0;
  background-color: transparent;
}

.overlay.video .btn_close{
  top: 0;
  right: 0;
}

.overlay.video + .overlay_bg{
  background-color: rgba(0,0,0,0.92);
}

.ov_video_wrap{
  width: 800px;
  max-width: 100%;
}

.ov_video_box{
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 12px;
  overflow: hidden;
  background-color: #0A0A0A;
}

.ov_video_box iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ov_video_title{
  color: #fff;
  margin: 12px 0 24px 0;
}

.ov_video_btn_wrap{
  display: flex;
  justify-content: center;
  margin: 24px 0 0 0;
}

.ov_video_btn_box{
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 25px;
  background-color: #0A0A0A;
}

.ov_video_btn_box::before{
  content: '';
  position: absolute;
  top: 12px;
  left: 50%;
  height: 26px;
  border-left: 1px solid #525252;
}

.ov_video_btn{
  display: flex;
  justify-content: center;
  width: 120px;
  height: 50px;
  color: #fff;
  line-height: 1;
  padding-top: 15px;
  user-select: none;
}

.ov_video_btn.disabled{
  opacity: 0.3;
  pointer-events: none;
}

.ov_video_btn.prev::before{
  content: '';
  font-family: "bootstrap-icons";
  content: '\f12f';
  font-size: 18px;
  margin: 0 6px 0 0;
}

.ov_video_btn.next::after{
  content: '';
  font-family: "bootstrap-icons";
  content: '\f138';
  font-size: 18px;
  margin: 0 0 0 6px;
}

.overlay_box.ad .overlay{
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  padding: 0;
  border-radius: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: transparent;
}

.overlay_box.ad .overlay .btn_close{
  top: 12px;
  right: 13px;
}

.overlay_box.ad .overlay .ov_ad_box{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  text-align: center;
  padding-top: 60px;
}

.overlay_box.message .overlay{
  width: 340px;
  max-width: calc(100% - 32px);
  text-align: center;
  padding: 26px 24px;
}

.ov_message_img{
  margin-bottom: 16px;
}

.ov_message_img img{
  max-width: 88px;
}

.ov_message_text{
  font-size: 17px;
  margin-bottom: 24px;
}

.ov_message_btn_box{
  display: flex;
  justify-content: center;
  gap: 8px;
}

.ov_message_btn_box > *{
  flex-grow: 1;
  width: 40%;
  white-space: nowrap;
  padding: 12px 10px;
}

.overlay_box.message#external .overlay{
  padding-top: 40px;
}

.overlay_box.message#external .ov_message_btn_box .overlay_close{
  width: 80%;
}

.overlay_box.message#r18 .overlay_bg{
  pointer-events: none;
}

.overlay_box.message#copy_email .btn_yellow, .overlay_box.message#send .btn_yellow{
  flex-grow: 0;
  width: 180px;
}

.overlay_close{
  cursor: pointer;
}

.overlay_box.video .overlay .btn_close, .overlay_box.shorts .overlay .btn_close, .overlay_box.ad .overlay .btn_close{
  color: #fff;
  background-color: #0A0A0A;
}

.overlay_box.message .overlay .btn_close, .overlay_box.vote .overlay .btn_close{
  top: 10px;
  right: 10px;
}

.card_slider_wrap{
  width: 100%;
  max-width: 1150px;
  margin: 32px auto;
}

.content_box .card_slider_wrap:first-child{
  margin-top: -180px;
}

.content_box:has(.card_slider_wrap:first-child){
  margin-top: 200px;
}

.card_slider_box{
  overflow: hidden;
  border-radius: 6px;
  background-color: #333;
}

.cs_box{
  display: flex;
  justify-content: space-between;
}

.cs_box_text{
  width: 49%;
  padding: 3.5% 4.8% 3.5% 8.5%;
}

.cs_box_title{
  display: -webkit-box;
  color: #FECC02;
  font-size: 26px;
  font-weight: bold;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}

.cs_box_preview{
  display: -webkit-box;
  color: #ccc;
  font-size: 15px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}

.cs_box_btn{
  display: inline-flex;
  align-items: center;
  color: #FECC02;
  font-size: 16px;
  font-weight: 500;
  padding: 5px 32px;
  margin-top: 10px;
  border-radius: 30px;
  border: 1px solid #FECC02;
}

.cs_box_btn::after{
  font-family: "bootstrap-icons";
  content: "\f135";
  font-size: 22px;
  margin: 0 -6px 0 3px;
}

.cs_box_btn:hover{
  color: #333;
  background-color: #FECC02;
}

.cs_box_img{
  width: 51%;
  aspect-ratio: 16 / 9;
}

.cs_box_img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card_slider_box .swiper-button-prev::before, .card_slider_box .swiper-button-next::before{
  color: #fff;
}

.card_slider_box .swiper-pagination{
  bottom: 8%;
  display: flex;
  justify-content: center;
  width: 49%;
  padding: 6px 0;
}

.card_slider_box .swiper-pagination-bullet{
  width: 40px;
  height: 3px;
  margin: 0 3px;
  border-radius: 0;
}

.featured_wrap{
  max-width: 810px;
  margin: 40px auto;
}

.featured_wrap.desktop_hide{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.featured_box{
  position: relative;
}

@keyframes fadeIn{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.featured_box .swiper-slide{
  opacity: 0 !important;
  transition-duration: 800ms !important;
}

.featured_box .swiper-slide-active{
  opacity: 1 !important;
  transition-duration: 360ms !important;
}

.featured_box .swiper-slide a{
  position: relative;
  display: block;
  padding-bottom: 56.25%;
  overflow: hidden;
  background-color: #333;
}

.featured_box .swiper-slide a::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,  rgba(0,0,0,0.36) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.8) 100%);
  z-index: 1;
}

.featured_box .swiper-slide a img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@keyframes zoomIn{
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.08);
  }
}

.featured_box .swiper-slide a img.img-ani{
  animation-name: zoomIn;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.featured_box .swiper-slide a .featured_text{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 38px 32px;
  z-index: 2;
}

.featured_box .swiper-slide a .featured_tag{
  display: inline-block;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  padding: 8px;
  margin-bottom: 12px;
  background-color: #E92121;
}

.featured_box .swiper-slide a .featured_title{
  position: relative;
  display: -webkit-box;
  color: #fff;
  line-height: 1.3;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-right: 60px;
}

.featured_box .swiper-slide a .featured_title h3{
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 1px;
}

.featured_box .swiper-slide a .featured_title h3 span{
  color: #FECC02;
  margin-right: 6px;
}

.featured_box .featured_next_btn, .featured_box .featured_prev_btn{
  position: absolute;
  display: flex;
  display: none;
  justify-content: center;
  align-items: center;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  transform: translateY(-50%);
}

.featured_box .featured_next_btn{
  right: 0;
}

.featured_box .featured_prev_btn{
  left: 0;
}

.featured_box .featured_next_btn::before{
  font-family: "bootstrap-icons";
  content: '\f27b';
}

.featured_box .featured_prev_btn::before{
  font-family: "bootstrap-icons";
  content: '\f27a';
}

.featured_box .featured_next_btn::before, .featured_box .featured_prev_btn::before{
  color: #fff;
  font-size: 34px;
  padding: 10px 0;
  background-color: rgba(0,0,0,0.7);
}

.featured_box .swiper-pagination-bullets{
  top: 0;
  bottom: auto;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px 32px 8px 32px;
}

.featured_box .swiper-pagination-bullet{
  flex-grow: 1;
  position: relative;
  width: 25%;
  height: 5px;
  margin: 0 4px;
  border-radius: 0;
  opacity: 1;
  background-color: rgba(255,255,255,0.5);
}

.featured_box .featured_pagination{
  position: absolute;
  text-align: center;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10
}

.featured_box .progress{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: left center;
}

@keyframes progress{
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.featured_box .swiper-pagination-bullet-active .progress{
  animation-name: progress;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
}

.featured_box .progress.fill{
  transform: scaleX(1);
}

.featured_box .featured_controller, .featured_box .featured_btn_x{
  display: none;
}

.featured_plus{
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.20);
  pointer-events: none;
  z-index: 2;
}

.featured_plus::before, .featured_plus::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  transform: translate(-50%, -50%);
}

.featured_plus::before{
  font-family: 'ebc-icons';
  content: '\e94b';
  font-size: 28px;
  color: #0A0A0A;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.featured_plus::after{
  border-radius: 50%;
  background-color: #FECC02;
  z-index: 1;
}

.banner{
  position: relative;
  padding-bottom: 25.8%;
}

.banner_title{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  color: #fff;
  transform: translate(-50%, -50%);
  z-index: 4;
}

.banner_title h1{
  margin: 0;
  text-align: center;
}

.banner_title span{
  display: block;
}

.banner_title h1 .cn, .banner_title h1 .b_title{
  font-size: 56px;
  line-height: 1.2;
  margin-bottom: 14px;
}

.banner_title h1 .en, .banner_title h1 .b_subtitle{
  font-size: 23px;
  font-weight: 500;
}

.banner_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.banner_bg img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.banner_bg::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(13, 13, 13, 0.5);
  z-index: 2;
}

.event_section{
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0 117px;
  margin: 70px 0;
  flex-wrap: wrap;
}

.event_section_title{
  font-size: 32px;
  font-weight: 900;
  border-bottom: 6px solid #FECC02;
  text-align: center;
  padding-bottom: 2px;
  margin-bottom: 32px;
}

.event_post_tab{
  display: flex;
  width: 100%;
  background-color: #EFEDE8;
}

.event_post_tab .event_tab{
  flex-grow: 1;
  color: #FECC02;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  padding: 16px 10px;
  border: 1px solid #CEC1B6;
  border-bottom-color: #FECC02;
}

.event_post_tab .event_tab:not(:last-child){
  border-right: none;
}

.event_post_tab .event_tab:hover{
  background-color: #EBE9E4;
}

.event_post_tab .event_tab.active{
  border-color: #FECC02;
  border-bottom-color: #fff;
  background-color: #fff;
}

.event_post_tab .event_tab.active + .event_tab{
  border-left-color: #FECC02;
}

.event_post_tab .event_tab:first-child.active{
  border-left: none;
}

.event_post_tab .event_tab:first-child.active span{
  margin-left: 1px;
}

.event_post_tab .event_tab:last-child.active{
  border-right: none;
}

.event_post_tab .event_tab:last-child.active span{
  margin-right: 1px;
}

.event_section_content{
  width: 100%;
  padding: 0 60px;
  background-color: #fff;
}

.event_post{
  position: relative;
  display: flex;
  align-items: center;
  padding: 78px 0;
  border-bottom: 1px solid #CBCBCB;
}

.event_post:last-child{
  border-bottom: none;
}

.event2 .event_post .event_post_text{
  flex: 0 0 50%;
}

.event_post_img{
  position: relative;
  left: -13%;
  flex: 0 0 55.9%;
  padding-bottom: 34.9%;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  background-color: #FECC02;
}

.event_post:last-child .event_post_img{
  order: 2;
  left: auto;
}

.event2 .event_post_img{
  flex: 0 0 50%;
}

.event_post_img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event_post_text{
  position: relative;
  left: -13%;
  flex: 0 0 59%;
  padding-left: 6.3%;
}

.event_post:last-child .event_post_text{
  order: 1;
  left: auto;
  padding-right: 6.3%;
  padding-left: 0;
}

.event_post_title{
  display: -webkit-box;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 16px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.event2 .event_post_title{
  -webkit-line-clamp: 3;
}

.event_post_preview{
  display: -webkit-box;
  color: #707070;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 32px;
  overflow: hidden;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

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

.event_post_link a{
  border: none;
}

.event_post_link a::after{
  background-color: #8E5AFF;
}

.event_post_link a span{
  transition: color 0.3s;
}

.event_post_link a:hover span, .event_post_link a:hover::before{
  color: #fff;
}

h1.line_lottery{
  display: none;
}

.event_row{
  position: relative;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  padding: 80px 0;
}

.gradient_bg{
  background: linear-gradient(to bottom, #ffffff 0%, #EEE8E3 100%);
}

.curve_bg{
  background: url(../img/curve_bg.png) no-repeat center top / auto 100%;
}

.event_row.curve_bg{
  padding-bottom: 15px;
}

.event_row_title{
  font-family: 'GenSenMaruGothic';
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #876F5A;
  font-size: 40px;
  text-align: center;
  margin-bottom: 36px;
}

.event_row_title span{
  margin: 0 6px;
}

.event_row_title::before, .event_row_title::after{
  content: '';
  width: 37px;
  height: 5px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: #CEC1B6;
}

.event_row_title::before{
  transform: rotate(62deg);
}

.event_row_title::after{
  transform: rotate(-62deg);
}

.event_row_title span span{
  font-size: 48px;
  margin: 0 4px;
}

.event_list_box{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 56px;
}

.event_list_box .item{
  position: relative;
  width: 26%;
  line-height: 1.5;
  text-align: center;
}

.event_list_box.col4 .item{
  width: 17%;
}

.event_list_box.step .item::after{
  font-family: "bootstrap-icons";
  content: '\f231';
  position: absolute;
  top: 41%;
  right: -27%;
  font-size: 36px;
  color: #FF573B;
  transform: translateY(-50%);
}

.event_list_box.step .item:last-child::after{
  display: none;
}

.event_list_box .item .item_img{
  margin-bottom: 10px;
}

.event_list_box .item .item_img .prize_logo{
  width: 61%;
  max-width: 190px;
  margin-top: 4px;
}

.event_list_box .item .item_title{
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 12px;
}

.event_list_box .item .item_description{
  margin-top: 12px;
}

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

.event_intro{
  margin-bottom: 70px;
}

.highlighting{
  position: relative;
  display: inline;
  padding: 0 10px;
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 62%, #FFCE1E 63%, #FFCE1E 100%);
}

.text_em{
  font-weight: bold;
}

.text_gray{
  color: #ADADAD;
}

.text_al{
  text-align: left;
}

.text_ac{
  text-align: center;
}

.text_ar{
  text-align: right;
}

.text_row_box, .bulletin_time{
  display: flex;
  justify-content: center;
  align-items: center;
}

.text_em_num{
  font-family: 'Montserrat';
  font-size: 24px;
  font-weight: 800;
  margin: 0 4px;
}

.text_arrow::before{
  font-family: "bootstrap-icons";
  content: '\f138';
  margin: 0 4px;
}

.text_round_bg{
  display: inline-block;
  width: 24px;
  height: 24px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 4px;
  border-radius: 50%;
  background-color: #E5E1DE;
}

.num_label_list{
  padding-left: 40px;
  margin: 0;
}

.num_label, .num_label_list li::before{
  display: inline-block;
  font-family: 'Montserrat';
  color: #FF573B;
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 800;
  text-align: center;
  border-radius: 50%;
  margin-right: 10px;
  border: 1px solid #CBCBCB;
}

.num_label_list li::before{
  content: attr(data-num);
  margin-left: -38px;
}

.num_label_list li{
  margin-bottom: 16px;
}

.num_label_list li:last-child{
  margin-bottom: 0;
}

.event_list_box .item .num_label{
  display: block;
  margin: 0 auto 8px auto;
}

.event_bulletin{
  max-width: 800px;
  margin: 0 auto;
  overflow-x: hidden;
}

.bulletin_row_wrap{
  max-width: 590px;
  margin: 40px auto;
  border-radius: 24px;
  border: 5px solid #FFF7E8;
  box-shadow: 0px 24px 40px -18px rgba(41, 35, 25, 0.12);
  background-color: #fff;
}

.bulletin_row{
  position: relative;
  padding: 45px 50px 36px 50px;
  border-radius: 24px;
  border: 1px solid #FECC02;
}

.bulletin_title{
  position: absolute;
  top: 0;
  left: 50%;
  color: #fff;
  padding: 3px 18px;
  border-radius: 20px;
  background-color: #FF573B;
  transform: translate(-50%, -50%);
}

.list_content{
  color: #494644;
  font-size: 12px;
  line-height: 1.55;
}

.list_content_title{
  text-indent: -20px;
}

.list_content ol{
  padding: 0;
  margin: 0;
}

.list_content ol > li{
  list-style: decimal;
  margin-bottom: 6px;
}

.list_content ol li ul{
  padding-left: 13px;
}

.list_content ol > li > ul > li{
  list-style: none;
  text-indent: -10px;
}

.list_content ol > li > ul > li::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  margin-right: 6px;
  background-color: #494644;
}

.list_content ol > li > ul > li > ul > li{
  list-style: lower-alpha;
  text-indent: 0;
}

.btn_fillet{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 46px;
  border-radius: 26px;
  border: 1px solid #FECC02;
  background-color: #FECC02;
  overflow: hidden;
  transform: translateZ(0);
  transition: width 0.3s;
}

.btn_fillet:hover{
  width: 166px;
}

.btn_fillet span{
  position: absolute;
  top: 50%;
  left: 43px;
  color: #0A0A0A;
  transform: translateY(-52%);
  z-index: 2;
}

.btn_fillet::before{
  font-family: "bootstrap-icons";
  content: '\f285';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-30px, -50%);
  opacity: 0;
  z-index: 3;
  transition: 0.3s;
}

.btn_fillet:hover::before{
  position: absolute;
  opacity: 1;
}

.btn_fillet::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #FECC02;
  transform-origin: left center;
  transform: scaleX(0);
  z-index: 1;
  transition: transform 0.3s, opacity 0.3s;
}

.btn_fillet:hover::after{
  opacity: 1;
  transform: scale(1);
}

.btn_event{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  height: 56px;
  color: #FECC02;
  font-size: 18px;
  font-weight: bold;
  border-radius: 28px;
  border: 3px solid #FECC02;
  overflow: hidden;
  transform: translateZ(0);
  transition: color 0.3s;
}

.btn_event:hover{
  color: #fff !important;
}

.btn_event::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #FECC02;
  transform: scaleX(0);
  transition: opacity 0.3s, transform 0.3s;
  z-index: 1;
}

.btn_event:hover::after{
  opacity: 1;
  transform: scaleX(1);
}

.btn_event span{
  position: relative;
  display: flex;
  justify-content: center;
  z-index: 2;
}

.btn_event span::after{
  font-family: "bootstrap-icons";
  content: '\f89d';
  font-size: 20px;
  font-weight: normal;
  margin: -1px 0 0 2px;
}

.btn_event.line{
  color: #1BCC6F;
  border-color: #1BCC6F;
}

.btn_event.line::after{
  background-color: #1BCC6F;
}

.event_section.event_video_box{
  margin-bottom: 120px;
}

.event_section.event_video_box::after{
  content: '';
  position: absolute;
  top: 21%;
  left: calc((100vw - 100%) / 2 * -1);
  width: 100vw;
  height: 86%;
  background-color: #E5E4DC;
  z-index: -1;
}

.event2 .event_section.event_video_box{
  padding-bottom: 60px;
  margin-bottom: 0;
}

.event2 .event_section.event_video_box::after{
  display: none;
}

.event_video_box .event_section_content{
  padding: 0 80px;
  background-color: transparent;
}

.event_video_box .live_list{
  padding: 20px 0;
  background-color: transparent;
}

.event_video_box .live_list .swiper-slide{
  position: relative;
}

.event_video_box .live_box{
  background-color: #93908b;
}

.event_video_box .live_item{
  border-radius: 8px;
  background-color: #F6F3EE;
}

.event_video_box .live_item:hover, .event_video_box .live_item.active{
  background-color: #fff;
}

.event_video_box .live_item .item_text, .event_video_box .live_item .item_title{
  color: #0A0A0A;
}

.event_video_box .swiper-button-next, .event_video_box .swiper-button-prev{
  opacity: 1;
}

.event_video_box .swiper-button-next:hover, .event_video_box .swiper-button-prev:hover{
  background-color: #f4f4f4;
}

.event_video_box .swiper-button-next:hover::before, .event_video_box .swiper-button-prev:hover::before{
  color: #0A0A0A;
}

.event2 .event_video_box .swiper-button-next::before,
.event2 .event_video_box .swiper-button-prev::before{
  color: #525252;
}

.event_video_box .swiper-button-next.swiper-button-disabled::before,
.event_video_box .swiper-button-prev.swiper-button-disabled::before{
  color: #d8d8d8;
}

.event_video_box .swiper-button-next{
  right: -19px;
}

.event_video_box .swiper-button-prev{
  left: -19px;
}

@-webkit-keyframes loading{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading{
  text-align: center;
  margin: 32px 0;
}

.loading::before{
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../img/loading.svg) no-repeat center / cover;
  animation: loading 1s linear infinite;
}

.brand_box{
  margin-bottom: 32px;
  border-bottom: 1px solid #E6E6E6;
}

.brand_box:last-child{
  border-bottom: none;
}

.brand_cover a{
  display: block;
  width: 100%;
  aspect-ratio: 25 / 4;
  overflow: hidden;
  border-radius: 8px;
  background-color: #cbcbcb;
}

.brand_cover a img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand_card{
  display: flex;
  align-items: start;
  margin: 32px 0 20px 0;
}

.brand_cover + .brand_card{
  margin-top: 20px;
}

.brand_data{
  display: flex;
  flex-shrink: 0;
}

.brand_data_img{
  flex-shrink: 0;
  position: relative;
  width: 96px;
  height: 96px;
  overflow: hidden;
  margin-right: 16px;
  border-radius: 50%;
  background-color: #cbcbcb;
}

.brand_data_img img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brand_data_info{
  margin-right: 24px;
}

.brand_title{
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  margin: 3px 0 14px 0;
}

.brand_link{
  display: flex;
}

.btn_rc{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0A0A0A;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  padding: 7px 16px;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.btn_rc:hover{
  background-color: #F5F5F5;
}

.video_row_box .btn_rc{
  padding: 5px 12px;
}

.btn_yt:hover{
  border-color: #F51313;
  background-color: #F51313;
}

.btn_fb:hover{
  border-color: #2F63EA;
  background-color: #2F63EA;
}

.btn_fb::before{
  content: '\f344';
  color: #2F63EA;
}

.btn_yt::before{
  content: '\f62b';
  color: #F51313;
}

.btn_yt::before, .btn_fb::before{
  font-family: "bootstrap-icons";
  font-size: 19px;
  margin: 2px 6px 0 0;
}

.btn_yt:hover, .btn_fb:hover, .btn_yt:hover::before, .btn_fb:hover::before{
  color: #fff;
}

.brand_intro{
  padding: 6px 0 6px 12px;
  border-left: 4px solid #E6E6E6;
}

.brand_intro div{
  display: -webkit-box;
  align-items: center;
  color: #666;
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

[data-aos=fade-up]{transform:translate3d(0, 50px, 0) !important;}
[data-aos=fade-down]{transform:translate3d(0, -50px, 0) !important;}
[data-aos=fade-right]{transform:translate3d(-50px, 0, 0) !important;}
[data-aos=fade-left]{transform:translate3d(50px, 0, 0) !important;}
[data-aos^=fade][data-aos^=fade].aos-animate{
  opacity: 1 !important;
  transform: translateZ(0) !important;
}

.promo{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 24px;
}

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

.article_vote, .vote_wrap{
  position: relative;
  padding: 30px 24px 48px 24px;
  margin: 32px auto;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #CBCBCB;
  background-color: #FAFAFA;
}

.vote_tag{
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 15px;
  transform: translate(-50%, -50%);
}

.vote_tag span{
  position: relative;
  color: #E97272;
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  z-index: 2;
}

.vote_tag::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-right: 1px solid #E97272;
  border-left: 1px solid #E97272;
  background-color: #fff;
  transform: skewX(-15deg);
}

.vote_title{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 1px;
  padding-bottom: 18px;
}

.vote_intro{
  margin-bottom: 10px;
}

.vote_intro .vote_intro_con{
  color: #707070;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.55;
  padding: 0 0 0 12px;
  border-left: 4px solid #FECC02;
}

.vote_intro .vote_intro_link{
  font-weight: 600;
  margin-top: 12px;
}

.vote_intro .vote_intro_link span{
  color: #0A0A0A;
  font-size: 17px;
}

.vote_intro a{
  color: #06F;
}

.vote_intro a:hover{
  color: #4C94FF;
  text-decoration: underline;
}

.vote_label_box{
  display: flex;
  margin-bottom: 12px;
}

.vote_time, .vote_label{
  height: 22px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px;
  margin-right: 8px;
  border-radius: 4px;
}

.vote_time{
  color: #fff;
  border: 1px solid #F03535;
  background-color: #F03535;
}

.vote_label{
  display: none;
  color: #707070;
  border: 1px solid #707070;
}

.vote_label.show{
  display: block;
}

.vote_ballot_box{
  position: relative;
  min-height: 174px;
  line-height: 1.4;
  padding-bottom: 20px;
}

.vote_options .vote_row label{
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}

.vote_options .vote_row label span{
  flex-grow: 1;
  font-size: 18px;
  font-weight: 500;
  padding: 16px 10px 16px 0;
  border-bottom: 1px solid #D9D9D9;
}

.vote_options input[type=radio], .vote_options input[type=checkbox]{
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin: 1px 16px 0 0;
  border: 1px solid #ababab;
  border-radius: 50%;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.vote_options .vote_row label:hover input[type=radio], .vote_options .vote_row label:hover input[type=checkbox]{
  border-color: #999999;
}

.vote_options input[type=radio]:checked, .vote_options input[type=checkbox]:checked{
  border-color: #FECC02 !important;
}

.vote_options input[type=radio]::before, .vote_options input[type=checkbox]::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.vote_options input[type=radio]:checked::before, .vote_options input[type=checkbox]:checked::before{
  background-color: #FECC02;
}

.vote_results{
  display: none;
}

.vote_results .vote_row{
  position: relative;
}

.vote_results .vote_result_name{
  width: calc(100% - 50px);
  font-size: 18px;
  font-weight: 500;
  padding: 21px 0 12px 0;
}

.vote_results .vote_result_chart{
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vote_results .vote_result_bar{
  flex-grow: 1;
  height: 4px;
  border-radius: 2px;
  overflow: hidden;
  background-color: #ddd;
}

.vote_results .vote_result_bar div{
  width: 0;
  height: 100%;
  border-radius: 2px;
  background-color: #FECC02;
  transition: width 0.45s;
}

.vote_results .vote_result_num{
  min-width: 52px;
  color: #332900;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: right;
  margin-top: -6px;
}

.vote_results .vote_result_num::after{
  content: '%';
  display: inline;
  font-size: 18px;
  margin-left: 1px;
}

.vote_btn_box{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 150;
}

.vote_btn_box.show_all_box{
  display: none;
  height: 100%;
  z-index: 160;
  background: linear-gradient(to bottom, rgba(250,250,250,0) 50%, rgba(250,250,250,1) 100%);
}

.vote_btn_box.show_all_box.show{
  display: flex;
  align-items: flex-end;
}

.vote_btn, .vote_show_all{
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0A0A0A;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  margin: 0;
  text-decoration: none;
  background-color: #FECC02;
  outline: none;
  cursor: pointer;
  behavior: expression(this.onFocus=this.blur());
}

.vote_btn:hover, .vote_show_all:hover{
  background-color: #ffd323;
}

.vote_btn.disable, .vote_show_all.disable{
  color: #fff;
  background-color: #CBCBCB;
  pointer-events: none;
}

.vote_box.loading{
  text-align: left;
  margin: 0;
}

.vote_box.loading::before{
  display: none;
}

.vote_box.loading .vote_btn, .vote_box.done .vote_btn{
  color: #fff;
  background-color: #CBCBCB;
  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: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FAFAFA;
  z-index: 100;
}

.vote_box.loading .vote_ballot_box::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background: url(../img/loading.svg) no-repeat center / cover;
  z-index: 120;
  animation: loading 1s linear infinite;
}

.overlay_box.vote .overlay{
  max-width: 600px;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.overlay_box.vote .overlay .vote_wrap{
  padding: 0 0 48px 0;
  margin: 0;
  border: none;
}

.overlay_box.vote .overlay .vote_wrap .vote_box{
  height: auto !important;
}

.overlay_box.vote .overlay .vote_wrap .vote_box .vote_main{
  max-height: calc(100dvh - 100px);
  padding: 30px 24px 0 24px;
  overflow: auto;
  overscroll-behavior: contain;
}

.overlay_box.vote .overlay .vote_wrap .vote_box .vote_main::after{
  content: '';
  position: absolute;
  bottom: 48px;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(0deg, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 0) 100%);
  pointer-events: none;
  opacity: 0;
}

.overlay_box.vote .overlay .vote_wrap .vote_box .vote_main.has_scroll::after{
  opacity: 1;
}

.vote_main .ad_box{
  display: none;
}

@media screen and (min-width: 1031px){

  .vote_main .ad_box{
    position: absolute;
    bottom: 48px;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 10px 0;
  }

  .vote_main .ad_box:has(iframe){
    height: 100px;
  }

  .overlay_box.vote .overlay .vote_wrap:has(.ad_box iframe){
    padding-bottom: 168px;
  }

  .overlay_box.vote .overlay .vote_wrap .vote_box .vote_main:has(.ad_box iframe){
    max-height: calc(100dvh - 220px);
  }

  .overlay_box.vote .overlay .vote_wrap .vote_box .vote_main:has(.ad_box iframe) .vote_ballot_box{
    padding-bottom: 10px;
  }

  .overlay_box.vote .overlay .vote_wrap .vote_box .vote_main:has(.ad_box iframe)::after{
    bottom: 168px;
  }

}

.sidebar .vote_wrap{
  padding: 17px 12px 58px 12px;
}

.sidebar .vote_box{
  pointer-events: none;
}

.sidebar .vote_box .vote_title{
  font-size: 17px;
  padding-bottom: 12px;
}

.sidebar .vote_box .vote_intro .vote_intro_con{
  display: -webkit-box;
  font-size: 13px;
  padding: 0 0 0 8px;
  border-left-width: 4px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.sidebar .vote_box .vote_intro .vote_intro_link{
  display: none;
}

.sidebar .vote_box .vote_options .vote_row label{
  position: relative;
  padding: 14px 10px 14px 0;
}

.sidebar .vote_box .vote_options .vote_row label::after{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 36px);
  border-bottom: 1px solid #D9D9D9;
}

.sidebar .vote_box .vote_options .vote_row:nth-child(3) label::after{
  border-bottom: none;
}

.sidebar .vote_box .vote_options input[type=radio],
.sidebar .vote_box .vote_options input[type=checkbox]{
  width: 20px;
  height: 20px;
}

.sidebar .vote_box .vote_options .vote_row label span{
  position: relative;
  display: -webkit-box;
  font-size: 15px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  padding: 0;
  border-bottom: none;
}

.sidebar .vote_box .vote_btn_box.show_all_box{
  display: flex;
  align-items: flex-end;
  padding: 12px;
}

.sidebar .vote_box .vote_show_all{
  height: 36px;
  color: #0A0A0A;
  font-size: 15px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  background-color: #FECC02;
  transition: background-color 0.3s;
}

.vote_toggle{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vote_preview:hover .vote_show_all{
  background-color: #ffd323;
}

.top_ad .desktop_display{
  display: flex !important;
  justify-content: center !important;
}

.target-img11to169 img[alt="Error 500"], .target-img11to169 img[alt="Error 404"]{
  position: absolute;
  left: 50%;
  max-width: 500px;
  max-height: none;
  margin-top: 30px;
  margin-left: 0;
  transform: translateX(-50%);
}

.shorts_list.loading{
  margin: 0;
}

.shorts_list.loading::before{
  position: absolute;
  top: 45%;
  left: 50%;
  margin: -20px 0 0 -20px;
  z-index: 3;
}

.shorts_list.loading::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 2;
}

.row_slider_wrap{
  position: relative;
}

.row_slider_box{
  overflow-x: auto;
  overflow-y: hidden;
  line-height: 1;
  padding-bottom: 20px;
}

.row_slider_box::-webkit-scrollbar{
  height: 4px;
  background-color: #ccc;
}

.row_slider_box::-webkit-scrollbar-thumb{
  background-color: #0A0A0A;
}

.row_slider{
  display: inline-flex;
  gap: 12px;
  overflow: hidden;
}

.shorts_item{
  position: relative;
  width: 154px;
  aspect-ratio: 9 / 16;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  background-color: #cbcbcb;
}

.shorts_item::before{
  content: '';
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 26px;
  height: 36px;
  background: url(../img/i_yt_shorts.svg) no-repeat center / 100% auto;
}

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

.row_slider_prev, .row_slider_next{
  position: absolute;
  top: 50%;
  margin-top: -8px;
  transform: translateY(-50%);
}

.row_slider_prev.hide, .row_slider_next.hide{
  display: none;
}

.row_slider_prev{
  left: -16px;
}

.row_slider_next{
  right: -16px;
}

.btn_circle{
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

.btn_circle:hover{
  background-color: #E6E6E6;
}

.btn_prev::before, .btn_next::before{
  font-family: "bootstrap-icons" !important;
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #0A0A0A;
  border-radius: 50%;
  border: 1px solid transparent;
}

.btn_prev::before{
  content: '\f284';
}

.btn_next::before{
  content: '\f285';
}

.overlay_box.shorts{
  display: flex;
  opacity: 0;
  visibility: hidden;
}

.overlay_box.shorts.show{
  opacity: 1;
  visibility: visible;
}

.overlay_box.shorts .ov_video_wrap{
  position: relative;
  width: auto;
  height: 80vh;
  border-radius: 6px;
  overflow: hidden;
  z-index: 2;
}

.overlay_box.shorts .ov_video_box{
  height: 100%;
  aspect-ratio: 9 / 16;
  padding-bottom: 0;
  margin-bottom: 0;
}

.overlay_box.shorts .btn_close{
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 3;
}

.overlay_box.shorts .overlay{
  width: 100%;
  height: 100%;
  max-height: none;
  padding: 0;
}

.overlay_box.shorts .overlay_bg{
  background-color: rgba(0,0,0,0.88);
}

.overlay_box.shorts .swiper-slide .overlay_bg{
  background-color: rgba(0,0,0,0);
}

.ov_shorts_slider{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}

.ov_shorts_slider .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
}

.ov_shorts_slider .swiper-slide .ov_video_control{
  position: absolute;
  top: 110px;
  left: 0;
  width: 100%;
  height: calc(100% - 190px);
  z-index: 1;
}

.ov_shorts_slider .swiper-slide .play{
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 20%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0) 100%);
}

.ov_shorts_slider .swiper-slide .play::before{
  font-family: "bootstrap-icons";
  content: '\f4f4';
  color: #fff;
  font-size: 80px;
}

.ov_shorts_slider.swiper-container-vertical>.swiper-pagination-bullets{
  right: 16px;
}

.ov_shorts_slider .swiper-pagination .swiper-pagination-bullet{
  width: 9px;
  height: 9px;
  margin: 8px 0;
  opacity: 1 !important;
  background: #444;
}

.ov_shorts_slider .swiper-pagination .swiper-pagination-bullet-active{
  background: #FECC02;
}

.full_content{
  width: 100%;
  margin: 20px 0;
}

.row_slider .swiper-slide{
  max-width: 300px;
}

.card{
  position: relative;
  color: #fff;
  text-align: center;
  padding-bottom: 140%;
  overflow: hidden;
  cursor: pointer;
}

.card_content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.card_text{
  padding: 0 24px;
  margin-bottom: 24px;
}

.card_title{
  display: -webkit-box;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card_intro{
  display: -webkit-box;
  min-height: 46px;
  font-size: 16px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.card_btn{
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 24px;
  border-radius: 6px;
  background-color: #06F;
  transition: background-color 0.3s;
}

.card:hover .card_btn{
  background-color: #00BFFF;
}

.card_bg img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transform: translate(-50%, -50%);
  transition: transform 0.4s;
}

.card:hover img{
  transform: translate(-50%, -50%) scale(1.06);
}

.card_bg::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(63, 55, 50, 0.50);
  z-index: 2;
}

.video_latest_box .section{
  width: 100%;
}

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

.video_box{
  flex-shrink: 0;
  width: 70%;
}

.video_box .video{
  position: relative;
  aspect-ratio: 16 / 9;
  margin-bottom: 12px;
  overflow: hidden;
  background-color: #0A0A0A;
}

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

.video_title{
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 500;
  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_wrap .live::before{
  content: 'LIVE';
  display: inline-block;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  padding: 2px 4px 3px 4px;
  margin-right: 6px;
  border-radius: 2px;
  background-color: #F73B3B;
}

.video_playlist{
  padding-left: 24px;
}

.video_playlist .section_title{
  margin-bottom: 10px;
}

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

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

.livestream span{
  position: relative;
}

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

.video_list_box{
  height: 100%;
  overflow: hidden;
}

.video_list{
  transition: transform 0.3s;
}

.video_list .item.row_box{
  padding: 9px 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
}

.video_list .item.row_box.active{
  background-color: #FFF5CC;
}

.video_list .item.row_box .item_img{
  width: 160px;
  aspect-ratio: 16 / 9;
}

.video_list .item.row_box .item_text{
  word-break: break-word;
  margin-top: 0;
  padding-left: 12px;
}

.video_list .item.row_box .item_title{
  color: #0A0A0A !important;
  font-size: 14px;
  font-weight: 500;
  -webkit-line-clamp: 3;
}

.video_list .item.row_box .live{
  color: #666;
  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: -43px;
  right: 0;
  user-select: none;
}

.video_list_controls button{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-left: 6px;
  border: 1px solid #ccc;
  background-color: transparent !important;
}

.video_list_controls button:hover{
  border-color: #4D4D4D;
}

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

.video_list_controls button::before{
  font-family: "bootstrap-icons";
  font-size: 18px;
}

.btn_up::before{
  content: '\f286';
}

.btn_down::before{
  content: '\f282';
}

.video_topic{
  position: relative;
}

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

.bottom_fixbox{
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 2000;
}

.bottom_fixbox .bottom_fixbox_inner{
  pointer-events: auto;
}

.bottom_widget_box, .bottom_ad, .bottom_warning{
  position: relative;
}

.bottom_widget_box{
  z-index: 1;
}

.bottom_ad{
  display: none;
  z-index: 2;
}

.bottom_ad.hide, .bottom_ad:has([id^="div-onead-"]){
  display: none !important;
}

.bottom_widget{
  position: absolute;
  bottom: 0;
  right: 24px;
}

.secretary{
  position: relative;
  width: 70px;
  height: 70px;
  margin-bottom: 34px;
}

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

.secretary lottie-player{
  width: 100%;
  height: 100%;
}

.secretary img{
  width: 100%;
}

@keyframes openPush{
  0% {
    opacity: 0;
    transform: translateX(10px) scale(0.86);
  }
  70% {
    opacity: 1;
    transform: translateX(0) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

.push_box{
  position: absolute;
  bottom: -7px;
  right: 100%;
  z-index: 1;
  visibility: hidden;
}

.push_box.open_push{
  visibility: visible;
}

.push{
  position: relative;
  width: 360px;
  margin-right: 14px;
  opacity: 0;
  transform-origin: right 88%;
}

.push_box.open_push .push{
  animation: openPush 0.3s ease forwards;
}

.push::after{
  content: '';
  position: absolute;
  bottom: 26px;
  right: -13px;
  width: 14px;
  height: 25px;
  background: url(../img/push_tri.png) no-repeat left center / contain;
  z-index: 2;
}

.push_slider{
  position: relative;
  min-height: 84px;
  padding: 6px 8px;
  border: 1px solid #CBA302;
  border-radius: 8px;
  overflow: hidden;
  background-color: #FFFCF2;
  z-index: 1;
}

.push_slider .swiper-wrapper{
  display: block;
  z-index: 2;
}

.push_slider .swiper-slide:last-child .push_item{
  border-color: transparent;
}

.push_item{
  display: flex;
  align-items: center;
  font-size: 15px;
  padding: 10px 12px;
}

.push_item:hover{
  background-color: #FFF7D9;
}

.push_img{
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border-radius: 6px;
  margin-right: 12px;
  overflow: hidden;
  background-color: #ccc;
}

.push_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.push_title{
  display: -webkit-box;
  color: #0A0A0A;
  font-weight: 600;
  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: #fff;
  font-size: 16px;
  border-radius: 50%;
  background-color: #0A0A0A;
  z-index: 3;
}

.push_close:before{
  font-family: 'ebc-icons';
  content: '\e906';
}

.bottom_fixbox .footer_ad{
  position: relative;
  display: flex;
  justify-content: center;
  width: 100vw;
  margin: 0;
}

.bottom_fixbox .footer_ad .btn_close{
  position: absolute;
  top: -31px;
  right: 8px;
  display: none;
  width: 23px;
  height: 23px;
  color: #fff;
  font-size: 16px;
  background-color: #0A0A0A;
}

.bottom_fixbox .footer_ad:has(iframe) .btn_close{
  display: flex;
}

@media screen and (min-width: 1031px){

  .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: 0 -1px 2px rgba(0, 0, 0, 0.16);
    overflow-x: clip;
    background-color: #fff;
  }

  .bottom_fixbox .bottom_fixbox_inner .desktop_visible .footer_ad.hide{
    display: none;
  }

  .bottom_fixbox .bottom_fixbox_inner .desktop_visible .footer_ad .btn_close{
    display: flex;
    top: -28px;
    right: 0;
    width: 28px;
    height: 28px;
    color: #0A0A0A;
    font-size: 20px;
    border: none;
    border-radius: 4px 0 0 0;
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.16);
    background-color: #fff;
  }

}

.bottom_warning{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10vh;
  pointer-events: auto;
  background-color: #1a1a1a;
}

.bottom_warning img{
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

.event_row_box{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E6E6E6;
}

.event_box{
  display: block;
  width: calc((100% - 48px) / 3);
}

.eb_img{
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background-color: #cbcbcb;
}

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

.side_slide{
  display: none;
  width: 0;
}

.recommend_box{
  min-height: 1000px;
}

.recommend_title{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 4px;
}

.bulletin{
  width: 100%;
  max-width: 650px;
  color: #999999;
  text-align: center;
  margin: 32px auto 56px auto;
}

.content_box:has(.bulletin){
  background-color: transparent;
}

.bulletin img{
  width: 76%;
  max-width: 350px;
}

.bulletin_text{
  margin-bottom: 16px;
}

.bulletin .bulletin_text_bold{
  font-family: Arial;
  display: inline-block;
  color: var(--black);
  font-size: 3.5rem;
  font-weight: 900;
  margin-bottom: 0.75rem;
}

.bulletin .lead_search{
  margin-bottom: 1.5rem;
}

.more_box{
  padding: 0 8%;
}

@media screen and (min-width: 768px){

  .more_box .item .item_img{
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .more_box .item .item_text{
    padding: 12px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #E6E6E6;
    background-color: #fff;
  }

}

.text_content_box{
  max-width: 910px;
  line-height: 1.7;
  margin: 0 auto;
}

.title_box{
  line-height: 1.5;
  text-align: center;
  padding: 1.25rem 16px;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.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 0 1.5rem 0;
}

.text_content_box h3{
  font-size: 1.0625rem;
  margin: 1.5rem 0 1rem 0;
}

.text_content_box ol, .text_content_box li{
  list-style: none;
  margin: 0;
  padding: 0;
}

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

.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_section, .narrow_section{
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.contact{
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.contact_intro{
  margin-bottom: 48px;
}

.about_intro{
  font-size: 18px;
  line-height: 1.7;
}

.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: #808080;
  font-size: 0.9375rem;
  margin-bottom: 0.75rem;
}

.loc_row a, .loc_row button{
  color: #0A0A0A;
}

.loc_row a:hover, .loc_row button:hover{
  color: #4e4e4e;
}

.loc_row.s2{
  color: #0A0A0A;
  font-size: 17px;
  margin: 32px 0;
}

.loc_row.s2 a{
  display: inline-block;
  margin-top: 6px;
}

.loc_mail_icon::after{
  font-family: 'ebc-icons';
  content: '\e940';
  display: inline-block;
  font-size: 1rem;
  margin-left: 7px;
  cursor: pointer;
}

.form_row{
  margin-bottom: 1.5rem;
}

.form_row:last-child{
  margin-bottom: 0;
}

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

.upload_box{
  color: #999;
}

.upload_box #upload{
  position: relative;
  padding: 1.125rem;
  margin-bottom: 12px;
  border-radius: 4px;
  border: 1px dashed #CCC;
}

.upload_box input[type=file]{
  position: absolute;
  top: 0;
  right: 0;
  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: #4D4D4D;
  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: #7070FF;
}

.upload_box #upload_directions span{
  margin: 0 4px;
  text-decoration: underline;
  text-decoration-color: #7070FF;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  -webkit-text-underline-offset: 4px;
  -webkit-text-decoration-thickness: 1px;
}

.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: #666;
}

.upload_box .file_box_close{
  position: absolute;
  top: 1.125rem;
  right: 1rem;
  color: #bbb;
  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 #999;
  background-color: #fff;
}

.submit_box .verify button, .submit_box .verify a{
  color: #337AB7;
}

.submit_box .verify button:hover, .submit_box .verify a:hover{
  text-decoration: underline;
}

.submit_box .btn{
  width: 220px;
  height: 40px;
  margin-top: 1rem;
}

.about_logo_box{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  height: 400px;
}

.about_logo_box a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
}

.about_logo_zaoka{
  width: 120px !important;
}

.about_logo_ebc_house{
  width: 150px !important;
}

.alert_box{
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000;
  visibility: hidden;
  opacity: 0;
}

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

.alert{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 230px;
  padding: 57px 20px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transform: translateY(60px);
  z-index: 2;
  transition: opacity 0.3s, transform 0.3s;
}

.alert_box.show .alert{
  opacity: 1;
  transform: translateY(0);
}

.alert_icon{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  margin-bottom: 24px;
  border-radius: 50%;
  background-color: #39C67B;
}

.alert_box.check .alert_icon:before{
  font-family: 'ebc-icons';
  content: '\e93b';
}

@keyframes bounceIn{
  0% {transform: scale(1);}
  70% {transform: scale(1.4);}
  100% {transform: scale(1.3);}
}

.alert_box.show .alert_icon{
  animation: bounceIn 0.36s ease 0.2s forwards;
}

.alert_text{
  text-align: center;
}

.alert_text_b{
  color: #0A0A0A;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 4px;
}

.alert_text_s{
  color: #999;
  font-size: 13px;
}

.alert_close{
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: transparent;
}

.alert_bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.desktop_visible{
  display: block !important;
}

.mobile_visible, .tablet_visible, .phone_visible{
  display: none !important;
}

footer{
  color: #fff;
  line-height: 1.5;
  padding: 47px 0;
  background-color: #1D1E20;
}

footer a{
  color: #fff;
}

footer ul{
  display: flex;
  line-height: 1.2;
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 1px solid #4D4D4D;
}

footer ul li{
  display: flex;
}

footer ul li:last-child::after{
  display: none;
}

footer ul li::after{
  content: '';
  padding-right: 14px;
  margin-right: 14px;
  border-right: 1px solid rgba(255,255,255,0.7);
}

footer ul li a{
  font-size: 14px;
}

footer ul li a:hover{
  color: #ffd300;
}

footer .info_box{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

footer .info_box .info{
  font-size: 12px;
  font-weight: 300;
}

footer .info_box .info div{
  display: flex;
  gap: 18px;
  margin-bottom: 10px;
}

footer .info_box .info div span{
  display: flex;
}

footer .info_box .footer_logo{
  width: 112px;
}

footer .info_box .footer_logo img{
  width: 100%;
}

@media screen and (max-width: 1500px){

  .slider_box{
    width: 760px;
  }

  .slider_btn_box div{
    width: 38px;
    height: 38px;
  }

  .slider .swiper-button-prev::before, .slider .swiper-button-next::before{
    font-size: 20px;
  }

  .imax_ad .imax_left, .imax_ad .imax_right{
    width: calc((100vw - 17px - 1160px) / 2);
    overflow-x: hidden;
  }

  .imax_ad .imax_left{
    left: calc((100vw - 17px - 1160px) / 2 * -1 - 2px);
  }

  .imax_ad .imax_right{
    right: calc((100vw - 17px - 1160px) / 2 * -1 - 2px);
  }

  .card_slider_wrap{
    max-width: 1060px;
  }

  .card_slider_box .swiper-pagination{
    bottom: 6%;
  }

  .shorts_item{
    width: 10.2vw;
  }

  .article h1{
    font-size: 34px;
  }

  .ov_video_wrap{
    width: 95vh;
  }

  .banner{
    padding-bottom: 20%;
  }

  .event_section.event_post_box{
    margin-top: 40px;
  }

  .event_post{
    padding: 55px 0;
  }

  .overlay_box.shorts .ov_video_wrap{
    height: 88vh;
  }

}

@media screen and (max-width: 1400px){

  .video_playlist{
    padding-left: 20px;
  }

  .video_list_wrap{
    height: 443px;
  }

  .video_list .item.row_box .item_img{
    width: 136px;
  }

}

@media screen and (max-width: 1300px){

  .ai_article .article_page_box .content{
    padding-right: 32px;
  }

  .ai_article h1{
    padding-left: 0;
  }

  .ai_article .share_box{
    display: none;
  }

  .ai_article .article_main{
    width: 100%;
    padding-left: 0;
  }

  .video_box{
    width: 67%;
  }

  .video_list_wrap{
    height: 385px;
  }

  .video_list .item.row_box .item_img{
    width: 120px;
  }

  .video_list .item.row_box .item_title{
    -webkit-line-clamp: 2;
  }

  .event_section{
    padding: 0 70px;
  }

}

@media screen and (max-width: 1250px){

  .article_page_box .content{
    padding-right: 40px;
  }

  .item.video .item_img::before, .ov_video_box.img_wrap::before, .img_box.video .img::before{
    width: 44px;
    height: 44px;
    font-size: 24px;
  }

  .featured_box .swiper-slide a .featured_title h3{
    font-size: 38px;
  }

  .cs_box_title{
    font-size: 20px;
  }

  .cs_box_btn{
    padding: 3px 20px;
    margin-top: 6px;
  }

  .article_info{
    flex-wrap: wrap;
  }

  .article_controls:has(audio){
    flex-shrink: 0;
    width: 100%;
  }

  .item.row_box .item_text{
    margin-top: 0;
  }

  .item.row_box .item_img{
    width: 230px;
  }

  .video_latest_box .section{
    margin-bottom: 60px;
  }

  .event_post{
    align-items: flex-start;
  }

  .more_box{
    padding: 0;
  }

  footer{
    padding: 32px 0 60px 0;
  }

  footer ul{
    display: none;
  }

  footer .info_box{
    flex-wrap: wrap;
    justify-content: center;
  }

  footer .info_box .info{
    width: 100%;
    margin-bottom: 22px;
  }

  footer .info_box .info div{
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  footer .info_box .info div .hide_m{
    display: none;
  }

  footer .info_box .info div .cs_hotline{
    order: 2;
  }

  footer .info_box .info div .cs_hotline::after{
    display: none;
  }

  footer .info_box .info div .cs_mail{
    order: 1;
  }

  footer .info_box .info div .cs_mail::after{
    display: block !important;
    margin: 0 8px;
  }

  footer .info_box .info div .cs_mail a{
    text-decoration: underline;
  }

}

@media screen and (min-width: 1031px){

  .list .item.video .item_title::before{
    margin-left: 1px;
  }

}

@media screen and (max-width: 1030px){

  html{
    scroll-padding-top: 80px !important;
  }

  body{
    font-family: Arial, sans-serif;
    padding-right: 0 !important;
  }

  body:has(.overlay_box.idle.show){
    overflow: auto;
    padding-right: 0;
  }

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

  /*Safari(9+) start*/
  @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,
    .article_index_list{
      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,
    .article_index_list{
      -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: 0;
    }

    .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: #f6f6f6;
    }

    .vote_options input[type=radio], .vote_options input[type=checkbox]{
      margin-top: 0;
    }

  }
  /*Safari(9+) end*/

  ::selection{
    background-color: transparent;
  }

  body *::-webkit-scrollbar{
    display: none;
  }

  .sky_ad .sky_ad_switch{
    display: none;
  }

  header{
    top: 0;
    overflow-x: clip;
    transition: transform 0.36s;
  }

  header.hide{
    transform: translateY(-76px);
  }

  header.hide:has(.search_box.show){
    transform: translateY(0);
  }

  .links_nav{
    display: none;
  }

  header .navbar{
    overflow-x: clip;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
  }

  header .navbar .container{
    width: 100%;
    padding-left: 16px;
    overflow-x: clip;
  }

  header .logo{
    transform: none !important;
  }

  header .mobile_tool_nav{
    display: flex;
    justify-content: flex-end;
    min-width: 106px;
  }

  header .mobile_tool_nav > *{
    margin-left: 24px;
  }

  header .mobile_tool_nav > *:first-child{
    margin-left: 0;
  }

  header .mobile_search_toggle{
    display: flex;
    width: 24px;
    height: 24px;
    color: #fff;
    font-size: 24px;
    line-height: 1;
  }

  header .mobile_search_toggle::before{
    font-family: 'ebc-icons';
    content: '\e905';
  }

  header .navbar.open_mobile_search .mobile_search_toggle{
    width: 28px;
    height: 28px;
    color: #0A0A0A;
    font-size: 28px;
  }

  header .navbar.open_mobile_search .mobile_search_toggle::before{
    content: '\e906';
  }

  header .navbar.open_mobile_search .mobile_tool_nav > *:not(.mobile_search_toggle){
    display: none;
  }

  .nav_event_box{
    display: none;
  }

  header .tool_nav{
    height: 100%;
    transform: translateY(0) !important;
  }

  header .search_wrap{
    height: 100%;
    margin-right: 0;
    z-index: 2;
    transition: opacity 0.1s;
  }

  header.open_popup_menu .search_wrap{
    opacity: 0;
    pointer-events: none;
  }

  header .search_box::before{
    content: '';
    position: absolute;
    top: 0;
    right: -60px;
    display: none;
    width: 60px;
    height: 60px;
    background-color: #fff;
  }

  header .search_box.show::before{
    display: block !important;
  }

  header .search_panel{
    position: absolute;
    top: 60px;
    right: -54px;
    width: 100vw;
    padding: 16px 16px 4px 16px;
    border-top: 1px solid #E6E6E6;
    box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
  }

  .search_box.show .search_panel{
    opacity: 1;
    pointer-events: auto;
  }

  header .search_box .search{
    position: relative;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    opacity: 1 !important;
  }

  header .search_box input{
    padding: 0 45px 0 15px;
  }

  header .search_keywords{
    position: static;
    width: 100%;
    padding: 0;
    border: none;
    opacity: 1 !important;
  }

  header .search_box{
    width: 54px;
    height: 60px;
  }

  header .search_box .search_btn{
    justify-content: flex-end;
    width: 54px;
    height: 60px;
    padding: 0 12px 0 0;
  }

  header .search_box.show .search_toggle{
    right: -48px;
    font-size: 25px;
    pointer-events: auto;
  }

  header .search_box.show .search_toggle::before{
    content: '\f659';
  }

  header .search_box .search_submit{
    justify-content: center;
    right: 5px;
    width: 38px;
    height: 38px;
    padding: 0;
  }

  header .search_box .search_submit::before{
    font-family: "bootstrap-icons";
    content: '\f52a';
  }

  header .navigation{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow-x: clip;
    box-shadow: none;
    background-color: transparent;
    transform: none !important;
  }

  header .navigation .container{
    display: none;
  }

  .popup_menu_toggle{
    left: 0;
    width: 54px;
    height: 60px;
    margin: 0;
    z-index: 1;
  }

  .popup_menu_toggle span, .popup_menu_toggle::before, .popup_menu_toggle::after{
    left: 14px;
  }

  .popup_menu_toggle::before{
    top: 22px;
  }

  .popup_menu_toggle span{
    top: 29px;
  }

  .popup_menu_toggle::after{
    top: 36px;
  }

  .popup_menu_box{
    width: 100%;
    max-width: 37rem;
    margin: 0 auto;
  }

  ul#popup_menu{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.25rem;
    padding: 1rem 0;
    margin-bottom: 0;
  }

  ul#popup_menu li{
    grid-column: auto / span 1;
  }

  ul#popup_menu li a{
    font-size: 1.5rem;
    text-align: center;
    padding: 8px 0;
    margin: 0;
  }

  .sorting_btn_box{
    position: relative;
    margin-bottom: 0.625rem;
  }

  .sorting_btn_box .sorting_options{
    position: absolute;
    top: 0.625rem;
    left: 0;
    margin-bottom: 0;
  }

  .sorting_btn_box .btn{
    flex-grow: 1;
  }

  .sorting_btn_box .btn:hover{
    color: #999;
    border-color: #4D4D4D;
  }

  .sorting_btn_box .btn.no_border{
    color: #CCCCCC;
    border: none;
    background-color: #333333 !important;
  }

  .sorting_btn_box .btn.sorting_btn{
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .category_thumbnail{
    height: auto;
    overflow: visible;
    margin-top: 0;
    margin-bottom: 1rem;
  }

  .category_thumbnail ul{
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    padding: 1rem 0;
    justify-content: flex-start;
  }

  .category_thumbnail ul li{
    width: 33.333333%;
    margin: 0;
  }

  .category_thumbnail ul li a{
    width: 100%;
    height: 4.875rem;
    align-items: center;
  }

  .category_thumbnail ul li a span{
    padding-bottom: 0;
    transform: translateY(0) !important;
  }

  .pm_footer_wrap{
    display: block;
  }

  .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-right: 0;
    margin-bottom: 0.65rem;
  }

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

  .social_media_s2 a.i_google::before{
    width: 40px;
    height: 40px;
  }

  .apps_s2 a{
    height: 2.75rem;
  }

  .pm_footer_link{
    display: block;
    width: 100%;
    text-align: center;
    margin: 8px 0 20px 0;
  }

  .pm_footer_link a{
    margin: 0 0.75rem;
  }

  .pm_footer_copyright{
    text-align: center;
  }

  .imax_ad{
    display: none;
  }

  .top_ad .desktop_visible{
    display: none !important;
  }

  .top_ad .mobile_visible{
    display: flex !important;
    justify-content: center;
    padding: 16px 0;
  }

  .latest::before{
    width: 100% !important;
  }

  .text_ad_box, .latest::after{
    display: none !important;
  }

  .container.event{
    width: 100%;
    margin: 0 auto;
  }

  .content_box{
    display: block;
    padding: 32px 24px;
  }

  .content_box.bg_layer::after{
    display: none;
  }

  .slider_text{
    padding-right: 138px;
    transition: opacity 0.3s;
  }

  .slider_title{
    font-size: 30px;
  }

  .news_flash .swiper-slide a .news_flash_text, .news_flash .news_flash_label span, .text_ad .swiper-slide a span{
    margin-top: 0;
  }

  .content{
    width: 100%;
    padding-right: 0 !important;
  }

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

  .row_slider_control .swiper-button-prev:active, .row_slider_control .swiper-button-next:active{
    border-color: #625141;
    background-color: #625141;
  }

  .row_slider_control .swiper-button-prev:active::before, .row_slider_control .swiper-button-next:active::before{
    color: #fff;
  }

  .event_section .list{
    margin-top: 0;
  }

  .list .item .item_content{
    padding-top: 2px;
  }

  .list .item .item_hashtags{
    height: 31px;
  }

  .item{
    align-items: flex-start;
  }

  .item .item_img{
    flex-shrink: 0;
  }

  .item .item_img img{
    filter: none !important;
  }

  .item .item_label{
    height: 22px;
    font-size: 13px;
    padding: 0 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: 0 12px;
  }

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

  .item .item_title{
    color: var(--black) !important;
    font-size: 1.0625rem;
    line-height: 1.35;
    text-decoration: none !important;
  }

  .item.row_box .item_title{
    font-size: 1.125rem;
  }

  .item .item_time, .item.m_box .item_time, .item .item_data, .text_news .time{
    color: #8c8c8c;
    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: #999;
  }

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

  .list.text_row ul li{
    margin-bottom: 2px;
  }

  .list.text_row ul li a{
    line-height: 1.4;
  }

  .list.text_row ul li a::before{
    margin: -5px 20px 0 0;
  }

  .slider_box{
    width: 100vw;
  }

  .slider{
    overflow: hidden;
  }

  .slider .swiper-slide a{
    opacity: 1 !important;
  }

  .slider_overlay{
    display: none;
  }

  .btn{
    padding: 12px;
  }

  .banner{
    padding-bottom: 25.8%;
  }

  .row_slider_box::-webkit-scrollbar{
    display: block;
  }

  .shorts_item{
    width: 170px;
  }

  .row_slider_prev, .row_slider_next{
    display: none;
  }

  .event_section{
    padding: 48px;
    margin: 24px 0 !important;
  }

  .event_section.event_video_box{
    padding: 0;
    margin-bottom: 0;
  }

  .event_section.event_video_box::after{
    top: 30%;
    height: 76%;
  }

  .event_video_box .live_item .item_text, .event_video_box .live_item .item_title{
    -webkit-line-clamp: 3;
  }

  .event_post_title{
    font-size: 22px;
    -webkit-line-clamp: 3;
    margin-bottom: 12px;
  }

  .event_post{
    padding: 30px 0;
  }

  .event_section_content{
    padding: 24px;
  }

  .event2 .event_section_content:has(.event_post){
    padding: 0;
  }

  .event_post_img, .event_post_text{
    left: -8%;
  }

  .event_post_img{
    flex: 0 0 48%;
    padding-bottom: 29%;
  }

  .event_post_text{
    flex: 0 0 59%;
  }

  .event_post_text{
    padding-left: 24px;
  }

  .event_post:last-child .event_post_text{
    padding-right: 24px;
  }

  .event_section_content .list.row_box{
    margin: 8px 0;
  }

  .event_section_content .list.row_box .item .item_img{
    flex: 0 0 260px;
    padding-bottom: 166px;
  }

  .event_section_content .list.row_box .item .item_content{
    padding-left: 24px;
  }

  .article h1{
    font-size: 32px;
  }

  audio, .audioplayer, .font_zoom{
    height: 34px;
  }

  .audioplayer-playpause, .font_zoom button, .font_zoom div{
    width: 36px;
  }

  .article_main{
    padding-left: 20px;
  }

  .article_content a:active{
    text-decoration: underline #06F;
    -webkit-text-decoration: underline #06F;
  }

  .article_content a.secondary:active{
    text-decoration: underline #8F8F8F;
    -webkit-text-decoration: underline #8F8F8F;
  }

  .article_content ul{
    padding-left: 28px;
  }

  .article_index_list ol li a:active, .article_index_list ul li a:active{
    color: #06F;
    text-decoration: underline #06F;
    -webkit-text-decoration: underline #06F;
    border-color: #06F;
  }

  .article_timeline .at_title::before, .article_timeline .at_item::before{
    top: 7px;
  }

  .content_box.article_page_box:has(.ai_article){
    padding-top: 0;
  }

  .gallery_item .gi_img{
    aspect-ratio: 4 / 3;
  }

  .gallery_item .img_caption{
    font-size: 14px;
  }

  .gallery_thumbs .swiper-slide{
    width: 7vw !important;
    height: 7vw;
    margin: 1vw;
  }

  .gallery .swiper-pagination{
    font-size: 15px;
  }

  .gallery .swiper-button-next, .gallery .swiper-button-prev{
    display: none;
  }

  .vote_wrap_m{
    margin-bottom: 32px;
  }

  .vote_preview_m{
    position: relative;
    display: flex !important;
    padding: 24px 0 0 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
  }

  .vote_preview_m .vote_box{
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    height: 126px !important;
    padding: 16px 150px 16px 16px;
    border-radius: 6px;
    background: linear-gradient(96deg, #F7E9FF 47.67%, #CBA4E3 100%);
  }

  .vote_text{
    display: -webkit-box;
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 8px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .vote_preview_m .vote_btn_box{
    position: static;
    width: auto;
    z-index: 1;
  }

  .vote_preview_m .vote_btn_box .vote_btn{
    width: auto;
    height: auto;
    color: #fff;
    font-size: 15px;
    padding: 4px 8px 4px 12px;
    border-radius: 16px;
    background-color: #0A0A0A;
  }

  .vote_preview_m .vote_btn_box .vote_btn::after{
    font-family: "bootstrap-icons";
    content: '\f285';
    line-height: 1;
    margin-top: 2px;
  }

  .vote_preview_m img{
    position: absolute;
    bottom: -23px;
    right: 10px;
    height: 106%;
    transform: rotate(-15deg);
  }

  .list.recommend .item{
    flex: 0 0 31.6% !important;
    margin: 0 2.6% 34px 0 !important;
  }

  .list.recommend .item:nth-child(3n){
    margin-right: 0 !important;
  }

  .list .item .item_label{
    font-weight: 500;
  }

  .list.row_box{
    margin-top: 20px;
  }

  .list.row_box .item .item_preview{
    -webkit-line-clamp: 2;
  }

  .lead{
    margin: 20px 0;
  }

  .sidebar{
    display: none;
  }

  .video_wrap{
    display: block;
    width: calc(100% + 48px);
    margin-top: 0;
    margin-left: -24px;
  }

  .video_box{
    width: 100%;
    margin-bottom: 10px;
  }

  .video_info{
    padding: 0 24px;
  }

  .video_title{
    font-size: 20px;
    margin-top: 0;
  }

  .video_title.live::before{
    font-size: 13px;
    margin-top: 2px;
  }

  .video_playlist{
    padding-left: 0;
  }

  .video_playlist .section_title{
    display: none;
  }

  .video_list_wrap{
    height: auto;
  }

  .video_list_box{
    overflow-x: auto;
  }

  .video_list{
    display: inline-flex;
    height: auto;
    padding: 14px 14px 0 14px;
    overflow: visible;
    transform: translateY(0) !important;
  }

  .video_list .item.row_box{
    display: block;
    width: 25vw;
    height: auto;
    padding: 0;
    margin: 0 10px;
    background-color: #fff;
  }

  .video_list .item.row_box .item_img{
    width: 100% !important;
    aspect-ratio: 16 / 9;
    border-radius: 4px 4px 0 0;
  }

  .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{
    color: #333;
    font-size: 15px !important;
    line-height: 1.4;
    -webkit-line-clamp: 2;
  }

  .video_list .item.row_box .live, .video_list_controls{
    display: none;
  }

  .bottom_widget{
    right: 10px;
  }

  .push{
    width: calc(100vw - 109px);
    max-width: 320px;
    margin-right: 13px;
    transform-origin: right 62%;
  }

  .push::after{
    bottom: 24px;
  }

  .push_slider{
    height: 72px;
    min-height: 72px;
    padding: 0;
  }

  .push_slider .swiper-wrapper{
    display: flex;
  }

  .push_item{
    padding: 10px;
    border-bottom: none;
    background-color: transparent !important;
  }

  .push_close{
    top: -10px;
    left: -9px;
  }

  .push_close:before{
    font-weight: normal;
  }

  .overlay{
    width: 70%;
    max-height: calc(100% - 40px);
    overflow-y: auto;
    padding: 16px 2px 60px 20px;
  }

  .overlay_box.idle{
    display: none;
  }

  .idle .overlay{
    height: 90%;
  }

  .overlay_box.idle .overlay{
    padding-top: 16px;
  }

  .overlay.video{
    padding: 64px 16px 0 16px;
  }

  .overlay.video .btn_close{
    right: 16px;
  }

  .overlay_box.ad.mobile_visible.show{
    display: block !important;
  }

  .overlay_box.ad.mobile_visible{
    display: none !important;
  }

  .idle_header, .overlay_header{
    margin-bottom: 20px;
  }

  .idle_logo{
    width: 170px;
    height: 21px;
  }

  .idle_header .highlight{
    display: none;
  }

  .idle_content, .overlay_content{
    max-height: calc(100% - 42px);
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .idle_l, .overlay_l{
    width: 100%;
    padding: 0;
  }

  .idle .section, .overlay .section{
    padding-right: 14px;
    margin-bottom: 12px;
  }

  .idle .list.row li:last-child a, .overlay .list.row li:last-child a{
    border: none;
  }

  .idle .list.box, .overlay .list.box{
    display: block;
    padding-bottom: 0;
    margin: 14px 0 0 0;
  }

  .idle .list.box .item, .overlay .list.box .item{
    display: flex;
    align-items: flex-start;
    flex: 0 0 100%;
    margin: 0 0 16px 0;
  }

  .idle .list.box .item .item_img, .overlay .list.box .item .item_img{
    width: 148px;
    margin-bottom: 0;
  }

  .idle .list.box .item .item_text, .overlay .list.box .item .item_text,
  .idle .list.box .item .item_title, .overlay .list.box .item .item_title{
    -webkit-line-clamp: 3;
  }

  .idle_r, .overlay_r{
    display: none;
  }

  .overlay .btn_close{
    top: 16px;
    right: 16px;
  }

  .idle .btn_close{
    top: 6px;
    right: 6px;
  }

  .idle_footer, .overlay_footer{
    font-size: 16px;
    padding: 8px 0;
  }

  .idle_footer br, .overlay_footer br{
    display: inline;
  }

  .notify{
    flex-wrap: wrap;
    align-content: space-between;
    max-width: 380px;
    height: auto;
  }

  .notify_text{
    width: 100%;
    min-height: 300px;
    padding: 20px 24px;
  }

  .notify_btn{
    width: 100%;
  }

  .notify_btn:hover{
    color: #FECC02;
    border-color: #fff;
    background-color: #fff;
  }

  .notify_btn:active{
    color: #fff;
    border-color: #493C31;
    background-color: #493C31;
  }

  .next_time{
    display: none;
  }

  .notify_img{
    width: 100%;
    height: 200px;
  }

  .notify .btn_close{
    top: 16px;
    right: 24px;
    color: #FECC02;
    background-color: #fff;
  }

  .cs_box_img{
    min-height: 250px;
  }

  .mobile_bottom_fixbox{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    z-index: 600;
  }

  .mobile_bottom_fixbox .ad_box{
    position: relative;
    margin: 0;
  }

  .mobile_bottom_fixbox .ad_box.hide{
    display: none;
  }

  .mobile_bottom_fixbox .ad_box img{
    display: block;
  }

  .container.event2{
    width: 100%;
  }

  .event_row{
    font-size: 16px;
    padding: 50px 0 60px 0;
    overflow-x: hidden;
  }

  .event_row_title{
    font-size: 32px;
  }

  .event_row_title::before, .event_row_title::after{
    width: 32px;
  }

  .event_list_box{
    margin-bottom: 40px;
  }

  .event_list_box .item{
    width: 30%;
  }

  .event_list_box.col4 .item{
    width: 18%;
  }

  .event_list_box .item .item_title{
    font-size: 22px;
  }

  .event_bulletin{
    padding: 0 32px;
  }

  .bulletin_row{
    font-size: 18px;
  }

  .content_box.list_content{
    padding: 40px 22px 40px 32px !important;
  }

  .promo{
    justify-content: flex-start;
  }

  .promo a:nth-child(2n){
    margin-left: 32px;
  }

  .overlay_box.shorts .ov_video_wrap{
    height: 76vh;
  }

  .card_text{
    padding: 0 12px;
    margin-bottom: 18px;
  }

  .card_title{
    font-size: 23px;
  }

  .card_intro{
    font-size: 15px;
    min-height: 43px;
  }

  .card_btn{
    padding: 8px 16px;
  }

  .eb_img img{
    transform: scale(1) !important;
  }

  .side_slide{
    position: fixed;
    top: 0;
    left: 0;
    width: 16px;
    height: 100%;
    z-index: 800;
  }

  .side_slide.show{
    display: block;
  }

  .content_box:has(.bulletin){
    padding: 0;
  }

  .about_logo_box{
    gap: 20px;
    height: auto;
    margin: 90px 0 60px 0;
  }

  .desktop_visible{
    display: none !important;
  }

  .mobile_visible{
    display: block !important;
  }

  .mobile_hidden{
    display: none !important;
  }

  .bottom_fixbox .mobile_visible{
    display: flex !important;
  }

  .tablet_visible{
    display: block !important;
  }

  .phone_visible{
    display: none !important;
  }

}

@media screen and (max-width: 767px){

  header .navigation::before{
    content: '';
    position: absolute;
    top: 0;
    right: -250px;
    width: 250px;
    height: 60px;
    z-index: 40;
    background-color: #FECC02;
    transform: translateX(0);
    transition: transform 0.3s;
  }

  header.open_popup_menu .navigation::before{
    transform: translateX(-100%);
  }

  .popup_menu_wrap{
    left: auto;
    right: -250px;
    width: 250px;
    height: 100vh;
    max-height: none;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0);
    transition: transform 0.3s;
  }

  header.open_popup_menu .popup_menu_wrap{
    transform: translateX(-100%);
  }

  .popup_menu_box{
    max-width: none;
    padding: 60px 0 0 0;
  }

  .pm_box{
    padding: 0;
    margin-bottom: 16px;
  }

  .pm_box_title{
    display: none;
  }

  ul#popup_menu{
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 0 16px;
    margin-bottom: 16px;
  }

  ul#popup_menu li a{
    font-size: 20px;
    padding: 16px 8px;
  }

  .category_thumbnail{
    padding: 0 16px;
  }

  .category_thumbnail ul{
    display: block;
    padding: 0;
  }

  .category_thumbnail ul li{
    width: 100%;
    margin-bottom: 16px;
  }

  .social_media_s2{
    margin-bottom: 0;
  }

  .social_media_s2 span{
    font-size: 15px;
    text-align: left;
    margin-bottom: 12px;
  }

  .social_media_s2 div{
    width: 100%;
    gap: 12px;
  }

  .social_media_s2 a{
    margin: 0;
  }

  .social_media_s2 a::before{
    font-size: 26px;
  }

  .social_media_s2 a.i_google::before{
    width: 26px;
    height: 26px;
  }

  .popup_menu_footer{
    padding: 0;
    margin-bottom: 80px;
  }

  .pm_footer_box{
    padding: 0 16px 16px 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #FFEB9A;
  }

  .pm_footer_box:last-child{
    border-bottom: none;
  }

  .pm_footer_link{
    text-align: left;
    margin: 0 0 16px 0;
  }

  .pm_footer_link a{
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
  }

  .pm_footer_event{
    max-width: 163px;
  }

  .pm_footer_event a{
    display: block;
    width: 120px;
    height: 88px;
    margin-bottom: 10px;
  }

  .pm_footer_event a.long{
    width: 180px;
  }

  .pm_footer_event a img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .pm_footer_com_info{
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 3px;
  }

  .pm_footer_copyright{
    font-size: 10px;
    text-align: left;
  }

  .pm_footer_logo{
    display: block;
    width: 76px;
    margin-top: 16px;
  }

  .popup_menu_bg{
    background-color: rgba(0,0,0,0.5);
  }

  .container{
    width: 100%;
  }

  .content_wrapper > .container{
    margin-bottom: 32px;
  }

  .content_box{
    padding: 24px 16px;
    margin-bottom: 0;
    overflow-x: clip;
  }

  .ad_box.top_ad + .content_wrapper > .container > .content_box:first-child, .content_box.article_page_box{
    padding-top: 0;
  }

  .top_ad .dfp_ad::before{
    border-color: #ddd;
  }

  .latest_box{
    padding-bottom: 8px;
  }

  .latest_news_bar{
    display: block !important;
  }

  .latest::before, .content.pr25::before{
    background-color: #8E5AFF;
  }

  .article_wrapper .latest_news_bar{
    margin-left: 0;
  }

  main > .latest_news_bar{
    margin-left: 0;
  }

  .news_flash{
    height: 60px;
    padding: 0 12px 0 52px;
    margin-bottom: 16px;
    background-color: #8E5AFF;
  }

  main > .latest_news_bar .news_flash{
    margin-bottom: 0;
  }

  .news_flash .news_flash_label{
    width: 52px;
    font-size: 16px;
  }

  .news_flash .news_flash_label span{
    display: none;
  }

  .news_flash .news_flash_label::after{
    font-family: "bootstrap-icons";
    content: '\f189';
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    color: #8E5AFF;
    border-radius: 50%;
    background-color: #fff;
    transform: skew(0);
  }

  .news_flash .swiper-slide a .news_flash_text, .text_ad .swiper-slide a span{
    color: #fff;
    font-size: 16px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
  }

  .news_flash .swiper-slide a .time{
    display: none;
  }

  .news_flash .arrow_btn{
    display: none;
  }

  .latest::before, .content.pr25::before{
    display: none !important;
  }

  .slider .swiper-slide a{
    aspect-ratio: 4 / 3;
  }

  .slider_text{
    padding: 16px;
  }

  .slider_title{
    font-size: 20px;
  }

  .slider_btn_box{
    display: none;
  }

  .swiper-button-next, .swiper-button-prev{
    background-color: transparent !important;
  }

  .section_title{
    margin-bottom: 12px;
  }

  .list > .ad_box{
    margin: 24px 0;
  }

  .category{
    display: none;
  }

  .content_box:has(.card_slider_wrap:first-child), .content_box .card_slider_wrap:first-child{
    margin-top: 0;
  }

  .cs_box{
    flex-direction: column;
    justify-content: flex-start;
  }

  .cs_box > *{
    width: 100%;
  }

  .cs_box_text{
    order: 2;
    min-height: 240px;
    padding: 16px 46px;
  }

  .cs_box_img{
    order: 1;
  }

  .cs_box_img{
    min-height: auto;
  }

  .cs_box_btn{
    width: 100%;
    height: 40px;
    justify-content: center;
  }

  .card_slider_box .swiper-button-next, .card_slider_box .swiper-button-prev{
    top: auto;
    bottom: 40px;
  }

  .card_slider_box .swiper-pagination{
    bottom: 12px;
    width: 100%;
  }

  .featured_wrap{
    width: 100vw;
    margin-left: -16px;
  }

  .featured_wrap.mobile_hide{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .featured_box{
    width: 100%;
  }

  .featured_box .swiper-slide a{
    padding-bottom: 75%;
  }

  .featured_box .swiper-slide a .featured_text{
    padding: 24px;
  }

  .featured_box .swiper-slide a .featured_tag{
    font-size: 14px;
  }

  .featured_box .swiper-slide a .featured_title{
    padding-right: 40px;
  }

  .featured_box .swiper-slide a .featured_title h3{
    font-size: 26px;
  }

  .featured_box .featured_next_btn::before, .featured_box .featured_prev_btn::before{
    font-size: 26px;
    padding: 5px 0;
  }

  .featured_box .swiper-pagination-bullets{
    padding: 4vw !important;
  }

  .featured_box .swiper-pagination-bullet{
    height: 4px !important;
    margin: 0 4px;
  }

  .featured_box .featured_more{
    display: none;
    pointer-events: auto;
  }

  .featured_box .featured_more::after{
    content: '\f1c5';
    font-weight: 600;
    margin: 1px 0 0 7px;
  }

  .featured_box .featured_controller{
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 20;
  }

  .featured_box .featured_controller div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
  }

  .featured_box .featured_controller .featured_pause_btn::before,
  .featured_box .featured_controller .featured_pause_btn::after{
    content: '';
    width: 4px;
    height: 13px;
    margin: 0 2px;
    background-color: #fff;
  }

  .featured_box .featured_controller .featured_play_btn::before{
    content: '';
    width: 0;
    height: 0;
    margin-left: 2px;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #fff;
  }

  .featured_plus{
    right: 20px;
    bottom: 18px;
    width: 36px;
    height: 36px;
  }

  .featured_plus::before, .featured_plus::after{
    width: 26px;
    height: 26px;
  }

  .featured_plus::before{
    font-size: 23px;
  }

  .section_toolbar{
    margin: 16px 0;
  }

  .tab_list_wrap{
    width: 100vw;
    margin-bottom: 16px;
    margin-left: -16px !important;
  }

  .tab_list{
    padding: 0 16px;
  }

  .tab_list_box .tab_btn{
    display: none !important;
  }

  .add_line{
    position: absolute;
    top: -60px;
    right: 0;
  }

  .topic_slider_box .section_content{
    padding: 0;
  }

  .banner{
    padding-bottom: 56.25%;
  }

  .banner_title h1 .cn, .banner_title h1 .b_title{
    font-size: 36px;
  }

  .banner_title h1 .en, .banner_title h1 .b_subtitle{
    font-size: 20px;
  }

  .video_row_box{
    border-bottom: none;
  }

  .video_row_title{
    font-size: 22px;
    line-height: 1.3;
    padding: 6px 6px 0 0;
  }

  .event_section{
    padding: 40px 0;
  }

  .event_section.event_post_box{
    margin: 16px 0 !important;
    overflow-x: hidden;
  }

  .event_section_title{
    font-size: 24px;
  }

  .event_post_box .event_section_title{
    margin-bottom: 66px;
  }

  .event_post_tab{
    margin-top: -34px;
  }

  .event_post_tab .event_tab{
    font-size: 17px;
    padding: 10px 5px;
  }

  .event_post_tab .event_tab:first-child{
    border-left: none;
  }

  .event_post_tab .event_tab:last-child{
    border-right: none;
  }

  .event_post_tab .event_tab span{
    margin: 0 !important;
  }

  .event_section_content{
    padding: 24px 16px;
  }

  .event_post_tab + .event_section_content{
    padding-top: 36px;
  }

  .event_post_box .event_post{
    flex-wrap: wrap;
    padding: 0 0 48px 0;
    margin: -60px 0 48px 0;
  }

  .event_post_tab + .event_section_content .event_post{
    margin-top: 0;
  }

  .event_post_box .event_post:last-child{
    padding-bottom: 30px;
    margin: 0;
  }

  .event_post_img{
    left: auto;
    flex: 0 0 100%;
    padding-bottom: 62.5%;
    margin-bottom: 14px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }

  .event_post_text{
    left: auto;
    flex: 0 0 100%;
    padding-left: 0;
  }

  .event_post_title{
    margin-bottom: 8px;
  }

  .event_post:last-child .event_post_img{
    order: 1;
  }

  .event_post:last-child .event_post_text{
    order: 2;
    padding-right: 0;
  }

  .event_post_preview{
    margin-bottom: 12px;
  }

  .btn_fillet{
    width: 100% !important;
  }

  .btn_fillet span{
    position: relative;
    top: auto;
    left: 0;
    transform: translateY(0);
  }

  .btn_fillet::before{
    display: none;
  }

  .event_video_box .event_section_content{
    padding: 0 16px;
  }

  .event_video_box .live_list{
    padding: 16px;
  }

  .event_video_box .live_item .item_text, .event_video_box .live_item .item_title{
    display: -webkit-box;
    font-size: 13px;
    margin-top: 6px;
  }

  .event_video_box .swiper-button-next, .event_video_box .swiper-button-prev{
    background-color: #fff !important;
  }

  .event_video_box .swiper-button-next{
    right: -6px;
  }

  .event_video_box .swiper-button-prev{
    left: -6px;
  }

  .event_video_box .swiper-button-next::before, .event_video_box .swiper-button-prev::before{
    font-size: 22px;
  }

  .event_section_content .list.row_box .item{
    align-items: flex-start;
  }

  .breadcrumb{
    font-size: 15px;
    margin-bottom: 12px;
  }

  .article h1{
    font-size: 28px;
    margin: 0 0 12px 0;
  }

  .article_info_box{
    display: block;
  }

  .article_info{
    letter-spacing: 0;
  }

  .article_info_source{
    margin-right: 10px;
  }

  .article_controls{
    justify-content: flex-start;
    max-width: none;
    margin: 16px 0 0 0;
  }

  audio{
    width: calc(100% - 98px);
  }

  .audio_controls{
    width: calc(100% - 98px);
  }

  .audioplayer{
    width: calc(100% - 98px);
  }

  .article_container{
    flex-wrap: wrap;
    padding-left: 0;
  }

  .share_box{
    position: static;
    display: flex;
    width: 100%;
    margin-bottom: 24px;
  }

  .share_box span{
    height: 40px;
    letter-spacing: 3px;
    padding: 0 6px 0 0;
    margin-right: 16px;
    border-right: 1px solid #CBCBCB;
    border-bottom: none;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }

  .share_box div{
    margin: 0 16px 0 0;
  }

  .article_main{
    width: 100%;
    padding-left: 0;
  }

  .article_content, .article_footer{
    padding-left: 0;
  }

  .inline_text{
    padding: 12px;
  }

  .article_content .inline_box{
    padding: 12px;
  }

  .article_content table{
    max-width: none;
  }

  .article_content .article_table .article_table_inner.has_scroll::before{
    font-family: "bootstrap-icons";
    content: '\f27b';
    position: absolute;
    top: 50%;
    right: -6px;
    color: #888;
    font-size: 22px;
    transform: translateY(-50%) scaleY(1.6);
    pointer-events: none;
    z-index: 2;
    transition: 0.12s;
  }

  .article_content .article_table .article_table_inner.has_scroll.on_scroll::before{
    opacity: 0;
    visibility: hidden;
  }

  .article_content .article_table .article_table_inner.has_scroll::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    z-index: 1;
    transition: 0.12s;
  }

  .article_content .article_table .article_table_inner.has_scroll.on_scroll::after{
    opacity: 0;
    visibility: hidden;
  }

  .article_index_title, .article_timeline_title, .article_timeline_title span{
    display: block;
  }

  .article_timeline_title span{
    margin: 6px 0 0 0;
  }

  .article-column .column-wrap{
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 0;
  }

  .article-column .column-wrap p{
    margin-bottom: 0;
  }

  .article-column .column-wrap .column{
    width: 100%;
    margin-bottom: 1.6em;
  }

  .article-column .column-wrap .column.image{
    order: 1;
  }

  .article-column .column-wrap .column.paragraph{
    order: 2;
  }

  .article_author{
    padding: 18px;
  }

  .list, .cards_box{
    display: block;
  }

  .list_box.phone_visible{
    padding-top: 0;
    border-top: none;
  }

  .list_box.phone_visible .list{
    padding-top: 0.75rem;
    margin-bottom: 0.75rem;
    border-top: 1px solid #ccc;
  }

  .list_box.phone_visible .list:first-child{
    padding-top: 0;
    border-top: none;
  }

  .list_box.phone_visible .list .item:last-child{
    padding-bottom: 0;
    border-bottom: none;
  }

  .item, .item.row_box{
    display: flex;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #E6E6E6;
  }

  .item.col1{
    display: flex;
    gap: 0;
  }

  .item.m_box, .list.m_group .item:first-child{
    display: block;
  }

  .latest_box .list{
    margin-bottom: 0.75rem;
  }

  .row_box_group .ad_box{
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .content_wrapper.bg .list .item{
    border-radius: 0;
    background-color: transparent;
  }

  .content_wrapper.bg_dark_grey .list .item{
    border-color: var(--grey);
  }

  .item .item_img{
    width: 145px !important;
    aspect-ratio: 16 / 10;
    margin-bottom: 0;
  }

  .item.m_box .item_img, .list.m_group .item:first-child .item_img{
    width: 100% !important;
    aspect-ratio: 16 / 9;
    margin-bottom: 0.5rem !important;
  }

  .item.video .item_img::before{
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.5rem;
    padding-left: 0.25rem;
  }

  .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: 0 12px;
  }

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

  .item.m_box .item_text, .list.m_group .item:first-child .item_text{
    padding-left: 0 !important;
  }

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

  .item .item_title{
    font-size: 17px !important;
    line-height: 1.3;
    -webkit-line-clamp: 3;
  }

  .item.m_box .item_title{
    font-size: 1.25rem !important;
    -webkit-line-clamp: 2 !important;
  }

  .item.row_box .item_title{
    font-size: 1.0625rem;
    font-weight: 500;
  }

  .item.col1 .item_title{
    margin-top: 0;
  }

  .relevant_box .list .item .item_title{
    font-size: 1.0625rem;
  }

  .item .item_preview{
    display: none;
    color: #8c8c8c;
    margin-bottom: 0.5rem;
  }

  .item.m_box .item_preview{
    display: -webkit-box;
  }

  .row_box_group .list .item.row_box .item_preview{
    display: none;
  }

  .item.col1 .item_preview{
    display: none;
  }

  .list.text_row ul li{
    padding: 4px 0;
  }

  .list.text_row ul li a{
    -webkit-line-clamp: 2;
  }

  .live_title::before{
    margin-bottom: 3px;
  }

  .live_list{
    padding: 12px 38px;
  }

  .live_item{
    padding: 8px;
  }

  .live_item .item_text, .live_item .item_title{
    display: none;
  }

  .swiper-button-next, .swiper-button-prev{
    width: 38px;
  }

  .swiper-button-next::before, .swiper-button-prev::before{
    font-size: 28px;
  }

  .content_box_search{
    flex-wrap: wrap;
  }

  .search_result{
    margin: 6px 0 0 0;
  }

  .video_wrap{
    width: 100vw;
    margin-left: -16px;
  }

  .video_info{
    padding: 0 16px;
  }

  .video_title{
    font-size: 17px;
  }

  .video_list{
    padding: 8px;
  }

  .video_list .item.row_box{
    width: 53vw;
    margin: 0 8px;
  }

  .pagination{
    padding: 0 4px;
  }

  .pagination .btn_box .btn{
    padding: 7px 18px;
  }

  .page_box{
    position: static;
    display: none;
  }

  .page_box input{
    width: 46px;
  }

  .overlay{
    width: calc(100% - 32px);
    padding-left: 16px;
  }

  .brand_box{
    border-bottom: none;
  }

  .brand_cover a{
    aspect-ratio: 16 / 4.5;
  }

  .brand_card{
    display: block;
    margin: 24px 0 16px 0;
  }

  .brand_data{
    align-items: center;
    margin-bottom: 16px;
  }

  .brand_data_info{
    margin-right: 0;
  }

  .brand_title{
    margin-bottom: 12px;
  }

  .brand_intro{
    padding-left: 14px;
    margin-left: 6px;
  }

  [data-aos-delay]{
    transition-delay: 0s !important;
  }

  .event2 .event_post{
    display: block;
  }

  .event_post_box .event_section_title, .event_post_tab, .event_post_tab + .event_section_content{
    transition-delay: 0.3s !important;
  }

  .event2 .event_post_box .event_section_title{
    margin-bottom: 30px;
  }

  .event2 .event_post_box .event_section_content{
    padding: 0 16px;
  }

  .event_post_box .event_post:first-child .event_post_img{
    transition-delay: 0.5s !important;
  }

  .event_row{
    font-size: 18px;
    padding: 40px 0;
  }

  .curve_bg{
    padding-top: 60px;
    margin-top: 10px;
    background-size: 190% 100%;
  }

  .event_row_title{
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 30px;
  }

  .event_row_title span span{
    font-size: 38px;
  }

  .event_list_box .item .item_title{
    font-size: 26px;
  }

  .event_list_box{
    margin-bottom: 0;
  }

  .event_list_box .item{
    width: 100% !important;
    padding: 0 24px;
    margin-bottom: 40px;
  }

  .event_list_box.step .item{
    margin-bottom: 20px;
  }

  .event_list_box.step .item .item_img img{
    width: 100%;
    max-width: 200px;
  }

  .event_list_box.step .item .item_content{
    margin-bottom: 10px;
  }

  .event_list_box.step .item::after{
    position: static;
    content: '\f229';
    top: 100%;
    right: 50%;
    transform: translate(50%, 0);
  }

  .event_list_box.prize .item .item_img img:first-child{
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto 5px auto;
  }

  .event_bulletin{
    padding: 0 32px;
  }

  .bulletin_row_wrap{
    box-shadow: 0px 24px 30px -18px rgba(41, 35, 25, 0.2);
  }

  .event_intro{
    margin-bottom: 46px;
  }

  .bulletin_row{
    padding: 30px 24px 24px 24px;
  }

  .bulletin_time{
    width: 100%;
  }

  .text_row_box{
    flex-wrap: wrap;
  }

  .text_arrow::before{
    content: '\f128';
  }

  .num_label_list{
    padding-left: 0;
  }

  .num_label_list li{
    margin: 10px 0 15px 0;
  }

  .num_label_list li::before{
    display: block;
    margin: 0 auto 8px auto;
  }

  [data-aos=fade-up]{transform:translate3d(0, 40px, 0) !important;}
  [data-aos=fade-down]{transform:translate3d(0, -40px, 0) !important;}
  [data-aos=fade-right]{transform:translate3d(-40px, 0, 0) !important;}
  [data-aos=fade-left]{transform:translate3d(40px, 0, 0) !important;}
  [data-aos^=fade][data-aos^=fade].aos-animate{
    opacity: 1 !important;
    transform: translateZ(0) !important;
  }

  .promo{
    display: block;
  }

  .promo a{
    display: block;
    width: 100%;
    max-width: none;
    margin: 32px 0 !important;
  }

  .promo a:last-child{
    margin-bottom: 0 !important;
  }

  .article_vote{
    padding: 24px 19px 48px 19px;
  }

  .vote_title{
    line-height: 1.34;
    padding-bottom: 10px;
  }

  .vote_intro .vote_intro_con, .vote_intro .vote_intro_link, .vote_intro .vote_intro_link span{
    font-size: 13px;
    line-height: 1.4;
  }

  .vote_intro .vote_intro_link{
    line-height: 1.6;
  }

  .vote_ballot_box{
    min-height: 147px;
  }

  .vote_options input[type=radio], .vote_options input[type=checkbox]{
    margin: 0 12px 0 0;
  }

  .vote_options .vote_row label span{
    font-size: 17px;
    padding: 12px 11px 12px 0;
  }

  .vote_results .vote_result_name{
    width: calc(100% - 47px);
    font-size: 17px;
    padding: 17px 0 8px 0;
  }

  .vote_results .vote_result_num{
    min-width: 48px;
  }

  .vote_results .vote_result_num::after{
    font-size: 16px;
  }

  .vote_wrap_m{
    padding: 0 16px 16px 16px;
    margin-bottom: 0;
    background-color: #fff;
  }

  .article_page_box .vote_wrap_m{
    padding: 0;
    margin-bottom: 40px;
  }

  .overlay_box.vote{
    align-items: flex-end;
  }

  .overlay_box.vote .overlay{
    width: 100%;
    height: 86%;
    max-height: none;
    border-radius: 0;
  }

  .overlay_box.vote .overlay .vote_wrap{
    height: 100%;
    border-radius: 0;
  }

  .overlay_box.vote .overlay .vote_wrap .vote_box{
    height: 100% !important;
  }

  .overlay_box.vote .overlay .vote_wrap .vote_box .vote_main{
    height: 100%;
    max-height: none;
  }

  .overlay_box.ad .overlay .ov_ad_box{
    padding-top: 50px;
  }

  .overlay_box.ad .overlay .btn_close{
    top: 13px;
    right: 13px;
    width: 30px;
    height: 30px;
  }

  .overlay_box.ad .overlay .btn_close::before{
    font-size: 20px;
  }

  .section.shorts_section{
    width: 100vw;
    padding: 32px 0;
    margin-left: -16px;
  }

  .section.shorts_section .section_title{
    margin: 0 16px 20px 16px;
  }

  .row_slider_box{
    padding-bottom: 0;
  }

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

  .row_slider{
    gap: 2vw;
    padding: 0 16px;
  }

  .shorts_item{
    width: 37vw;
  }

  .overlay_box.shorts .ov_video_wrap{
    width: 84vw;
    height: auto;
    margin-top: 16px;
  }

  .overlay_box.shorts .btn_close{
    top: 6px;
    right: 6px;
  }

  .ov_shorts_slider.swiper-container-vertical>.swiper-pagination-bullets{
    right: 10px;
  }

  #r18 .ov_message_btn_box{
    flex-direction: column;
  }

  #r18 .ov_message_btn_box > *{
    width: 100%;
  }

  #r18 .ov_message_btn_box .leave{
    order: 2;
  }

  #r18 .ov_message_btn_box .overlay_close{
    order: 1;
  }

  .event_row_box{
    display: block;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .event_box{
    width: 100%;
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid #E6E6E6;
  }

  .event_row_box:last-child .event_box:last-child{
    border-bottom: none;
  }

  .eb_text{
    display: block;
    font-size: 1.25rem;
  }

  .content_box:has(.bulletin){
    padding: 16px;
  }

  .contact{
    flex-direction: column;
  }

  .contact .location, .contact .form_box{
    display: block;
    width: 100%;
    padding-right: 0;
  }

  .contact .location{
    order: 2;
  }

  .contact .form_box{
    order: 1;
    margin-bottom: 4rem;
  }

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

  .about_logo_box{
    margin: 60px 0 30px 0;
  }

  .tablet_visible{
    display: none !important;
  }

  .phone_visible{
    display: block !important;
  }

  .phone_hidden{
    display: none !important;
  }

}

@media screen and (max-width: 349px){

  .item .item_img{
    width: 130px !important;
  }

  .pagination{
    padding: 0;
  }

  .pagination .btn_box .btn.btn_prev{
    padding: 7px;
    margin-right: 6px;
  }

  .pagination .btn_box .btn{
    padding: 7px;
  }

}

/*AI*/
#aigc-also-ask{
  right: 20px !important;
  bottom: 150px !important;
  min-height: 84px;
  padding: 16px !important;
  border: 1px solid #CBA302;
  border-radius: 8px !important;
  overflow: visible !important;
  box-shadow: none !important;
  background-color: #FFFCF2 !important;
}

#aigc-also-ask.active{
  animation: openPush 0.3s ease forwards;
}

#aigc-also-ask .logo{
  display: block;
  line-height: 1;
}

#aigc-also-ask .logo img{
  display: none;
}

#aigc-also-ask .logo p{
  color: #0A0A0A !important;
  margin: 0 0 0 6px !important;
}

#aigc-also-ask .close{
  position: absolute !important;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -6px;
  left: -6px;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  border-radius: 50% !important;
  background-color: #0A0A0A !important;
}

#aigc-also-ask .close:before{
  font-family: 'ebc-icons';
  content: '\e906';
}

#aigc-also-ask .close:hover::after{
  display: none;
}

#aigc-also-ask .close img{
  display: none;
}

#aigc-also-ask .question-link{
  border: 1px solid #ffe78c;
}

#aigc-also-ask .question-link:hover, #aigc-also-ask .question-link:focus{
  border-color: #fff0b6;
  background-color: #fff0b6;
}

#aigc-also-ask .question-link:focus .question-text{
  color: #0A0A0A;
}

#aigc-also-ask.carousel-mode{
  bottom: 90px !important;
}

#aigc-also-ask.carousel-mode .question-link{
  border: 1px solid #ffe78c !important;
}

#aigc-also-ask.carousel-mode .question-link:hover{
  background: #fff0b6 !important;
}

#aigc-also-ask.carousel-mode .carousel-progress{
  background-color: #ffecbc !important;
}

#aigc-also-ask.carousel-mode .carousel-progress-bar{
  background: linear-gradient(90deg, #dc9700, #ffc850) !important;
}