/* Minification failed. Returning unminified contents. (3599,26): run-time error CSS1030: Expected identifier, found ',' (3599,64): run-time error CSS1031: Expected selector, found ')' (3599,64): run-time error CSS1025: Expected comma or open brace, found ')' (3760,19): run-time error CSS1030: Expected identifier, found '.' (3760,46): run-time error CSS1031: Expected selector, found ')' (3760,46): run-time error CSS1025: Expected comma or open brace, found ')' (7006,17): run-time error CSS1030: Expected identifier, found '.' (7006,30): run-time error CSS1031: Expected selector, found ')' (7006,30): run-time error CSS1025: Expected comma or open brace, found ')' */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Roboto+Condensed:ital,wght@0,500;0,700;1,500&family=Roboto:wght@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 4.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 1, 2018 */ .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"); } .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before { display: inline-block; font-family: "bootstrap-icons" !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bi-123::before { content: "\f67f"; } .bi-alarm-fill::before { content: "\f101"; } .bi-alarm::before { content: "\f102"; } .bi-align-bottom::before { content: "\f103"; } .bi-align-center::before { content: "\f104"; } .bi-align-end::before { content: "\f105"; } .bi-align-middle::before { content: "\f106"; } .bi-align-start::before { content: "\f107"; } .bi-align-top::before { content: "\f108"; } .bi-alt::before { content: "\f109"; } .bi-app-indicator::before { content: "\f10a"; } .bi-app::before { content: "\f10b"; } .bi-archive-fill::before { content: "\f10c"; } .bi-archive::before { content: "\f10d"; } .bi-arrow-90deg-down::before { content: "\f10e"; } .bi-arrow-90deg-left::before { content: "\f10f"; } .bi-arrow-90deg-right::before { content: "\f110"; } .bi-arrow-90deg-up::before { content: "\f111"; } .bi-arrow-bar-down::before { content: "\f112"; } .bi-arrow-bar-left::before { content: "\f113"; } .bi-arrow-bar-right::before { content: "\f114"; } .bi-arrow-bar-up::before { content: "\f115"; } .bi-arrow-clockwise::before { content: "\f116"; } .bi-arrow-counterclockwise::before { content: "\f117"; } .bi-arrow-down-circle-fill::before { content: "\f118"; } .bi-arrow-down-circle::before { content: "\f119"; } .bi-arrow-down-left-circle-fill::before { content: "\f11a"; } .bi-arrow-down-left-circle::before { content: "\f11b"; } .bi-arrow-down-left-square-fill::before { content: "\f11c"; } .bi-arrow-down-left-square::before { content: "\f11d"; } .bi-arrow-down-left::before { content: "\f11e"; } .bi-arrow-down-right-circle-fill::before { content: "\f11f"; } .bi-arrow-down-right-circle::before { content: "\f120"; } .bi-arrow-down-right-square-fill::before { content: "\f121"; } .bi-arrow-down-right-square::before { content: "\f122"; } .bi-arrow-down-right::before { content: "\f123"; } .bi-arrow-down-short::before { content: "\f124"; } .bi-arrow-down-square-fill::before { content: "\f125"; } .bi-arrow-down-square::before { content: "\f126"; } .bi-arrow-down-up::before { content: "\f127"; } .bi-arrow-down::before { content: "\f128"; } .bi-arrow-left-circle-fill::before { content: "\f129"; } .bi-arrow-left-circle::before { content: "\f12a"; } .bi-arrow-left-right::before { content: "\f12b"; } .bi-arrow-left-short::before { content: "\f12c"; } .bi-arrow-left-square-fill::before { content: "\f12d"; } .bi-arrow-left-square::before { content: "\f12e"; } .bi-arrow-left::before { content: "\f12f"; } .bi-arrow-repeat::before { content: "\f130"; } .bi-arrow-return-left::before { content: "\f131"; } .bi-arrow-return-right::before { content: "\f132"; } .bi-arrow-right-circle-fill::before { content: "\f133"; } .bi-arrow-right-circle::before { content: "\f134"; } .bi-arrow-right-short::before { content: "\f135"; } .bi-arrow-right-square-fill::before { content: "\f136"; } .bi-arrow-right-square::before { content: "\f137"; } .bi-arrow-right::before { content: "\f138"; } .bi-arrow-up-circle-fill::before { content: "\f139"; } .bi-arrow-up-circle::before { content: "\f13a"; } .bi-arrow-up-left-circle-fill::before { content: "\f13b"; } .bi-arrow-up-left-circle::before { content: "\f13c"; } .bi-arrow-up-left-square-fill::before { content: "\f13d"; } .bi-arrow-up-left-square::before { content: "\f13e"; } .bi-arrow-up-left::before { content: "\f13f"; } .bi-arrow-up-right-circle-fill::before { content: "\f140"; } .bi-arrow-up-right-circle::before { content: "\f141"; } .bi-arrow-up-right-square-fill::before { content: "\f142"; } .bi-arrow-up-right-square::before { content: "\f143"; } .bi-arrow-up-right::before { content: "\f144"; } .bi-arrow-up-short::before { content: "\f145"; } .bi-arrow-up-square-fill::before { content: "\f146"; } .bi-arrow-up-square::before { content: "\f147"; } .bi-arrow-up::before { content: "\f148"; } .bi-arrows-angle-contract::before { content: "\f149"; } .bi-arrows-angle-expand::before { content: "\f14a"; } .bi-arrows-collapse::before { content: "\f14b"; } .bi-arrows-expand::before { content: "\f14c"; } .bi-arrows-fullscreen::before { content: "\f14d"; } .bi-arrows-move::before { content: "\f14e"; } .bi-aspect-ratio-fill::before { content: "\f14f"; } .bi-aspect-ratio::before { content: "\f150"; } .bi-asterisk::before { content: "\f151"; } .bi-at::before { content: "\f152"; } .bi-award-fill::before { content: "\f153"; } .bi-award::before { content: "\f154"; } .bi-back::before { content: "\f155"; } .bi-backspace-fill::before { content: "\f156"; } .bi-backspace-reverse-fill::before { content: "\f157"; } .bi-backspace-reverse::before { content: "\f158"; } .bi-backspace::before { content: "\f159"; } .bi-badge-3d-fill::before { content: "\f15a"; } .bi-badge-3d::before { content: "\f15b"; } .bi-badge-4k-fill::before { content: "\f15c"; } .bi-badge-4k::before { content: "\f15d"; } .bi-badge-8k-fill::before { content: "\f15e"; } .bi-badge-8k::before { content: "\f15f"; } .bi-badge-ad-fill::before { content: "\f160"; } .bi-badge-ad::before { content: "\f161"; } .bi-badge-ar-fill::before { content: "\f162"; } .bi-badge-ar::before { content: "\f163"; } .bi-badge-cc-fill::before { content: "\f164"; } .bi-badge-cc::before { content: "\f165"; } .bi-badge-hd-fill::before { content: "\f166"; } .bi-badge-hd::before { content: "\f167"; } .bi-badge-tm-fill::before { content: "\f168"; } .bi-badge-tm::before { content: "\f169"; } .bi-badge-vo-fill::before { content: "\f16a"; } .bi-badge-vo::before { content: "\f16b"; } .bi-badge-vr-fill::before { content: "\f16c"; } .bi-badge-vr::before { content: "\f16d"; } .bi-badge-wc-fill::before { content: "\f16e"; } .bi-badge-wc::before { content: "\f16f"; } .bi-bag-check-fill::before { content: "\f170"; } .bi-bag-check::before { content: "\f171"; } .bi-bag-dash-fill::before { content: "\f172"; } .bi-bag-dash::before { content: "\f173"; } .bi-bag-fill::before { content: "\f174"; } .bi-bag-plus-fill::before { content: "\f175"; } .bi-bag-plus::before { content: "\f176"; } .bi-bag-x-fill::before { content: "\f177"; } .bi-bag-x::before { content: "\f178"; } .bi-bag::before { content: "\f179"; } .bi-bar-chart-fill::before { content: "\f17a"; } .bi-bar-chart-line-fill::before { content: "\f17b"; } .bi-bar-chart-line::before { content: "\f17c"; } .bi-bar-chart-steps::before { content: "\f17d"; } .bi-bar-chart::before { content: "\f17e"; } .bi-basket-fill::before { content: "\f17f"; } .bi-basket::before { content: "\f180"; } .bi-basket2-fill::before { content: "\f181"; } .bi-basket2::before { content: "\f182"; } .bi-basket3-fill::before { content: "\f183"; } .bi-basket3::before { content: "\f184"; } .bi-battery-charging::before { content: "\f185"; } .bi-battery-full::before { content: "\f186"; } .bi-battery-half::before { content: "\f187"; } .bi-battery::before { content: "\f188"; } .bi-bell-fill::before { content: "\f189"; } .bi-bell::before { content: "\f18a"; } .bi-bezier::before { content: "\f18b"; } .bi-bezier2::before { content: "\f18c"; } .bi-bicycle::before { content: "\f18d"; } .bi-binoculars-fill::before { content: "\f18e"; } .bi-binoculars::before { content: "\f18f"; } .bi-blockquote-left::before { content: "\f190"; } .bi-blockquote-right::before { content: "\f191"; } .bi-book-fill::before { content: "\f192"; } .bi-book-half::before { content: "\f193"; } .bi-book::before { content: "\f194"; } .bi-bookmark-check-fill::before { content: "\f195"; } .bi-bookmark-check::before { content: "\f196"; } .bi-bookmark-dash-fill::before { content: "\f197"; } .bi-bookmark-dash::before { content: "\f198"; } .bi-bookmark-fill::before { content: "\f199"; } .bi-bookmark-heart-fill::before { content: "\f19a"; } .bi-bookmark-heart::before { content: "\f19b"; } .bi-bookmark-plus-fill::before { content: "\f19c"; } .bi-bookmark-plus::before { content: "\f19d"; } .bi-bookmark-star-fill::before { content: "\f19e"; } .bi-bookmark-star::before { content: "\f19f"; } .bi-bookmark-x-fill::before { content: "\f1a0"; } .bi-bookmark-x::before { content: "\f1a1"; } .bi-bookmark::before { content: "\f1a2"; } .bi-bookmarks-fill::before { content: "\f1a3"; } .bi-bookmarks::before { content: "\f1a4"; } .bi-bookshelf::before { content: "\f1a5"; } .bi-bootstrap-fill::before { content: "\f1a6"; } .bi-bootstrap-reboot::before { content: "\f1a7"; } .bi-bootstrap::before { content: "\f1a8"; } .bi-border-all::before { content: "\f1a9"; } .bi-border-bottom::before { content: "\f1aa"; } .bi-border-center::before { content: "\f1ab"; } .bi-border-inner::before { content: "\f1ac"; } .bi-border-left::before { content: "\f1ad"; } .bi-border-middle::before { content: "\f1ae"; } .bi-border-outer::before { content: "\f1af"; } .bi-border-right::before { content: "\f1b0"; } .bi-border-style::before { content: "\f1b1"; } .bi-border-top::before { content: "\f1b2"; } .bi-border-width::before { content: "\f1b3"; } .bi-border::before { content: "\f1b4"; } .bi-bounding-box-circles::before { content: "\f1b5"; } .bi-bounding-box::before { content: "\f1b6"; } .bi-box-arrow-down-left::before { content: "\f1b7"; } .bi-box-arrow-down-right::before { content: "\f1b8"; } .bi-box-arrow-down::before { content: "\f1b9"; } .bi-box-arrow-in-down-left::before { content: "\f1ba"; } .bi-box-arrow-in-down-right::before { content: "\f1bb"; } .bi-box-arrow-in-down::before { content: "\f1bc"; } .bi-box-arrow-in-left::before { content: "\f1bd"; } .bi-box-arrow-in-right::before { content: "\f1be"; } .bi-box-arrow-in-up-left::before { content: "\f1bf"; } .bi-box-arrow-in-up-right::before { content: "\f1c0"; } .bi-box-arrow-in-up::before { content: "\f1c1"; } .bi-box-arrow-left::before { content: "\f1c2"; } .bi-box-arrow-right::before { content: "\f1c3"; } .bi-box-arrow-up-left::before { content: "\f1c4"; } .bi-box-arrow-up-right::before { content: "\f1c5"; } .bi-box-arrow-up::before { content: "\f1c6"; } .bi-box-seam::before { content: "\f1c7"; } .bi-box::before { content: "\f1c8"; } .bi-braces::before { content: "\f1c9"; } .bi-bricks::before { content: "\f1ca"; } .bi-briefcase-fill::before { content: "\f1cb"; } .bi-briefcase::before { content: "\f1cc"; } .bi-brightness-alt-high-fill::before { content: "\f1cd"; } .bi-brightness-alt-high::before { content: "\f1ce"; } .bi-brightness-alt-low-fill::before { content: "\f1cf"; } .bi-brightness-alt-low::before { content: "\f1d0"; } .bi-brightness-high-fill::before { content: "\f1d1"; } .bi-brightness-high::before { content: "\f1d2"; } .bi-brightness-low-fill::before { content: "\f1d3"; } .bi-brightness-low::before { content: "\f1d4"; } .bi-broadcast-pin::before { content: "\f1d5"; } .bi-broadcast::before { content: "\f1d6"; } .bi-brush-fill::before { content: "\f1d7"; } .bi-brush::before { content: "\f1d8"; } .bi-bucket-fill::before { content: "\f1d9"; } .bi-bucket::before { content: "\f1da"; } .bi-bug-fill::before { content: "\f1db"; } .bi-bug::before { content: "\f1dc"; } .bi-building::before { content: "\f1dd"; } .bi-bullseye::before { content: "\f1de"; } .bi-calculator-fill::before { content: "\f1df"; } .bi-calculator::before { content: "\f1e0"; } .bi-calendar-check-fill::before { content: "\f1e1"; } .bi-calendar-check::before { content: "\f1e2"; } .bi-calendar-date-fill::before { content: "\f1e3"; } .bi-calendar-date::before { content: "\f1e4"; } .bi-calendar-day-fill::before { content: "\f1e5"; } .bi-calendar-day::before { content: "\f1e6"; } .bi-calendar-event-fill::before { content: "\f1e7"; } .bi-calendar-event::before { content: "\f1e8"; } .bi-calendar-fill::before { content: "\f1e9"; } .bi-calendar-minus-fill::before { content: "\f1ea"; } .bi-calendar-minus::before { content: "\f1eb"; } .bi-calendar-month-fill::before { content: "\f1ec"; } .bi-calendar-month::before { content: "\f1ed"; } .bi-calendar-plus-fill::before { content: "\f1ee"; } .bi-calendar-plus::before { content: "\f1ef"; } .bi-calendar-range-fill::before { content: "\f1f0"; } .bi-calendar-range::before { content: "\f1f1"; } .bi-calendar-week-fill::before { content: "\f1f2"; } .bi-calendar-week::before { content: "\f1f3"; } .bi-calendar-x-fill::before { content: "\f1f4"; } .bi-calendar-x::before { content: "\f1f5"; } .bi-calendar::before { content: "\f1f6"; } .bi-calendar2-check-fill::before { content: "\f1f7"; } .bi-calendar2-check::before { content: "\f1f8"; } .bi-calendar2-date-fill::before { content: "\f1f9"; } .bi-calendar2-date::before { content: "\f1fa"; } .bi-calendar2-day-fill::before { content: "\f1fb"; } .bi-calendar2-day::before { content: "\f1fc"; } .bi-calendar2-event-fill::before { content: "\f1fd"; } .bi-calendar2-event::before { content: "\f1fe"; } .bi-calendar2-fill::before { content: "\f1ff"; } .bi-calendar2-minus-fill::before { content: "\f200"; } .bi-calendar2-minus::before { content: "\f201"; } .bi-calendar2-month-fill::before { content: "\f202"; } .bi-calendar2-month::before { content: "\f203"; } .bi-calendar2-plus-fill::before { content: "\f204"; } .bi-calendar2-plus::before { content: "\f205"; } .bi-calendar2-range-fill::before { content: "\f206"; } .bi-calendar2-range::before { content: "\f207"; } .bi-calendar2-week-fill::before { content: "\f208"; } .bi-calendar2-week::before { content: "\f209"; } .bi-calendar2-x-fill::before { content: "\f20a"; } .bi-calendar2-x::before { content: "\f20b"; } .bi-calendar2::before { content: "\f20c"; } .bi-calendar3-event-fill::before { content: "\f20d"; } .bi-calendar3-event::before { content: "\f20e"; } .bi-calendar3-fill::before { content: "\f20f"; } .bi-calendar3-range-fill::before { content: "\f210"; } .bi-calendar3-range::before { content: "\f211"; } .bi-calendar3-week-fill::before { content: "\f212"; } .bi-calendar3-week::before { content: "\f213"; } .bi-calendar3::before { content: "\f214"; } .bi-calendar4-event::before { content: "\f215"; } .bi-calendar4-range::before { content: "\f216"; } .bi-calendar4-week::before { content: "\f217"; } .bi-calendar4::before { content: "\f218"; } .bi-camera-fill::before { content: "\f219"; } .bi-camera-reels-fill::before { content: "\f21a"; } .bi-camera-reels::before { content: "\f21b"; } .bi-camera-video-fill::before { content: "\f21c"; } .bi-camera-video-off-fill::before { content: "\f21d"; } .bi-camera-video-off::before { content: "\f21e"; } .bi-camera-video::before { content: "\f21f"; } .bi-camera::before { content: "\f220"; } .bi-camera2::before { content: "\f221"; } .bi-capslock-fill::before { content: "\f222"; } .bi-capslock::before { content: "\f223"; } .bi-card-checklist::before { content: "\f224"; } .bi-card-heading::before { content: "\f225"; } .bi-card-image::before { content: "\f226"; } .bi-card-list::before { content: "\f227"; } .bi-card-text::before { content: "\f228"; } .bi-caret-down-fill::before { content: "\f229"; } .bi-caret-down-square-fill::before { content: "\f22a"; } .bi-caret-down-square::before { content: "\f22b"; } .bi-caret-down::before { content: "\f22c"; } .bi-caret-left-fill::before { content: "\f22d"; } .bi-caret-left-square-fill::before { content: "\f22e"; } .bi-caret-left-square::before { content: "\f22f"; } .bi-caret-left::before { content: "\f230"; } .bi-caret-right-fill::before { content: "\f231"; } .bi-caret-right-square-fill::before { content: "\f232"; } .bi-caret-right-square::before { content: "\f233"; } .bi-caret-right::before { content: "\f234"; } .bi-caret-up-fill::before { content: "\f235"; } .bi-caret-up-square-fill::before { content: "\f236"; } .bi-caret-up-square::before { content: "\f237"; } .bi-caret-up::before { content: "\f238"; } .bi-cart-check-fill::before { content: "\f239"; } .bi-cart-check::before { content: "\f23a"; } .bi-cart-dash-fill::before { content: "\f23b"; } .bi-cart-dash::before { content: "\f23c"; } .bi-cart-fill::before { content: "\f23d"; } .bi-cart-plus-fill::before { content: "\f23e"; } .bi-cart-plus::before { content: "\f23f"; } .bi-cart-x-fill::before { content: "\f240"; } .bi-cart-x::before { content: "\f241"; } .bi-cart::before { content: "\f242"; } .bi-cart2::before { content: "\f243"; } .bi-cart3::before { content: "\f244"; } .bi-cart4::before { content: "\f245"; } .bi-cash-stack::before { content: "\f246"; } .bi-cash::before { content: "\f247"; } .bi-cast::before { content: "\f248"; } .bi-chat-dots-fill::before { content: "\f249"; } .bi-chat-dots::before { content: "\f24a"; } .bi-chat-fill::before { content: "\f24b"; } .bi-chat-left-dots-fill::before { content: "\f24c"; } .bi-chat-left-dots::before { content: "\f24d"; } .bi-chat-left-fill::before { content: "\f24e"; } .bi-chat-left-quote-fill::before { content: "\f24f"; } .bi-chat-left-quote::before { content: "\f250"; } .bi-chat-left-text-fill::before { content: "\f251"; } .bi-chat-left-text::before { content: "\f252"; } .bi-chat-left::before { content: "\f253"; } .bi-chat-quote-fill::before { content: "\f254"; } .bi-chat-quote::before { content: "\f255"; } .bi-chat-right-dots-fill::before { content: "\f256"; } .bi-chat-right-dots::before { content: "\f257"; } .bi-chat-right-fill::before { content: "\f258"; } .bi-chat-right-quote-fill::before { content: "\f259"; } .bi-chat-right-quote::before { content: "\f25a"; } .bi-chat-right-text-fill::before { content: "\f25b"; } .bi-chat-right-text::before { content: "\f25c"; } .bi-chat-right::before { content: "\f25d"; } .bi-chat-square-dots-fill::before { content: "\f25e"; } .bi-chat-square-dots::before { content: "\f25f"; } .bi-chat-square-fill::before { content: "\f260"; } .bi-chat-square-quote-fill::before { content: "\f261"; } .bi-chat-square-quote::before { content: "\f262"; } .bi-chat-square-text-fill::before { content: "\f263"; } .bi-chat-square-text::before { content: "\f264"; } .bi-chat-square::before { content: "\f265"; } .bi-chat-text-fill::before { content: "\f266"; } .bi-chat-text::before { content: "\f267"; } .bi-chat::before { content: "\f268"; } .bi-check-all::before { content: "\f269"; } .bi-check-circle-fill::before { content: "\f26a"; } .bi-check-circle::before { content: "\f26b"; } .bi-check-square-fill::before { content: "\f26c"; } .bi-check-square::before { content: "\f26d"; } .bi-check::before { content: "\f26e"; } .bi-check2-all::before { content: "\f26f"; } .bi-check2-circle::before { content: "\f270"; } .bi-check2-square::before { content: "\f271"; } .bi-check2::before { content: "\f272"; } .bi-chevron-bar-contract::before { content: "\f273"; } .bi-chevron-bar-down::before { content: "\f274"; } .bi-chevron-bar-expand::before { content: "\f275"; } .bi-chevron-bar-left::before { content: "\f276"; } .bi-chevron-bar-right::before { content: "\f277"; } .bi-chevron-bar-up::before { content: "\f278"; } .bi-chevron-compact-down::before { content: "\f279"; } .bi-chevron-compact-left::before { content: "\f27a"; } .bi-chevron-compact-right::before { content: "\f27b"; } .bi-chevron-compact-up::before { content: "\f27c"; } .bi-chevron-contract::before { content: "\f27d"; } .bi-chevron-double-down::before { content: "\f27e"; } .bi-chevron-double-left::before { content: "\f27f"; } .bi-chevron-double-right::before { content: "\f280"; } .bi-chevron-double-up::before { content: "\f281"; } .bi-chevron-down::before { content: "\f282"; } .bi-chevron-expand::before { content: "\f283"; } .bi-chevron-left::before { content: "\f284"; } .bi-chevron-right::before { content: "\f285"; } .bi-chevron-up::before { content: "\f286"; } .bi-circle-fill::before { content: "\f287"; } .bi-circle-half::before { content: "\f288"; } .bi-circle-square::before { content: "\f289"; } .bi-circle::before { content: "\f28a"; } .bi-clipboard-check::before { content: "\f28b"; } .bi-clipboard-data::before { content: "\f28c"; } .bi-clipboard-minus::before { content: "\f28d"; } .bi-clipboard-plus::before { content: "\f28e"; } .bi-clipboard-x::before { content: "\f28f"; } .bi-clipboard::before { content: "\f290"; } .bi-clock-fill::before { content: "\f291"; } .bi-clock-history::before { content: "\f292"; } .bi-clock::before { content: "\f293"; } .bi-cloud-arrow-down-fill::before { content: "\f294"; } .bi-cloud-arrow-down::before { content: "\f295"; } .bi-cloud-arrow-up-fill::before { content: "\f296"; } .bi-cloud-arrow-up::before { content: "\f297"; } .bi-cloud-check-fill::before { content: "\f298"; } .bi-cloud-check::before { content: "\f299"; } .bi-cloud-download-fill::before { content: "\f29a"; } .bi-cloud-download::before { content: "\f29b"; } .bi-cloud-drizzle-fill::before { content: "\f29c"; } .bi-cloud-drizzle::before { content: "\f29d"; } .bi-cloud-fill::before { content: "\f29e"; } .bi-cloud-fog-fill::before { content: "\f29f"; } .bi-cloud-fog::before { content: "\f2a0"; } .bi-cloud-fog2-fill::before { content: "\f2a1"; } .bi-cloud-fog2::before { content: "\f2a2"; } .bi-cloud-hail-fill::before { content: "\f2a3"; } .bi-cloud-hail::before { content: "\f2a4"; } .bi-cloud-haze-1::before { content: "\f2a5"; } .bi-cloud-haze-fill::before { content: "\f2a6"; } .bi-cloud-haze::before { content: "\f2a7"; } .bi-cloud-haze2-fill::before { content: "\f2a8"; } .bi-cloud-lightning-fill::before { content: "\f2a9"; } .bi-cloud-lightning-rain-fill::before { content: "\f2aa"; } .bi-cloud-lightning-rain::before { content: "\f2ab"; } .bi-cloud-lightning::before { content: "\f2ac"; } .bi-cloud-minus-fill::before { content: "\f2ad"; } .bi-cloud-minus::before { content: "\f2ae"; } .bi-cloud-moon-fill::before { content: "\f2af"; } .bi-cloud-moon::before { content: "\f2b0"; } .bi-cloud-plus-fill::before { content: "\f2b1"; } .bi-cloud-plus::before { content: "\f2b2"; } .bi-cloud-rain-fill::before { content: "\f2b3"; } .bi-cloud-rain-heavy-fill::before { content: "\f2b4"; } .bi-cloud-rain-heavy::before { content: "\f2b5"; } .bi-cloud-rain::before { content: "\f2b6"; } .bi-cloud-slash-fill::before { content: "\f2b7"; } .bi-cloud-slash::before { content: "\f2b8"; } .bi-cloud-sleet-fill::before { content: "\f2b9"; } .bi-cloud-sleet::before { content: "\f2ba"; } .bi-cloud-snow-fill::before { content: "\f2bb"; } .bi-cloud-snow::before { content: "\f2bc"; } .bi-cloud-sun-fill::before { content: "\f2bd"; } .bi-cloud-sun::before { content: "\f2be"; } .bi-cloud-upload-fill::before { content: "\f2bf"; } .bi-cloud-upload::before { content: "\f2c0"; } .bi-cloud::before { content: "\f2c1"; } .bi-clouds-fill::before { content: "\f2c2"; } .bi-clouds::before { content: "\f2c3"; } .bi-cloudy-fill::before { content: "\f2c4"; } .bi-cloudy::before { content: "\f2c5"; } .bi-code-slash::before { content: "\f2c6"; } .bi-code-square::before { content: "\f2c7"; } .bi-code::before { content: "\f2c8"; } .bi-collection-fill::before { content: "\f2c9"; } .bi-collection-play-fill::before { content: "\f2ca"; } .bi-collection-play::before { content: "\f2cb"; } .bi-collection::before { content: "\f2cc"; } .bi-columns-gap::before { content: "\f2cd"; } .bi-columns::before { content: "\f2ce"; } .bi-command::before { content: "\f2cf"; } .bi-compass-fill::before { content: "\f2d0"; } .bi-compass::before { content: "\f2d1"; } .bi-cone-striped::before { content: "\f2d2"; } .bi-cone::before { content: "\f2d3"; } .bi-controller::before { content: "\f2d4"; } .bi-cpu-fill::before { content: "\f2d5"; } .bi-cpu::before { content: "\f2d6"; } .bi-credit-card-2-back-fill::before { content: "\f2d7"; } .bi-credit-card-2-back::before { content: "\f2d8"; } .bi-credit-card-2-front-fill::before { content: "\f2d9"; } .bi-credit-card-2-front::before { content: "\f2da"; } .bi-credit-card-fill::before { content: "\f2db"; } .bi-credit-card::before { content: "\f2dc"; } .bi-crop::before { content: "\f2dd"; } .bi-cup-fill::before { content: "\f2de"; } .bi-cup-straw::before { content: "\f2df"; } .bi-cup::before { content: "\f2e0"; } .bi-cursor-fill::before { content: "\f2e1"; } .bi-cursor-text::before { content: "\f2e2"; } .bi-cursor::before { content: "\f2e3"; } .bi-dash-circle-dotted::before { content: "\f2e4"; } .bi-dash-circle-fill::before { content: "\f2e5"; } .bi-dash-circle::before { content: "\f2e6"; } .bi-dash-square-dotted::before { content: "\f2e7"; } .bi-dash-square-fill::before { content: "\f2e8"; } .bi-dash-square::before { content: "\f2e9"; } .bi-dash::before { content: "\f2ea"; } .bi-diagram-2-fill::before { content: "\f2eb"; } .bi-diagram-2::before { content: "\f2ec"; } .bi-diagram-3-fill::before { content: "\f2ed"; } .bi-diagram-3::before { content: "\f2ee"; } .bi-diamond-fill::before { content: "\f2ef"; } .bi-diamond-half::before { content: "\f2f0"; } .bi-diamond::before { content: "\f2f1"; } .bi-dice-1-fill::before { content: "\f2f2"; } .bi-dice-1::before { content: "\f2f3"; } .bi-dice-2-fill::before { content: "\f2f4"; } .bi-dice-2::before { content: "\f2f5"; } .bi-dice-3-fill::before { content: "\f2f6"; } .bi-dice-3::before { content: "\f2f7"; } .bi-dice-4-fill::before { content: "\f2f8"; } .bi-dice-4::before { content: "\f2f9"; } .bi-dice-5-fill::before { content: "\f2fa"; } .bi-dice-5::before { content: "\f2fb"; } .bi-dice-6-fill::before { content: "\f2fc"; } .bi-dice-6::before { content: "\f2fd"; } .bi-disc-fill::before { content: "\f2fe"; } .bi-disc::before { content: "\f2ff"; } .bi-discord::before { content: "\f300"; } .bi-display-fill::before { content: "\f301"; } .bi-display::before { content: "\f302"; } .bi-distribute-horizontal::before { content: "\f303"; } .bi-distribute-vertical::before { content: "\f304"; } .bi-door-closed-fill::before { content: "\f305"; } .bi-door-closed::before { content: "\f306"; } .bi-door-open-fill::before { content: "\f307"; } .bi-door-open::before { content: "\f308"; } .bi-dot::before { content: "\f309"; } .bi-download::before { content: "\f30a"; } .bi-droplet-fill::before { content: "\f30b"; } .bi-droplet-half::before { content: "\f30c"; } .bi-droplet::before { content: "\f30d"; } .bi-earbuds::before { content: "\f30e"; } .bi-easel-fill::before { content: "\f30f"; } .bi-easel::before { content: "\f310"; } .bi-egg-fill::before { content: "\f311"; } .bi-egg-fried::before { content: "\f312"; } .bi-egg::before { content: "\f313"; } .bi-eject-fill::before { content: "\f314"; } .bi-eject::before { content: "\f315"; } .bi-emoji-angry-fill::before { content: "\f316"; } .bi-emoji-angry::before { content: "\f317"; } .bi-emoji-dizzy-fill::before { content: "\f318"; } .bi-emoji-dizzy::before { content: "\f319"; } .bi-emoji-expressionless-fill::before { content: "\f31a"; } .bi-emoji-expressionless::before { content: "\f31b"; } .bi-emoji-frown-fill::before { content: "\f31c"; } .bi-emoji-frown::before { content: "\f31d"; } .bi-emoji-heart-eyes-fill::before { content: "\f31e"; } .bi-emoji-heart-eyes::before { content: "\f31f"; } .bi-emoji-laughing-fill::before { content: "\f320"; } .bi-emoji-laughing::before { content: "\f321"; } .bi-emoji-neutral-fill::before { content: "\f322"; } .bi-emoji-neutral::before { content: "\f323"; } .bi-emoji-smile-fill::before { content: "\f324"; } .bi-emoji-smile-upside-down-fill::before { content: "\f325"; } .bi-emoji-smile-upside-down::before { content: "\f326"; } .bi-emoji-smile::before { content: "\f327"; } .bi-emoji-sunglasses-fill::before { content: "\f328"; } .bi-emoji-sunglasses::before { content: "\f329"; } .bi-emoji-wink-fill::before { content: "\f32a"; } .bi-emoji-wink::before { content: "\f32b"; } .bi-envelope-fill::before { content: "\f32c"; } .bi-envelope-open-fill::before { content: "\f32d"; } .bi-envelope-open::before { content: "\f32e"; } .bi-envelope::before { content: "\f32f"; } .bi-eraser-fill::before { content: "\f330"; } .bi-eraser::before { content: "\f331"; } .bi-exclamation-circle-fill::before { content: "\f332"; } .bi-exclamation-circle::before { content: "\f333"; } .bi-exclamation-diamond-fill::before { content: "\f334"; } .bi-exclamation-diamond::before { content: "\f335"; } .bi-exclamation-octagon-fill::before { content: "\f336"; } .bi-exclamation-octagon::before { content: "\f337"; } .bi-exclamation-square-fill::before { content: "\f338"; } .bi-exclamation-square::before { content: "\f339"; } .bi-exclamation-triangle-fill::before { content: "\f33a"; } .bi-exclamation-triangle::before { content: "\f33b"; } .bi-exclamation::before { content: "\f33c"; } .bi-exclude::before { content: "\f33d"; } .bi-eye-fill::before { content: "\f33e"; } .bi-eye-slash-fill::before { content: "\f33f"; } .bi-eye-slash::before { content: "\f340"; } .bi-eye::before { content: "\f341"; } .bi-eyedropper::before { content: "\f342"; } .bi-eyeglasses::before { content: "\f343"; } .bi-facebook::before { content: "\f344"; } .bi-file-arrow-down-fill::before { content: "\f345"; } .bi-file-arrow-down::before { content: "\f346"; } .bi-file-arrow-up-fill::before { content: "\f347"; } .bi-file-arrow-up::before { content: "\f348"; } .bi-file-bar-graph-fill::before { content: "\f349"; } .bi-file-bar-graph::before { content: "\f34a"; } .bi-file-binary-fill::before { content: "\f34b"; } .bi-file-binary::before { content: "\f34c"; } .bi-file-break-fill::before { content: "\f34d"; } .bi-file-break::before { content: "\f34e"; } .bi-file-check-fill::before { content: "\f34f"; } .bi-file-check::before { content: "\f350"; } .bi-file-code-fill::before { content: "\f351"; } .bi-file-code::before { content: "\f352"; } .bi-file-diff-fill::before { content: "\f353"; } .bi-file-diff::before { content: "\f354"; } .bi-file-earmark-arrow-down-fill::before { content: "\f355"; } .bi-file-earmark-arrow-down::before { content: "\f356"; } .bi-file-earmark-arrow-up-fill::before { content: "\f357"; } .bi-file-earmark-arrow-up::before { content: "\f358"; } .bi-file-earmark-bar-graph-fill::before { content: "\f359"; } .bi-file-earmark-bar-graph::before { content: "\f35a"; } .bi-file-earmark-binary-fill::before { content: "\f35b"; } .bi-file-earmark-binary::before { content: "\f35c"; } .bi-file-earmark-break-fill::before { content: "\f35d"; } .bi-file-earmark-break::before { content: "\f35e"; } .bi-file-earmark-check-fill::before { content: "\f35f"; } .bi-file-earmark-check::before { content: "\f360"; } .bi-file-earmark-code-fill::before { content: "\f361"; } .bi-file-earmark-code::before { content: "\f362"; } .bi-file-earmark-diff-fill::before { content: "\f363"; } .bi-file-earmark-diff::before { content: "\f364"; } .bi-file-earmark-easel-fill::before { content: "\f365"; } .bi-file-earmark-easel::before { content: "\f366"; } .bi-file-earmark-excel-fill::before { content: "\f367"; } .bi-file-earmark-excel::before { content: "\f368"; } .bi-file-earmark-fill::before { content: "\f369"; } .bi-file-earmark-font-fill::before { content: "\f36a"; } .bi-file-earmark-font::before { content: "\f36b"; } .bi-file-earmark-image-fill::before { content: "\f36c"; } .bi-file-earmark-image::before { content: "\f36d"; } .bi-file-earmark-lock-fill::before { content: "\f36e"; } .bi-file-earmark-lock::before { content: "\f36f"; } .bi-file-earmark-lock2-fill::before { content: "\f370"; } .bi-file-earmark-lock2::before { content: "\f371"; } .bi-file-earmark-medical-fill::before { content: "\f372"; } .bi-file-earmark-medical::before { content: "\f373"; } .bi-file-earmark-minus-fill::before { content: "\f374"; } .bi-file-earmark-minus::before { content: "\f375"; } .bi-file-earmark-music-fill::before { content: "\f376"; } .bi-file-earmark-music::before { content: "\f377"; } .bi-file-earmark-person-fill::before { content: "\f378"; } .bi-file-earmark-person::before { content: "\f379"; } .bi-file-earmark-play-fill::before { content: "\f37a"; } .bi-file-earmark-play::before { content: "\f37b"; } .bi-file-earmark-plus-fill::before { content: "\f37c"; } .bi-file-earmark-plus::before { content: "\f37d"; } .bi-file-earmark-post-fill::before { content: "\f37e"; } .bi-file-earmark-post::before { content: "\f37f"; } .bi-file-earmark-ppt-fill::before { content: "\f380"; } .bi-file-earmark-ppt::before { content: "\f381"; } .bi-file-earmark-richtext-fill::before { content: "\f382"; } .bi-file-earmark-richtext::before { content: "\f383"; } .bi-file-earmark-ruled-fill::before { content: "\f384"; } .bi-file-earmark-ruled::before { content: "\f385"; } .bi-file-earmark-slides-fill::before { content: "\f386"; } .bi-file-earmark-slides::before { content: "\f387"; } .bi-file-earmark-spreadsheet-fill::before { content: "\f388"; } .bi-file-earmark-spreadsheet::before { content: "\f389"; } .bi-file-earmark-text-fill::before { content: "\f38a"; } .bi-file-earmark-text::before { content: "\f38b"; } .bi-file-earmark-word-fill::before { content: "\f38c"; } .bi-file-earmark-word::before { content: "\f38d"; } .bi-file-earmark-x-fill::before { content: "\f38e"; } .bi-file-earmark-x::before { content: "\f38f"; } .bi-file-earmark-zip-fill::before { content: "\f390"; } .bi-file-earmark-zip::before { content: "\f391"; } .bi-file-earmark::before { content: "\f392"; } .bi-file-easel-fill::before { content: "\f393"; } .bi-file-easel::before { content: "\f394"; } .bi-file-excel-fill::before { content: "\f395"; } .bi-file-excel::before { content: "\f396"; } .bi-file-fill::before { content: "\f397"; } .bi-file-font-fill::before { content: "\f398"; } .bi-file-font::before { content: "\f399"; } .bi-file-image-fill::before { content: "\f39a"; } .bi-file-image::before { content: "\f39b"; } .bi-file-lock-fill::before { content: "\f39c"; } .bi-file-lock::before { content: "\f39d"; } .bi-file-lock2-fill::before { content: "\f39e"; } .bi-file-lock2::before { content: "\f39f"; } .bi-file-medical-fill::before { content: "\f3a0"; } .bi-file-medical::before { content: "\f3a1"; } .bi-file-minus-fill::before { content: "\f3a2"; } .bi-file-minus::before { content: "\f3a3"; } .bi-file-music-fill::before { content: "\f3a4"; } .bi-file-music::before { content: "\f3a5"; } .bi-file-person-fill::before { content: "\f3a6"; } .bi-file-person::before { content: "\f3a7"; } .bi-file-play-fill::before { content: "\f3a8"; } .bi-file-play::before { content: "\f3a9"; } .bi-file-plus-fill::before { content: "\f3aa"; } .bi-file-plus::before { content: "\f3ab"; } .bi-file-post-fill::before { content: "\f3ac"; } .bi-file-post::before { content: "\f3ad"; } .bi-file-ppt-fill::before { content: "\f3ae"; } .bi-file-ppt::before { content: "\f3af"; } .bi-file-richtext-fill::before { content: "\f3b0"; } .bi-file-richtext::before { content: "\f3b1"; } .bi-file-ruled-fill::before { content: "\f3b2"; } .bi-file-ruled::before { content: "\f3b3"; } .bi-file-slides-fill::before { content: "\f3b4"; } .bi-file-slides::before { content: "\f3b5"; } .bi-file-spreadsheet-fill::before { content: "\f3b6"; } .bi-file-spreadsheet::before { content: "\f3b7"; } .bi-file-text-fill::before { content: "\f3b8"; } .bi-file-text::before { content: "\f3b9"; } .bi-file-word-fill::before { content: "\f3ba"; } .bi-file-word::before { content: "\f3bb"; } .bi-file-x-fill::before { content: "\f3bc"; } .bi-file-x::before { content: "\f3bd"; } .bi-file-zip-fill::before { content: "\f3be"; } .bi-file-zip::before { content: "\f3bf"; } .bi-file::before { content: "\f3c0"; } .bi-files-alt::before { content: "\f3c1"; } .bi-files::before { content: "\f3c2"; } .bi-film::before { content: "\f3c3"; } .bi-filter-circle-fill::before { content: "\f3c4"; } .bi-filter-circle::before { content: "\f3c5"; } .bi-filter-left::before { content: "\f3c6"; } .bi-filter-right::before { content: "\f3c7"; } .bi-filter-square-fill::before { content: "\f3c8"; } .bi-filter-square::before { content: "\f3c9"; } .bi-filter::before { content: "\f3ca"; } .bi-flag-fill::before { content: "\f3cb"; } .bi-flag::before { content: "\f3cc"; } .bi-flower1::before { content: "\f3cd"; } .bi-flower2::before { content: "\f3ce"; } .bi-flower3::before { content: "\f3cf"; } .bi-folder-check::before { content: "\f3d0"; } .bi-folder-fill::before { content: "\f3d1"; } .bi-folder-minus::before { content: "\f3d2"; } .bi-folder-plus::before { content: "\f3d3"; } .bi-folder-symlink-fill::before { content: "\f3d4"; } .bi-folder-symlink::before { content: "\f3d5"; } .bi-folder-x::before { content: "\f3d6"; } .bi-folder::before { content: "\f3d7"; } .bi-folder2-open::before { content: "\f3d8"; } .bi-folder2::before { content: "\f3d9"; } .bi-fonts::before { content: "\f3da"; } .bi-forward-fill::before { content: "\f3db"; } .bi-forward::before { content: "\f3dc"; } .bi-front::before { content: "\f3dd"; } .bi-fullscreen-exit::before { content: "\f3de"; } .bi-fullscreen::before { content: "\f3df"; } .bi-funnel-fill::before { content: "\f3e0"; } .bi-funnel::before { content: "\f3e1"; } .bi-gear-fill::before { content: "\f3e2"; } .bi-gear-wide-connected::before { content: "\f3e3"; } .bi-gear-wide::before { content: "\f3e4"; } .bi-gear::before { content: "\f3e5"; } .bi-gem::before { content: "\f3e6"; } .bi-geo-alt-fill::before { content: "\f3e7"; } .bi-geo-alt::before { content: "\f3e8"; } .bi-geo-fill::before { content: "\f3e9"; } .bi-geo::before { content: "\f3ea"; } .bi-gift-fill::before { content: "\f3eb"; } .bi-gift::before { content: "\f3ec"; } .bi-github::before { content: "\f3ed"; } .bi-globe::before { content: "\f3ee"; } .bi-globe2::before { content: "\f3ef"; } .bi-google::before { content: "\f3f0"; } .bi-graph-down::before { content: "\f3f1"; } .bi-graph-up::before { content: "\f3f2"; } .bi-grid-1x2-fill::before { content: "\f3f3"; } .bi-grid-1x2::before { content: "\f3f4"; } .bi-grid-3x2-gap-fill::before { content: "\f3f5"; } .bi-grid-3x2-gap::before { content: "\f3f6"; } .bi-grid-3x2::before { content: "\f3f7"; } .bi-grid-3x3-gap-fill::before { content: "\f3f8"; } .bi-grid-3x3-gap::before { content: "\f3f9"; } .bi-grid-3x3::before { content: "\f3fa"; } .bi-grid-fill::before { content: "\f3fb"; } .bi-grid::before { content: "\f3fc"; } .bi-grip-horizontal::before { content: "\f3fd"; } .bi-grip-vertical::before { content: "\f3fe"; } .bi-hammer::before { content: "\f3ff"; } .bi-hand-index-fill::before { content: "\f400"; } .bi-hand-index-thumb-fill::before { content: "\f401"; } .bi-hand-index-thumb::before { content: "\f402"; } .bi-hand-index::before { content: "\f403"; } .bi-hand-thumbs-down-fill::before { content: "\f404"; } .bi-hand-thumbs-down::before { content: "\f405"; } .bi-hand-thumbs-up-fill::before { content: "\f406"; } .bi-hand-thumbs-up::before { content: "\f407"; } .bi-handbag-fill::before { content: "\f408"; } .bi-handbag::before { content: "\f409"; } .bi-hash::before { content: "\f40a"; } .bi-hdd-fill::before { content: "\f40b"; } .bi-hdd-network-fill::before { content: "\f40c"; } .bi-hdd-network::before { content: "\f40d"; } .bi-hdd-rack-fill::before { content: "\f40e"; } .bi-hdd-rack::before { content: "\f40f"; } .bi-hdd-stack-fill::before { content: "\f410"; } .bi-hdd-stack::before { content: "\f411"; } .bi-hdd::before { content: "\f412"; } .bi-headphones::before { content: "\f413"; } .bi-headset::before { content: "\f414"; } .bi-heart-fill::before { content: "\f415"; } .bi-heart-half::before { content: "\f416"; } .bi-heart::before { content: "\f417"; } .bi-heptagon-fill::before { content: "\f418"; } .bi-heptagon-half::before { content: "\f419"; } .bi-heptagon::before { content: "\f41a"; } .bi-hexagon-fill::before { content: "\f41b"; } .bi-hexagon-half::before { content: "\f41c"; } .bi-hexagon::before { content: "\f41d"; } .bi-hourglass-bottom::before { content: "\f41e"; } .bi-hourglass-split::before { content: "\f41f"; } .bi-hourglass-top::before { content: "\f420"; } .bi-hourglass::before { content: "\f421"; } .bi-house-door-fill::before { content: "\f422"; } .bi-house-door::before { content: "\f423"; } .bi-house-fill::before { content: "\f424"; } .bi-house::before { content: "\f425"; } .bi-hr::before { content: "\f426"; } .bi-hurricane::before { content: "\f427"; } .bi-image-alt::before { content: "\f428"; } .bi-image-fill::before { content: "\f429"; } .bi-image::before { content: "\f42a"; } .bi-images::before { content: "\f42b"; } .bi-inbox-fill::before { content: "\f42c"; } .bi-inbox::before { content: "\f42d"; } .bi-inboxes-fill::before { content: "\f42e"; } .bi-inboxes::before { content: "\f42f"; } .bi-info-circle-fill::before { content: "\f430"; } .bi-info-circle::before { content: "\f431"; } .bi-info-square-fill::before { content: "\f432"; } .bi-info-square::before { content: "\f433"; } .bi-info::before { content: "\f434"; } .bi-input-cursor-text::before { content: "\f435"; } .bi-input-cursor::before { content: "\f436"; } .bi-instagram::before { content: "\f437"; } .bi-intersect::before { content: "\f438"; } .bi-journal-album::before { content: "\f439"; } .bi-journal-arrow-down::before { content: "\f43a"; } .bi-journal-arrow-up::before { content: "\f43b"; } .bi-journal-bookmark-fill::before { content: "\f43c"; } .bi-journal-bookmark::before { content: "\f43d"; } .bi-journal-check::before { content: "\f43e"; } .bi-journal-code::before { content: "\f43f"; } .bi-journal-medical::before { content: "\f440"; } .bi-journal-minus::before { content: "\f441"; } .bi-journal-plus::before { content: "\f442"; } .bi-journal-richtext::before { content: "\f443"; } .bi-journal-text::before { content: "\f444"; } .bi-journal-x::before { content: "\f445"; } .bi-journal::before { content: "\f446"; } .bi-journals::before { content: "\f447"; } .bi-joystick::before { content: "\f448"; } .bi-justify-left::before { content: "\f449"; } .bi-justify-right::before { content: "\f44a"; } .bi-justify::before { content: "\f44b"; } .bi-kanban-fill::before { content: "\f44c"; } .bi-kanban::before { content: "\f44d"; } .bi-key-fill::before { content: "\f44e"; } .bi-key::before { content: "\f44f"; } .bi-keyboard-fill::before { content: "\f450"; } .bi-keyboard::before { content: "\f451"; } .bi-ladder::before { content: "\f452"; } .bi-lamp-fill::before { content: "\f453"; } .bi-lamp::before { content: "\f454"; } .bi-laptop-fill::before { content: "\f455"; } .bi-laptop::before { content: "\f456"; } .bi-layer-backward::before { content: "\f457"; } .bi-layer-forward::before { content: "\f458"; } .bi-layers-fill::before { content: "\f459"; } .bi-layers-half::before { content: "\f45a"; } .bi-layers::before { content: "\f45b"; } .bi-layout-sidebar-inset-reverse::before { content: "\f45c"; } .bi-layout-sidebar-inset::before { content: "\f45d"; } .bi-layout-sidebar-reverse::before { content: "\f45e"; } .bi-layout-sidebar::before { content: "\f45f"; } .bi-layout-split::before { content: "\f460"; } .bi-layout-text-sidebar-reverse::before { content: "\f461"; } .bi-layout-text-sidebar::before { content: "\f462"; } .bi-layout-text-window-reverse::before { content: "\f463"; } .bi-layout-text-window::before { content: "\f464"; } .bi-layout-three-columns::before { content: "\f465"; } .bi-layout-wtf::before { content: "\f466"; } .bi-life-preserver::before { content: "\f467"; } .bi-lightbulb-fill::before { content: "\f468"; } .bi-lightbulb-off-fill::before { content: "\f469"; } .bi-lightbulb-off::before { content: "\f46a"; } .bi-lightbulb::before { content: "\f46b"; } .bi-lightning-charge-fill::before { content: "\f46c"; } .bi-lightning-charge::before { content: "\f46d"; } .bi-lightning-fill::before { content: "\f46e"; } .bi-lightning::before { content: "\f46f"; } .bi-link-45deg::before { content: "\f470"; } .bi-link::before { content: "\f471"; } .bi-linkedin::before { content: "\f472"; } .bi-list-check::before { content: "\f473"; } .bi-list-nested::before { content: "\f474"; } .bi-list-ol::before { content: "\f475"; } .bi-list-stars::before { content: "\f476"; } .bi-list-task::before { content: "\f477"; } .bi-list-ul::before { content: "\f478"; } .bi-list::before { content: "\f479"; } .bi-lock-fill::before { content: "\f47a"; } .bi-lock::before { content: "\f47b"; } .bi-mailbox::before { content: "\f47c"; } .bi-mailbox2::before { content: "\f47d"; } .bi-map-fill::before { content: "\f47e"; } .bi-map::before { content: "\f47f"; } .bi-markdown-fill::before { content: "\f480"; } .bi-markdown::before { content: "\f481"; } .bi-mask::before { content: "\f482"; } .bi-megaphone-fill::before { content: "\f483"; } .bi-megaphone::before { content: "\f484"; } .bi-menu-app-fill::before { content: "\f485"; } .bi-menu-app::before { content: "\f486"; } .bi-menu-button-fill::before { content: "\f487"; } .bi-menu-button-wide-fill::before { content: "\f488"; } .bi-menu-button-wide::before { content: "\f489"; } .bi-menu-button::before { content: "\f48a"; } .bi-menu-down::before { content: "\f48b"; } .bi-menu-up::before { content: "\f48c"; } .bi-mic-fill::before { content: "\f48d"; } .bi-mic-mute-fill::before { content: "\f48e"; } .bi-mic-mute::before { content: "\f48f"; } .bi-mic::before { content: "\f490"; } .bi-minecart-loaded::before { content: "\f491"; } .bi-minecart::before { content: "\f492"; } .bi-moisture::before { content: "\f493"; } .bi-moon-fill::before { content: "\f494"; } .bi-moon-stars-fill::before { content: "\f495"; } .bi-moon-stars::before { content: "\f496"; } .bi-moon::before { content: "\f497"; } .bi-mouse-fill::before { content: "\f498"; } .bi-mouse::before { content: "\f499"; } .bi-mouse2-fill::before { content: "\f49a"; } .bi-mouse2::before { content: "\f49b"; } .bi-mouse3-fill::before { content: "\f49c"; } .bi-mouse3::before { content: "\f49d"; } .bi-music-note-beamed::before { content: "\f49e"; } .bi-music-note-list::before { content: "\f49f"; } .bi-music-note::before { content: "\f4a0"; } .bi-music-player-fill::before { content: "\f4a1"; } .bi-music-player::before { content: "\f4a2"; } .bi-newspaper::before { content: "\f4a3"; } .bi-node-minus-fill::before { content: "\f4a4"; } .bi-node-minus::before { content: "\f4a5"; } .bi-node-plus-fill::before { content: "\f4a6"; } .bi-node-plus::before { content: "\f4a7"; } .bi-nut-fill::before { content: "\f4a8"; } .bi-nut::before { content: "\f4a9"; } .bi-octagon-fill::before { content: "\f4aa"; } .bi-octagon-half::before { content: "\f4ab"; } .bi-octagon::before { content: "\f4ac"; } .bi-option::before { content: "\f4ad"; } .bi-outlet::before { content: "\f4ae"; } .bi-paint-bucket::before { content: "\f4af"; } .bi-palette-fill::before { content: "\f4b0"; } .bi-palette::before { content: "\f4b1"; } .bi-palette2::before { content: "\f4b2"; } .bi-paperclip::before { content: "\f4b3"; } .bi-paragraph::before { content: "\f4b4"; } .bi-patch-check-fill::before { content: "\f4b5"; } .bi-patch-check::before { content: "\f4b6"; } .bi-patch-exclamation-fill::before { content: "\f4b7"; } .bi-patch-exclamation::before { content: "\f4b8"; } .bi-patch-minus-fill::before { content: "\f4b9"; } .bi-patch-minus::before { content: "\f4ba"; } .bi-patch-plus-fill::before { content: "\f4bb"; } .bi-patch-plus::before { content: "\f4bc"; } .bi-patch-question-fill::before { content: "\f4bd"; } .bi-patch-question::before { content: "\f4be"; } .bi-pause-btn-fill::before { content: "\f4bf"; } .bi-pause-btn::before { content: "\f4c0"; } .bi-pause-circle-fill::before { content: "\f4c1"; } .bi-pause-circle::before { content: "\f4c2"; } .bi-pause-fill::before { content: "\f4c3"; } .bi-pause::before { content: "\f4c4"; } .bi-peace-fill::before { content: "\f4c5"; } .bi-peace::before { content: "\f4c6"; } .bi-pen-fill::before { content: "\f4c7"; } .bi-pen::before { content: "\f4c8"; } .bi-pencil-fill::before { content: "\f4c9"; } .bi-pencil-square::before { content: "\f4ca"; } .bi-pencil::before { content: "\f4cb"; } .bi-pentagon-fill::before { content: "\f4cc"; } .bi-pentagon-half::before { content: "\f4cd"; } .bi-pentagon::before { content: "\f4ce"; } .bi-people-fill::before { content: "\f4cf"; } .bi-people::before { content: "\f4d0"; } .bi-percent::before { content: "\f4d1"; } .bi-person-badge-fill::before { content: "\f4d2"; } .bi-person-badge::before { content: "\f4d3"; } .bi-person-bounding-box::before { content: "\f4d4"; } .bi-person-check-fill::before { content: "\f4d5"; } .bi-person-check::before { content: "\f4d6"; } .bi-person-circle::before { content: "\f4d7"; } .bi-person-dash-fill::before { content: "\f4d8"; } .bi-person-dash::before { content: "\f4d9"; } .bi-person-fill::before { content: "\f4da"; } .bi-person-lines-fill::before { content: "\f4db"; } .bi-person-plus-fill::before { content: "\f4dc"; } .bi-person-plus::before { content: "\f4dd"; } .bi-person-square::before { content: "\f4de"; } .bi-person-x-fill::before { content: "\f4df"; } .bi-person-x::before { content: "\f4e0"; } .bi-person::before { content: "\f4e1"; } .bi-phone-fill::before { content: "\f4e2"; } .bi-phone-landscape-fill::before { content: "\f4e3"; } .bi-phone-landscape::before { content: "\f4e4"; } .bi-phone-vibrate-fill::before { content: "\f4e5"; } .bi-phone-vibrate::before { content: "\f4e6"; } .bi-phone::before { content: "\f4e7"; } .bi-pie-chart-fill::before { content: "\f4e8"; } .bi-pie-chart::before { content: "\f4e9"; } .bi-pin-angle-fill::before { content: "\f4ea"; } .bi-pin-angle::before { content: "\f4eb"; } .bi-pin-fill::before { content: "\f4ec"; } .bi-pin::before { content: "\f4ed"; } .bi-pip-fill::before { content: "\f4ee"; } .bi-pip::before { content: "\f4ef"; } .bi-play-btn-fill::before { content: "\f4f0"; } .bi-play-btn::before { content: "\f4f1"; } .bi-play-circle-fill::before { content: "\f4f2"; } .bi-play-circle::before { content: "\f4f3"; } .bi-play-fill::before { content: "\f4f4"; } .bi-play::before { content: "\f4f5"; } .bi-plug-fill::before { content: "\f4f6"; } .bi-plug::before { content: "\f4f7"; } .bi-plus-circle-dotted::before { content: "\f4f8"; } .bi-plus-circle-fill::before { content: "\f4f9"; } .bi-plus-circle::before { content: "\f4fa"; } .bi-plus-square-dotted::before { content: "\f4fb"; } .bi-plus-square-fill::before { content: "\f4fc"; } .bi-plus-square::before { content: "\f4fd"; } .bi-plus::before { content: "\f4fe"; } .bi-power::before { content: "\f4ff"; } .bi-printer-fill::before { content: "\f500"; } .bi-printer::before { content: "\f501"; } .bi-puzzle-fill::before { content: "\f502"; } .bi-puzzle::before { content: "\f503"; } .bi-question-circle-fill::before { content: "\f504"; } .bi-question-circle::before { content: "\f505"; } .bi-question-diamond-fill::before { content: "\f506"; } .bi-question-diamond::before { content: "\f507"; } .bi-question-octagon-fill::before { content: "\f508"; } .bi-question-octagon::before { content: "\f509"; } .bi-question-square-fill::before { content: "\f50a"; } .bi-question-square::before { content: "\f50b"; } .bi-question::before { content: "\f50c"; } .bi-rainbow::before { content: "\f50d"; } .bi-receipt-cutoff::before { content: "\f50e"; } .bi-receipt::before { content: "\f50f"; } .bi-reception-0::before { content: "\f510"; } .bi-reception-1::before { content: "\f511"; } .bi-reception-2::before { content: "\f512"; } .bi-reception-3::before { content: "\f513"; } .bi-reception-4::before { content: "\f514"; } .bi-record-btn-fill::before { content: "\f515"; } .bi-record-btn::before { content: "\f516"; } .bi-record-circle-fill::before { content: "\f517"; } .bi-record-circle::before { content: "\f518"; } .bi-record-fill::before { content: "\f519"; } .bi-record::before { content: "\f51a"; } .bi-record2-fill::before { content: "\f51b"; } .bi-record2::before { content: "\f51c"; } .bi-reply-all-fill::before { content: "\f51d"; } .bi-reply-all::before { content: "\f51e"; } .bi-reply-fill::before { content: "\f51f"; } .bi-reply::before { content: "\f520"; } .bi-rss-fill::before { content: "\f521"; } .bi-rss::before { content: "\f522"; } .bi-rulers::before { content: "\f523"; } .bi-save-fill::before { content: "\f524"; } .bi-save::before { content: "\f525"; } .bi-save2-fill::before { content: "\f526"; } .bi-save2::before { content: "\f527"; } .bi-scissors::before { content: "\f528"; } .bi-screwdriver::before { content: "\f529"; } .bi-search::before { content: "\f52a"; } .bi-segmented-nav::before { content: "\f52b"; } .bi-server::before { content: "\f52c"; } .bi-share-fill::before { content: "\f52d"; } .bi-share::before { content: "\f52e"; } .bi-shield-check::before { content: "\f52f"; } .bi-shield-exclamation::before { content: "\f530"; } .bi-shield-fill-check::before { content: "\f531"; } .bi-shield-fill-exclamation::before { content: "\f532"; } .bi-shield-fill-minus::before { content: "\f533"; } .bi-shield-fill-plus::before { content: "\f534"; } .bi-shield-fill-x::before { content: "\f535"; } .bi-shield-fill::before { content: "\f536"; } .bi-shield-lock-fill::before { content: "\f537"; } .bi-shield-lock::before { content: "\f538"; } .bi-shield-minus::before { content: "\f539"; } .bi-shield-plus::before { content: "\f53a"; } .bi-shield-shaded::before { content: "\f53b"; } .bi-shield-slash-fill::before { content: "\f53c"; } .bi-shield-slash::before { content: "\f53d"; } .bi-shield-x::before { content: "\f53e"; } .bi-shield::before { content: "\f53f"; } .bi-shift-fill::before { content: "\f540"; } .bi-shift::before { content: "\f541"; } .bi-shop-window::before { content: "\f542"; } .bi-shop::before { content: "\f543"; } .bi-shuffle::before { content: "\f544"; } .bi-signpost-2-fill::before { content: "\f545"; } .bi-signpost-2::before { content: "\f546"; } .bi-signpost-fill::before { content: "\f547"; } .bi-signpost-split-fill::before { content: "\f548"; } .bi-signpost-split::before { content: "\f549"; } .bi-signpost::before { content: "\f54a"; } .bi-sim-fill::before { content: "\f54b"; } .bi-sim::before { content: "\f54c"; } .bi-skip-backward-btn-fill::before { content: "\f54d"; } .bi-skip-backward-btn::before { content: "\f54e"; } .bi-skip-backward-circle-fill::before { content: "\f54f"; } .bi-skip-backward-circle::before { content: "\f550"; } .bi-skip-backward-fill::before { content: "\f551"; } .bi-skip-backward::before { content: "\f552"; } .bi-skip-end-btn-fill::before { content: "\f553"; } .bi-skip-end-btn::before { content: "\f554"; } .bi-skip-end-circle-fill::before { content: "\f555"; } .bi-skip-end-circle::before { content: "\f556"; } .bi-skip-end-fill::before { content: "\f557"; } .bi-skip-end::before { content: "\f558"; } .bi-skip-forward-btn-fill::before { content: "\f559"; } .bi-skip-forward-btn::before { content: "\f55a"; } .bi-skip-forward-circle-fill::before { content: "\f55b"; } .bi-skip-forward-circle::before { content: "\f55c"; } .bi-skip-forward-fill::before { content: "\f55d"; } .bi-skip-forward::before { content: "\f55e"; } .bi-skip-start-btn-fill::before { content: "\f55f"; } .bi-skip-start-btn::before { content: "\f560"; } .bi-skip-start-circle-fill::before { content: "\f561"; } .bi-skip-start-circle::before { content: "\f562"; } .bi-skip-start-fill::before { content: "\f563"; } .bi-skip-start::before { content: "\f564"; } .bi-slack::before { content: "\f565"; } .bi-slash-circle-fill::before { content: "\f566"; } .bi-slash-circle::before { content: "\f567"; } .bi-slash-square-fill::before { content: "\f568"; } .bi-slash-square::before { content: "\f569"; } .bi-slash::before { content: "\f56a"; } .bi-sliders::before { content: "\f56b"; } .bi-smartwatch::before { content: "\f56c"; } .bi-snow::before { content: "\f56d"; } .bi-snow2::before { content: "\f56e"; } .bi-snow3::before { content: "\f56f"; } .bi-sort-alpha-down-alt::before { content: "\f570"; } .bi-sort-alpha-down::before { content: "\f571"; } .bi-sort-alpha-up-alt::before { content: "\f572"; } .bi-sort-alpha-up::before { content: "\f573"; } .bi-sort-down-alt::before { content: "\f574"; } .bi-sort-down::before { content: "\f575"; } .bi-sort-numeric-down-alt::before { content: "\f576"; } .bi-sort-numeric-down::before { content: "\f577"; } .bi-sort-numeric-up-alt::before { content: "\f578"; } .bi-sort-numeric-up::before { content: "\f579"; } .bi-sort-up-alt::before { content: "\f57a"; } .bi-sort-up::before { content: "\f57b"; } .bi-soundwave::before { content: "\f57c"; } .bi-speaker-fill::before { content: "\f57d"; } .bi-speaker::before { content: "\f57e"; } .bi-speedometer::before { content: "\f57f"; } .bi-speedometer2::before { content: "\f580"; } .bi-spellcheck::before { content: "\f581"; } .bi-square-fill::before { content: "\f582"; } .bi-square-half::before { content: "\f583"; } .bi-square::before { content: "\f584"; } .bi-stack::before { content: "\f585"; } .bi-star-fill::before { content: "\f586"; } .bi-star-half::before { content: "\f587"; } .bi-star::before { content: "\f588"; } .bi-stars::before { content: "\f589"; } .bi-stickies-fill::before { content: "\f58a"; } .bi-stickies::before { content: "\f58b"; } .bi-sticky-fill::before { content: "\f58c"; } .bi-sticky::before { content: "\f58d"; } .bi-stop-btn-fill::before { content: "\f58e"; } .bi-stop-btn::before { content: "\f58f"; } .bi-stop-circle-fill::before { content: "\f590"; } .bi-stop-circle::before { content: "\f591"; } .bi-stop-fill::before { content: "\f592"; } .bi-stop::before { content: "\f593"; } .bi-stoplights-fill::before { content: "\f594"; } .bi-stoplights::before { content: "\f595"; } .bi-stopwatch-fill::before { content: "\f596"; } .bi-stopwatch::before { content: "\f597"; } .bi-subtract::before { content: "\f598"; } .bi-suit-club-fill::before { content: "\f599"; } .bi-suit-club::before { content: "\f59a"; } .bi-suit-diamond-fill::before { content: "\f59b"; } .bi-suit-diamond::before { content: "\f59c"; } .bi-suit-heart-fill::before { content: "\f59d"; } .bi-suit-heart::before { content: "\f59e"; } .bi-suit-spade-fill::before { content: "\f59f"; } .bi-suit-spade::before { content: "\f5a0"; } .bi-sun-fill::before { content: "\f5a1"; } .bi-sun::before { content: "\f5a2"; } .bi-sunglasses::before { content: "\f5a3"; } .bi-sunrise-fill::before { content: "\f5a4"; } .bi-sunrise::before { content: "\f5a5"; } .bi-sunset-fill::before { content: "\f5a6"; } .bi-sunset::before { content: "\f5a7"; } .bi-symmetry-horizontal::before { content: "\f5a8"; } .bi-symmetry-vertical::before { content: "\f5a9"; } .bi-table::before { content: "\f5aa"; } .bi-tablet-fill::before { content: "\f5ab"; } .bi-tablet-landscape-fill::before { content: "\f5ac"; } .bi-tablet-landscape::before { content: "\f5ad"; } .bi-tablet::before { content: "\f5ae"; } .bi-tag-fill::before { content: "\f5af"; } .bi-tag::before { content: "\f5b0"; } .bi-tags-fill::before { content: "\f5b1"; } .bi-tags::before { content: "\f5b2"; } .bi-telegram::before { content: "\f5b3"; } .bi-telephone-fill::before { content: "\f5b4"; } .bi-telephone-forward-fill::before { content: "\f5b5"; } .bi-telephone-forward::before { content: "\f5b6"; } .bi-telephone-inbound-fill::before { content: "\f5b7"; } .bi-telephone-inbound::before { content: "\f5b8"; } .bi-telephone-minus-fill::before { content: "\f5b9"; } .bi-telephone-minus::before { content: "\f5ba"; } .bi-telephone-outbound-fill::before { content: "\f5bb"; } .bi-telephone-outbound::before { content: "\f5bc"; } .bi-telephone-plus-fill::before { content: "\f5bd"; } .bi-telephone-plus::before { content: "\f5be"; } .bi-telephone-x-fill::before { content: "\f5bf"; } .bi-telephone-x::before { content: "\f5c0"; } .bi-telephone::before { content: "\f5c1"; } .bi-terminal-fill::before { content: "\f5c2"; } .bi-terminal::before { content: "\f5c3"; } .bi-text-center::before { content: "\f5c4"; } .bi-text-indent-left::before { content: "\f5c5"; } .bi-text-indent-right::before { content: "\f5c6"; } .bi-text-left::before { content: "\f5c7"; } .bi-text-paragraph::before { content: "\f5c8"; } .bi-text-right::before { content: "\f5c9"; } .bi-textarea-resize::before { content: "\f5ca"; } .bi-textarea-t::before { content: "\f5cb"; } .bi-textarea::before { content: "\f5cc"; } .bi-thermometer-half::before { content: "\f5cd"; } .bi-thermometer-high::before { content: "\f5ce"; } .bi-thermometer-low::before { content: "\f5cf"; } .bi-thermometer-snow::before { content: "\f5d0"; } .bi-thermometer-sun::before { content: "\f5d1"; } .bi-thermometer::before { content: "\f5d2"; } .bi-three-dots-vertical::before { content: "\f5d3"; } .bi-three-dots::before { content: "\f5d4"; } .bi-toggle-off::before { content: "\f5d5"; } .bi-toggle-on::before { content: "\f5d6"; } .bi-toggle2-off::before { content: "\f5d7"; } .bi-toggle2-on::before { content: "\f5d8"; } .bi-toggles::before { content: "\f5d9"; } .bi-toggles2::before { content: "\f5da"; } .bi-tools::before { content: "\f5db"; } .bi-tornado::before { content: "\f5dc"; } .bi-trash-fill::before { content: "\f5dd"; } .bi-trash::before { content: "\f5de"; } .bi-trash2-fill::before { content: "\f5df"; } .bi-trash2::before { content: "\f5e0"; } .bi-tree-fill::before { content: "\f5e1"; } .bi-tree::before { content: "\f5e2"; } .bi-triangle-fill::before { content: "\f5e3"; } .bi-triangle-half::before { content: "\f5e4"; } .bi-triangle::before { content: "\f5e5"; } .bi-trophy-fill::before { content: "\f5e6"; } .bi-trophy::before { content: "\f5e7"; } .bi-tropical-storm::before { content: "\f5e8"; } .bi-truck-flatbed::before { content: "\f5e9"; } .bi-truck::before { content: "\f5ea"; } .bi-tsunami::before { content: "\f5eb"; } .bi-tv-fill::before { content: "\f5ec"; } .bi-tv::before { content: "\f5ed"; } .bi-twitch::before { content: "\f5ee"; } .bi-twitter::before { content: "\f5ef"; } .bi-type-bold::before { content: "\f5f0"; } .bi-type-h1::before { content: "\f5f1"; } .bi-type-h2::before { content: "\f5f2"; } .bi-type-h3::before { content: "\f5f3"; } .bi-type-italic::before { content: "\f5f4"; } .bi-type-strikethrough::before { content: "\f5f5"; } .bi-type-underline::before { content: "\f5f6"; } .bi-type::before { content: "\f5f7"; } .bi-ui-checks-grid::before { content: "\f5f8"; } .bi-ui-checks::before { content: "\f5f9"; } .bi-ui-radios-grid::before { content: "\f5fa"; } .bi-ui-radios::before { content: "\f5fb"; } .bi-umbrella-fill::before { content: "\f5fc"; } .bi-umbrella::before { content: "\f5fd"; } .bi-union::before { content: "\f5fe"; } .bi-unlock-fill::before { content: "\f5ff"; } .bi-unlock::before { content: "\f600"; } .bi-upc-scan::before { content: "\f601"; } .bi-upc::before { content: "\f602"; } .bi-upload::before { content: "\f603"; } .bi-vector-pen::before { content: "\f604"; } .bi-view-list::before { content: "\f605"; } .bi-view-stacked::before { content: "\f606"; } .bi-vinyl-fill::before { content: "\f607"; } .bi-vinyl::before { content: "\f608"; } .bi-voicemail::before { content: "\f609"; } .bi-volume-down-fill::before { content: "\f60a"; } .bi-volume-down::before { content: "\f60b"; } .bi-volume-mute-fill::before { content: "\f60c"; } .bi-volume-mute::before { content: "\f60d"; } .bi-volume-off-fill::before { content: "\f60e"; } .bi-volume-off::before { content: "\f60f"; } .bi-volume-up-fill::before { content: "\f610"; } .bi-volume-up::before { content: "\f611"; } .bi-vr::before { content: "\f612"; } .bi-wallet-fill::before { content: "\f613"; } .bi-wallet::before { content: "\f614"; } .bi-wallet2::before { content: "\f615"; } .bi-watch::before { content: "\f616"; } .bi-water::before { content: "\f617"; } .bi-whatsapp::before { content: "\f618"; } .bi-wifi-1::before { content: "\f619"; } .bi-wifi-2::before { content: "\f61a"; } .bi-wifi-off::before { content: "\f61b"; } .bi-wifi::before { content: "\f61c"; } .bi-wind::before { content: "\f61d"; } .bi-window-dock::before { content: "\f61e"; } .bi-window-sidebar::before { content: "\f61f"; } .bi-window::before { content: "\f620"; } .bi-wrench::before { content: "\f621"; } .bi-x-circle-fill::before { content: "\f622"; } .bi-x-circle::before { content: "\f623"; } .bi-x-diamond-fill::before { content: "\f624"; } .bi-x-diamond::before { content: "\f625"; } .bi-x-octagon-fill::before { content: "\f626"; } .bi-x-octagon::before { content: "\f627"; } .bi-x-square-fill::before { content: "\f628"; } .bi-x-square::before { content: "\f629"; } .bi-x::before { content: "\f62a"; } .bi-youtube::before { content: "\f62b"; } .bi-zoom-in::before { content: "\f62c"; } .bi-zoom-out::before { content: "\f62d"; } .bi-bank::before { content: "\f62e"; } .bi-bank2::before { content: "\f62f"; } .bi-bell-slash-fill::before { content: "\f630"; } .bi-bell-slash::before { content: "\f631"; } .bi-cash-coin::before { content: "\f632"; } .bi-check-lg::before { content: "\f633"; } .bi-coin::before { content: "\f634"; } .bi-currency-bitcoin::before { content: "\f635"; } .bi-currency-dollar::before { content: "\f636"; } .bi-currency-euro::before { content: "\f637"; } .bi-currency-exchange::before { content: "\f638"; } .bi-currency-pound::before { content: "\f639"; } .bi-currency-yen::before { content: "\f63a"; } .bi-dash-lg::before { content: "\f63b"; } .bi-exclamation-lg::before { content: "\f63c"; } .bi-file-earmark-pdf-fill::before { content: "\f63d"; } .bi-file-earmark-pdf::before { content: "\f63e"; } .bi-file-pdf-fill::before { content: "\f63f"; } .bi-file-pdf::before { content: "\f640"; } .bi-gender-ambiguous::before { content: "\f641"; } .bi-gender-female::before { content: "\f642"; } .bi-gender-male::before { content: "\f643"; } .bi-gender-trans::before { content: "\f644"; } .bi-headset-vr::before { content: "\f645"; } .bi-info-lg::before { content: "\f646"; } .bi-mastodon::before { content: "\f647"; } .bi-messenger::before { content: "\f648"; } .bi-piggy-bank-fill::before { content: "\f649"; } .bi-piggy-bank::before { content: "\f64a"; } .bi-pin-map-fill::before { content: "\f64b"; } .bi-pin-map::before { content: "\f64c"; } .bi-plus-lg::before { content: "\f64d"; } .bi-question-lg::before { content: "\f64e"; } .bi-recycle::before { content: "\f64f"; } .bi-reddit::before { content: "\f650"; } .bi-safe-fill::before { content: "\f651"; } .bi-safe2-fill::before { content: "\f652"; } .bi-safe2::before { content: "\f653"; } .bi-sd-card-fill::before { content: "\f654"; } .bi-sd-card::before { content: "\f655"; } .bi-skype::before { content: "\f656"; } .bi-slash-lg::before { content: "\f657"; } .bi-translate::before { content: "\f658"; } .bi-x-lg::before { content: "\f659"; } .bi-safe::before { content: "\f65a"; } .bi-apple::before { content: "\f65b"; } .bi-microsoft::before { content: "\f65d"; } .bi-windows::before { content: "\f65e"; } .bi-behance::before { content: "\f65c"; } .bi-dribbble::before { content: "\f65f"; } .bi-line::before { content: "\f660"; } .bi-medium::before { content: "\f661"; } .bi-paypal::before { content: "\f662"; } .bi-pinterest::before { content: "\f663"; } .bi-signal::before { content: "\f664"; } .bi-snapchat::before { content: "\f665"; } .bi-spotify::before { content: "\f666"; } .bi-stack-overflow::before { content: "\f667"; } .bi-strava::before { content: "\f668"; } .bi-wordpress::before { content: "\f669"; } .bi-vimeo::before { content: "\f66a"; } .bi-activity::before { content: "\f66b"; } .bi-easel2-fill::before { content: "\f66c"; } .bi-easel2::before { content: "\f66d"; } .bi-easel3-fill::before { content: "\f66e"; } .bi-easel3::before { content: "\f66f"; } .bi-fan::before { content: "\f670"; } .bi-fingerprint::before { content: "\f671"; } .bi-graph-down-arrow::before { content: "\f672"; } .bi-graph-up-arrow::before { content: "\f673"; } .bi-hypnotize::before { content: "\f674"; } .bi-magic::before { content: "\f675"; } .bi-person-rolodex::before { content: "\f676"; } .bi-person-video::before { content: "\f677"; } .bi-person-video2::before { content: "\f678"; } .bi-person-video3::before { content: "\f679"; } .bi-person-workspace::before { content: "\f67a"; } .bi-radioactive::before { content: "\f67b"; } .bi-webcam-fill::before { content: "\f67c"; } .bi-webcam::before { content: "\f67d"; } .bi-yin-yang::before { content: "\f67e"; } .bi-bandaid-fill::before { content: "\f680"; } .bi-bandaid::before { content: "\f681"; } .bi-bluetooth::before { content: "\f682"; } .bi-body-text::before { content: "\f683"; } .bi-boombox::before { content: "\f684"; } .bi-boxes::before { content: "\f685"; } .bi-dpad-fill::before { content: "\f686"; } .bi-dpad::before { content: "\f687"; } .bi-ear-fill::before { content: "\f688"; } .bi-ear::before { content: "\f689"; } .bi-envelope-check-1::before { content: "\f68a"; } .bi-envelope-check-fill::before { content: "\f68b"; } .bi-envelope-check::before { content: "\f68c"; } .bi-envelope-dash-1::before { content: "\f68d"; } .bi-envelope-dash-fill::before { content: "\f68e"; } .bi-envelope-dash::before { content: "\f68f"; } .bi-envelope-exclamation-1::before { content: "\f690"; } .bi-envelope-exclamation-fill::before { content: "\f691"; } .bi-envelope-exclamation::before { content: "\f692"; } .bi-envelope-plus-fill::before { content: "\f693"; } .bi-envelope-plus::before { content: "\f694"; } .bi-envelope-slash-1::before { content: "\f695"; } .bi-envelope-slash-fill::before { content: "\f696"; } .bi-envelope-slash::before { content: "\f697"; } .bi-envelope-x-1::before { content: "\f698"; } .bi-envelope-x-fill::before { content: "\f699"; } .bi-envelope-x::before { content: "\f69a"; } .bi-explicit-fill::before { content: "\f69b"; } .bi-explicit::before { content: "\f69c"; } .bi-git::before { content: "\f69d"; } .bi-infinity::before { content: "\f69e"; } .bi-list-columns-reverse::before { content: "\f69f"; } .bi-list-columns::before { content: "\f6a0"; } .bi-meta::before { content: "\f6a1"; } .bi-mortorboard-fill::before { content: "\f6a2"; } .bi-mortorboard::before { content: "\f6a3"; } .bi-nintendo-switch::before { content: "\f6a4"; } .bi-pc-display-horizontal::before { content: "\f6a5"; } .bi-pc-display::before { content: "\f6a6"; } .bi-pc-horizontal::before { content: "\f6a7"; } .bi-pc::before { content: "\f6a8"; } .bi-playstation::before { content: "\f6a9"; } .bi-plus-slash-minus::before { content: "\f6aa"; } .bi-projector-fill::before { content: "\f6ab"; } .bi-projector::before { content: "\f6ac"; } .bi-qr-code-scan::before { content: "\f6ad"; } .bi-qr-code::before { content: "\f6ae"; } .bi-quora::before { content: "\f6af"; } .bi-quote::before { content: "\f6b0"; } .bi-robot::before { content: "\f6b1"; } .bi-send-check-fill::before { content: "\f6b2"; } .bi-send-check::before { content: "\f6b3"; } .bi-send-dash-fill::before { content: "\f6b4"; } .bi-send-dash::before { content: "\f6b5"; } .bi-send-exclamation-1::before { content: "\f6b6"; } .bi-send-exclamation-fill::before { content: "\f6b7"; } .bi-send-exclamation::before { content: "\f6b8"; } .bi-send-fill::before { content: "\f6b9"; } .bi-send-plus-fill::before { content: "\f6ba"; } .bi-send-plus::before { content: "\f6bb"; } .bi-send-slash-fill::before { content: "\f6bc"; } .bi-send-slash::before { content: "\f6bd"; } .bi-send-x-fill::before { content: "\f6be"; } .bi-send-x::before { content: "\f6bf"; } .bi-send::before { content: "\f6c0"; } .bi-steam::before { content: "\f6c1"; } .bi-terminal-dash-1::before { content: "\f6c2"; } .bi-terminal-dash::before { content: "\f6c3"; } .bi-terminal-plus::before { content: "\f6c4"; } .bi-terminal-split::before { content: "\f6c5"; } .bi-ticket-detailed-fill::before { content: "\f6c6"; } .bi-ticket-detailed::before { content: "\f6c7"; } .bi-ticket-fill::before { content: "\f6c8"; } .bi-ticket-perforated-fill::before { content: "\f6c9"; } .bi-ticket-perforated::before { content: "\f6ca"; } .bi-ticket::before { content: "\f6cb"; } .bi-tiktok::before { content: "\f6cc"; } .bi-window-dash::before { content: "\f6cd"; } .bi-window-desktop::before { content: "\f6ce"; } .bi-window-fullscreen::before { content: "\f6cf"; } .bi-window-plus::before { content: "\f6d0"; } .bi-window-split::before { content: "\f6d1"; } .bi-window-stack::before { content: "\f6d2"; } .bi-window-x::before { content: "\f6d3"; } .bi-xbox::before { content: "\f6d4"; } .bi-ethernet::before { content: "\f6d5"; } .bi-hdmi-fill::before { content: "\f6d6"; } .bi-hdmi::before { content: "\f6d7"; } .bi-usb-c-fill::before { content: "\f6d8"; } .bi-usb-c::before { content: "\f6d9"; } .bi-usb-fill::before { content: "\f6da"; } .bi-usb-plug-fill::before { content: "\f6db"; } .bi-usb-plug::before { content: "\f6dc"; } .bi-usb-symbol::before { content: "\f6dd"; } .bi-usb::before { content: "\f6de"; } .bi-boombox-fill::before { content: "\f6df"; } .bi-displayport-1::before { content: "\f6e0"; } .bi-displayport::before { content: "\f6e1"; } .bi-gpu-card::before { content: "\f6e2"; } .bi-memory::before { content: "\f6e3"; } .bi-modem-fill::before { content: "\f6e4"; } .bi-modem::before { content: "\f6e5"; } .bi-motherboard-fill::before { content: "\f6e6"; } .bi-motherboard::before { content: "\f6e7"; } .bi-optical-audio-fill::before { content: "\f6e8"; } .bi-optical-audio::before { content: "\f6e9"; } .bi-pci-card::before { content: "\f6ea"; } .bi-router-fill::before { content: "\f6eb"; } .bi-router::before { content: "\f6ec"; } .bi-ssd-fill::before { content: "\f6ed"; } .bi-ssd::before { content: "\f6ee"; } .bi-thunderbolt-fill::before { content: "\f6ef"; } .bi-thunderbolt::before { content: "\f6f0"; } .bi-usb-drive-fill::before { content: "\f6f1"; } .bi-usb-drive::before { content: "\f6f2"; } .bi-usb-micro-fill::before { content: "\f6f3"; } .bi-usb-micro::before { content: "\f6f4"; } .bi-usb-mini-fill::before { content: "\f6f5"; } .bi-usb-mini::before { content: "\f6f6"; } .bi-cloud-haze2::before { content: "\f6f7"; } .bi-device-hdd-fill::before { content: "\f6f8"; } .bi-device-hdd::before { content: "\f6f9"; } .bi-device-ssd-fill::before { content: "\f6fa"; } .bi-device-ssd::before { content: "\f6fb"; } .bi-displayport-fill::before { content: "\f6fc"; } .bi-mortarboard-fill::before { content: "\f6fd"; } .bi-mortarboard::before { content: "\f6fe"; } .bi-terminal-x::before { content: "\f6ff"; } .bi-arrow-through-heart-fill::before { content: "\f700"; } .bi-arrow-through-heart::before { content: "\f701"; } .bi-badge-sd-fill::before { content: "\f702"; } .bi-badge-sd::before { content: "\f703"; } .bi-bag-heart-fill::before { content: "\f704"; } .bi-bag-heart::before { content: "\f705"; } .bi-balloon-fill::before { content: "\f706"; } .bi-balloon-heart-fill::before { content: "\f707"; } .bi-balloon-heart::before { content: "\f708"; } .bi-balloon::before { content: "\f709"; } .bi-box2-fill::before { content: "\f70a"; } .bi-box2-heart-fill::before { content: "\f70b"; } .bi-box2-heart::before { content: "\f70c"; } .bi-box2::before { content: "\f70d"; } .bi-braces-asterisk::before { content: "\f70e"; } .bi-calendar-heart-fill::before { content: "\f70f"; } .bi-calendar-heart::before { content: "\f710"; } .bi-calendar2-heart-fill::before { content: "\f711"; } .bi-calendar2-heart::before { content: "\f712"; } .bi-chat-heart-fill::before { content: "\f713"; } .bi-chat-heart::before { content: "\f714"; } .bi-chat-left-heart-fill::before { content: "\f715"; } .bi-chat-left-heart::before { content: "\f716"; } .bi-chat-right-heart-fill::before { content: "\f717"; } .bi-chat-right-heart::before { content: "\f718"; } .bi-chat-square-heart-fill::before { content: "\f719"; } .bi-chat-square-heart::before { content: "\f71a"; } .bi-clipboard-check-fill::before { content: "\f71b"; } .bi-clipboard-data-fill::before { content: "\f71c"; } .bi-clipboard-fill::before { content: "\f71d"; } .bi-clipboard-heart-fill::before { content: "\f71e"; } .bi-clipboard-heart::before { content: "\f71f"; } .bi-clipboard-minus-fill::before { content: "\f720"; } .bi-clipboard-plus-fill::before { content: "\f721"; } .bi-clipboard-pulse::before { content: "\f722"; } .bi-clipboard-x-fill::before { content: "\f723"; } .bi-clipboard2-check-fill::before { content: "\f724"; } .bi-clipboard2-check::before { content: "\f725"; } .bi-clipboard2-data-fill::before { content: "\f726"; } .bi-clipboard2-data::before { content: "\f727"; } .bi-clipboard2-fill::before { content: "\f728"; } .bi-clipboard2-heart-fill::before { content: "\f729"; } .bi-clipboard2-heart::before { content: "\f72a"; } .bi-clipboard2-minus-fill::before { content: "\f72b"; } .bi-clipboard2-minus::before { content: "\f72c"; } .bi-clipboard2-plus-fill::before { content: "\f72d"; } .bi-clipboard2-plus::before { content: "\f72e"; } .bi-clipboard2-pulse-fill::before { content: "\f72f"; } .bi-clipboard2-pulse::before { content: "\f730"; } .bi-clipboard2-x-fill::before { content: "\f731"; } .bi-clipboard2-x::before { content: "\f732"; } .bi-clipboard2::before { content: "\f733"; } .bi-emoji-kiss-fill::before { content: "\f734"; } .bi-emoji-kiss::before { content: "\f735"; } .bi-envelope-heart-fill::before { content: "\f736"; } .bi-envelope-heart::before { content: "\f737"; } .bi-envelope-open-heart-fill::before { content: "\f738"; } .bi-envelope-open-heart::before { content: "\f739"; } .bi-envelope-paper-fill::before { content: "\f73a"; } .bi-envelope-paper-heart-fill::before { content: "\f73b"; } .bi-envelope-paper-heart::before { content: "\f73c"; } .bi-envelope-paper::before { content: "\f73d"; } .bi-filetype-aac::before { content: "\f73e"; } .bi-filetype-ai::before { content: "\f73f"; } .bi-filetype-bmp::before { content: "\f740"; } .bi-filetype-cs::before { content: "\f741"; } .bi-filetype-css::before { content: "\f742"; } .bi-filetype-csv::before { content: "\f743"; } .bi-filetype-doc::before { content: "\f744"; } .bi-filetype-docx::before { content: "\f745"; } .bi-filetype-exe::before { content: "\f746"; } .bi-filetype-gif::before { content: "\f747"; } .bi-filetype-heic::before { content: "\f748"; } .bi-filetype-html::before { content: "\f749"; } .bi-filetype-java::before { content: "\f74a"; } .bi-filetype-jpg::before { content: "\f74b"; } .bi-filetype-js::before { content: "\f74c"; } .bi-filetype-jsx::before { content: "\f74d"; } .bi-filetype-key::before { content: "\f74e"; } .bi-filetype-m4p::before { content: "\f74f"; } .bi-filetype-md::before { content: "\f750"; } .bi-filetype-mdx::before { content: "\f751"; } .bi-filetype-mov::before { content: "\f752"; } .bi-filetype-mp3::before { content: "\f753"; } .bi-filetype-mp4::before { content: "\f754"; } .bi-filetype-otf::before { content: "\f755"; } .bi-filetype-pdf::before { content: "\f756"; } .bi-filetype-php::before { content: "\f757"; } .bi-filetype-png::before { content: "\f758"; } .bi-filetype-ppt-1::before { content: "\f759"; } .bi-filetype-ppt::before { content: "\f75a"; } .bi-filetype-psd::before { content: "\f75b"; } .bi-filetype-py::before { content: "\f75c"; } .bi-filetype-raw::before { content: "\f75d"; } .bi-filetype-rb::before { content: "\f75e"; } .bi-filetype-sass::before { content: "\f75f"; } .bi-filetype-scss::before { content: "\f760"; } .bi-filetype-sh::before { content: "\f761"; } .bi-filetype-svg::before { content: "\f762"; } .bi-filetype-tiff::before { content: "\f763"; } .bi-filetype-tsx::before { content: "\f764"; } .bi-filetype-ttf::before { content: "\f765"; } .bi-filetype-txt::before { content: "\f766"; } .bi-filetype-wav::before { content: "\f767"; } .bi-filetype-woff::before { content: "\f768"; } .bi-filetype-xls-1::before { content: "\f769"; } .bi-filetype-xls::before { content: "\f76a"; } .bi-filetype-xml::before { content: "\f76b"; } .bi-filetype-yml::before { content: "\f76c"; } .bi-heart-arrow::before { content: "\f76d"; } .bi-heart-pulse-fill::before { content: "\f76e"; } .bi-heart-pulse::before { content: "\f76f"; } .bi-heartbreak-fill::before { content: "\f770"; } .bi-heartbreak::before { content: "\f771"; } .bi-hearts::before { content: "\f772"; } .bi-hospital-fill::before { content: "\f773"; } .bi-hospital::before { content: "\f774"; } .bi-house-heart-fill::before { content: "\f775"; } .bi-house-heart::before { content: "\f776"; } .bi-incognito::before { content: "\f777"; } .bi-magnet-fill::before { content: "\f778"; } .bi-magnet::before { content: "\f779"; } .bi-person-heart::before { content: "\f77a"; } .bi-person-hearts::before { content: "\f77b"; } .bi-phone-flip::before { content: "\f77c"; } .bi-plugin::before { content: "\f77d"; } .bi-postage-fill::before { content: "\f77e"; } .bi-postage-heart-fill::before { content: "\f77f"; } .bi-postage-heart::before { content: "\f780"; } .bi-postage::before { content: "\f781"; } .bi-postcard-fill::before { content: "\f782"; } .bi-postcard-heart-fill::before { content: "\f783"; } .bi-postcard-heart::before { content: "\f784"; } .bi-postcard::before { content: "\f785"; } .bi-search-heart-fill::before { content: "\f786"; } .bi-search-heart::before { content: "\f787"; } .bi-sliders2-vertical::before { content: "\f788"; } .bi-sliders2::before { content: "\f789"; } .bi-trash3-fill::before { content: "\f78a"; } .bi-trash3::before { content: "\f78b"; } .bi-valentine::before { content: "\f78c"; } .bi-valentine2::before { content: "\f78d"; } .bi-wrench-adjustable-circle-fill::before { content: "\f78e"; } .bi-wrench-adjustable-circle::before { content: "\f78f"; } .bi-wrench-adjustable::before { content: "\f790"; } .bi-filetype-json::before { content: "\f791"; } .bi-filetype-pptx::before { content: "\f792"; } .bi-filetype-xlsx::before { content: "\f793"; } .bi-1-circle-1::before { content: "\f794"; } .bi-1-circle-fill-1::before { content: "\f795"; } .bi-1-circle-fill::before { content: "\f796"; } .bi-1-circle::before { content: "\f797"; } .bi-1-square-fill::before { content: "\f798"; } .bi-1-square::before { content: "\f799"; } .bi-2-circle-1::before { content: "\f79a"; } .bi-2-circle-fill-1::before { content: "\f79b"; } .bi-2-circle-fill::before { content: "\f79c"; } .bi-2-circle::before { content: "\f79d"; } .bi-2-square-fill::before { content: "\f79e"; } .bi-2-square::before { content: "\f79f"; } .bi-3-circle-1::before { content: "\f7a0"; } .bi-3-circle-fill-1::before { content: "\f7a1"; } .bi-3-circle-fill::before { content: "\f7a2"; } .bi-3-circle::before { content: "\f7a3"; } .bi-3-square-fill::before { content: "\f7a4"; } .bi-3-square::before { content: "\f7a5"; } .bi-4-circle-1::before { content: "\f7a6"; } .bi-4-circle-fill-1::before { content: "\f7a7"; } .bi-4-circle-fill::before { content: "\f7a8"; } .bi-4-circle::before { content: "\f7a9"; } .bi-4-square-fill::before { content: "\f7aa"; } .bi-4-square::before { content: "\f7ab"; } .bi-5-circle-1::before { content: "\f7ac"; } .bi-5-circle-fill-1::before { content: "\f7ad"; } .bi-5-circle-fill::before { content: "\f7ae"; } .bi-5-circle::before { content: "\f7af"; } .bi-5-square-fill::before { content: "\f7b0"; } .bi-5-square::before { content: "\f7b1"; } .bi-6-circle-1::before { content: "\f7b2"; } .bi-6-circle-fill-1::before { content: "\f7b3"; } .bi-6-circle-fill::before { content: "\f7b4"; } .bi-6-circle::before { content: "\f7b5"; } .bi-6-square-fill::before { content: "\f7b6"; } .bi-6-square::before { content: "\f7b7"; } .bi-7-circle-1::before { content: "\f7b8"; } .bi-7-circle-fill-1::before { content: "\f7b9"; } .bi-7-circle-fill::before { content: "\f7ba"; } .bi-7-circle::before { content: "\f7bb"; } .bi-7-square-fill::before { content: "\f7bc"; } .bi-7-square::before { content: "\f7bd"; } .bi-8-circle-1::before { content: "\f7be"; } .bi-8-circle-fill-1::before { content: "\f7bf"; } .bi-8-circle-fill::before { content: "\f7c0"; } .bi-8-circle::before { content: "\f7c1"; } .bi-8-square-fill::before { content: "\f7c2"; } .bi-8-square::before { content: "\f7c3"; } .bi-9-circle-1::before { content: "\f7c4"; } .bi-9-circle-fill-1::before { content: "\f7c5"; } .bi-9-circle-fill::before { content: "\f7c6"; } .bi-9-circle::before { content: "\f7c7"; } .bi-9-square-fill::before { content: "\f7c8"; } .bi-9-square::before { content: "\f7c9"; } .bi-airplane-engines-fill::before { content: "\f7ca"; } .bi-airplane-engines::before { content: "\f7cb"; } .bi-airplane-fill::before { content: "\f7cc"; } .bi-airplane::before { content: "\f7cd"; } .bi-alexa::before { content: "\f7ce"; } .bi-alipay::before { content: "\f7cf"; } .bi-android::before { content: "\f7d0"; } .bi-android2::before { content: "\f7d1"; } .bi-box-fill::before { content: "\f7d2"; } .bi-box-seam-fill::before { content: "\f7d3"; } .bi-browser-chrome::before { content: "\f7d4"; } .bi-browser-edge::before { content: "\f7d5"; } .bi-browser-firefox::before { content: "\f7d6"; } .bi-browser-safari::before { content: "\f7d7"; } .bi-c-circle-1::before { content: "\f7d8"; } .bi-c-circle-fill-1::before { content: "\f7d9"; } .bi-c-circle-fill::before { content: "\f7da"; } .bi-c-circle::before { content: "\f7db"; } .bi-c-square-fill::before { content: "\f7dc"; } .bi-c-square::before { content: "\f7dd"; } .bi-capsule-pill::before { content: "\f7de"; } .bi-capsule::before { content: "\f7df"; } .bi-car-front-fill::before { content: "\f7e0"; } .bi-car-front::before { content: "\f7e1"; } .bi-cassette-fill::before { content: "\f7e2"; } .bi-cassette::before { content: "\f7e3"; } .bi-cc-circle-1::before { content: "\f7e4"; } .bi-cc-circle-fill-1::before { content: "\f7e5"; } .bi-cc-circle-fill::before { content: "\f7e6"; } .bi-cc-circle::before { content: "\f7e7"; } .bi-cc-square-fill::before { content: "\f7e8"; } .bi-cc-square::before { content: "\f7e9"; } .bi-cup-hot-fill::before { content: "\f7ea"; } .bi-cup-hot::before { content: "\f7eb"; } .bi-currency-rupee::before { content: "\f7ec"; } .bi-dropbox::before { content: "\f7ed"; } .bi-escape::before { content: "\f7ee"; } .bi-fast-forward-btn-fill::before { content: "\f7ef"; } .bi-fast-forward-btn::before { content: "\f7f0"; } .bi-fast-forward-circle-fill::before { content: "\f7f1"; } .bi-fast-forward-circle::before { content: "\f7f2"; } .bi-fast-forward-fill::before { content: "\f7f3"; } .bi-fast-forward::before { content: "\f7f4"; } .bi-filetype-sql::before { content: "\f7f5"; } .bi-fire::before { content: "\f7f6"; } .bi-google-play::before { content: "\f7f7"; } .bi-h-circle-1::before { content: "\f7f8"; } .bi-h-circle-fill-1::before { content: "\f7f9"; } .bi-h-circle-fill::before { content: "\f7fa"; } .bi-h-circle::before { content: "\f7fb"; } .bi-h-square-fill::before { content: "\f7fc"; } .bi-h-square::before { content: "\f7fd"; } .bi-indent::before { content: "\f7fe"; } .bi-lungs-fill::before { content: "\f7ff"; } .bi-lungs::before { content: "\f800"; } .bi-microsoft-teams::before { content: "\f801"; } .bi-p-circle-1::before { content: "\f802"; } .bi-p-circle-fill-1::before { content: "\f803"; } .bi-p-circle-fill::before { content: "\f804"; } .bi-p-circle::before { content: "\f805"; } .bi-p-square-fill::before { content: "\f806"; } .bi-p-square::before { content: "\f807"; } .bi-pass-fill::before { content: "\f808"; } .bi-pass::before { content: "\f809"; } .bi-prescription::before { content: "\f80a"; } .bi-prescription2::before { content: "\f80b"; } .bi-r-circle-1::before { content: "\f80c"; } .bi-r-circle-fill-1::before { content: "\f80d"; } .bi-r-circle-fill::before { content: "\f80e"; } .bi-r-circle::before { content: "\f80f"; } .bi-r-square-fill::before { content: "\f810"; } .bi-r-square::before { content: "\f811"; } .bi-repeat-1::before { content: "\f812"; } .bi-repeat::before { content: "\f813"; } .bi-rewind-btn-fill::before { content: "\f814"; } .bi-rewind-btn::before { content: "\f815"; } .bi-rewind-circle-fill::before { content: "\f816"; } .bi-rewind-circle::before { content: "\f817"; } .bi-rewind-fill::before { content: "\f818"; } .bi-rewind::before { content: "\f819"; } .bi-train-freight-front-fill::before { content: "\f81a"; } .bi-train-freight-front::before { content: "\f81b"; } .bi-train-front-fill::before { content: "\f81c"; } .bi-train-front::before { content: "\f81d"; } .bi-train-lightrail-front-fill::before { content: "\f81e"; } .bi-train-lightrail-front::before { content: "\f81f"; } .bi-truck-front-fill::before { content: "\f820"; } .bi-truck-front::before { content: "\f821"; } .bi-ubuntu::before { content: "\f822"; } .bi-unindent::before { content: "\f823"; } .bi-unity::before { content: "\f824"; } .bi-universal-access-circle::before { content: "\f825"; } .bi-universal-access::before { content: "\f826"; } .bi-virus::before { content: "\f827"; } .bi-virus2::before { content: "\f828"; } .bi-wechat::before { content: "\f829"; } .bi-yelp::before { content: "\f82a"; } .bi-sign-stop-fill::before { content: "\f82b"; } .bi-sign-stop-lights-fill::before { content: "\f82c"; } .bi-sign-stop-lights::before { content: "\f82d"; } .bi-sign-stop::before { content: "\f82e"; } .bi-sign-turn-left-fill::before { content: "\f82f"; } .bi-sign-turn-left::before { content: "\f830"; } .bi-sign-turn-right-fill::before { content: "\f831"; } .bi-sign-turn-right::before { content: "\f832"; } .bi-sign-turn-slight-left-fill::before { content: "\f833"; } .bi-sign-turn-slight-left::before { content: "\f834"; } .bi-sign-turn-slight-right-fill::before { content: "\f835"; } .bi-sign-turn-slight-right::before { content: "\f836"; } .bi-sign-yield-fill::before { content: "\f837"; } .bi-sign-yield::before { content: "\f838"; } .bi-ev-station-fill::before { content: "\f839"; } .bi-ev-station::before { content: "\f83a"; } .bi-fuel-pump-diesel-fill::before { content: "\f83b"; } .bi-fuel-pump-diesel::before { content: "\f83c"; } .bi-fuel-pump-fill::before { content: "\f83d"; } .bi-fuel-pump::before { content: "\f83e"; } 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: 90px; } html.smooth{ scroll-behavior: smooth; } html, body{ padding: 0; margin: 0; } body{ font-family: 'Noto Sans TC', 'Microsoft JhengHei', Arial, Helvetica, sans-serif; color: #101828; font-weight: 500; line-height: 1.4; overflow-x: hidden; background-color: #FAFAFA; } *, *::before, *::after{ box-sizing: border-box; } a{ color: #101828; text-decoration: none; outline: none; } a:focus{ text-decoration: none; outline: none; } a:link, a:active, a:visited, a:hover{ text-decoration: none; } button{ padding: 0; margin: 0; border: none; text-decoration: none; outline: none; background-color: transparent; } button:link, button:active, button:visited, button:hover, button:focus{ text-decoration: none; outline: none; } ul, li{ list-style: none; margin: 0; padding: 0; } img{ max-width: 100%; } header{ position: sticky; top: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15); z-index: 90; transition: background-color 0.2s; } header.home{ position: fixed; background-color: rgba(30, 30, 30, 0.6); } header.home .logo .logo_b{ opacity: 0; } header.home .logo .logo_w{ opacity: 1; } header.home nav ul li a{ color: #fff; } header.home.white{ background-color: #fff; } header.home.white .logo .logo_b{ opacity: 1; } header.home.white .logo .logo_w{ opacity: 0; } header.home.white nav ul li a{ color: #101828; } header .top_nav{ position: absolute; top: 0; left: 0; width: 100%; height: 35px; display: flex; align-items: center; padding: 0 24px; border-bottom: 1px solid #BBBBBB; } header .top_nav .container{ display: flex; align-items: center; height: 100%; } header .top_nav_logo{ display: flex; align-items: center; width: 113px; height: 100%; background: url(../img/ebc_logo.svg) no-repeat center / contain; } header .top_nav_logo img{ display: block; height: 15px; } header .top_nav_title{ color: #A8A8A8; font-size: 13px; } header .top_nav_title span{ padding-right: 12px; } header .top_nav_logo + .top_nav_title{ padding-left: 12px; margin-left: 12px; border-left: 1px solid #CDCDCD; } header .navigation{ position: relative; } header .navigation .container{ display: flex; justify-content: space-between; align-items: center; max-width: none; height: 65px; } .logo{ position: relative; width: 173px; height: 100%; } .logo img{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); transition: opacity 0.2s; } .logo .logo_w{ opacity: 0; } .nav_box, nav, nav ul, nav ul li{ height: 100%; } nav ul{ display: flex; justify-content: center; } nav ul li{ display: flex; justify-content: center; align-items: center; padding: 3px 18px 0 18px; } nav ul li a{ position: relative; display: flex; justify-content: center; align-items: center; color: #101828; font-size: 15px; line-height: 22px; white-space: nowrap; padding-bottom: 6px; } nav ul li a span{ position: relative; display: flex; justify-content: center; align-items: center; z-index: 2; } nav ul li a::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 4px solid #FECC02; opacity: 0; transform: scaleX(0); transform-origin: left center; transition: opacity 0.32s, transform 0.32s; z-index: 1; } nav ul li a:hover::after, nav ul li a.active::after{ opacity: 1; transform: scaleX(1); } .vote_live{ padding-top: 0; } .vote_live a{ font-weight: 700; padding: 10px; border-radius: 10px; overflow: hidden; background-color: #EE3535; } .vote_live a span{ color: #fff; transition: color 0.32s; } .vote_live a:hover span{ color: #101828 !important; } .vote_live a.active span{ color: #fff; } .vote_live a::after{ height: 100%; border-bottom: none; background-color: #FECC02; } .vote_live a.active::after{ opacity: 0; transform: scaleX(0); } .vote_live a.active:hover::after{ opacity: 1; transform: scaleX(1); } main{ } main > h1{ display: none; } .banner img{ width: 100%; } .container{ max-width: 1200px; width: calc(100% - 48px); margin: 0 auto; } #vote_president main > .container, #vote_legislator main > .container{ min-height: 500px; } .main_box{ padding: 32px 0 60px 0; } .img_wrap{ position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 4px; overflow: hidden; } .img_wrap img, .item_img img{ width: 100%; height: 100%; object-fit: cover; } .countdown_box{ position: relative; display: flex; justify-content: center; z-index: 2; } .countdown_box.hide{ display: none; } .hero_box .countdown_box{ margin-bottom: 8px; } .countdown{ position: relative; font-family: 'Roboto Condensed', 'Noto Sans TC'; font-weight: 500; } .countdown_main{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; } .countdown_title{ position: relative; width: 100%; color: #3A3132; text-align: center; margin-bottom: 6px; } .countdown_title::before, .countdown_title::after{ position: absolute; top: 46%; left: 0; content: ''; width: calc((100% - 180px) / 2); border-top: 1px solid #3A3132; } .countdown_title::after{ left: auto; right: 0; } .countdown_timer{ display: inline-flex; font-size: 36px; font-weight: 500; border-radius: 6px; } .countdown_timer .col_box{ position: relative; text-align: center; padding: 10px; } .countdown_timer .col_box:first-child{ padding-left: 0; } .countdown_timer .col_box:last-child{ padding-right: 0; } .countdown_timer .col_box div:nth-child(1){ min-width: 100px; min-height: 84px; color: #7070FF; font-size: 64px; line-height: 1; padding: 10px 18px; border-radius: 12px; background: #FAFAFA; } .countdown_timer .col_box div:nth-child(2){ color: #3A3132; font-size: 13px; padding-top: 8px; } .countdown_section .countdown_box{ display: block; padding-top: 24px; border: 2px solid #DDDCD6; border-radius: 16px; background-color: #F2F1ED; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); } .countdown_section .countdown{ flex-wrap: wrap; } .countdown_section .section_title, .countdown_section .section_title span:first-child{ margin-bottom: 0; border-bottom: none; } .countdown_section .section_content{ padding: 23px; border: 2px solid #FECC02; } .countdown_section.hide{ display: none; } .countdown_section .countdown_title{ color: #454F54; font-size: 16px; font-weight: bold; text-align: center; } .countdown_section .countdown_title::before, .countdown_section .countdown_title::after{ display: none; } .countdown_section .countdown{ display: flex; justify-content: center; } .countdown_section .countdown_timer .col_box{ padding: 6px; } .countdown_section .countdown_timer .col_box::after{ right: -7px; color: #b4b4b4; font-size: 46px; } .countdown_section .countdown_timer .col_box div:nth-child(1){ min-width: 82px; min-height: 77px; color: #7070FF; font-size: 55px; font-weight: bold; padding: 10px 12px; border: 1px solid #DDDCD6; background-color: #FAFAFA; } .countdown_section .countdown_timer .col_box div:nth-child(2){ color: #666; } .countdown_section .countdown_timer .col_box:nth-child(1){ padding-left: 0; } .countdown_section .countdown_timer .col_box:nth-child(4){ display: none; } .countdown_section .countdown_timer .col_box:nth-child(3){ padding-right: 0; } .countdown_section .countdown_timer .col_box:nth-child(3)::after{ display: none; } .countdown_section .countdown_text{ color: #454F54; font-size: 14px; padding: 12px 24px; border-top: 1px solid #DDDCD6; } .countdown_placard{ display: flex; width: 100%; color: #B8D9FF; font-size: 16px; justify-content: flex-end; align-items: center; line-height: 1; } .countdown_placard div{ } /*.countdown_placard::before, .countdown_placard::after{ content: ''; flex-grow: 1; margin-top: 1px; border-bottom: 1px solid #DDDDDD; }*/ .countdown_link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .main_content{ display: flex; } .main_content.home{ flex-wrap: wrap; } .main_content.full{ display: block; } @keyframes zoomin{ 0%{ transform: scale(1); } 50%{ transform: scale(1.026); } 100%{ transform: scale(1); } } .hero_box{ position: relative; max-height: 57vw; padding: calc(90px + 14.2vw) 0 3vw 0; overflow: hidden; background: #c8edfd url(../img/hero_banner.jpg) no-repeat center -30.8vw / cover; } /* Safari 9+ */ @supports (-webkit-hyphens:none){ .hero_box{ max-height: 61vw; } } .hero_box .hero_title{ position: absolute; top: 90px; left: 50%; width: 37vw; transform: translateX(-50%); pointer-events: none; } .subtitle{ color: #3A3132; font-size: 1.6vw; font-weight: bold; text-align: center; letter-spacing: 8px; margin-top: 0.9vw; } .banner{ position: relative; padding-bottom: 200px; background: #c8edfd url(../img/banner.jpg) no-repeat center top / cover; } .banner_title{ position: absolute; top: 20px; left: 50%; width: 510px; transform: translateX(-50%); pointer-events: none; } img.kv_title{ display: block; animation: zoomin 3.2s ease infinite; } .banner .subtitle{ font-size: 20px; margin-top: 8px; } .hero_box .countdown{ display: inline-block; } .hero_box .countdown .countdown_timer .col_box::after{ text-shadow: none; } .hero_slider_box{ position: relative; opacity: 0; visibility: hidden; margin-top: -1vw; } .hero_slider_box.init{ opacity: 1; visibility: visible; } .hero_slider_box .swiper-container{ overflow: visible; transform: scale(0.86); } .slider_box{ position: relative; width: 100%; margin-bottom: 68px; } .hero_slider .slider_box{ position: relative; width: 100%; margin-bottom: 60px; } .sidebar{ width: 300px; } .sidebar_sticky{ position: sticky; } #word_cloud_box, #bubble_box{ display: flex; justify-content: center; align-items: center; overflow: hidden; } #bubble_wrap{ position: relative; background: url(../img/bubble_wrap_bg.png) repeat; } #bubble_wrap .note{ bottom: 16px; right: 16px; } #bubble{ flex-shrink: 0; } #bubble a circle{ transition: filter 0.06s; } #bubble a:hover circle{ filter: saturate(1.9) brightness(0.96); } #word_cloud_box{ position: relative; height: 336px !important; padding-bottom: 16px; } .sidebar #word_cloud_box{ padding-top: 20px; } #word_cloud{ flex-shrink: 0; width: 560px; height: 560px; font-weight: 700; transform: scale(0.54) !important; } #word_cloud svg a:hover{ filter: saturate(1.8) brightness(0.92); } .content{ width: calc(100% - 300px); padding-right: 48px; } .swiper-container *:focus{ text-decoration: none; outline: none; } .swiper-pagination *:focus, .swiper-button-prev:focus, .swiper-button-next:focus{ text-decoration: none; outline: none; } .slider{ background-color: #3a3a3a; } .slide_img{ display: block; width: 100%; } .swiper-slide a{ position: relative; display: block; aspect-ratio: 16 / 9; } .hero_slider a{ border: 4px solid transparent; transition: border-color 0.3s; } .hero_slider .slide{ box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2); } .hero_slider .swiper-slide-active a{ border-color: #FECC02; } .swiper-slide a::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%); pointer-events: none; z-index: 2; } .swiper-slide a img{ width: 100%; height: 100%; object-fit: cover; } .swiper-slide .slide, .swiper-slide .slide_media{ width: 100%; height: 100%; } .swiper-slide .slide{ background-color: #3a3a3a; } .swiper-slide .slide_media iframe{ width: 100%; height: 100%; } .slide_box:has(iframe) .slide_text, .slide_box:has(iframe)::after{ display: none; } .slide_text{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; box-sizing: border-box; z-index: 3; } .slide_text .slide_label{ position: relative; display: inline-block; color: #fff; font-size: 15px; padding: 6px 16px; margin-bottom: 10px; } .slide_text .slide_label::after{ content: ''; position: absolute; top: 0; left: 0; width: 140%; height: 100%; background: linear-gradient(270deg, rgba(149, 67, 231, 0) 0%, rgba(149, 67, 231, 0.4) 30%, #4B5CF8 100%); transform: skewX(-8deg); z-index: -1; } .slide_text .slide_time{ color: #fff; font-size: 15px; margin-bottom: 10px; } .slide_text .slide_title{ position: relative; display: -webkit-box; box-sizing: border-box; color: #fff; font-size: 24px; font-weight: 700; margin: 0; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .hero_slider .slide_text .slide_time{ font-size: 18px; } .hero_slider .slide_text .slide_title{ font-size: 28px; } .swiper-button-next, .swiper-button-prev{ top: 0; width: 50px; height: 100%; margin-top: 0; background: none; } .swiper-button-next{ right: 0; } .swiper-button-prev{ left: 0; } .swiper-button-next, .swiper-button-prev{ top: 50%; width: auto; height: auto; font-size: 38px; padding: 20px 10px 20px 16px; border-radius: 50px 0 0 50px; background-color: rgba(30, 30, 30, 0.7); transform: translateY(-50%); transition: background-color 0.1s; } .swiper-button-prev{ padding: 20px 16px 20px 10px; border-radius: 0 50px 50px 0; } .swiper-button-next:hover, .swiper-button-prev:hover{ background-color: rgba(30, 30, 30, 0.9); } .swiper-button-next::before, .swiper-button-prev::before{ color: #fff; text-shadow: 0 0 6px rgba(0,0,0,0.8); } .swiper-button-prev::before{ font-family: 'bootstrap-icons'; content: '\f284'; } .swiper-button-next::before{ font-family: 'bootstrap-icons'; content: '\f285'; } .swiper-pagination{ bottom: -35px; width: 100%; text-align: center; } .swiper-pagination-bullet{ width: 15px; height: 15px; margin: 0 8px; border-radius: 50%; opacity: 1; background-color: #E4E7E8; } .swiper-pagination-bullet.swiper-pagination-bullet-active{ pointer-events: none; background-color: #FECC02; } .hero_slider_box .swiper-pagination{ bottom: -13px; } .hero_slider_box .swiper-pagination-bullet{ border: 1px solid #3A3132; background-color: transparent; } .hero_slider_box .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #3A3132; } .section{ position: relative; margin-bottom: 40px; } .section.two_col{ display: flex; flex-wrap: wrap; justify-content: space-between; } .section_half{ position: relative; width: calc(50% - 24px); } .section_title{ position: relative; display: flex; font-size: 24px; font-weight: bold; margin: 0 0 26px 0; border-bottom: 4px solid #E4E7E8; -webkit-text-stroke: 0.3px; } .section_title span:first-child{ padding-bottom: 6px; margin-bottom: -4px; border-bottom: 4px solid #FECC02; } .note{ position: absolute; bottom: 0; right: 0; color: #73848C; font-size: 12px; font-weight: normal; } .sidebar .section_title span.note{ font-size: 12px; } .sidebar .section_title{ margin-bottom: 0; } .note.pre_note{ position: static; font-size: 13px; text-align: right; margin-top: -8px; } .video_focus{ color: #fff; padding: 32px; border-radius: 24px; background: #3A3A3A; } .video_focus .section_title{ border-color: #565656; } .video_focus .item .item_title{ color: #fff; font-size: 16px; } .video_focus .btn_box{ margin-bottom: 8px; } .tab_list_box{ position: absolute; display: flex; justify-content: flex-end; top: 32px; right: 32px; width: calc(100% - 64px); } .tab_list{ display: flex; max-width: calc(100% - 120px); overflow-x: auto; } .tab{ color: #8C8C8C; font-size: 18px; font-weight: 700; white-space: nowrap; padding: 9px 0; margin-left: 24px; } .tab:hover, .tab.active{ color: #FECC02; } .tab_content{ display: none; } .tab_content.active{ display: block; } .tab_box.s2 .tab_list_box{ position: absolute; top: 0; left: 0; width: 100%; justify-content: center; z-index: 10; } .chart_box#territory .tab_box.s2 .tab_list_box{ left: auto; top: 60px; right: 0; width: calc(57.4% - 12px); } .tab_box.s2 .tab_list{ max-width: none; border: 2px solid #7070FF; border-radius: 19px; overflow: hidden; background-color: #FAFAFA; } .tab_box.s2 .tab_list .tab{ display: flex; justify-content: center; align-items: center; color: #7070FF; font-size: 16px; font-weight: 500; padding: 6px 30px; margin: 0; border-right: 2px solid #7070FF; transition: color 0.06s, background-color 0.06s; } .tab_box.s2 .tab_list .tab:last-child{ border-right: none; } .tab_box.s2 .tab_list .tab:hover{ background-color: #F1F3F4; } .tab_box.s2 .tab_list .tab.active{ color: #fff; background-color: #7070FF; } .chart_box#territory .tab_box.s2 .tab_list .tab{ padding: 6px 24px; } .chart_box#legislative_party_vote_share .tab_box.s2{ padding-top: 20px; } .chart_box#legislative_party_vote_share .tab_box.s2 .tab_content_box{ position: relative; padding-bottom: 40%; } .list{ display: grid; grid-template-columns: repeat(12, 1fr); gap: 26px 24px; margin-bottom: 32px; } .list.row_box_form{ row-gap: 0; } .list.two_col{ column-gap: 50px; } .list.two_col .item:nth-child(1), .list.two_col .item:nth-child(2){ padding-top: 0; margin-top: 6px; border-top: none; } .list.mb0{ margin-bottom: 0; } .sidebar .list{ display: block; } .item{ cursor: pointer; } .item, .item.col3{ grid-column: auto / span 4; } .item.col1{ grid-column: auto / span 12; } .item.col2{ grid-column: auto / span 6; } .item.col4{ grid-column: auto / span 3; } .section_half .list.row_box_form{ margin-bottom: 40px; } .section_half .item{ padding-top: 26px; border-top: 1px solid #DDDDDD; } .section_half .item:nth-child(1){ padding-top: 0 !important; margin-top: 0 !important; border-top: none; } .item_img{ position: relative; display: block; aspect-ratio: 16 / 9; margin-bottom: 6px; border-radius: 4px; overflow: hidden; background-color: #A8A8A8; } .section_half .item.row_box .item_img{ width: 220px; } .item.video .item_img::before, .slide.video::before{ font-family: 'bootstrap-icons'; content: '\f4f4'; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 42px; 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; transition: transform 0.3s, background-color 0.3s; } .slide.video::before{ width: 76px; height: 76px; font-size: 56px; } .item.video:hover .item_img::before, .slide.video:hover::before{ transform: translate(-50%, -55%); background-color: rgba(0,0,0,0.7); } .item.text_box{ position: relative; display: block; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #DDDDDD; } .item_title{ display: -webkit-box; font-size: 18px; font-weight: 500; line-height: 1.38; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 0; margin-bottom: 8px; } .item.col3 .item_title{ font-size: 16px; } .item:hover .item_text .item_title, .text_news a:hover .tit{ text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; -webkit-text-underline-offset: 2px; -webkit-text-decoration-thickness: 1px; } .item.col1 .item_title{ font-size: 22px; } .item.text_box .item_title{ font-size: 15px; margin-bottom: 6px; } .item_preview{ display: -webkit-box; color: #A8A8A8; font-size: 14px; font-weight: 400; line-height: 1.55; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 8px; } .item_time, .time{ display: flex; color: #A8A8A8; font-size: 13px; font-weight: 400; line-height: 1; align-items: center; } .item_time::before, .time::before{ font-family: 'bootstrap-icons'; content: '\f293'; margin: 2px 3px 0 0; } .item.text_box .item_time{ text-align: left; } .item.row_box{ display: flex; grid-column: auto / span 12; align-items: flex-start; padding-top: 20px; margin-top: 20px; border-top: 1px solid #DDDDDD; } .item.row_box.col2{ grid-column: auto / span 6; } .section_half .item.row_box{ padding-top: 20px; margin-top: 20px; } .item.row_box .item_img{ flex-shrink: 0; width: 288px; margin-bottom: 0; } .item.row_box.col2 .item_img{ width: 220px; } .item.row_box .item_text{ flex-grow: 1; padding-left: 20px; } .item.row_box.col2 .item_text{ padding-left: 20px; } .item.row_box .item_title{ -webkit-line-clamp: 2; } .item.row_box .item_preview{ -webkit-line-clamp: 2; margin-bottom: 27px; } .item.row_box.col2 .item_preview{ margin-bottom: 8px; } .section_half .item .item_preview{ margin-bottom: 8px; } .text_news a{ display: flex; align-items: center; padding: 16px 0; border-bottom: 1px dashed #ccc; } .text_news a .num{ font-family: 'Roboto Condensed'; display: flex; justify-content: center; flex-shrink: 0; width: 24px; color: #E4E7E8; font-size: 42px; font-weight: 500; font-style: italic; margin-right: 20px; } .text_news li:nth-child(1) .num, .text_news li:nth-child(2) .num, .text_news li:nth-child(3) .num{ color: #C7CED1; } .text_news a .tit{ display: -webkit-box; flex-grow: 1; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 8px; } .video_box{ grid-column: auto / span 12; width: 100%; aspect-ratio: 16 / 9; } .video_box iframe{ width: 100%; height: 100%; } @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 0.9s linear infinite; } @media screen and (min-width: 1031px){ .sidebar .medal{ padding: 4px 12px; } .sidebar .rank{ width: 22px; height: 22px; font-size: 12px; margin-top: 0; } .sidebar .nation{ display: inline-block; width: 86px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .event_banner{ display: flex; position: relative; padding-bottom: 38.2%; margin-bottom: 48px; background-color: #A8A8A8; } .demo_text{ position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%); } .event_filter_banner{ position: relative; padding-bottom: 38.2%; background: url(../img/event_filter_banner.jpg) no-repeat center / cover; } .event_filter_banner .btn{ position: absolute; } .btn_box{ text-align: center; margin: 32px 0; } .btn{ display: inline-flex; justify-content: center; align-items: center; height: 45px; color: #101828; font-weight: 500; line-height: 1; padding: 10px 32px; border-radius: 8px; border: 1px solid #FECC02; background-color: #FECC02; } .btn:active{ border-color: #FAB905; background-color: #FAB905; } .btn.outline{ color: #FECC02; background-color: rgba(16,24,40,0.4); } .btn.outline:active{ background-color: rgba(16,24,40,1); } .btn.disable{ color: #E4E7E8; border-color: #8F9CA3; background-color: #8F9CA3; pointer-events: none; } .btn.more, .vote_banner_btns .btn{ height: auto; color: #2E3538; padding: 10px 20px 12px 20px; margin: 0 auto; border: none; border-radius: 6px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(180deg, #FECC02 0%, #FFB800 100%); } .btn.more:hover, .vote_banner_btns .btn:hover{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%), linear-gradient(180deg, #FECC02 0%, #FFB800 100%); } .btn.more::after{ font-family: 'bootstrap-icons'; content: '\f4fe'; font-size: 19px; margin: 2.5px 0 0 4px; } .btn.grey{ height: auto; color: #2E3538; padding: 10px 20px 12px 20px; margin: 0 auto; border: none; border-radius: 6px; background: linear-gradient(180deg, #FFF 0%, #EDEDED 100%); } .btn.grey:hover{ background: #F1F3F4; } .btn.btn_date{ display: flex; justify-content: center; align-items: center; flex-grow: 1; width: calc(20% - 6px); height: 42px; margin: 0 3px; } .btn.btn_date:first-child{ width: 20%; margin-left: 0; } .btn.btn_date:last-child{ margin-right: 0; } .btn.btn_date .sdow{ font-size: 12px; margin-left: 3px; } .btn.btn_date.active{ pointer-events: none; } .btn.btn_date.disabled{ opacity: 0.3; pointer-events: none; } .event_filter_banner .btn{ position: absolute; bottom: 32px; left: 75px; display: flex; color: #29EDCA !important; font-size: 18px; padding: 10px 60px 10px 40px; border: 1px solid #29EDCA !important; background-color: rgba(26, 26, 26, 0.4); transition: padding 0.26s, background-color 0.26s; } .event_filter_banner .btn:hover{ padding: 10px 70px 10px 40px; background-color: rgba(45, 92, 84, 1); } .event_filter_banner .btn .btn_arrow{ position: absolute; top: 50%; right: 38px; width: 16px; height: 26px; overflow: hidden; transform: translateY(-50%); transition: width 0.26s; } .event_filter_banner .btn:hover .btn_arrow{ width: 26px; } .event_filter_banner .btn .btn_arrow svg{ position: absolute; top: 0; right: 0; width: 26px; height: 26px; } .event_filter_banner .btn .btn_arrow svg path{ stroke: #29EDCA; } .more:not(.btn){ position: absolute; top: 3px; right: 0; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 20px; border-radius: 50%; border: 1px solid #EAEAEA; } .more:not(.btn):hover{ background-color: #EAEAEA; } .more:not(.btn)::before{ font-family: 'bootstrap-icons'; content: '\f5d4'; } .message_box{ width: 100%; text-align: center; } .message{ text-align: center; padding: 80px 0; } .message_text{ color: #454F54; font-size: 32px; font-weight: bold; line-height: 1.5; margin-bottom: 24px; } .message_text br{ display: none; } .ad_box{ width: 100%; text-align: center; margin-bottom: 56px; } .sidebar .ad_box{ margin-bottom: 32px; } main#infographics{ background-color: #FAFAFA; } main#infographics .content{ width: calc(100% - 240px); order: 2; padding: 0 0 0 48px; } main#infographics .sidebar{ order: 1; width: 240px; } .chart_wrap{ padding: 40px 32px; border-radius: 8px; border: 1px solid #C7CED1; background-color: #F7F7F7; } .chart_wrap.grid{ background-image: url(../img/grid_bg.png); } .chart_box{ position: relative; } .chart_box:not(#territory, #legislator_total, #legislator_seats){ padding-bottom: 36.44%; } .chart_box#president_vote_share{ padding-bottom: 43%; } .chart_box#legislative_party_vote_share{ padding-bottom: 0; } .chart_box .chart_text, .chart_box .chart_graph, .chart_box .chart_grid, .chart_box .chart_title{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .chart_box .chart_text{ opacity: 0; z-index: 3; transition: opacity 0.3s ease 0.36s; } .chart_box.show .chart_text{ opacity: 1; } .chart_box .chart_graph{ overflow: hidden; z-index: 2; } .chart_box .chart_title{ z-index: 2; } .chart_box#president_voter_turnout .chart_graph img{ position: absolute; top: 0; left: 0; height: 100%; max-width: none; } .chart_box#president_voter_turnout .chart_graph{ width: 0; opacity: 0; transition: opacity 0.3s ease-out, width 0.76s; } .chart_box#president_voter_turnout.show .chart_graph{ width: 100%; opacity: 1; } .chart_box.bar .chart_graph{ transform: scaleY(0); transform-origin: left 81.8%; transition: transform 0.6s; } .chart_box.bar#legislative_party_vote_share .chart_graph{ transform-origin: left 88.5%; } .chart_box.bar.show .chart_graph{ transform: scaleY(1); } .chart_box#legislative_election_category .chart_graph{ opacity: 0; transform: scale(0.96); transition: opacity 0.6s, transform 0.6s; } .chart_box#legislative_election_category.show .chart_graph{ opacity: 1; transform: scale(1); } .chart_box .chart_grid{ z-index: 1; } .chart_box img{ display: block; } .chart_wrap .source{ position: absolute; bottom: 32px; right: 32px; color: #8F9CA3; font-size: 13px; } .chart_wrap .notes{ color: #454F54; font-size: 15px; line-height: 1.7; margin: 10px 0 -10px 0; } .chart_box#legislator_total{ display: flex; justify-content: space-between; padding-bottom: 32px; } .chart_box#legislator_total .wrapper{ position: relative; width: 46%; } .chart_box#legislator_total .wrapper .lt_title{ font-size: 20px; font-weight: bold; line-height: 1; text-align: center; padding: 8px; margin-bottom: 8px; border-radius: 20px 20px 0px 0px; background-color: #E4E7E8; } .chart_box#legislator_total .wrapper .lt_content{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 24px; opacity: 0; transition: opacity 0.5s; } .chart_box#legislator_total.show .wrapper .lt_content{ opacity: 1; } .chart_box#legislator_total .wrapper .lt_content .total{ position: absolute; bottom: 0; left: 0; color: #8F9CA3; font-size: 13px; } .chart_box#legislator_total .wrapper .box{ position: relative; text-align: center; margin: 16px 0; } @media screen and (max-width: 1150px){ .chart_wrap{ padding: 30px 16px; } .chart_wrap:has(.chart_box#legislator_total){ padding: 20px 10px; } .chart_box#legislator_total{ display: block; } .chart_box#legislator_total .wrapper{ width: 100%; margin-bottom: 16px; } .chart_box#legislator_total .wrapper .lt_content{ flex-wrap: nowrap; justify-content: center; } .chart_box#legislator_total .wrapper .lt_content .total{ left: auto; right: 6px; } .chart_box#legislator_total .wrapper .box{ width: 16.66666% !important; transform: scale(0.96); } .chart_wrap .source{ right: 16px; } } .chart_box#legislator_total .wrapper .counter_box{ position: absolute; top: 23px; left: 1px; width: 100%; font-weight: bold; line-height: 1; } .chart_box#legislator_total .wrapper .counter_box .counter, .chart_box#legislator_total .wrapper .counter_box .counter_sa{ font-family: 'Roboto'; font-size: 41px; } .chart_box#legislator_total svg{ width: 106px; height: 106px; transform: rotate(-90deg); } .chart_box#legislator_total svg circle{ stroke: #E4E7E8; stroke-width: 10; fill: none; } .chart_box#legislator_total svg circle.percentage{ stroke-dasharray: 280; /* this value is the pixel circumference of the circle */ stroke-dashoffset: 280; animation-duration: 0.8s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .chart_box#legislator_total .box.kmt .percentage{stroke: #1B5BFF;} .chart_box#legislator_total .box.dpp .percentage{stroke: #52B235;} .chart_box#legislator_total .box.npp .percentage{stroke: #F2BF42;} .chart_box#legislator_total .box.pfp .percentage{stroke: #FF881A;} .chart_box#legislator_total .box.tpp .percentage{stroke: #28C8C8;} .chart_box#legislator_total .box.tsp .percentage{stroke: #A73F24;} .chart_box#legislator_total .box.other .percentage{stroke: #8F9CA3;} @keyframes kmt2016 {to {stroke-dashoffset: 180;}} @keyframes dpp2016 {to {stroke-dashoffset: 90;}} @keyframes npp2016 {to {stroke-dashoffset: 260;}} @keyframes pfp2016 {to {stroke-dashoffset: 266;}} @keyframes other2016 {to {stroke-dashoffset: 270;}} @keyframes kmt2020 {to {stroke-dashoffset: 186;}} @keyframes dpp2020 {to {stroke-dashoffset: 129;}} @keyframes npp2020 {to {stroke-dashoffset: 270;}} @keyframes tpp2020 {to {stroke-dashoffset: 265;}} @keyframes tsp2020 {to {stroke-dashoffset: 275;}} @keyframes other2020 {to {stroke-dashoffset: 265;}} @keyframes kmt2024 {to {stroke-dashoffset: 151;}} @keyframes dpp2024 {to {stroke-dashoffset: 154;}} @keyframes tpp2024 {to {stroke-dashoffset: 258;}} @keyframes other2024 {to {stroke-dashoffset: 273;}} .chart_box#legislator_total.show #kmt2016{animation-name: kmt2016;} .chart_box#legislator_total.show #dpp2016{animation-name: dpp2016;} .chart_box#legislator_total.show #npp2016{animation-name: npp2016;} .chart_box#legislator_total.show #pfp2016{animation-name: pfp2016;} .chart_box#legislator_total.show #other2016{animation-name: other2016;} .chart_box#legislator_total.show #kmt2020{animation-name: kmt2020;} .chart_box#legislator_total.show #dpp2020{animation-name: dpp2020;} .chart_box#legislator_total.show #npp2020{animation-name: npp2020;} .chart_box#legislator_total.show #tpp2020{animation-name: tpp2020;} .chart_box#legislator_total.show #tsp2020{animation-name: tsp2020;} .chart_box#legislator_total.show #other2020{animation-name: other2020;} .chart_box#legislator_total.show #kmt2024{animation-name: kmt2024;} .chart_box#legislator_total.show #dpp2024{animation-name: dpp2024;} .chart_box#legislator_total.show #tpp2024{animation-name: tpp2024;} .chart_box#legislator_total.show #other2024{animation-name: other2024;} .chart_box#legislator_total .wrapper .box .party{ display: flex; justify-content: center; align-items: center; font-size: 15px; line-height: 1; padding: 2px 0; } .chart_box#legislator_total .box .party::before{ content: ''; width: 20px; height: 20px; margin: 0 6px 0 0; background-size: 100% 100%; background-repeat: no-repeat; } .chart_box#legislator_total .box.kmt .party::before{background-image: url(../img/emblem/kmt.png);} .chart_box#legislator_total .box.dpp .party::before{background-image: url(../img/emblem/dpp.png);} .chart_box#legislator_total .box.npp .party::before{background-image: url(../img/emblem/npp.png);} .chart_box#legislator_total .box.pfp .party::before{background-image: url(../img/emblem/pfp.png);} .chart_box#legislator_total .box.tpp .party::before{background-image: url(../img/emblem/tpp.png);} .chart_box#legislator_total .box.tsp .party::before{background-image: url(../img/emblem/tsp.png);} .chart_box#legislator_total .box.other .party::before{display: none;} .map{ flex-shrink: 0; width: 42.6%; opacity: 0; transform: translateX(16px); transition: opacity 0.6s, transform 0.6s; } .chart_box#territory.show .map{ transform: translateX(0); opacity: 1; } .chart_box#territory .tab_content.active{ display: flex; align-items: flex-start; } .table_box{ width: 100%; padding: 24px; margin: 120px 0 0 12px; border-radius: 8px; border: 1px solid #C7CED1; background-color: #fff; } .tb_head{ display: flex; font-size: 15px; padding: 8px 0; background-color: #E4E7E8; } .tb_row{ display: flex; font-size: 17px; padding: 20px 0; border-bottom: 1px solid #E4E7E8; } .tb_row:last-child{ border-bottom: none; } .tb_col{ display: flex; justify-content: center; align-items: center; width: 33.333333%; } .tb_col.emblem{ justify-content: flex-start; padding-left: 16px; } .emblem{ display: flex; align-items: center; } .emblem::before{ content: ''; flex-shrink: 0; width: 20px; height: 20px; margin: 0 8px 0 0; background-size: 100% 100%; background-repeat: no-repeat; background-image: url(../img/emblem/none.png); } .candidate .emblem::before{ background-image: url(../img/emblem/none.png); } .emblem.kmt::before, .president_row_box.kmt .emblem::before, .pva_row.kmt .emblem::before, .candidate.kmt .emblem::before{ background-image: url(../img/emblem/kmt.png); } .emblem.dpp::before, .president_row_box.dpp .emblem::before, .pva_row.dpp .emblem::before, .candidate.dpp .emblem::before{ background-image: url(../img/emblem/dpp.png); } .emblem.tpp::before, .president_row_box.tpp .emblem::before, .pva_row.tpp .emblem::before, .candidate.tpp .emblem::before{ background-image: url(../img/emblem/tpp.png); } .candidate.np .emblem::before, .emblem.np::before{background-image: url(../img/emblem/np.png);} .candidate.npp .emblem::before, .emblem.npp::before{background-image: url(../img/emblem/npp.png);} .candidate.pfp .emblem::before, .emblem.pfp::before{background-image: url(../img/emblem/pfp.png);} .candidate.tsp .emblem::before, .emblem.tsp::before{background-image: url(../img/emblem/tsp.png);} .candidate.tsu .emblem::before, .emblem.tsu::before{background-image: url(../img/emblem/tsu.png);} .candidate.cup .emblem::before, .emblem.cup::before{background-image: url(../img/emblem/cup.png);} .candidate.ep .emblem::before, .emblem.ep::before{background-image: url(../img/emblem/ep.png);} .candidate.fa .emblem::before, .emblem.fa::before{background-image: url(../img/emblem/fa.png);} .candidate.fbi .emblem::before, .emblem.fbi::before{background-image: url(../img/emblem/fbi.png);} .candidate.gpt .emblem::before, .emblem.gpt::before{background-image: url(../img/emblem/gpt.png);} .candidate.ilovchina .emblem::before, .emblem.ilovchina::before{background-image: url(../img/emblem/ilovchina.png);} .candidate.jp .emblem::before, .emblem.jp::before{background-image: url(../img/emblem/jp.png);} .candidate.jrp .emblem::before, .emblem.jrp::before{background-image: url(../img/emblem/jrp.png);} .candidate.lp .emblem::before, .emblem.lp::before{background-image: url(../img/emblem/lp.png);} .candidate.miparty .emblem::before, .emblem.miparty::before{background-image: url(../img/emblem/miparty.png);} .candidate.nwl .emblem::before, .emblem.nwl::before{background-image: url(../img/emblem/nwl.png);} .candidate.pdp .emblem::before, .emblem.pdp::before{background-image: url(../img/emblem/pdp.png);} .candidate.pp .emblem::before, .emblem.pp::before{background-image: url(../img/emblem/pp.png);} .candidate.rca .emblem::before, .emblem.rca::before{background-image: url(../img/emblem/rca.png);} .candidate.rup .emblem::before, .emblem.rup::before{background-image: url(../img/emblem/rup.png);} .candidate.sdp .emblem::before, .emblem.sdp::before{background-image: url(../img/emblem/sdp.png);} .candidate.tmgp .emblem::before, .emblem.tmgp::before{background-image: url(../img/emblem/tmgp.png);} .candidate.tmtu .emblem::before, .emblem.tmtu::before{background-image: url(../img/emblem/tmtu.png);} .candidate.topep .emblem::before, .emblem.topep::before{background-image: url(../img/emblem/topep.png);} .candidate.trp .emblem::before, .emblem.trp::before{background-image: url(../img/emblem/trp.png);} .candidate.trp1 .emblem::before, .emblem.trp1::before{background-image: url(../img/emblem/trp1.png);} .candidate.uaa .emblem::before, .emblem.uaa::before{background-image: url(../img/emblem/uaa.png);} .candidate.up .emblem::before, .emblem.up::before{background-image: url(../img/emblem/up.png);} .candidate.tpup .emblem::before, .emblem.tpup::before{background-image: url(../img/emblem/tpup.png);} .candidate.tcp .emblem::before, .emblem.tcp::before{background-image: url(../img/emblem/tcp.png);} .candidate.noparty .emblem::before, .emblem.noparty::before{background-image: url(../img/emblem/noparty.png);} .candidate.none .emblem::before, .emblem.none::before{background-image: url(../img/emblem/none.png);} .tb_col.emblem::before{ width: 24px; height: 24px; } .tb_col:nth-child(1){ width: 50%; } .tb_row .tb_col:nth-child(1) br{ display: none; } .tb_row.elected .tb_col:not(:nth-child(1)){ transition: color 0.16s ease 0.6s; } .chart_box#territory.show .tb_row.elected .tb_col:not(:nth-child(1)){ color: #F64C4C; } .tb_col:nth-child(3) span{ margin-left: 10px; } .sidebar_menu{ position: sticky; top: 91px; border: 1px solid #C7CED1; } .sidebar_menu ul li{ position: relative; } .sidebar_menu ul li a{ display: block; color: #8F9CA3; font-size: 17px; padding: 20px; border-bottom: 1px solid #C7CED1; } .sidebar_menu ul li a:hover{ color: #454F54; } .sidebar_menu ul li.active a{ color: #101828; } .sidebar_menu ul li a::before{ content: ''; position: absolute; top: -1px; left: -1px; width: 4px; height: calc(100% + 1px); background-color: #FECC02; transform: scaleX(0); transform-origin: left center; transition: transform 0.2s; } .sidebar_menu ul li.active a::before{ transform: scaleX(1); } .sidebar_menu ul li:last-child a{ border-bottom: none; } body#game{ height: 100vh; height: 100dvh; background-color: #140c23; } body#game::after{ content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/bg.jpg) no-repeat center top / cover; z-index: -1; } body#game.result{ height: auto; } body#game .game_logo{ position: absolute; top: 2vh; top: 2dvh; left: 1.6vh; left: 1.6dvh; width: 21vh; width: 21dvh; } body#game.result .game_logo{ top: 2vh; left: 2vh; width: 20vh; } body#game .logo img{ width: 100%; } body#game main{ height: 100%; } body#game main .container{ width: calc(100% - 40px); height: 100%; max-width: 58vh; max-width: 58dvh; } body#game main .main_box{ height: 100%; padding: 3vh 0 1vh 0; padding: 3dvh 0 1dvh 0; } body#game main .main_content{ display: block; height: 100%; } body#game footer{ display: none; } body#game.result footer{ display: block; } .game_box{ display: flex; flex-direction: column; height: 100%; color: #fff; font-size: 2vh; font-size: 2dvh; line-height: 1.5; text-align: center; } .game_header{ height: 10%; padding-top: 0.5vh; padding-top: 0.5dvh; } .game_content{ display: flex; flex-wrap: wrap; height: 90%; } .game_footer{ display: none; } body#game.cover .game_header{ height: 45%; padding-top: 5vh; padding-top: 5dvh; } body#game.cover .game_content{ height: 39%; } body#game.cover .game_footer{ display: block; height: 16%; padding-top: 3vh; padding-top: 3dvh; } body#game.result .game_header{ height: 9.7vh; } .game_box img{ display: block; width: 100%; height: 100%; object-fit: cover; } .game_header img, .game_footer img{ display: block; width: 100%; max-width: none; height: 100%; object-fit: contain; } .game_footer .game_footer_img{ display: block; height: 6vh; height: 6dvh; margin-bottom: 1.2vh; margin-bottom: 1.2dvh; } .game_footer .game_footer_text{ color: #B4A3BE; font-size: 1.3vh; font-size: 1.3dvh; } .game_logotype{ display: block; } .game_visual{ display: none !important; } body#game.cover .game_header .game_logotype{ display: none; } body#game.cover .game_header .game_visual{ display: block !important; } .game_card{ width: 100%; display: none; } .game_card.active{ display: block; } #act1{ padding-top: 2vh; padding-top: 2dvh; } #act2{ padding-top: 8vh; padding-top: 8dvh; } #act3 .btn_box, #act3 .btn_box button{ margin-bottom: 0; } .game_pic_box{ display: flex; justify-content: center; margin-bottom: 4vh; margin-bottom: 4dvh; } .game_pic_box.s2{ margin-bottom: 9vh; margin-bottom: 9dvh; } .game_pic{ overflow: hidden; } .game_pic.portrait_s1{ width: 14vh; width: 14dvh; aspect-ratio: 1 / 1; margin: 0 1.5vh; margin: 0 1.5dvh; border-radius: 50%; border: 3px solid #667080; overflow: hidden; background-color: #101828; } .game_pic.portrait_s2{ width: 16vh; width: 16dvh; margin: 0 1.6vh; margin: 0 1.6dvh; cursor: pointer; } .game_pic.portrait_s1:first-child, .game_pic.portrait_s2:first-child{ margin-left: 0; } .game_pic.portrait_s1:last-child, .game_pic.portrait_s2:last-child{ margin-right: 0; } .game_pic.portrait_s2 .game_pic_img{ width: 100%; aspect-ratio: 1 / 1.3; border: 3px solid #667080; background-color: #101828; } .game_pic.portrait_s2.active .game_pic_img{ border-color: #FECC02; } .game_pic.portrait_s2 .game_pic_text{ color: #fff; font-size: 2vh; font-size: 2dvh; font-weight: bold; margin-top: 1vh; margin-top: 1dvh; } .game_pic.portrait_s2.active .game_pic_text{ color: #FECC02; } .game_text, .q_box{ font-size: 2.2vh; font-size: 2.2dvh; font-weight: normal; margin-bottom: 4vh; margin-bottom: 4dvh; } .result_box .game_text{ font-size: 2.4vh; } .game_box .text_big{ font-size: 2.6vh; font-size: 2.6dvh; } .qa_progress_bar_box{ position: relative; padding: 4vh 0 2.8vh 0; padding: 4dvh 0 2.8dvh 0; } .qa_pb_t{ position: absolute; top: 0; left: 0; font-size: 2vh; font-size: 2dvh; } .qa_pb_t.t2{ left: auto; right: 0; } #qa_progress_bar{ height: 8px; border-radius: 4px; overflow: hidden; background-color: rgba(30, 30, 30, 0.5); } #qa_progress_bar div{ height: 100%; border-radius: 4px; background-color: #FECC02; transition: width 0.36s; } .qa_box{ margin-bottom: 2.2vh; margin-bottom: 2.2dvh; } .q_box{ display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; height: 15vh; height: 15dvh; margin-bottom: 2vh; margin-bottom: 2dvh; } .q_box #q_label{ display: inline-block; font-size: 2vh; font-size: 2dvh; font-weight: bold; padding: 0.6vh 2vh; padding: 0.6dvh 2dvh; border: 2px solid #fff; margin-bottom: 1.8vh; margin-bottom: 1.8dvh; } .q_box #q_title{ width: 100%; display: flex; justify-content: center; align-items: center; } .a_row{ display: flex; } .a_avatar{ flex-shrink: 0; width: 9vh; height: 9vh; border-radius: 50%; overflow: hidden; margin-right: 2vh; } .a_avatar img{ height: auto; } .a_option{ display: flex; justify-content: center; align-items: center; color: #FAFAFA; width: 100%; height: 14.5vh; height: 14.5dvh; font-size: 2.3vh; font-size: 2.3dvh; text-align: left; padding: 0 2.2vh; padding: 0 2.2dvh; margin-bottom: 1.8vh; margin-bottom: 1.8dvh; border-radius: 8px; border: 1px solid #8F9CA3; background: rgba(30, 30, 30, 0.5); } .a_option.active{ color: #FECC02; padding: 0 calc(2.2vh - 1px); padding: 0 calc(2.2dvh - 1px); border: 2px solid #FECC02; } .a_row:last-child .a_option{ margin-bottom: 0; } .result_box .a_option{ height: auto; min-height: 9vh; font-size: 2vh; padding: 1.2vh 2vh; margin-bottom: 0; } .result_box .a_row{ align-items: center; margin-bottom: 1.8vh; } .result_box .a_row .a_option.active{ color: #fff; } .result_box .a_row.c1.active .a_option{ border-color: #1B5BFF; background-color: #1B5BFF; } .result_box .a_row.c2.active .a_option{ border-color: #33851A; background-color: #33851A; } .result_box .a_row.c3.active .a_option{ border-color: #009E9E; background-color: #009E9E; } .result_box .a_row.c4.active .a_option{ border-color: #454F54; background-color: #454F54; } .game_box .btn_box{ display: inline-flex; flex-wrap: wrap; width: 100%; justify-content: space-between; margin: 0 0 1.8vh 0; margin: 0 0 1.8dvh 0; } #result_wrap .btn_box{ margin: 0 0 1.8vh 0; } .game_box .btn{ width: 100%; height: 5.4vh; height: 5.4dvh; font-size: 1.9vh; font-size: 1.9dvh; font-weight: bold; padding: 0 1vh; padding: 0 1dvh; margin-bottom: 1.8vh; margin-bottom: 1.8dvh; } .game_box .btn.hide{ display: none; } .game_box .btn:last-child{ margin-bottom: 0; } .game_box .btn span{ order: 1; } .game_box .btn::before{ order: 2; } .game_box .btn.bi-chevron-right::before{ margin: 5px 0 0 3px; } .game_box .btn.bi-box-arrow-up-right::before{ margin: 2px 0 0 5px; } .game_box .btn.bi-download::before{ margin: 2px 0 0 7px; } .game_box .btn.bi-arrow-clockwise::before{ margin: 5px 0 0 7px; } .game_box .btn.half{ width: 48%; } #result_loading{ display: none; font-size: 2.6vh; font-size: 2.6dvh; text-align: center; margin: 30vh 0 70vh 0; margin: 30dvh 0 70dvh 0; } #result_loading.show{ display: block; } #result_loading .graph{ content: ''; display: inline-block; width: 40px; height: 40px; } #result_loading.show .graph{ animation: loading 1.4s linear infinite; } #result_loading .graph svg{ width: 40px; height: 40px; } #result_loading div:last-child{ margin-top: 10px; } .square_loading{ position: relative; display: inline-block; width: 40px; height: 40px; margin-bottom: 20px; } @keyframes square_move{ 0% { transform: translate(0,0); } 25% { transform: translate(20px,0); } 50% { transform: translate(20px,20px); } 75% { transform: translate(0,20px); } } .square_loading::before{ content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-color: #FECC02; z-index: 2; animation: square_move 1.6s linear infinite; } .square_loading span{ position: absolute; width: 20px; height: 20px; background-color: #101828; z-index: 1; } .square_loading span:nth-child(1){ top: 0; left: 0; } .square_loading span:nth-child(2){ top: 0; left: 20px; } .square_loading span:nth-child(3){ top: 20px; left: 20px; } .square_loading span:nth-child(4){ top: 20px; left: 0; } #result_wrap{ display: none; } #result_wrap.show{ display: block; } .result_img{ width: 100%; height: auto; aspect-ratio: 100 / 56; margin: 4vh auto 2vh auto; } .result_text{ font-size: 2.6vh; font-weight: normal; line-height: 1.7; margin-bottom: 4vh; } .destined_text{ display: none; } #result_median{ font-size: 2.8vh; font-weight: bold; } .result_text .text_bold{ font-size: 3vh; line-height: 1.7; margin-left: 1vh; } .result_text .candidate{ padding: 2px 8px; } .result_text .c1{ background-color: #1B5BFF; } .result_text .c2{ background-color: #33851A; } .result_text .c3{ background-color: #009E9E; } .result_text .c4{ background-color: #454F54; } .result_box{ padding: 4vh 0 5vh 0; } .result_row_box{ padding: 3vh 0 5vh 0; border-top: 2px solid rgba(255,255,255,0.4); } .result_title{ font-weight: bold; margin-bottom: 3.3vh; } .result_title > div{ display: inline-block; font-size: 2.8vh; padding-bottom: 6px; border-bottom: 4px solid #FECC02; } .result_title > div > div{ display: inline-block; } .result_title_num{ margin-right: 4px; } #share_overlay{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; } #share_overlay.show{ display: flex; } #share_overlay .btn_box{ position: relative; width: 220px; } #share_overlay button{ height: 43px; font-size: 15px; margin-bottom: 24px !important; } #share_overlay button:hover{ opacity: 0.92; } #share_overlay button::before{ margin-left: 6px; } #share_fb{ color: #fff; border-color: #1877F2; background-color: #1877F2; } #share_line{ color: #fff; border-color: #00B900; background-color: #00B900; } .share_overlay_close{ position: absolute; top: 12px; right: 16px; color: #fff; font-size: 30px; line-height: 1; margin-bottom: 0; cursor: pointer; } .share_overlay_bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.86); z-index: -1; } #remind_copy_link{ position: absolute; bottom: -10px; left: 0; display: block; width: 100%; font-size: 15px; text-align: center; pointer-events: none; } #remind_copy_link.show{ opacity: 1; } .vote_banner_box{ position: relative; padding: 32px 0; background: #c8edfd url(../img/vote_banner.jpg) no-repeat center -46vw / cover; } .vote_banner_box .container{ display: flex; align-items: center; } .vote_banner_live{ width: 48%; aspect-ratio: 16 / 9; } .vote_banner_live iframe{ width: 100%; height: 100%; display: block; } .vote_banner_kv{ display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: center; width: 52%; padding-left: 50px; } .vote_kv{ margin-bottom: 32px; } .vote_banner_btns{ display: flex; justify-content: center; width: 100%; } .vote_banner_kv .subtitle{ font-size: 20px; letter-spacing: 8px; } .vote_banner_btns .btn{ width: 220px; color: #2E3538; padding: 16px; margin: 0 8px; border: 1px solid rgba(255, 255, 255, 0.70); border-radius: 6px; background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 100%), linear-gradient(180deg, #FECC02 0%, #FFB800 100%); } .vote_banner_btns .btn::after{ font-family: 'bootstrap-icons'; content: '\f4fe'; font-size: 19px; margin: 2.5px 0 0 4px; } .vote_banner_btns .btn.active{ color: #fff; border: 1px solid #C7CED1; background: #5D5D71; pointer-events: none; } .vote_banner_btns .btn.active::after{ display: none; } .president_row_box{ position: relative; display: flex; align-items: center; color: #2E3538; white-space: nowrap; margin-bottom: 32px; border-radius: 8px; border: 1px solid #C7CED1; overflow: hidden; background: linear-gradient(180deg, #FFF 23.42%, #F4F4F4 100%); } .president_box{ flex-grow: 1; display: flex; } .president_num{ font-family: 'Roboto'; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 52px; font-size: 22px; } .pre_avatar{ flex-shrink: 0; width: 132px; aspect-ratio: 1 / 1; background-color: #ccc; } .pre_avatar img{ display: block; width: 100%; height: 100%; object-fit: cover; } .pre_data{ flex-grow: 1; padding: 14px 20px; } .pre_text{ position: relative; display: flex; justify-content: space-between; align-items: flex-end; } .pre_party{ display: flex; align-items: center; margin-bottom: 8px; } .president_box .emblem::before{ margin-right: 6px; } .pre_party span{ font-size: 15px; line-height: 1; padding: 4px 12px; border-radius: 20px; background: #F1F3F4; } .pre_name_box{ display: flex; align-items: flex-end; line-height: 1; } .pre_name{ font-size: 34px; font-weight: bold; letter-spacing: 1.36px; margin-right: 20px; } .pre_vice{ display: flex; align-items: center; font-size: 20px; letter-spacing: 0.8px; } .pre_vice span{ color: #fff; font-size: 16px; padding: 4px 6px 6px 6px; margin-right: 8px; border-radius: 8px; background: #F90; } .pre_votes{ display: flex; align-items: flex-end; font-size: 20px; line-height: 1; margin-bottom: -3px; } .president_row_box.lead .pre_votes, .president_row_box.elected .pre_votes{ color: #F64C4C; } .pre_votes_num{ font-family: 'Roboto'; font-size: 40px; font-weight: bold; margin-right: 8px; } .pre_votes span:last-child{ margin-bottom: 4px; } .pre_progress_box{ height: 27px; background: #E4E7E8; margin-top: 12px; overflow: hidden; } .pre_progress{ font-family: Arial; color: #fff; display: flex; justify-content: flex-end; align-items: center; font-weight: normal; line-height: 1; width: 0; height: 100%; font-size: 15px; padding: 2px 12px 0 0; border-radius: 0px 14px 14px 0px; transition: width 0.7s; } .president_row_box.kmt .pre_progress{background-color: #1B5BFF;} .president_row_box.dpp .pre_progress{background-color: #52B235;} .president_row_box.tpp .pre_progress{background-color: #28C8C8;} .pre_progress .pct{ margin-bottom: 2px; } .vote_chart_box .chart_box#territory .map{ width: 32%; opacity: 1; transform: translateX(0); } .vote_chart_box .chart_box#territory .tab_box.s2 .tab_list_box{ width: calc(68% - 40px); } .vote_chart_box .chart_box#territory .tab_box.s2 .tab_list .tab{ padding: 6px 32px; } .vote_chart_box .chart_box#territory .table_box{ margin-left: 40px; } .vote_chart_box .chart_box#territory .tb_row .tb_col.emblem{ padding-left: 60px; } .vote_chart_box .chart_box#territory .tb_row .tb_col:nth-child(1) br{ display: none; } .vote_chart_box .chart_box#territory .tb_row.elected .tb_col:not(:nth-child(1)){ color: #F64C4C; } .president_row_box.self_declared .pre_text::before{ content: ''; position: absolute; top: 3px; left: 132px; width: 83px; height: 19px; background: url(../img/self_declared.svg) no-repeat center / cover; } .candidate_box .candidate.self_declared .ca_party::after{ content: ''; width: 73px; height: 17px; margin-left: 6px; background: url(../img/self_declared.svg) no-repeat center / cover; } .candidate_box .candidate.elected::after{ content: ''; position: absolute; top: 8px; right: 8px; width: 20px; height: 20px; background: url(../img/symbol.svg) no-repeat center / cover; } .president_row_box.elected::after{ content: ''; position: absolute; top: 8px; right: 8px; width: 24px; height: 24px; background: url(../img/symbol.svg) no-repeat center / cover; } .tab_btn_box{ position: relative; display: flex; margin-bottom: -1px; z-index: 10; } .tab_btn{ width: 16.666666%; color: #5C6970; font-size: 18px; font-weight: 500; text-align: center; padding: 16px 10px; margin: 0 6px; border: 1px solid transparent; border-bottom: 1px solid #C7CED1; border-radius: 8px 8px 0px 0px; background-color: #E4E7E8; } .tab_btn:first-child{ margin-left: 0 !important; } .tab_btn:last-child{ margin-right: 0 !important; } .tab_btn:hover{ color: #2E3538; background-color: #F1F3F4; } .tab_btn.active{ color: #2E3538; border-color: #C7CED1; border-bottom: 1px solid #fff; background-color: #fff; pointer-events: none; } .tab_main_box{ padding: 32px 16px; border: 1px solid #C7CED1; background-color: #fff; } .le_opening .tab_main_box{ padding: 32px; } .tab_main{ flex-wrap: wrap; min-height: 186px; } .le_opening .tab_main{ margin-top: 24px; margin-bottom: 32px; } .tab_area{ display: none; flex-wrap: wrap; } .tab_area.active{ display: flex; } .pre_vote_area{ display: flex; width: calc(33.333333% - 32px); margin: 0 16px 24px 16px; border: 1px solid #C7CED1; border-radius: 8px; overflow: hidden; } .pva_label{ color: #fff; font-size: 20px; writing-mode: vertical-rl; line-height: 1; text-align: center; letter-spacing: 10px; padding: 10px; background-color: #5D5D71; } .pva_row_box{ flex-grow: 1; color: #2E3538; } .pva_row{ display: flex; border-bottom: 1px solid #ccc; background: linear-gradient(180deg, #FFF 23.42%, #F4F4F4 100%); } .pva_row:last-child{ border-bottom: none; } .pva_row .emblem::before{ width: 16px; height: 16px; margin-right: 4px; } .pva_row_avatar{ flex-shrink: 0; width: 80px; aspect-ratio: 1 / 1; background-color: #ccc; } .pva_row_avatar img{ display: block; width: 100%; height: 100%; object-fit: cover; } .pva_row_text{ flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; padding: 10px 12px; } .pva_name{ width: 100%; font-size: 18px; margin-bottom: 4px; } .pva_votes{ width: 100%; display: flex; align-items: flex-end; font-size: 16px; line-height: 1; } .pva_row.lead .pva_votes{ color: #F64C4C; } .pva_votes_num{ font-family: 'Roboto'; font-size: 24px; font-weight: bold; margin-right: 6px; } .pva_votes span:last-child{ margin-bottom: 4px; } .tab_main_box .note{ position: static; width: 100%; color: #8F9CA3; font-size: 13px; text-align: center; } .le_opening .tab_main_box .note{ position: relative; } .le_opening .tab_main_box .note .update_time{ position: absolute; top: 0; right: 0; } .chart_box#legislator_seats{ white-space: nowrap; padding: 20px 50px 40px 50px; } .chart_box#legislator_seats .tab_box.s2 .tab_list_box{ left: auto; top: 14px; right: 50px; width: 430px; } .chart_box#legislator_seats .tab_box.s2 .tab_list{ width: 100%; } .chart_box#legislator_seats .tab_box.s2 .tab_list .tab{ flex-grow: 1; width: 33%; padding: 6px; } .chart_box#legislator_seats .tab_content.active{ display: flex; align-items: flex-start; } .chart_box#legislator_seats .seats{ flex-grow: 1; } .chart_box#legislator_seats .table_box{ flex-shrink: 0; width: 430px; color: #2E3538; padding: 18px 12px 10px 12px; margin: 60px 0 0 60px; } .chart_box#legislator_seats .tb_row{ padding: 8px 0; } .chart_box#legislator_seats .tb_col{ width: 50%; } .chart_box#legislator_seats .tb_col.emblem{ padding-left: 50px; } .chart_box#legislator_seats .tb_row .tb_col:last-child > span{ width: 50px; text-align: right; } .chart_box#legislator_seats .seats_num{ font-family: Roboto; font-size: 24px; margin-right: 2px; } .m_dropdown_box{ margin-bottom: 24px; } .tab_secondary_box{ margin: 0 auto 24px auto; } .m_dropdown_toggle{ display: none; } .tab_secondary{ display: flex; justify-content: center; border-radius: 19px; overflow: hidden; } .tab_secondary .tab_se{ display: flex; justify-content: center; align-items: center; width: 220px; height: 38px; color: #7070FF; font-size: 16px; font-weight: 500; padding: 6px; margin: 0; border: 2px solid #7070FF; border-right: none; background-color: #FAFAFA; transition: color 0.06s, background-color 0.06s; } .tab_secondary .tab_se:hover{ background-color: #F1F3F4; } .tab_secondary .tab_se:first-child{ border-radius: 19px 0 0 19px; } .tab_secondary .tab_se:last-child{ border-radius: 0 19px 19px 0; border-right: 2px solid #7070FF; } .tab_secondary .tab_se.active{ color: #fff; background-color: #7070FF; pointer-events: none; } .tab_smallest_box{ border-bottom: 1px solid #C7CED1; } .tab_smallest{ display: flex; flex-wrap: wrap; } .tab_smallest .tab_s{ color: #8F9CA3; font-size: 16px; font-weight: 500; padding-right: 14px; margin: 0 14px 16px 0; border-right: 1px solid #8F9CA3; } .tab_smallest .tab_s:last-child{ padding-right: 0; margin-right: 0; border-right: none; } .tab_smallest .tab_s:hover{ color: #808c92; } .tab_smallest .tab_s.active{ color: #7070FF; pointer-events: none; } .tab_text{ color: #2E3538; } .tab_text .tri{ display: inline-flex; align-items: center; } .tab_text .tri::after{ content: ''; display: inline-block; width: 0; height: 0; margin: 0 10px; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #D9D9D9; } .text_ac{ text-align: center; } .text_bold{ font-weight: bold; } .candidate_box{ width: 100%; display: none; grid-template-columns: repeat(12, 1fr); gap: 24px 18px; } .candidate_box.active{ display: grid; } .candidate_box .candidate{ position: relative; grid-column: auto / span 4; display: flex; color: #2E3538; line-height: 1; white-space: nowrap; border-radius: 8px; border: 1px solid #C7CED1; overflow: hidden; background: linear-gradient(180deg, #FFF 23.42%, #F4F4F4 100%); } .candidate_box.col1 .candidate{ grid-column: auto / span 12 !important; } .candidate_box.col2 .candidate{ grid-column: auto / span 6 !important; } .candidate_box.col3 .candidate{ grid-column: auto / span 4; } .candidate_box.col4 .candidate{ grid-column: auto / span 3; } .candidate_box.col5{ grid-template-columns: repeat(5, 1fr); } .candidate_box.col5 .candidate{ grid-column: auto / span 1; } .ca_num{ font-family: Roboto; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 36px; font-size: 15px; border-right: 1px solid #C7CED1; } .ca_box{ flex-grow: 1; display: flex; flex-wrap: wrap; font-size: 20px; padding: 15px 16px 17px 16px; } .ca_party{ width: 100%; font-size: 13px; line-height: 1; border-radius: 20px; margin-bottom: 10px; } .ca_party::before{ width: 16px; height: 16px; margin-right: 6px; } .ca_party span{ padding: 4px 6px; border-radius: 10px; background-color: #F1F3F4; } @media screen and (min-width: 1261px){ .candidate.topep .ca_party span{ transform: translateX(-4px) scale(0.88); transform-origin: left center; } } .candidate_box.party_vote .ca_party{ font-size: 20px; } .candidate_box.party_vote .ca_party::before{ width: 18px; height: 18px; } .candidate_box.party_vote span{ padding: 4px 0; background-color: transparent; } .ca_data{ width: 100%; display: flex; justify-content: space-between; align-items: flex-end; } .ca_name{ font-weight: bold; margin-right: 6px; } .more_words_abo1{ font-size: 15px; margin-bottom: 3px; } .more_words_at{ font-size: 15px; line-height: 1.2; margin: -5px 0 -11px 0; } .more_words_abo2 br, .more_words_abo1 br{ display: none; } .ca_votes{ font-size: 12px; } .candidate.lead .ca_votes, .candidate.elected .ca_votes{ color: #F64C4C; } .ca_votes_num{ font-family: Roboto; font-size: 20px; font-weight: bold; margin-right: 4px; } .ca_percent{ font-family: Roboto; color: #8F9CA3; font-size: 16px; font-weight: bold; } .text_highlight{ font-weight: bold; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(254,204,2,1) 52%,rgba(254,204,2,1) 52%,rgba(254,204,2,1) 100%); } .stitle_note{ position: absolute; top: 9px; right: 0; color: #8F9CA3; } .stitle_note span{ font-weight: bold; } .vote_memo{ color: #8F9CA3; font-size: 13px; line-height: 2; text-align: center; } .vote_problem{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; font-size: 24px; text-align: center; background-color: #FAFAFA; z-index: 88; } #vote_president .vote_problem, #vote_legislator .vote_problem{ position: absolute; align-content: flex-start; align-items: flex-start; padding-top: 120px; z-index: 84; } .vote_problem.show{ display: flex; } .vote_problem::before{ content: ''; width: 100%; height: 76px; background: url(../img/warning.svg) no-repeat center / contain; } .vote_problem div{ width: 100%; padding: 16px; } .vote_breaking_news{ display: none; color: #fff; padding: 8px 0; margin-bottom: 20px; overflow: hidden; background-color: #F73B3B; } .vote_breaking_news.show{ display: block; } @keyframes marquee{ from{ transform: translateX(100%); } to{ transform: translateX(-100%); } } #vote_announcement{ display: inline-block; font-size: 15px; padding: 0 8px; white-space: nowrap; } #vote_announcement.marquee{ animation: marquee 20s linear infinite; } #vote_announcement.tac{ display: block; text-align: center; } .share_box{ position: fixed; top: 43%; left: 10px; width: 38px; background-color: #E4E7E8; z-index: 85; } #vote_president .share_box, #vote_legislator .share_box{ top: 52%; } .share_btn{ position: relative; width: 38px; height: 38px; color: #777; font-size: 12px; background-color: #E4E7E8; transition: background-color 0.1s; } .share_btn.disable{ pointer-events: none; } .share_btn::before{ font-size: 20px; } .share_btn:hover{ color: #fff; } .share_line_btn:hover{ background-color: #00B900; } .share_fb_btn:hover{ background-color: #1877F2; } .share_copy_btn:hover{ color: #000; background-color: #FECC02; } .share_copy_btn.disable{ color: #000; background-color: #FECC02; } .share_copy_btn span{ position: absolute; top: 8px; left: calc(100% + 10px); color: #000; white-space: nowrap; padding: 4px 8px; border-radius: 4px; background-color: #FECC02; } .share_copy_btn span::before{ content: ''; position: absolute; top: 8px; left: -7px; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 7px 4px 0; border-color: transparent #FECC02 transparent transparent; } .desktop_visible, .mobile_hidden{ display: block !important; } .desktop_hidden, .mobile_visible{ display: none !important; } .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; margin-bottom: 30px; } 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; } footer .info_box .info{ font-size: 12px; font-weight: 300; } footer .info_box .info div{ display: flex; margin-bottom: 10px; } footer .info_box .info div span{ display: flex; } footer .info_box .info div span::after{ font-family: 'Microsoft JhengHei'; content: '|'; margin: -1px 12px 0 12px; } footer .info_box .info div span:last-child::after{ display: none; } footer .info_box .footer_logo{ width: 112px; } footer .info_box .footer_logo img{ width: 100%; } @media screen and (max-width: 1700px){ .hero_box{ max-height: 60vw; } } @media screen and (max-width: 1500px){ .hero_box{ max-height: 62vw; } /* Safari 9+ */ @supports (-webkit-hyphens:none){ .hero_box{ max-height: 63vw; } } .hero_box .countdown_box{ transform: scale(0.86); margin: 0.7vw 0 0 0; } .subtitle{ font-size: 1.8vw; margin-top: 1.2vw; } .vote_banner_live{ width: 42%; } .vote_banner_kv{ width: 58%; padding: 0 80px; } .vote_kv{ margin-bottom: 24px; } .vote_banner_kv .subtitle{ font-size: 18px; letter-spacing: 8px; } .vote_banner_btns .btn{ padding: 12px; } #vote_president .share_box, #vote_legislator .share_box{ top: 55%; } } @media screen and (max-width: 1400px){ #vote_president .share_box, #vote_legislator .share_box{ top: 66%; } } @media screen and (max-width: 1300px){ .hero_box{ max-height: none; } .share_box{ left: 0; } } @media screen and (max-width: 1260px){ .chart_box#legislator_seats{ padding: 10px 30px 40px 30px; } .chart_box#legislator_seats .tab_box.s2 .tab_list_box{ right: 30px; } .chart_box#legislator_seats .seats img{ margin: 20px auto; } .chart_box#legislator_seats .tb_col.emblem{ justify-content: flex-start; padding-left: 40px !important; } .candidate_box{ grid-template-columns: repeat(12, 1fr) !important; gap: 16px; } .candidate_box.col5 .candidate{ grid-column: auto / span 3; } .ca_num{ width: 30px; } .ca_box{ padding: 16px 12px; } .candidate_box.party_vote .candidate.tmtu .ca_party, .candidate_box.party_vote .candidate.topep .ca_party{ font-size: 18px !important; } .more_words_abo2, .more_words_abo1{ font-size: 15px; line-height: 1.3; margin: -3px 0 -6px 0; } .more_words_abo2 br, .more_words_abo1 br{ display: inline; } } @media screen and (min-width: 1031px) and (max-width: 1260px){ .nav_box{ margin-left: 10px; } nav ul li{ padding: 3px 14px 0 14px; } nav ul li a{ font-size: 14px; } .vote_live{ padding-right: 0; } .pre_avatar{ width: 110px; } .pre_votes_num{ font-size: 32px; } } @media screen and (min-width: 921px) and (max-width: 1200px){ .tb_row{ font-size: 16px; padding: 12px 0; } .tb_row .tb_col:nth-child(1) br{ display: inline; } .tb_row .tb_col:nth-child(1) span{ margin-right: 10px; } .vote_chart_box .chart_box#territory .tab_box.s2 .tab_list_box{ top: 6vw; } .vote_chart_box .chart_box#territory .table_box{ margin-top: 12vw; } .vote_chart_box .chart_box#territory .tb_row{ padding: 20px 0; } } @media screen and (max-width: 1200px){ .chart_box#territory .tab_box.s2 .tab_list_box{ top: 30px; } .table_box{ padding: 10px; margin-top: 90px; margin-bottom: 40px; } .tb_col.emblem{ justify-content: center; padding-left: 0 !important; } .vote_chart_box .chart_box#territory .tab_box.s2 .tab_list_box{ width: calc(60% - 12px); } .vote_chart_box .chart_box#territory .map{ width: 40%; } .vote_chart_box .chart_box#territory .table_box{ margin-left: 12px; } .vote_chart_box .chart_box#territory .tab_box.s2 .tab_list .tab{ padding: 6px 24px; } .candidate_box.party_vote .candidate.tmtu .ca_party, .candidate_box.party_vote .candidate.topep .ca_party{ font-size: 15px !important; } } @media screen and (max-width: 1030px){ /* Safari 9+ */ @supports (-webkit-hyphens:none){ /*ios safari使用內建字體 start*/ body{ font-family: Arial, sans-serif; } .countdown_title h1 .main_title, .countdown_timer .col_box div:nth-child(2), .countdown_placard, .slide_text .slide_title, .slide_text .slide_label, .section_title, .item_title, .item_preview, .btn.more, table thead, .nation, .dropdown_switch, .pva_name{ font-weight: bold; } .countdown_title h1 .main_title, .section_title, .slide_text .slide_title{ -webkit-text-stroke: 0.4px; } .item_title{ line-height: 1.38 !important; } .item_time, .subtitle, .pre_name, .pva_name{ -webkit-text-stroke: 0.2px; } .item_time::before, .btn.more::after{ font-weight: normal; } .item_preview{ color: #9d9d9d; } .item_time::before{ margin-top: 0; } .rank{ line-height: 26px; padding-top: 0; margin-top: 0; } .channel_num{ margin-top: 0 !important; } .btn.more{ padding: 16px; } .btn.more::after{ font-weight: bold; margin-top: 0; } .pre_name{ margin-top: 4px; } .pre_name::before{ padding-top: 2px; margin-top: 0 !important; } .pre_votes span:last-child, .pva_votes span:last-child{ margin-bottom: 2px !important; } /*ios safari使用內建字體 end*/ } body *::-webkit-scrollbar{ display: none; } header{ top: 0; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.08); background-color: #fff !important; } header.home .logo .logo_b{ opacity: 1; } header.home .logo .logo_w{ opacity: 0; } header .navigation{ height: 56px; padding-top: 0; transition: background-color 0.2s; } header .navigation .container{ height: 100%; } header .nav_box{ position: fixed; top: 56px; left: 0; display: block; width: 100%; height: calc(100% - 56px); padding: 0; margin: 0; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; background-color: #2B2B2B; z-index: 95; transition: opacity 0.2s, visibility 0.2s; } header.open_mobile_nav .nav_box{ opacity: 1; visibility: visible; } header .top_nav{ position: static; flex-wrap: wrap; justify-content: center; height: auto; padding: 24px 0 60px 0; border-top: 2px solid rgba(255,255,255,0.2); border-bottom: none; } header .top_nav .container{ flex-wrap: wrap; justify-content: center; } header .top_nav_logo{ order: 2; width: 57px; height: 18px; background-image: url(../img/ebc_logo_s.svg); } header .top_nav_title{ order: 1; color: #fff; width: 100%; line-height: 1.35; font-weight: bold; text-align: center; padding: 0 !important; margin: 0 0 10px 0 !important; border: none !important; } header .top_nav_title span{ display: block; padding: 0; } header.open_mobile_nav .navigation{ background-color: #2B2B2B; } header .mobile_logo{ position: relative; width: 150px; height: 20px; } header .mobile_logo img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } header .mobile_logo .m_logo_w{ display: none; } header.open_mobile_nav .m_logo_w{ display: block; } header.open_mobile_nav .m_logo{ display: none; } header .mobile_nav_switch{ display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; color: #2B2B2B; } /*header.home .mobile_nav_switch{ color: #fff; }*/ header.home.white .mobile_nav_switch{ color: #2B2B2B; } header.open_mobile_nav .mobile_nav_switch{ color: #fff !important; } header .mobile_nav_switch::before{ font-family: 'bootstrap-icons'; content: '\f479'; font-size: 28px; } header.open_mobile_nav .mobile_nav_switch::before{ content: '\f659'; font-size: 23px; } header.open_mobile_nav .logo_b{ opacity: 0 !important; } header.open_mobile_nav .logo_w{ opacity: 1 !important; } nav{ padding: 0 0 20px 0; } nav ul{ flex-wrap: wrap; height: auto; } nav ul li{ width: 100%; padding-top: 0; } nav ul li a{ width: 90%; color: #fff !important; font-size: 22px; font-weight: bold; line-height: 1; -webkit-text-stroke: 0.2px; padding: 20px 10px !important; margin: 0 auto; border-bottom: 1px solid #424242; background-color: transparent; } nav ul li a.active{ background-image: none; } nav ul li a::after{ display: none; } nav ul li:nth-last-child(2) a{ border-bottom: none; } .vote_live{ margin: 6px 0 20px 0; } .vote_live a:hover{ background-color: #ff4646; } .vote_live a span, .vote_live a:hover span{ color: #fff !important; } .countdown_text{ display: none; } .main_box{ padding: 0 0 32px 0; } main#infographics .main_box, main.vote .main_box{ padding-top: 40px; } .main_content{ display: flex; flex-wrap: wrap; column-gap: 0; padding-top: 0; } .main_content#schedule{ padding-top: 80px; margin-top: -80px; } .hero_box{ padding: calc(90px + 29vw) 0 3vw 0 !important; margin-bottom: 32px; opacity: 1; background-position: center 0; } .hero_box .hero_title{ width: 73vw; } .subtitle{ font-size: 3vw; margin-top: 3.4vw; } .hero_box .countdown_box{ transform: scale(1); margin-top: 1.6vw; } .banner{ padding: calc(34px + 29vw) 0 3vw 0; background: #c8edfd url(../img/vote_banner.jpg) no-repeat center -26vw / cover; } .banner_title{ top: 34px; width: 73vw; } .banner .subtitle{ font-size: 3vw; margin-top: 3vw; } .hero_slider_box .swiper-container{ transform: scale(1); } .hero_slider_box .swiper-slide{ max-width: none; } .hero_slider_box .swiper-button-next::after, .hero_slider_box .swiper-button-prev::after { transform: scaleY(1); } .hero_slider_box .swiper-pagination{ bottom: 4.5vw; } .hero_slider a{ border: none; } .slider_box{ width: 100vw; margin: 0 0 70px -24px; } .slide_text{ padding: 20px 24px; } .hero_post_box{ padding: 10px 24px; } .hero_post_box .swiper-wrapper{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .hero_post_box .swiper-slide:nth-child(1){ grid-column: auto / span 2; } .hero_post_box .swiper-slide:nth-child(2), .hero_post_box .swiper-slide:nth-child(3){ grid-column: auto / span 1; } .hero_post_box .swiper-slide a::after{ background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 70%); } .hero_post_box .swiper-button-next, .hero_post_box .swiper-button-prev, .hero_post_box .swiper-pagination{ display: none; } .hero_post_box .slide_text{ padding: 12px; } .hero_post_box .slide_text .slide_title{ font-size: 18px; } .main_content.home{ display: block; } .sidebar, .content{ width: 100%; } .content{ padding-right: 0; } .section{ width: 100%; } .section_half{ width: 100%; } .video_focus{ width: 100vw; padding: 24px 24px 42px 24px; border-radius: 0; margin: 0 0 -32px -24px; } .tab_list_box{ top: 24px; right: 24px; } .tab_box.s2 .tab_list .tab{ font-weight: bold; } .sidebar{ display: none; } main#infographics .content{ width: calc(100% - 160px); padding: 0 0 0 20px; } main#infographics .sidebar{ display: block; width: 160px; } .sidebar_menu ul li a{ font-size: 16px; padding: 16px; } .sidebar_sticky{ position: static; } .countdown_section{ width: 55%; } .countdown_section .section_content{ height: 36vw; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-width: 3px; } .countdown_section > *{ width: 100%; } .word_cloud_section{ width: 45%; padding-left: 30px; margin-bottom: 0; } .word_cloud_section .section_title{ margin-bottom: 16px; } .list.two_col .item:nth-child(1), .list.two_col .item:nth-child(2){ margin-top: 0; } .sidebar .list{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 30px; flex-wrap: wrap; } .sidebar .list .item.text_box{ grid-column: auto / span 1; } .list.two_col{ display: block; column-gap: 24px; } .video_focus .item{ grid-column: auto / span 6; } .item.row_box .item_img{ width: 220px !important; } .item.row_box.col2 .item_img{ width: 220px !important; } .list.two_col .item:nth-child(2){ padding-top: 20px; margin-top: 20px; border-top: 1px solid #DDDDDD; } .item_img{ margin-bottom: 8px; } .item.row_box .item_text{ padding-left: 16px !important; } .item.mbox .item_title{ margin-bottom: 7px; } .item.text_box .item_title{ font-size: 16px; -webkit-line-clamp: 2; margin-bottom: 8px; } .item.row_box .item_title{ line-height: 1.3; margin-bottom: 7px; } .item.row_box .item_preview{ margin-bottom: 8px; } .schedule_header{ top: 56px; } .ad_box{ margin: 40px 0; } .section_half .list.row_box_form{ margin-bottom: 32px; } .latest_polls{ order: 2; } .election_volume{ order: 1; margin-bottom: 32px; } .election_volume .section_content{ text-align: center; } #bubble{ transform: scale(1.2) !important; } .video_box{ width: 100vw; margin-left: -24px; } .vote_banner_live{ width: 49%; } .vote_banner_kv{ width: 51%; padding: 0 30px; } .vote_banner_kv .subtitle{ margin-top: 10px; } .tab_btn{ font-size: 16px; padding: 10px; margin: 0 4px; } .pre_vote_area{ width: calc(50% - 32px); } .chart_box#legislator_seats{ padding: 60px 30px 50px 30px; } .chart_box#legislator_seats .tab_box.s2 .tab_list_box{ top: 0; right: 16px; width: calc(100% - 32px); } .chart_box#legislator_seats .tab_content.active{ display: block; } .chart_box#legislator_seats .seats{ width: 100%; margin-bottom: 30px; } .chart_box#legislator_seats .table_box{ width: 100%; margin: 0; } .chart_box#legislator_seats .tb_col.emblem{ padding-left: 100px !important; } .candidate_box .candidate{ grid-column: auto / span 6 !important; } .le_opening .tab_main_box{ padding: 24px 16px; } .more_words_at{ font-size: 18px; margin: 0; } .more_words_at br{ display: none; } #vote_legislator .vote_problem, .vote_breaking_news{ width: 100vw; margin-left: -24px; } .vote_breaking_news{ margin-top: -40px; } .share_box{ display: none; } .desktop_visible, .mobile_hidden{ display: none !important; } .desktop_hidden, .mobile_visible{ display: block !important; } .tablet_visible{ display: block !important; } .phone_visible{ display: none !important; } footer{ padding: 32px 0 24vw 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 .privacy a{ text-decoration: underline; } 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 (max-width: 920px){ :root{ scroll-padding-top: 140px; } main#infographics .main_box{ padding-top: 0; } main#infographics .content{ width: 100%; padding: 32px 0 0 0; } main#infographics .sidebar{ position: sticky; top: 55px; left: 0; width: 100vw; z-index: 80; margin-left: -24px; border-bottom: 1px solid #C7CED1; background-color: #fff; } main#infographics .sidebar .sidebar_menu{ position: relative; top: 0; width: 100%; padding: 12px; border: none; overflow-x: auto; } main#infographics .sidebar .sidebar_menu ul{ display: inline-flex; } .sidebar_menu ul li{ margin-right: 12px; } .sidebar_menu ul li a{ color: #101828 !important; font-size: 16px; line-height: 1; white-space: nowrap; padding: 12px 16px; border-radius: 8px; border: 1px solid #C7CED1 !important; transition: border-color 0.06s, background-color 0.06s; } .sidebar_menu ul li a::before{ display: none; } .sidebar_menu ul li.active a{ border-color: #FECC02 !important; background-color: #FECC02; } .more_words_abo1{ font-size: 12px; } } @media screen and (max-width: 767px){ .logo{ width: 160px; } .container{ width: calc(100% - 32px); } .main_box:has(.countdown_up){ margin-top: 0; } .main_content{ } .countdown_box{ overflow: hidden; } .countdown_title{ font-size: 14px; width: 100%; margin-bottom: 10px; } .countdown_title::before, .countdown_title::after{ width: calc((100% - 150px) / 2); } .countdown_timer .col_box{ min-width: 20vw; padding: 0 1.9vw; } .countdown_timer .col_box div:nth-child(1){ min-width: auto; min-height: 10vw; font-size: 12vw; padding: 3vw 4vw 2.6vw 4vw; } .countdown_timer .col_box div:nth-child(2){ font-size: 3.1vw; } .hero_box{ padding: calc(80px + 38vw) 0 3vw 0 !important; margin-bottom: 26px; } .hero_box .hero_title{ top: 80px; width: 88vw; } .subtitle{ font-size: 5.2vw !important; padding-left: 8px; margin-top: 3.8vw !important; } .banner{ padding: calc(24px + 39.6vw) 0 4vw 0; background-position: center -18vw; } .banner_title{ top: 24px; width: 88vw; } .hero_box .countdown{ margin: 0; } .hero_slider_box .swiper-pagination{ bottom: 30px; } .slider_box{ margin: 0 0 60px -16px; } .swiper-slide a{ box-shadow: none; } .swiper-button-next, .swiper-button-prev{ display: none; } .swiper-pagination{ bottom: -30px; } .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 5px; } .slide_text{ padding: 16px; } .slide_text .slide_time{ margin-bottom: 6px; } .slide_text .slide_title{ font-size: 18px; } .hero_post_box{ padding: 16px; } .hero_post_box .swiper-wrapper{ gap: 15px; } .hero_post_box .swiper-slide:nth-child(2) a, .hero_post_box .swiper-slide:nth-child(3) a{ aspect-ratio: 1 / 1; } .hero_post_box .slide_text{ padding: 10px; } .hero_post_box .slide_text .slide_title{ font-size: 16px; } .countdown_section, .word_cloud_section{ width: 100%; } .countdown_section{ height: auto; } .word_cloud_section{ padding-left: 0; } .video_focus{ padding: 24px 16px 34px 16px; margin: 0 0 -32px -16px; } .video_focus .section_title{ margin-bottom: 0; } .video_focus .list{ padding-top: 16px; border-top: 2px solid #565656; } .video_focus .item{ border-color: #565656 !important; } .tab_list_box{ position: static; width: 100vw; margin: 0 0 0 -16px; } .tab_list{ max-width: 100%; } .tab{ padding: 12px 0; margin: 0 8px 0 16px; } .tab:last-child{ margin-right: 16px; } .tab:hover:not(.active){ color: #8C8C8C; } .sidebar .list{ display: block; } .list{ display: block; margin-bottom: 16px; } .list.pt{ padding-top: 16px; } .item{ display: flex; align-items: flex-start; padding-top: 16px !important; margin-top: 16px !important; border-top: 1px solid #DDDDDD !important; } .item:first-child{ padding-top: 0 !important; margin-top: 0 !important; border-top: none !important; } .list.mb0 + .list .item:first-child{ padding-top: 16px !important; margin-top: 16px !important; border-top: 1px solid #DDDDDD !important; } .item.mbox{ display: block; } .item.text_box{ padding: 0 30px 12px 0; } /*.item:first-child .item_text, .item.mbox .item_text{ padding: 0 !important; }*/ .item.mbox .item_text{ padding: 0 !important; } .item.text_box::after{ right: 6px; } .item_img{ flex-shrink: 0; width: 40% !important; aspect-ratio: 16 / 10; margin-bottom: 0; } .item.row_box .item_img, .item.row_box.col2 .item_img{ width: 40% !important; } /*.item:first-child .item_img, .item.mbox .item_img{ width: 100% !important; margin-bottom: 10px; }*/ .item.mbox .item_img{ width: 100% !important; margin-bottom: 10px; } .item.video .item_img::before{ width: 46px; height: 46px; font-size: 32px; } /*.slide.video::before, .item:first-child.video .item_img::before, .item.mbox.video .item_img::before{ width: 60px; height: 60px; font-size: 42px; }*/ .slide.video::before, .item.mbox.video .item_img::before{ width: 60px; height: 60px; font-size: 42px; } .item_text, .item.row_box .item_text{ padding-left: 12px !important; } /*.item:first-child .item_text{ padding: 10px 0 0 0; }*/ .item_title{ font-size: 17px !important; -webkit-line-clamp: 3 !important; } /*.item:first-child .item_title, .item.mbox .item_title{ font-size: 19px !important; }*/ .item.mbox .item_title{ font-size: 19px !important; } .item.mbox .item_preview{ margin-bottom: 10px; } .item.row_box .item_preview{ display: none; } .section_half .list.row_box_form{ margin-bottom: 24px; } .btn_box{ margin: 24px 0; } .btn_box .btn.more{ width: 100%; box-shadow: none; } .video_box{ margin-left: -16px; } .phone_word_cloud{ margin: 32px 0; } #word_cloud_box{ height: 343px !important; } #word_cloud{ transform: scale(0.6) !important; } main#infographics .container{ width: 100%; } main#infographics .sidebar{ width: 100%; margin-left: 0; } main#infographics .section_title{ width: calc(100% - 32px); margin: 0 auto 16px auto; } main#infographics .section .section_content{ border-top: 1px solid #C7CED1; border-bottom: 1px solid #C7CED1; background-color: #F7F7F7; } main#infographics .section.m_out_of_range .section_content{ overflow-x: auto; } main#infographics .section.m_out_of_range .section_content .chart_wrap{ width: 175vw; } main#infographics .section.m_out_of_range#s6 .section_content .chart_wrap{ width: 186vw; } main#infographics .section.m_out_of_range .chart_box img{ width: 100%; } main#infographics .chart_box#president_voter_turnout .chart_graph img{ width: auto; } .chart_wrap{ padding-bottom: 40px; border-radius: 0; border: none; } .chart_box#territory, .chart_box#legislative_party_vote_share, .chart_box#legislator_seats{ position: static !important; } .chart_box img{ width: 100%; } .chart_box#territory .tab_box.s2 .tab_list_box{ width: 100% !important; } .chart_box#territory .tab_content.active{ display: block; } .map{ width: 86% !important; margin: 55px auto 20px auto; opacity: 1; transform: translateX(0); } .table_box{ padding: 12px; margin: 0 0 20px 0 !important; } .tb_row{ font-size: 16px; padding: 12px 0; } .tb_row .tb_col:nth-child(1) br{ display: inline !important; } .tb_row .tb_col:nth-child(1) span{ margin-right: 10px; } .tb_row .tb_col:not(:nth-child(1)){ font-size: 18px; font-weight: bold; } .chart_box#president_vote_share{ margin-bottom: 40px; } .chart_box#legislative_election_category{ padding-bottom: 144%; } .chart_box#legislator_total .wrapper .lt_content{ flex-wrap: wrap; justify-content: flex-start; } .chart_box#legislator_total .wrapper .box{ width: 33.3333% !important; margin: 6px 0; } .chart_box#legislator_total .wrapper:first-child .box:nth-child(4), .chart_box#legislator_total .wrapper:first-child .box:nth-child(5){ width: 40%; } .chart_box#legislator_total svg circle{ stroke-width: 9; } .chart_box#legislative_party_vote_share{ margin-bottom: 120px; } .chart_box .tab_box.s2 .tab_list_box{ top: 85px !important; margin: 0; } .chart_wrap .source{ font-size: 12px; bottom: 20px; } .chart_wrap .notes{ position: absolute; bottom: 50px; left: 16px; font-size: 13px; margin: 0; } main.vote .section_title{ margin-bottom: 16px; } .section.pre_opening .section_title, .section.le_opening .section_title{ margin-bottom: 6px; } .vote_banner_box{ padding-bottom: 100px; background-position: center 0; background-size: 140% auto; } .vote_banner_box .container{ flex-wrap: wrap; } .vote_banner_live, .vote_banner_kv{ width: 100%; } .vote_banner_kv{ order: 1; padding: 0; } .vote_banner_live{ order: 2; } .vote_kv{ margin-bottom: 16px; } .vote_banner_btns{ justify-content: space-between; position: absolute; bottom: 32px; left: 16px; width: calc(100% - 32px); } .vote_banner_btns .btn{ flex-grow: 0; width: 48%; height: 48px; margin: 0; } .president_row_box{ border: none; overflow: visible; padding-bottom: 12px; margin: 12px 0; border-radius: 0; border-bottom: 1px solid #C7CED1; background: transparent; } .president_num{ display: none; } .pre_avatar{ width: 84px; height: 84px; border-radius: 8px; overflow: hidden; } .pre_party{ position: absolute; top: 64px; left: -33px; padding: 2px; margin-bottom: 0; border-radius: 50%; background-color: #fff; } .pre_party::before{ width: 24px; height: 24px; margin: 0 !important; } .pre_party span{ display: none; } .pre_data{ padding: 0 0 0 10px; } .pre_text{ display: block; } .president_row_box.self_declared .pre_text::before{ top: 6px; left: 102px; width: 78px; height: 18px; } .pre_file{ margin-bottom: 12px; } .pre_name{ display: flex; align-items: center; font-size: 22px; letter-spacing: 0.8px; } .pre_name::before{ content: attr(data-num); font-family: Roboto; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin: 6px 4px 0 0; border-radius: 50%; border: 1px solid #C7CED1; font-size: 15px; } .pre_vice{ display: none; } .pre_votes{ font-size: 16px; } .pre_votes_num{ font-size: 22px; margin-right: 6px; } .pre_progress_box{ height: 18px; } .pre_progress{ font-size: 13px; padding: 0 7px 0 0; border-radius: 0px 9px 9px 0px; } .pre_progress .pct{ margin-bottom: 0; } .president_row_box.elected::after{ top: 2px; right: 2px; } .note.pre_note{ margin-top: 0; } .le_opening .tab_main_box .note span{ display: block; } .le_opening .tab_main_box .note .update_time{ position: static; margin-top: 8px; } .tab_btn_box{ position: sticky; top: 56px; width: 100vw; padding: 10px 16px; margin: 0 0 0 -16px; overflow-x: auto; background-color: #FAFAFA; z-index: 60; } .tab_btn{ width: auto; height: 38px; color: #2E3538; font-size: 16px; line-height: 1; white-space: nowrap; padding: 10px 16px; border-radius: 8px; border: 1px solid #C7CED1; background-color: #fff; transition: border-color 0.06s, background-color 0.06s; } .tab_btn.active{ border-color: #FECC02; background-color: #FECC02; } .tab_btn_box .tab_btn{ margin: 0 8px 0 0; } .pre_opening .tab_btn{ flex-grow: 1; } .tab_main_box{ padding: 0 !important; border: none; background-color: transparent; } .le_opening .tab_main{ margin: 16px 0; } .pre_vote_area{ width: 100%; margin: 6px 0 16px 0; } .pva_name{ font-weight: bold; } .pva_votes_num{ font-size: 22px; } .vote_chart_box .section_content{ width: 100vw; margin-left: -16px; border-top: 1px solid #C7CED1; border-bottom: 1px solid #C7CED1; background-color: #F7F7F7; } .chart_box#legislator_seats{ padding: 40px 0 0 0; } .chart_box#legislator_seats .tab_box.s2 .tab_list_box{ right: 0; width: 100%; } .chart_box#legislator_seats .tab_box.s2 .tab_list .tab{ font-size: 15px; } .chart_box#legislator_seats .seats{ margin-bottom: 20px; } .chart_box#legislator_seats .tb_col.emblem{ padding-left: 40px !important; } .message{ padding: 50px 0; } .message_text{ font-size: 24px; } .message_text span{ display: none; } .message_text br{ display: inline; } body#game::after{ background-image: url(../img/bg_m.jpg); background-size: 100% auto; } body#game main .container{ width: calc(100% - 32px); max-width: none; } body#game.result main .main_box{ padding: 13px 0; } body#game.result .game_header{ height: 65px; padding-top: 3.5px; } body#game.result .game_content{ height: auto; } .game_text{ font-size: 2.36vh; font-size: 2.36dvh; } .result_box .game_text{ margin-bottom: 4vh; } .game_box .btn{ height: 7.2vh; height: 7.2dvh; font-size: 2.4vh; font-size: 2.4dvh; margin-bottom: 2.3vh; margin-bottom: 2.3dvh; } body#game main .main_box{ padding-top: 2vh; padding-top: 2dvh; } body#game.cover .game_footer{ height: 18%; padding-top: 5vh; padding-top: 5dvh; } #act1{ padding-top: 2vh; padding-top: 2dvh; } .game_box .btn::before{ margin: 0 0 0 6px !important; } .game_pic_box.s2{ justify-content: space-between; } .game_pic.portrait_s1, .game_pic.portrait_s2 .game_pic_img{ border-width: 2px; } .game_pic.portrait_s1{ margin: 0 2vh; margin: 0 2dvh; } .game_pic.portrait_s2{ width: 30.5%; margin: 0 2.1%; } .game_pic.portrait_s2 .game_pic_text{ font-size: 2.5vh; font-size: 2.5dvh; } .qa_pb_t{ top: -0.3vh; top: -0.3dvh; font-size: 2.4vh; font-size: 2.4dvh; } .q_box{ height: 16vh; height: 16dvh; } .q_box #q_label{ font-size: 2.5vh; font-size: 2.5dvh; } .a_option{ height: 15.4vh; height: 15.4dvh; font-size: 2.4vh; font-size: 2.4dvh; } #result_loading{ font-size: 17px; margin: 40vw 0 100vw 0; } .result_img{ margin: 20px auto; } .result_text{ font-size: 17px; font-weight: bold; margin-bottom: 18px; } .result_text .text_bold{ font-size: 20px; } #result_median{ font-size: 20px; } #share_btns_inappbrowser{ display: none; } #result_wrap .btn_box{ margin-bottom: 12px; } #result_wrap .btn{ height: 43px; font-size: 16px; margin-bottom: 0; } .remind_text{ color: #FECC02; font-size: 16px; margin-bottom: 16px; } .result_box{ padding: 25px 0; } .result_box .game_text{ font-size: 16px; margin-bottom: 25px; } .result_row_box{ padding: 24px 0 20px 0; } .result_title{ margin-bottom: 20px; } .result_title > div{ font-size: 20px; } .result_box .a_row{ margin-bottom: 12px; } .a_avatar{ width: 56px; height: 56px; margin-right: 12px; } .result_box .a_option{ min-height: auto; font-size: 16px; padding: 10px 14px; } .tab_secondary_box{ margin-bottom: 16px; } .tab_smallest_box{ border-bottom: none; } .tab_smallest .tab_s span:first-child{ display: none; } .m_dropdown_box{ position: sticky; top: 114px; display: flex; justify-content: space-between; width: 100vw; padding: 0 11px 12px 11px; margin: 0 0 16px -16px; border-bottom: 1px solid #C7CED1; background-color: #FAFAFA; z-index: 50; } .m_dropdown{ position: relative; flex-grow: 1; flex-shrink: 0; width: calc(49% - 10px); padding: 0; margin: 0 5px; } .m_dropdown_toggle{ position: relative; display: block; width: 100%; height: 38px; color: #2E3538; font-weight: 500; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 4px 30px 4px 16px; border-radius: 8px; border: 1px solid #C7CED1; background-color: #fff; } .m_dropdown_toggle.at{ padding-left: 10px; } .m_dropdown_toggle::after{ font-family: 'bootstrap-icons'; content: '\f229'; position: absolute; top: 10px; right: 10px; color: #8F9CA3; line-height: 1; } .m_dropdown.show .m_dropdown_toggle::after{ content: '\f235'; } .m_dropdown_list{ display: none; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px); overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 6px; margin: 0; border-radius: 8px; border: 1px solid #C7CED1; background-color: #fff; } .m_dropdown_list.at .tab_s{ padding: 12px 4px !important; } .m_dropdown.show .m_dropdown_list{ display: block; } .m_dropdown_list > *{ display: block !important; width: 100% !important; height: auto !important; color: #2E3538 !important; line-height: 1 !important; text-align: left !important; padding: 12px 10px !important; margin: 0 !important; border: none !important; border-radius: 4px !important; background-color: transparent !important; } .m_dropdown_list > *:active{ color: #fff !important; background-color: #2E3538 !important; } .tab_text{ flex-wrap: wrap; font-size: 14px; } .tab_text div{ margin-bottom: 6px; } .tab_text .tri::after{ margin: 0 8px; border-style: solid; border-width: 6px 0 6px 9px; } .candidate_box.active{ display: block; } .candidate_box .candidate{ margin-bottom: 12px; } .ca_num{ width: 36px; } .candidate_box.party_vote .candidate.tmtu .ca_party, .candidate_box.party_vote .candidate.topep .ca_party{ font-size: 20px !important; } .more_words_abo2{ font-size: 14px; } #vote_legislator .vote_problem, .vote_breaking_news{ margin-left: -16px; } .vote_problem{ font-size: 22px; } .tablet_visible{ display: none !important; } .phone_visible{ display: block !important; } .phone_hidden{ display: none !important; } } @media screen and (max-width: 374px){ .chart_box .tab_box.s2 .tab_list .tab{ padding: 6px 16px !important; } .a_option{ font-size: 2.3vh; font-size: 2.3dvh; } .candidate_box.col2 .ca_name{ font-size: 16px; } .candidate_box.col2 .ca_votes_num{ font-size: 18px; } .more_words_abo2{ font-size: 12px !important; } .more_words_abo1{ font-size: 3vw !important; } } @media screen and (max-width: 349px){ #word_cloud_box{ height: 316px !important; } #word_cloud{ transform: scale(0.54) !important; } .chart_box#legislator_total .wrapper .box{ width: 50% !important; } .president_row_box.self_declared .pre_text::before{ top: 7px; left: 98px; width: 65px; height: 15px; } .stitle_note{ top: 14px; font-size: 12px; } .chart_box#legislator_seats .tab_box.s2 .tab_list .tab{ font-size: 13px; } .m_dropdown_toggle{ padding: 4px 16px; } .m_dropdown_toggle::after{ right: 2px; font-size: 12px; } } .element { display: flex; flex-direction: column; align-items: center; padding-top: 160px; padding-bottom: 160px; } .error-img { display: block; margin: 0 auto; } .error-img > img { width: 100%; } .main-text { font-size: 48px; font-weight: 700; text-align: center; margin-top: 24px; margin-bottom: 8px; border: none; } @media (max-width: 767px) { .main-text { font-size: 32px; } } .secondary-text { font-size: 16px; font-weight: 400; text-align: center; margin-top: 8px; margin-bottom: 32px; }