/* Minification failed. Returning unminified contents.
(14,2315): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,4951): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(14,5080): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(14,5210): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(14,5336): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(14,5747): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(14,5862): run-time error CSS1039: Token not allowed after unary operator: '-swiper-virtual-size'
(14,5890): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,6002): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14,6049): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14,6102): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14,6224): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(14,6254): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14,6741): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(14,8424): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-width'
(14,8461): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(14,8510): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-height'
(14,8548): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-size'
(14,8640): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-color'
(14,8700): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-inactive-opacity'
(14,9043): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-opacity'
(14,9097): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(14,9127): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14,9462): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-vertical-gap'
(14,10173): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-bullet-horizontal-gap'
(14,10985): run-time error CSS1039: Token not allowed after unary operator: '-swiper-pagination-color'
(14,11015): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14,13128): run-time error CSS1039: Token not allowed after unary operator: '-swiper-preloader-color'
(14,13157): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(14,13433): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,13492): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"custom-sans-serif";unicode-range:U+7db0,U+78A7,U+7B75;font-style:normal;font-weight:bold;src:local(Yu Gothic),local(MS Gothic)}@font-face{font-family:"custom-sans-serif";unicode-range:U+7db0,U+78A7,U+7B75;font-style:normal;font-weight:normal;src:local("微軟正黑體"),local("Microsoft JhengHei")}@font-face{font-family:custom-sans-serif;src:local(Arial),local(Helvetica);unicode-range:U+0-24F}*{box-sizing:border-box}a{text-decoration:none;color:#232323}a:hover{color:#315280}img{max-width:100%}html,body{font-family:custom-sans-serif,'Microsoft JhengHei','PingFang TC','儷黑 Pro','LiHei Pro',Helvetica,Verdana,Arial,sans-serif}body{-webkit-font-smoothing:antialiased;color:#232323;min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;font-size:18px}@media (max-width:320px){body{font-size:16px}}body.preload *{transition:none !important}button{background:transparent}.select-wrapper{position:relative;overflow:hidden}.select-wrapper:after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:12px 7.5px 0 7.5px;border-color:#576274 transparent transparent transparent;right:10px;top:0;bottom:0;margin:auto;pointer-events:none}.select-wrapper select{width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none}textarea{resize:none}input[type="date"]{-webkit-appearance:none}input::-webkit-date-and-time-value{text-align:left}.container{max-width:1540px;width:100%;padding:0 20px;margin:0 auto}@media (max-width:1440px){.container{max-width:1120px}}@media (max-width:320px){.container{padding:0 12px}}.style-disc{list-style:disc;margin-left:20px}.style-decimal{list-style:decimal;margin-left:20px}.img-wrapper{position:relative}.img-wrapper.is-loaded:after{display:none}.img-wrapper:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#eee;background:linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);background-size:200% 100%;-webkit-animation:1.5s shine linear infinite;animation:1.5s shine linear infinite;border-radius:0;border:0;margin:0}#app{padding-top:209px}@media (max-width:1440px){#app{padding-top:191px}}@media (max-width:576px){#app{padding-top:185px}}@media (max-width:576px){#app{padding-top:151px}}@media (max-width:320px){#app{padding-top:127px}}.cursor-pointer{cursor:pointer}.w-100{width:100%}.clearfix::after{content:"";clear:both;display:table}.text-underline{text-decoration:underline}.d-inline-block{display:inline-block}.d-block{display:block}.d-flex{display:flex}.d-none{display:none}@media (max-width:1440px){.d-xl-inline-block{display:inline-block}.d-xl-block{display:block}.d-xl-flex{display:flex}.d-xl-none{display:none}}@media (max-width:992px){.d-lg-inline-block{display:inline-block}.d-lg-block{display:block}.d-lg-flex{display:flex}.d-lg-none{display:none}}@media (max-width:768px){.d-md-inline-block{display:inline-block}.d-md-block{display:block}.d-md-flex{display:flex}.d-md-none{display:none}}@media (max-width:576px){.d-sm-inline-block{display:inline-block}.d-sm-block{display:block}.d-sm-flex{display:flex}.d-sm-none{display:none}}@media (max-width:320px){.d-ssm-inline-block{display:inline-block}.d-ssm-block{display:block}.d-ssm-flex{display:flex}.d-ssm-none{display:none}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (max-width:1440px){.text-xl-center{text-align:center}.text-xl-left{text-align:left}.text-xl-right{text-align:right}}@media (max-width:992px){.text-lg-center{text-align:center}.text-lg-left{text-align:left}.text-lg-right{text-align:right}}@media (max-width:768px){.text-md-center{text-align:center}.text-md-left{text-align:left}.text-md-right{text-align:right}}@media (max-width:576px){.text-sm-center{text-align:center}.text-sm-left{text-align:left}.text-sm-right{text-align:right}}@media (max-width:320px){.text-ssm-center{text-align:center}.text-ssm-left{text-align:left}.text-ssm-right{text-align:right}}.w-100{width:100%}.w-auto{width:auto}@media (max-width:1440px){.w-xl-100{width:100%}.w-xl-auto{width:auto}}@media (max-width:992px){.w-lg-100{width:100%}.w-lg-auto{width:auto}}@media (max-width:768px){.w-md-100{width:100%}.w-md-auto{width:auto}}@media (max-width:576px){.w-sm-100{width:100%}.w-sm-auto{width:auto}}@media (max-width:320px){.w-ssm-100{width:100%}.w-ssm-auto{width:auto}}.z-filterbox{z-index:998}.z-mobile-menu{z-index:1000}.z-gdpr{z-index:995}.z-header-nav{z-index:997}.z-header-overlay{z-index:999}.z-header{z-index:996}.z-header-member{z-index:1001}input,textarea,select,button{font-size:18px}input,textarea,select{border-width:0;color:inherit;background-color:#fff}input:focus,textarea:focus,select:focus{outline:none}button,input[type="submit"],input[type="reset"]{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-primary{background:#315280;color:#fff;padding:8px 0;border-radius:4px;text-align:center}.btn-primary:hover{background:#274266}.btn-primary > *{vertical-align:middle}.btn-primary > * + *{margin-left:10px}.btn-outline-primary{border:1px solid #315280;color:#315280;padding:8px 0;border-radius:4px;text-align:center}.btn-outline-primary:hover{background:#315280;color:#fff}.btn-outline-primary > *{vertical-align:middle}.btn-outline-primary > * + *{margin-left:10px}header{transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out, -webkit-transform .35s ease-in-out;position:fixed;top:0;left:0;width:100%}header.is-hide{-webkit-transform:translateY(-100%);transform:translateY(-100%)}header.is-hide ~ .header-member{display:none}@media (max-width:992px){header.is-hide ~ .header-member.is-active{display:block}}.header-main{background:#315280}.header-wrapper{display:grid;grid-template-columns:1fr 150px 1fr;padding:28px 0}@media (max-width:768px){.header-wrapper{padding:25px 0}}@media (max-width:320px){.header-wrapper{padding:18px 0}}.header-nav{display:flex;align-self:center}@media (max-width:576px){.header-nav{display:none}}.header-nav-btn{display:flex;justify-content:center;flex-direction:column;width:30px;height:28px}.header-nav-btn span{display:inline-block;width:100%;height:2px;background:#fff}.header-nav-btn span + span{margin:7px 0 0}.header-nav-cna{margin:0 32px 0 0}.header-nav-category{position:fixed;left:0;top:0;width:300px;height:100%;-webkit-transform:translateX(-400px);transform:translateX(-400px);opacity:0;transition:all .35s cubic-bezier(.215,.61,.355,1) 0s}.header-nav-category.is-active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}.header-nav-category.is-active + .header-nav-category-overlay{display:block}.header-nav-category-overlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;display:none}.header-nav-close{position:absolute;top:25px;right:20px}.header-logo{min-height:70px;justify-self:center}@media (max-width:576px){.header-logo{min-height:51px}}@media (max-width:320px){.header-logo{min-height:41px}}@media (max-width:576px){.header-logo img{max-height:44px}}@media (max-width:320px){.header-logo img{max-height:35px}}.header-utils{position:relative;display:flex;justify-self:right;align-self:center}.header-utils > a{margin:0 32px 0 0}@media (max-width:576px){.header-utils > a{max-width:20px;max-height:20px;margin:0 20px 0 0}}@media (max-width:576px){.header-utils > :first-child{display:none}}.header-utils > a:last-of-type{margin:0}.header-cart{position:relative}.header-cart-num{position:absolute;right:0;top:0;background-color:#cce0fe;border-radius:50%;line-height:25px;max-height:25px;width:25px;text-align:center;font-size:14px;font-weight:bold;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.header-member{display:none;position:fixed;top:80px;left:50%;-webkit-transform:translateX(740px) translateX(-50%);transform:translateX(740px) translateX(-50%);width:150px;padding:10px 0 20px;background:#fbfbfb;box-shadow:0 2px 2px rgba(0,0,0,0.25)}@media (max-width:1650px){.header-member{right:10px;left:initial;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:1440px){.header-member{left:50%;right:initial;-webkit-transform:translateX(520px) translateX(-50%);transform:translateX(520px) translateX(-50%)}}@media (max-width:1200px){.header-member{right:10px;left:initial;-webkit-transform:translateX(0);transform:translateX(0)}}@media (max-width:992px){.header-member{display:block;visibility:hidden;left:0;top:0;width:80%;height:100%;-webkit-transform:translateX(100%) translateY(0);transform:translateX(100%) translateY(0);font-size:24px;padding:30px 0;transition:all .35s ease-in}}@media (max-width:360px){.header-member{font-size:18px}}.header-member-close{width:30px;height:30px;display:block;margin:0 30px 0 auto}.header-member.is-active{display:block}@media (max-width:992px){.header-member.is-active{visibility:visible;-webkit-transform:translateX(26%) translateY(0);transform:translateX(26%) translateY(0)}}.header-member > ul{position:relative;padding:0 0 10px 0}@media (max-width:992px){.header-member > ul{padding:0}}.header-member > ul:after{content:'';position:absolute;left:16px;right:16px;bottom:0;height:1px;background:#315280}@media (max-width:992px){.header-member > ul:after{display:none}}.header-member > ul > li > a{display:block;text-align:center;padding:7px 0}@media (max-width:992px){.header-member > ul > li > a{text-align:left;padding:20px 40px;border-bottom:1px solid #b3bac5}}@media (max-width:375px){.header-member > ul > li > a{padding:20px 20px}}.header-member > ul > li > a > *{vertical-align:middle}.header-member > ul > li > a > span{padding:0 0 0 10px}@media (max-width:992px){.header-member > ul > li > a > span{padding:0}}.header-member > ul > li > a > svg{fill:#b3bac5}@media (max-width:992px){.header-member > ul > li > a > svg{display:none}}.header-member > ul > li > a:hover{background:#576274;color:#fff}.header-member > ul > li > a:hover > svg{fill:#fff}.header-member-overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:#232323;opacity:.6;display:none}@media (max-width:992px){.header-member-overlay.is-active{display:block}}.header-overlay{position:fixed;width:100%;height:100%;left:0;top:0;background:#232323;opacity:.6}.mobile-btn{width:30px;height:21px;display:none}@media (max-width:576px){.mobile-btn{display:block;align-self:center}}@media (max-width:320px){.mobile-btn{width:26px}}.mobile-btn span{display:block;width:100%;height:2px;margin:0 0 7px 0;background:#fff}.mobile-btn span:last-child{margin:0}.mobile-menu{position:fixed;display:none;background:#e7ecee;left:0;top:0;width:80%;height:100%;font-size:18px;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .35s ease-in}.mobile-menu.is-active{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu-header{padding:30px 20px;display:flex;justify-content:space-between}.mobile-menu-like a{position:relative;display:block;padding:8px 0 8px 20px;margin:0 auto;border-bottom:1px solid #828fa3;background:#dbdde0}.mobile-menu-list{max-height:calc(100vh - 135px);overflow:auto}.mobile-menu-list li a{position:relative;display:block;padding:8px 0 8px 20px;border-bottom:1px solid #828fa3;line-height:1.7}.mobile-menu a:after{content:'';position:absolute;right:25px;top:0;bottom:0;margin:auto;width:10px;height:16px;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.799547 0.396785C0.266814 0.91957 0.266814 1.76397 0.799547 2.28676L6.68973 8.03705L0.799549 13.7873C0.306629 14.349 0.373931 15.1961 0.949178 15.6773C1.46266 16.1076 2.22195 16.1076 2.73543 15.6773L9.60045 8.97534C10.1332 8.45256 10.1332 7.60815 9.60045 7.08537L2.73543 0.3834C2.19584 -0.132693 1.3309 -0.127284 0.799547 0.396785Z' fill='%23828FA3'/%3E%3C/svg%3E")}.category-list{height:100%;padding:50px 0;background:#e7ecee;overflow:auto}.category-item a{display:block;padding:16px 20px;font-size:20px;border-bottom:1px solid #828fa3;text-align:center}.category-item a:hover{color:#fff;background:#315280}.log-btn{font-size:20px;font-weight:700;color:#315280;text-align:center;margin:0 16px;padding:12px 0 0}@media (max-width:992px){.log-btn{font-size:24px;text-align:left;font-weight:normal;padding:20px 0 0 25px;color:#232323}}@media (max-width:375px){.log-btn{font-size:18px;padding:20px 0 0;margin:0 20px}}.avatar-info{padding:0 40px;align-items:center}@media (max-width:375px){.avatar-info{padding:0 20px}}.avatar-img.is-prepaid > :nth-child(1){display:block}.avatar-img.is-normal > :nth-child(2){display:block}.avatar-img.is-month > :nth-child(3){display:block}.avatar-img svg{display:none;vertical-align:top}@media (max-width:375px){.avatar-img svg{width:45px}}.avatar-data{font-size:18px;padding:0 0 0 18px}@media (max-width:375px){.avatar-data{font-size:16px}}.avatar-status span{display:inline-block;line-height:1}.avatar-status span:nth-child(2){margin:0 0 0 4px;padding:0 0 0 4px;border-left:1px solid #232323}footer{padding:50px 0 40px;background-color:#dbdde0;font-size:16px}.footer-wrapper{max-width:1010px;margin:0 auto;display:flex;justify-content:space-between}@media (max-width:992px){.footer-wrapper{max-width:590px}}@media (max-width:576px){.footer-wrapper{display:block;text-align:center}}.footer-left{display:flex}@media (max-width:992px){.footer-left{display:block;margin-right:36px}}@media (max-width:576px){.footer-left{margin-right:0}}.footer-logo{flex:0 1 300px;margin-right:80px}@media (max-width:992px){.footer-logo{margin-right:0}}.footer-logo > p{margin:24px 0 0;line-height:1.7}@media (max-width:992px){.footer-logo > p{margin:0}}@media (max-width:576px){.footer-logo > p{margin:4px 0 0}}.footer-contact{padding:35px 20px 0 0;flex:0 0 300px;line-height:1.7}.footer-link{flex:0 0 240px;display:flex}@media (max-width:576px){.footer-link{text-align:left;justify-content:center;margin:50px 0 0}}.link-title{font-weight:700;line-height:1.5;margin:0 0 9px 0}.link-item + .link-item{margin:0 0 0 40px}@media (max-width:576px){.link-item + .link-item{margin:0 0 0 60px}}.link-list li{margin:4px 0}@media (max-width:992px){.link-list li{margin:8px 0}}.search{position:relative}.search-top{position:relative;padding:16px 0;background:#dbdde0;border-bottom:1px solid #b3bac5;z-index:10}@media (max-width:992px){.search-top{padding:7px 0}}@media (max-width:576px){.search-top{padding:0;background:transparent;border:none}}.search-top .search{max-width:1200px;margin:0 auto;width:100%}@media (max-width:992px){.search-top .search{margin:0 -10px;width:calc(100% + 20px)}}@media (max-width:576px){.search-top .search{margin:0 -20px;width:calc(100% + 40px)}}@media (max-width:320px){.search-top .search{margin:0 -12px;width:calc(100% + 24px)}}.search-input{width:100%;padding:15px 20px;border:1px solid #dbdde0;border-radius:4px;height:50px}@media (max-width:576px){.search-input{border-radius:0 0 4px 4px}}.search-action{position:absolute;right:0;top:0;bottom:0;width:50px;background:#576274;border-radius:0 4px 4px 0;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.215,.61,.355,1) 0s}.search-action:hover{background:rgba(87,98,116,0.8)}@media (max-width:576px){.search-action{border-radius:0 0 4px 0}}.search-filter{position:absolute;top:0;right:60px;bottom:0;display:flex;align-items:center;justify-content:center}.search-filter svg{transition:all .35s cubic-bezier(.215,.61,.355,1) 0s}.search-filter:hover svg{fill:#315280}.search-result{position:absolute;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);left:0;right:50px;background:#fff;box-shadow:0 4px 9px rgba(0,0,0,0.25);max-height:470px}.search-result.is-hide{display:none}.search-result-list > :nth-child(1){margin-top:20px}.search-result-list > :last-child{margin-bottom:20px}.search-result-item a{display:block;padding:8px 0 8px 32px;text-align:left}.search-result-item a:hover{background:#e7ecee}.filter{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(219,221,224,0.9);display:none}.filter-wrapper{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:20px;background:#fbfbfb;box-shadow:0 4px 8px rgba(0,0,0,0.25);max-width:410px;width:100%;padding:48px 32px}@media (max-width:576px){.filter-wrapper{font-size:18px;top:0;left:0;-webkit-transform:none;transform:none;height:100%;width:100%;max-width:100%;box-shadow:none}}.filter-wrapper input,.filter-wrapper select{font-size:20px}@media (max-width:576px){.filter-wrapper input,.filter-wrapper select{font-size:18px}}@media (max-width:320px){.filter-wrapper input,.filter-wrapper select{font-size:14px}}.filter-close{position:absolute;top:18px;right:18px;-webkit-transform-origin:center;transform-origin:center;transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out, -webkit-transform .35s ease-in-out;line-height:1}.filter-close svg{vertical-align:top}.filter-close:hover{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.filter-util{margin:8px 0 32px 0;color:#576274;text-align:right}.filter-item{display:flex;align-items:center;margin:24px 0 0}.filter-item.is-none{display:none}.filter-item > span{margin:0 24px 0 0;flex:0 0 auto;font-weight:700}.filter-item input{padding:8px 16px;flex:1 1 auto}.filter-item input,.filter-item .select-wrapper{display:block;width:100%;border:1px solid #232323;border-radius:4px;overflow:hidden;height:38px}.filter-item select{width:100%;height:100%;padding:8px 16px;line-height:1}.multi-select{display:block;width:calc(100% - 64px);border:1px solid #232323;border-radius:4px;position:relative;z-index:1}.multi-select-now{display:flex;align-items:center;justify-content:space-between;width:100%;height:38px;padding:4px 16px;background:#fff;border-radius:4px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-now:before{position:absolute;content:'';width:30px;right:0;top:1px;bottom:1px;background:#fff}.multi-select-now:after{content:'';position:absolute;width:0;height:0;border-style:solid;border-width:12px 7.5px 0 7.5px;border-color:#576274 transparent transparent transparent;right:10px;top:13px;pointer-events:none}.multi-select-option-box{position:absolute;display:none;left:-1px;width:calc(100% + 2px);border:1px solid #232323;padding:12px 10px;background:#fff;max-height:300px;overflow:auto}.multi-select-option-box.is-active{display:block}.multi-select-option{font-size:18px;color:#000;padding:2px 0}.multi-select-option:hover{color:#232323}.checkmark{height:17px;width:17px;background-color:#fff;border:1px solid #315280;border-radius:4px;cursor:pointer;transition:all .35s cubic-bezier(.215,.61,.355,1) 0s;display:inline-block}.checkmark:before{content:'';display:block;width:3px;height:8px;margin-left:5px;margin-top:2px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;transition:all .35s cubic-bezier(.215,.61,.355,1) 0s}.checkmark-box.style-big .checkmark{height:24px;width:24px}.checkmark-box.style-big .checkmark:before{width:5px;height:13px;margin-left:8px}.checkmark-box.style-big > span{padding:0 0 0 8px}.checkmark-box.style-outline input[type="checkbox"]:checked ~ .checkmark{background-color:transparent}.checkmark-box.style-outline .checkmark:before{border:solid #315280;border-width:0 2px 2px 0}.checkmark-box > *{vertical-align:middle}.checkmark-box input[type="checkbox"]{display:none}.checkmark-box input[type="checkbox"]:checked ~ .checkmark:before{opacity:1}.checkmark-box input[type="checkbox"]:checked ~ .checkmark{background-color:#315280}.checkmark-box span{vertical-align:middle;padding-left:5px}.gdpr{background:#576274;padding:20px 0;position:fixed;bottom:0;left:0;width:100%;display:none}@media (max-width:576px){.gdpr{font-size:16px}}@media (max-width:320px){.gdpr{font-size:14px}}.gdpr-content{display:flex;justify-content:space-between;align-items:center;color:#fff}@media (max-width:992px){.gdpr-content{align-items:flex-start}}.gdpr-content p{padding-right:30px}@media (max-width:576px){.gdpr-content p{padding-right:10px}}.gdpr-content svg{flex:0 0 auto;transition:all .35s cubic-bezier(.215,.61,.355,1) 0s}.gdpr-content svg:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.ui-front.ui-autocomplete{z-index:1099}@-webkit-keyframes shine{to{background-position-x:-200%}}@keyframes shine{to{background-position-x:-200%}}
/**
 * Swiper 8.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 21, 2022
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.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{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-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:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.card-img {
    display: block;
    overflow: hidden
}

    .card-img:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .card-img img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        aspect-ratio: 4/3;
        display: block;
        width: 100%;
        transition: -webkit-transform .35s ease-in-out;
        transition: transform .35s ease-in-out;
        transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out;
        vertical-align: top
    }

.card-title {
    display: block;
    margin: 6px 0 0;
    color: #232323;
    line-height: 1.66;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 60px;
    min-height: 60px
}

.card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 8px 0 0
}

@media (max-width:576px) {
    .card-footer {
        margin: 0
    }
}

.card-footer span:nth-child(1) {
    font-size: 14px;
    color: #576274;
    letter-spacing: -.05em
}

.card-footer span:nth-child(2) svg + svg {
    margin-left: 10px
}

.card-like.is-liked {
    fill: #315280;
    fill-opacity: 1
}

.card-ad {
    max-width: 300px;
    margin: 0 auto;
    width: 100%
}

.card-info {
    position: absolute;
    left: 12px;
    bottom: 16px;
    display: flex;
    align-items: center
}

@media (max-width:1100px) {
    .card-info {
        display: block
    }
}

@media (max-width:992px) {
    .card-info {
        display: flex
    }
}

.card-more {
    font-size: 14px;
    color: #454545;
    padding: 6px 12px;
    background: rgba(231,231,231,0.85);
    border-radius: 80px
}

@media (max-width:1500px) {
    .card-more {
        font-size: 12px
    }
}

@media (max-width:1100px) {
    .card-more {
        padding: 6px
    }
}

.card-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 80px;
    margin: 0 8px 0 0;
    background: rgba(231,231,231,0.85)
}

@media (max-width:1100px) {
    .card-logo {
        margin: 0 0 8px 0
    }
}

@media (max-width:992px) {
    .card-logo {
        margin: 0 8px 0 0
    }
}

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

@media (max-width:576px) {
    .tags {
        flex-wrap: nowrap;
        overflow: auto
    }
}

.tag {
    padding: 4px 15px;
    border: 1px solid #315280;
    color: #315280;
    border-radius: 4px;
    margin-bottom: 16px;
    margin-right: 16px;
    font-size: 18px;
    transition: all .35s cubic-bezier(.215,.61,.355,1) 0s
}

    .tag:hover {
        color: #fff;
        background-color: #315280
    }

@media (max-width:576px) {
    .tag {
        font-size: 16px;
        flex: 0 0 auto;
        padding: 4px 8px
    }
}

.message {
    background: rgba(35,35,35,0.8);
    color: #fff;
    padding: 16px;
    border-radius: 4px
}

.message-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.index .header-nav-btn {
    display: none
}

#app {
    padding-top: 173px
}

@media (max-width:576px) {
    #app {
        padding-top: 101px
    }
}

.menu-wrapper {
    background: #576274
}

@media (max-width:576px) {
    .menu-wrapper {
        display: none
    }
}

.menu-list {
    max-width: 1500px;
    display: flex;
    justify-content: center;
    overflow-x: auto
}

@media (max-width:1440px) {
    .menu-list {
        justify-content: flex-start;
        margin: 0 -20px;
        padding: 0 0 0 20px
    }
}

.menu-list > li + li {
    margin: 0 5px
}

.menu-list li {
    flex-shrink: 0
}

.menu-list a {
    display: block;
    padding: 10px 15px;
    color: #fff;
    transition: all .35s cubic-bezier(.215,.61,.355,1) 0s
}

@media (max-width:1440px) {
    .menu-list a {
        padding: 10px 7px
    }
}

@media (max-width:768px) {
    .menu-list a {
        padding: 10px 15px
    }
}

.menu-list a:hover {
    color: #576274;
    background: #e7ecee
}

.main {
    max-width: 1110px;
    padding: 0 15px;
    margin: 75px auto 0;
    text-align: center
}

@media (max-width:576px) {
    .main {
        margin: 64px auto 0
    }
}

@media (max-width:320px) {
    .main {
        margin: 40px auto 0
    }
}

.main-title {
    font-size: 36px;
    color: #315280;
    font-weight: 700;
    margin: 0 0 5px 0
}

@media (max-width:576px) {
    .main-title {
        font-size: 28px
    }
}

@media (max-width:320px) {
    .main-title {
        font-size: 22px
    }
}

.main-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 32px 0 0
}

@media (max-width:576px) {
    .main-tags {
        font-size: 16px;
        margin: 28px 0 0
    }
}

.main-search {
    margin: 32px 0 0
}

@media (max-width:576px) {
    .main-search {
        margin: 24px 0 0
    }
}

.main-tip {
    margin: 5px 0;
    font-size: 16px;
    color: #315280
}

    .main-tip > * {
        vertical-align: middle
    }

    .main-tip > :nth-child(2) {
        margin: 0 5px;
        font-weight: bold
    }

.list-titlebox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px
}

.list-title {
    font-size: 28px;
    font-weight: 700;
    color: #315280;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:320px) {
    .list-title {
        font-size: 24px
    }
}

.list-all {
    font-size: 20px;
    color: #4f4f4f;
    flex-shrink: 0
}

@media (max-width:576px) {
    .list-all {
        font-size: 18px
    }
}

.gallery-list {
    margin: 64px 0
}

@media (max-width:576px) {
    .gallery-list {
        margin: 48px 0 26px 0
    }
}

@media (max-width:320px) {
    .gallery-list {
        margin: 32px 0 26px 0
    }
}

.gallery-row {
    display: flex;
    margin: 0 -10px
}

@media (max-width:992px) {
    .gallery-row {
        flex-wrap: wrap
    }
}

.gallery-row > * {
    width: 25%;
    padding: 0 10px
}

@media (max-width:992px) {
    .gallery-row > * {
        width: 50%;
        margin: 0 0 36px 0
    }
}

@media (max-width:576px) {
    .gallery-row > * {
        width: 100%;
        margin: 0 0 16px 0
    }
}

.gallery-tags {
    margin: 46px 0 0
}

@media (max-width:768px) {
    .gallery-tags {
        margin: 0
    }
}

@media (max-width:576px) {
    .gallery-tags {
        margin: 20px -20px 0 0
    }
}

@media (max-width:768px) {
    .history-swiper {
        margin: 0 -20px 0 0;
        padding: 0 20px 0 0
    }
}

@media (max-width:576px) {
    .history-swiper {
        margin: 0 -20px;
        padding: 0 20px
    }
}

@media (max-width:320px) {
    .history-swiper {
        margin: 0 -12px;
        padding: 0 12px
    }
}

.overlaycard {
    position: relative;
    display: block
}

@media (min-width:576px) {
    .overlaycard {
        width: 100% !important
    }
}

.overlaycard:hover .overlaycard-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.overlaycard:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg,rgba(52,52,52,0) 0%,rgba(35,35,35,0) .01%,#232323 84.17%);
    opacity: .8;
    z-index: 1;
    pointer-events: none
}

.overlaycard-img {
    display: block;
    overflow: hidden;
    height: 100%
}

    .overlaycard-img img {
        display: block;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        aspect-ratio: 1.33/1;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        transition: all .35s cubic-bezier(.215,.61,.355,1) 0s
    }

.overlaycard-content {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 10px;
    z-index: 2;
    color: #fff;
    line-height: 1.2
}

.overlaycard-title {
    width: 100%;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 44px
}

@media (max-width:576px) {
    .overlaycard-title {
        margin: 0 0 5px 0
    }
}

@media (max-width:320px) {
    .overlaycard-title {
        font-size: 18px
    }
}

.overlaycard-oneline {
    width: calc(100% - 50px);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.overlaycard-util {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 3
}

.overlaycard-spacer {
    width: 100%
}

.overlaycard-date {
    font-size: 14px;
    color: #e1e1e1
}

.overlaycard-like.is-liked {
    fill: #fff;
    fill-opacity: 1
}

.issue-wrapper {
    position: relative;
    max-width: 850px;
    width: 100%;
    margin: 120px auto;
    border: 1px solid #576274;
    border-width: 1px 0;
    padding: 25px 0
}

@media (max-width:992px) {
    .issue-wrapper {
        margin: 90px auto 80px auto
    }
}

@media (max-width:576px) {
    .issue-wrapper {
        margin: 70px auto 60px auto
    }
}

@media (max-width:320px) {
    .issue-wrapper {
        margin: 50px auto 40px auto
    }
}

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

.issue-title {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -.019em;
    color: #315280;
    padding: 0 20px 0 0;
    background: #fff
}

.issue-list {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
    grid-template-rows: auto
}

@media (max-width:576px) {
    .issue-list {
        display: block
    }
}

.issue-list > * {
    padding: 0 15px;
    max-width: 100%
}

.issue-item li {
    margin: 20px 0
}

@media (max-width:576px) {
    .issue-item li {
        margin: 10px 0
    }
}

.issue-item li > a > span {
    vertical-align: middle
}

.issue-item li > a :first-child {
    font-size: 24px;
    font-weight: 500;
    padding: 0 9px 0 0
}

@media (max-width:576px) {
    .issue-item li > a :first-child {
        font-size: 20px
    }
}

@media (max-width:320px) {
    .issue-item li > a :first-child {
        font-size: 18px
    }
}

.issue-item li > a :nth-child(2) {
    font-size: 22px;
    display: inline-block;
    max-width: calc(100% - 30px);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:576px) {
    .issue-item li > a :nth-child(2) {
        font-size: 20px
    }
}

@media (max-width:320px) {
    .issue-item li > a :nth-child(2) {
        font-size: 18px
    }
}

.issue-ad {
    max-width: 300px;
    margin: 0 0 0 20px;
    text-align: center
}

    .issue-ad > * {
        margin: 0 auto
    }

@media (max-width:992px) {
    .issue-ad {
        display: none
    }
}

.latest {
    margin: 0 0 120px
}

@media (max-width:992px) {
    .latest {
        margin: 0 0 80px
    }
}

@media (max-width:576px) {
    .latest {
        margin: 0 0 100px 0
    }
}

@media (max-width:320px) {
    .latest {
        margin: 0 0 80px 0
    }
}

.latest-swiper {
    margin: 0 -20px;
    padding: 0 20px
}

@media (max-width:320px) {
    .latest-swiper {
        margin: 0 -12px;
        padding: 0 12px
    }
}

.latest-gallery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "one two three four" "five six seven eight" "nine ten eleven tewlve";
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
    margin: 20px 0 0
}

@media (min-width:576px) {
    .latest-gallery {
        -webkit-transform: translate(0,0) !important;
        transform: translate(0,0) !important
    }
}

@media (max-width:992px) {
    .latest-gallery {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "one two three" "four five six" "seven eight nine" "ten eleven tewlve"
    }
}

@media (max-width:576px) {
    .latest-gallery {
        display: flex;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 0;
        margin: 0
    }
}

.latest-gallery > :nth-child(1) {
    grid-area: one
}

.latest-gallery > :nth-child(2) {
    grid-area: two
}

.latest-gallery > :nth-child(3) {
    grid-area: three
}

.latest-gallery > :nth-child(4) {
    grid-area: four
}

.latest-gallery > :nth-child(5) {
    grid-area: five
}

.latest-gallery > :nth-child(6) {
    grid-area: six
}

.latest-gallery > :nth-child(7) {
    grid-area: seven
}

.latest-gallery > :nth-child(8) {
    grid-area: eight
}

.latest-gallery > :nth-child(9) {
    grid-area: nine
}

.latest .overlaycard-oneline {
    width: calc(100% - 40px)
}

.latest .overlaycard-btn > * {
    width: 30px;
    height: 25px
}

@media (max-width:992px) {
    .latest .overlaycard-btn > * {
        width: 20px;
        height: 20px
    }
}

:root {
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 18px
}

.swiper-button-next, .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: #9c9c9c;
    border-radius: 50%;
    display: none
}

@media (max-width:576px) {
    .swiper-button-next, .swiper-button-prev {
        display: flex
    }
}

@media (max-width:320px) {
    .swiper-button-next {
        right: 2px
    }
}

@media (max-width:320px) {
    .swiper-button-prev {
        left: 2px
    }
}

.index .history-swiper .swiper-lazy-preloader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    background: linear-gradient(110deg,#ececec 8%,#f5f5f5 18%,#ececec 33%);
    background-size: 200% 100%;
    -webkit-animation: 1.5s shine linear infinite;
    animation: 1.5s shine linear infinite;
    border-radius: 0;
    border: 0;
    margin: 0
}

@-webkit-keyframes shine {
    to {
        background-position-x: -200%
    }
}

@keyframes shine {
    to {
        background-position-x: -200%
    }
}