@import url(vendors/bootstrap.min.css);
@import url(vendors/swiper.min.css);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap);::-webkit-scrollbar{width:0;height:100%;background-color:#fff}
::-webkit-scrollbar-track{background:linear-gradient(135deg,#fff 0,#fff 100%)}
::-webkit-scrollbar-thumb{border-radius:20px;-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,.3);background-color:#3b4b5e}
::-webkit-scrollbar-thumb:hover{border-radius:20px;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,.2);background:#3b4b5e}
@font-face{font-family:HarmonyOS_Sans_SC_Medium;font-style:normal;font-display:swap;src:url(https://cdn.rickychen.top/fonts/HarmonyOS_Sans_SC_Medium.subset.woff2) format('woff2')}
*{font-family:HarmonyOS_Sans_SC_Medium}
*,::after,::before{background-repeat:no-repeat;box-sizing:border-box}
html{font-size:1rem;-webkit-overflow-scrolling:touch;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-x:hidden}
body,html{-webkit-text-size-adjust:100%}
body{background:linear-gradient(145.44deg,#f2f4fa 0,#fafbfc 100%);background-repeat:no-repeat;background-attachment:fixed;color:#5e6e80;font-family:Poppins,sans-serif;font-weight:400;font-size:.875rem;line-height:1.7;min-height:100vh;overflow-x:hidden;-ms-overflow-style:scrollbar;-webkit-font-smoothing:antialiased}
@media only screen and (max-width:580px){body{line-height:1.6}
}
html.is-scroll-disabled body{height:100vh;overflow:hidden}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){html.is-scroll-disabled{overflow:hidden}
}
.no-scroll{overflow:hidden;-ms-overflow-style:none}
.no-scroll-height{overflow-x:hidden}
.svg-defs{position:absolute;height:0;width:0}
.bg-triangles{background-image:url(../images/triangles-top.svg),url(../images/triangles-bottom.svg),linear-gradient(145.44deg,#f2f4fa 0,#fafbfc 100%);background-position:left top,right bottom;background-repeat:no-repeat;background-size:inherit}
@media only screen and (max-width:580px){.bg-triangles{background-size:contain}
}
h1,h2,h3,h4,h5,h6{color:#3b4b5e;font-weight:600;line-height:1.3}
table{border-collapse:collapse;border-spacing:0;width:100%;max-width:65em;border:1px solid #dedede;margin:15px auto;empty-cells:show}
table td,table th{height:35px;border:1px solid #dedede;padding:0 10px}
ctoolion,th{text-align:center}
sup{top:-1.5em}
code,kbd,pre,samp{font-family:HarmonyOS_Sans_SC_Medium}
img.lazyloading{opacity:0;-webkit-transition:10s ease-in-out opacity;transition:10s ease-in-out opacity;filter:blur(35px)}
img.loaded{filter:blur(0);opacity:1;transition:10s filter linear,10s -webkit-filter linear}
.title--h1{font-size:2rem;margin-bottom:1.3rem}
@media only screen and (max-width:580px){.title--h1{font-size:1.75rem;margin-bottom:1rem}
}
.title--h2{font-size:1.625rem}
@media only screen and (max-width:580px){.title--h2{font-size:1.375rem}
}
.title--h3{font-size:1.5rem;margin-bottom:1rem}
@media only screen and (max-width:580px){.title--h3{font-size:1.125rem}
}
.title--h4{font-size:1.125rem}
@media only screen and (max-width:580px){.title--h4{font-size:1rem}
}
.title--h5{font-size:1rem}
@media only screen and (max-width:580px){.title--h5{font-size:.875rem}
}
.title--h6{font-size:.875rem}
@media only screen and (max-width:580px){.title--h6{font-size:.75rem}
}
.title--tone{color:#3b4b5e}
.title-icon{margin-right:.5rem;margin-top:-.25rem;height:1.875rem;width:1.875rem}
@media only screen and (max-width:580px){.title-icon{height:1.5625rem;width:1.875rem}
}
.title__separate{margin-bottom:2.3125rem;position:relative}
.title__separate::after,.title__separate::before{content:'';background-color:#3b4b5e;border-radius:.5rem;height:5px;position:absolute;bottom:-18px;left:0;width:3.125rem;z-index:1}
.title__separate::after{background-color:#ff965d;width:1rem}
@media only screen and (max-width:580px){.title__separate{margin-bottom:1.5625rem}
.title__separate::after,.title__separate::before{height:.1875rem;bottom:-.625rem}
.title__separate::before{width:3rem}
.title__separate::after{width:1rem}
}
.weight--400{font-weight:400}
.weight--500{font-weight:500}
.weight--600{font-weight:600}
.overhead{color:rgba(94,110,128,.8);font-size:.75rem;display:block;text-transform:uppercase}
blockquote{font-size:1.25rem;font-weight:400;font-style:italic;margin:1.8125rem 0;position:relative;line-height:1.6;margin-left:2rem}
@media only screen and (max-width:991px){blockquote{padding-left:3.75rem}
}
@media only screen and (max-width:580px){blockquote{font-size:1.125rem;margin:.625rem 0 1.25rem;padding-left:0;padding-top:2.5rem}
}
blockquote::before{background-repeat:no-repeat;background-position:center;background-size:contain;content:"\EC51";font-family:remixicon!important;height:2.125rem;margin:0 auto;position:absolute;top:0;left:-25px;width:2.125rem}
@media only screen and (max-width:991px){blockquote::before{left:0}
}
@media only screen and (max-width:580px){blockquote::before{right:0}
}
.block-quote__author{font-size:.875rem;font-style:normal;display:block;margin-top:.625rem;padding-left:3rem;position:relative}
@media only screen and (max-width:580px){.block-quote__author{font-size:.875rem;margin-top:0;padding-left:2rem}
}
.block-quote__author::before{content:'';background-color:#5e6e80;height:1px;margin-bottom:auto;margin-top:auto;position:absolute;top:0;bottom:0;left:0;width:2rem}
@media only screen and (max-width:580px){.block-quote__author::before{width:1rem}
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#000;border-color:#000;background: whitesmoke;}
.nav-tabs .nav-link{color:#4d5259;border-top:0;border-left:0;border-right:0;border-radius:0}
.tab-content{padding:1rem}
.tab-content p{margin:0;margin-bottom: 1rem;}
a{color:#3b4b5e;cursor:pointer;text-decoration:none;-webkit-text-decoration-skip:objects;transition:color .3s cubic-bezier(.72,.16,.345,.875)}
a:hover{color:#3b4b5e;outline:0;text-decoration:none}
a.decoration--none{text-decoration:none}
img{max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
iframe{background-color:#5e6e80;border:0;display:block;height:100%;width:100%}
dl,ol,ul{padding:0;list-style:none}
.ell{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}
.cover{border-radius:.375rem;object-fit:cover;object-position:center;font-family:'object-fit: cover; object-position: center;';height:100%;width:100%}
@media only screen and (max-width:580px){.cover{border-radius:.25rem}
}
::-moz-selection{background:0 0;color:#3b4b5e}
::selection{background:0 0;color:#000}
.custom-select,.form-control,.textarea,select{background-color:#f7f9fa;border:2px solid #eaeaea;border-radius:1.25rem;box-shadow:none;color:#5e6e80;font-size:inherit;height:auto;padding:.875rem 1.375rem .8125rem;position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}
@media only screen and (max-width:580px){.custom-select,.form-control,.textarea,select{padding:.8125rem 1.375rem .75rem}
}
.custom-select:focus,.form-control:focus,.textarea:focus,select:focus{background-color:#fff;border:2px solid rgba(141,153,166,.2);color:#5e6e80;box-shadow:none;outline:0}
.form-control{line-height:inherit}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.form-control{line-height:0}
}
.form-control__icon{padding-left:3.375rem}
@media only screen and (max-width:580px){.form-control__icon{padding-left:2.8125rem}
}
.textarea{border-radius:1.25rem;display:block;padding:.8125rem 1.1875rem;resize:none}
.form-group{margin-bottom:2rem;position:relative}
@media only screen and (max-width:580px){.form-group{margin-bottom:1.6875rem}
}
.form-group .font-icon{color:#5e6e80;font-size:1.125rem;margin:auto 0;position:absolute;top:0;bottom:0;left:38px;height:1rem;width:1rem;z-index:1}
@media only screen and (max-width:580px){.form-group .font-icon{font-size:1rem;left:2.125rem}
}
.help-block{position:absolute;font-size:.75rem;line-height:1.4;padding-top:.3125rem;padding-left:.375rem}
@media only screen and (max-width:580px){.help-block{font-size:.6875rem}
}
.with-errors{color:#ff3d57}
.has-error input,.has-error input:focus,.has-error textarea,.has-error textarea:focus{border-color:#ff3d57}
#validator-contact{font-size:.875rem;margin-top:1rem}
.form-control::-webkit-input-placeholder{color:#8d99a6}
.form-control::-moz-placeholder{color:#8d99a6}
.form-control:-ms-input-placeholder{color:#8d99a6}
.form-control::-ms-input-placeholder{color:#8d99a6}
.form-control::placeholder{color:#8d99a6}
input:invalid,textarea:invalid{outline:0!important}
.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(48,76,253,.25)}
.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#3b4b5e}
.custom-control-input:not(:disabled):active~.custom-control-label::before{border-color:#fff;background-color:transparent}
.custom-control-input:checked~.custom-control-label::before{border-color:#3b4b5e;background-color:#3b4b5e}
.custom-control-label{line-height:1.55;padding-left:.5rem}
.custom-control-label::before{background-color:transparent;border:1px solid #5e6e80}
.custom-select,select{background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .1rem center/10px 16px}
.custom-select option,select option{color:#5e6e80}
.dropdown-menu{border:0;border-radius:12px;box-shadow:0 .5rem 2.5rem rgba(94,110,128,.25);color:#5e6e80;font-size:.9375rem}
.dropdown-menu::before{content:'';border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-bottom:.375rem solid #fff;height:0;position:absolute;top:-6px;left:18px;width:0}
.dropdown.dropup .dropdown-menu::before{border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.375rem solid #fff;border-bottom:.375rem solid transparent;top:auto;bottom:-.75rem}
.tooltip-inner{max-width:12.5rem;padding:.25rem .625rem .25rem;background-color:#5e6e80;border-radius:.25rem;box-shadow:0 1rem 2rem rgb(255 255 255 / 25%),0 .125rem 1rem rgb(94 110 128 / 40%)}
.tooltip.show{opacity:1}
.card{border-radius:10px}
.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;border-radius:10px;cursor:pointer}
.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(180deg)}
.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}
@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}
}
.accordion>.card:first-of-type{border-radius:10px;border-bottom:1px solid rgba(0,0,0,.125)}
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{border-width:.3125rem .3125rem 0;border-top-color:#5e6e80}
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{border-width:.3125rem .3125rem .3125rem 0;border-right-color:#5e6e80}
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{border-width:.3125rem 0 .3125rem .3125rem;border-left-color:#5e6e80}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{border-width:0 .3125rem .3125rem;border-bottom-color:#5e6e80}
@media only screen and (min-width:580px){.pt-sm-6{padding-top:5rem}
}
.btn{cursor:pointer;font-size:1rem;font-weight:400;line-height:1;height:2.5rem;padding:0 1.5rem;position:relative;transition:.4s ease-in-out;white-space:nowrap;display:flex;justify-content:center;align-items:center}
.btn:hover{color:#fff;box-shadow:none;opacity:.9}
.btn-round{-webkit-border-radius:10rem;border-radius:10rem}
.btn .font-icon{margin-right:.375rem}
.btn.disabled{pointer-events:none}
.btn.disabled:hover{opacity:.9}
.btn.disabled:hover{opacity:.9}
.btn-dark{color:#fff;background-color:#3b4b5e;border-color:#3b4b5e}
.btn-label{position:relative;padding-left:52px;overflow:hidden}
.btn-label label{position:absolute;left:0;top:0;bottom:0;width:36px;line-height:1.5;padding-top:5px;padding-bottom:5px;cursor:pointer;margin-bottom:0;color:#fff;background:rgb(0 0 0 / 30%);display:flex;justify-content:center;align-items:center;font-size:larger}
button:focus{outline:0}
.modal-header{padding:1rem 1rem 0;border-bottom:0 solid #dee2e6}
.modal-content{border-radius:15px;box-shadow:0 20px 40px rgb(103 118 128 / 3%);position:relative}
.modal-lgg{max-width:728px}
.modal-body{padding:0 1rem 1rem}
.modal-open .modal{background:hsla(0,0%,0%,.37);-webkit-backdrop-filter:saturate(200%) blur(20px);-moz-backdrop-filter:saturate(200%) blur(20px);-ms-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px)}
.search-form{position:relative;top:1rem;margin-bottom:1rem}
.search-form .textarea{border-radius:15px}
.search-btn{background-image:linear-gradient(142.17deg ,#5e6e80 6.66%,#5e6e80 91.48%);box-shadow:inset -.25rem -.25rem .3125rem rgb(0 0 0 / 10%),inset .25rem .25rem .3125rem rgb(80 75 75 / 23%);border-radius:20px;border:0;color:#fff;cursor:pointer;font-size:1rem;font-weight:400;line-height:1;height:3.5rem;padding:0 1.5rem;position:relative;transition:.4s ease-in-out;white-space:nowrap}
.search-form .search-btn{border-radius:10px;display:flex;align-items:center;justify-content:center;height:2.5rem;margin-right:.5rem;margin-bottom:auto;margin-top:auto;padding:0;position:absolute;top:0;right:0;bottom:0;width:3.5rem}
.badge{font-weight:500}
.badge-secondary{color:#fff;background-color:#3b4b5e}
.preloader{display:flex;align-items:center;justify-content:center;background-color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;text-align:center;z-index:1106;opacity:1}
.preloader>*{min-width:0}
.preloader__wrap{width:100%;max-width:9.375rem}
.preloader__progress{background:#fff;height:.125rem;position:absolute;top:0;left:0;overflow:hidden;width:100%}
.preloader__progress span{background:#3b4b5e;position:absolute;top:0;left:0;height:100%;width:0}
.circle-pulse>*{position:absolute;top:50%;left:50%;border-radius:50%;box-sizing:border-box;transform:scale(0);animation:pulse 1.6s linear infinite}
.circle-pulse__1{width:6rem;height:6rem;margin-top:-3rem;margin-left:-3rem;background-color:#3b4b5e}
.circle-pulse__2{width:4.8rem;height:4.8rem;margin-top:-2.4rem;margin-left:-2.4rem;background-color:rgb(33 34 43 / 70%);animation-delay:-.8s}
@keyframes pulse{0%{transform:scale(0,0);opacity:1}
100%{transform:scale(1,1);opacity:0}
}
.header-image{height:19.75rem;position:absolute;top:0;left:0;width:100%}
.header-image::before{content:"";position:absolute;width:100%;height:100%;z-index:1}
.header{display:flex;margin-bottom:1.875rem;z-index:2}
.header>*{min-width:0}
@media only screen and (max-width:991px){.header{flex-direction:column}
.col_12,.main .container{padding-right:0;padding-left:0}
.main .container .row{margin-right:0;margin-left:0}
.main .container .col-aside,.main .container .col-content{padding-right:0;padding-left:0}
}
@media only screen and (max-width:580px){.header{margin-bottom:.9375rem;border-radius:10px 10px 0 0!important}
.header__left{padding-bottom:0!important}
.header__left::before{display:none}
}
.header__left{display:flex;align-items:start;padding-right:1.875rem;position:relative}
.header__left>*{min-width:0}
.header__left::before{content:'';background-color:#ebf0f2;position:absolute;top:0;right:0;bottom:0;height:100%;width:1px}
@media only screen and (max-width:991px){.header__left{align-items:center;padding-right:0;padding-bottom:1.25rem;text-align:center;justify-content:center}
.header__left::before{position:absolute;top:auto;right:0;bottom:0;height:1px;width:100%}
}
.header__right{display:flex;align-items:center;flex:1;padding-left:1.875rem}
.header__right>*{min-width:0}
@media only screen and (max-width:991px){.header__right{padding-left:0;padding-top:1.875rem}
.header__right ul:first-child{padding:0}
}
@media only screen and (max-width:580px){.header__right{display:none}
}
.header__photo{background-color:#fff;border:.375rem solid #fff;border-radius:2rem;margin-top:-4.125rem;height:10.125rem;overflow:hidden;width:10.125rem}
@media only screen and (max-width:991px){.header__photo{margin-top:-3rem;margin-bottom:0;height:100%;width:6rem;border-radius:1rem}
}
.header__photo-img{height:100%;width:100%}
.header__base-info{margin-left:2.5rem}
@media only screen and (max-width:991px){.header__base-info .header__social{display:none}
}
.header__base-info .title{margin-bottom:.125rem}
.header__social{display:flex;align-items:center;font-size:1rem;list-style:none;margin-top:.5rem;margin-bottom:0;padding:0}
.header__social>*{min-width:0}
.header__social li{margin-right:1rem}
.header__social li:last-child{margin-right:0}
.header__social a{color:#5e6e80;text-decoration:none}
.header__social a:hover{color:#3b4b5e}
@media only screen and (max-width:991px){.header__social{justify-content:center}
}
.header__contact{list-style:none;margin-bottom:0;width:32%}
@media only screen and (max-width:991px){.header__contact:first-child{padding:0;margin-bottom:1rem}
}
@media only screen and (max-width:580px){.header__contact{padding:0;width:100%}
.header__contact:first-child{margin-bottom:.75rem}
}
.header__contact li{margin-bottom:1rem;word-break:break-all}
@media only screen and (max-width:580px){.header__contact li{margin-bottom:.75rem}
}
.header__contact li:last-child{margin-bottom:0}
.status{font-size:.875rem;display:inline-flex;align-items:center}
.status>*{min-width:0}
.box{background-color:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(103,118,128,.03);padding:1rem;position:relative;transition:box-shadow .3s ease-in-out}
@media only screen and (max-width:580px){.box{padding:1rem}
}
.box__border{border:2px solid #ebf0f2;border-radius:20px}
@media only screen and (max-width:580px){.box__border{border-radius:13.3333333333px;padding:1rem}
}
.index-box{border-radius:20px!important}
.box-content{border-radius:0 0 20px 20px}
@media only screen and (max-width:580px){.sticky-parent .col-content{padding-bottom:5rem}
.box-content{border-radius:0!important}
}
.js-image{background-size:cover;background-position:center;height:100%;width:100%}
.overlay{position:relative}
.overlay--45::before,.overlay--80::before,.overlay::before{content:'';background-color:rgba(46,47,54,.8);position:absolute;top:0;left:0;height:100%;width:100%;z-index:2}
.overlay--45::before{background-color:rgba(46,47,54,.45)}
.overlay--80::before{background-color:rgba(46,47,54,.8)}
.gutter-top{padding-top:14.375rem}
@media only screen and (max-width:580px){.gutter-top{padding-top:17.125rem}
}
.gutter-top-100{padding-top:6.25rem}
@media only screen and (max-width:580px){.gutter-top-100{padding-top:8.125rem}
}
.avatar{display:block;height:100%;width:100%}
.avatar--180{max-height:11.25rem;max-width:11.25rem;height:11.25rem;width:11.25rem}
@media only screen and (max-width:991px){.avatar--180{max-height:12.5rem;max-width:12.5rem;height:12.5rem;width:12.5rem}
}
.avatar--80{max-height:5rem;max-width:5rem}
@media only screen and (max-width:580px){.avatar--80{max-height:4.5454545455rem;max-width:4.5454545455rem}
}
.avatar--60{max-height:3.75rem;max-width:3.75rem}
@media only screen and (max-width:580px){.avatar--60{max-height:2.8195488722rem;max-width:2.8195488722rem}
}
.avatar image{height:100%;width:100%}
.social{line-height:0;margin-top:1.5rem;margin-bottom:1.375rem}
.social__link{color:#3b4b5e;display:inline-block;font-size:.875rem;margin-left:.8125rem;text-decoration:none}
.social__link:hover{cursor:pointer;text-decoration:none}
.social__link:first-child{margin-left:0}
.sidebar{transition:all .3s ease-in-out}
@media only screen and (max-width:1200px){.sidebar{padding:1.5rem}
}
@media only screen and (max-width:991px){.sidebar{border-bottom:1px solid #ebf0f2;border-radius:20px 20px 0 0;padding:10px}
}
@media only screen and (max-width:580px){.sidebar{border-bottom:0;border-radius:0;box-shadow:0 20px 40px rgba(103,118,128,.2);padding:.5rem 0;position:fixed;bottom:0;left:0;width:100%;z-index:10}
}
.sidebar.is_stuck{margin-top:1.875rem;z-index:1}
@media only screen and (max-width:991px){.nav{flex-wrap:nowrap;width:100%;white-space:nowrap;overflow-y:hidden;height:100%;display:flex;justify-content:space-between}
}
@media only screen and (max-width:580px){.nav{flex-wrap:nowrap;width:100%;white-space:nowrap;overflow-y:hidden;height:100%;display:flex}
}
.nav__item{display:block;height:6.25rem;margin-bottom:1rem;text-align:center;text-transform:uppercase;width:100%}
.nav__item:last-child{margin-bottom:0}
@media only screen and (max-width:1200px){.nav__item{height:5.125rem}
}
@media only screen and (max-width:991px){.nav__item{margin-bottom:0;width:calc(20% - 1rem)}
}
@media only screen and (max-width:768px){.nav__item{width:calc(20% - .5rem)}
}
@media only screen and (max-width:580px){.nav__item{height:auto;width:calc(20% - 0rem)}
}
.nav__item a{border:1px solid #ebf0f2;background-color:#f7f9fa;border-radius:1.25rem;color:#5e6e80;font-size:1rem;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;position:relative;text-decoration:none;transition:all 0s;padding:0 1rem}
.nav__item a>*{min-width:0}
.nav__item a:hover{color:#3b4b5e}
@media only screen and (max-width:1200px){.nav__item a{border-radius:1rem;font-size:.75rem;background-color:transparent}
}
@media only screen and (max-width:768px){.nav__item a{font-size:.6875rem}
}
@media only screen and (max-width:580px){.nav__item a{background-color:transparent!important;border:0 solid #ebf0f2!important}
}
.nav__item a.active{font-weight:bolder}
.nav__item a.active:hover{font-weight:bolder}
@media only screen and (max-width:580px){.nav__item a.active{background-image:none;box-shadow:none;color:#3b4b5e}
.nav__item a.active:hover{color:#3b4b5e}
.nav__item a.active::before{content:'';background-color:#3b4b5e;height:.125rem;position:absolute;bottom:-8px;left:0;width:100%}
}
.nav__item [class^=icon-]{display:block;font-size:2.25rem;margin-top:.25rem;margin-bottom:.5rem}
@media only screen and (max-width:1200px){.nav__item [class^=icon-]{font-size:1.75rem;margin-bottom:.25rem}
}
@media only screen and (max-width:768px){.nav__item [class^=icon-]{font-size:1.5rem}
}
@media only screen and (max-width:580px){.nav__item [class^=icon-]{font-size:1.0625rem;margin-top:.375rem}
}
.footer{color:#8d99a6;font-size:.875rem;padding-top:1rem;padding-bottom:1rem;text-align:center}
.footer p{margin:0}
@media only screen and (max-width:580px){.footer{padding-top:.5rem;padding-bottom:.5rem}
}
a.case-item{border:1px solid #ebf0f2;margin-bottom:1.5rem;text-align:center;background-color:#f7f9fa;border-radius:1.25rem;color:#5e6e80;font-size:1rem;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 24px);position:relative;text-decoration:none;transition:all 0s;padding:1rem 0}
a.case-item:hover{color:#3b4b5e}
a.case-item>*{min-width:0}
@media only screen and (max-width:991px){a.case-item{height:calc(100% - 20px)}
}
@media only screen and (max-width:580px){a.case-item{border-radius:13.3333333333px;height:calc(100% - 15px);margin-bottom:.9375rem;padding:1rem;text-align:center}
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){a.case-item{display:block}
}
a.case-item__icon{height:2.5rem;width:2.5rem;margin-bottom:1rem}
@media only screen and (max-width:580px){a.case-item__icon{margin-bottom:.8125rem}
}
a.case-item div{flex:1}
a.case-item__caption{line-height:1.5}
@media only screen and (max-width:580px){a.case-item__caption{font-size:.8125rem;line-height:1.4}
}
a.case-item__caption:last-child{margin-bottom:0}
.js-carousel-clients{padding-top:.5rem;padding-bottom:1rem}
@media only screen and (max-width:991px){.js-carousel-clients{padding-bottom:0}
}
@media only screen and (max-width:580px){.js-carousel-clients .swiper-slide{text-align:center}
}
@media only screen and (max-width:768px){.contact-form .btn{width:100%}
}
.map{background-color:#f7f9fa;border-radius:13.3333333333px;height:23.75rem;margin-bottom:2rem;position:relative;direction:ltr}
@media only screen and (max-width:580px){.map{height:15.625rem;margin-bottom:1.25rem}
}
.popover-map-title{color:#3b4b5e;font-size:1.125rem;margin-top:.1875rem;margin-bottom:.5rem}
.popover-map-caption{color:#5e6e80;font-weight:400}
#marker{background-image:url(../images/icon-map-pic.svg);background-size:cover;width:3.125rem;height:3.125rem;cursor:pointer}
.gutter-sizer{width:1.875rem}
.gallery-grid{display:flex}
.gallery-grid>*{min-width:0}
.gallery-grid__item{margin-bottom:1.25rem;width:calc(33% - 18px)}
@media only screen and (max-width:991px){.gallery-grid__item{width:calc(50% - 16px)}
}
@media only screen and (max-width:768px){.gallery-grid__item{width:100%}
.gallery-grid__item:last-child{margin-bottom:0}
}
.gallery-grid__item:hover .gallery-grid__image{transform:scale3d(1.1,1.1,1)}
.gallery-grid-two .gallery-grid__item{width:calc(50% - 16px)}
@media only screen and (max-width:768px){.gallery-grid-two .gallery-grid__item{width:100%}
}
.gallery-grid__image-wrap{border-radius:14px;height:11.25rem;overflow:hidden;position:relative;width:100%;z-index:1}
@media only screen and (max-width:991px){.gallery-grid__image-wrap{height:12.5rem}
}
@media only screen and (max-width:768px){.gallery-grid__image-wrap{height:18.125rem}
}
.gallery-grid-two .gallery-grid__image-wrap{height:auto}
.gallery-grid__image{border-radius:10px;transform:scale3d(1,1,1)}
.gallery-grid__title{margin-top:1rem;margin-bottom:0}
@media only screen and (max-width:580px){.gallery-grid__title{font-size:.875rem}
}
.gallery-grid__category{font-size:.875rem;display:block}
@media only screen and (min-width:769px){.filter{display:inline-flex;flex-wrap:wrap;font-size:1rem;list-style:none;margin-bottom:1.1875rem;padding:0}
.filter>*{min-width:0}
.filter__item{padding-right:1rem;position:relative}
.filter__item::before{content:'';background-color:#5e6e80;border-radius:.1875rem;position:absolute;top:0;right:6px;bottom:0;height:.25rem;margin:auto;width:.25rem}
.filter__item:first-child{display:none}
.filter__item:last-child{padding-right:0}
.filter__item:last-child::before{display:none}
.filter__item a{color:rgba(94,110,128,.8)}
.filter__item.active a{color:#3b4b5e}
.filter__link{padding:0 .25rem;text-decoration:none;display:block;overflow:hidden;position:relative}
.filter__link:hover{text-decoration:none}
}
.select .placeholder{display:none}
@media only screen and (max-width:768px){.select{background-color:#f7f9fa;border-radius:1.25rem;display:block;margin-bottom:2rem;padding:.25rem 1.1875rem .1875rem 1.25rem;position:relative;vertical-align:middle;text-align:left;user-select:none;width:100%;-webkit-touch-callout:none;z-index:2}
.select .placeholder{cursor:pointer;display:block;padding:.5rem 0;position:relative;z-index:1}
.select .placeholder:after{position:absolute;top:50%;right:2px;transform:translateY(-50%);font-family:icomoon;content:'\e940';z-index:10}
.select.is-open .placeholder:after{content:'\e943'}
.select.is-open ul{display:block}
.select ul{background-color:#fff;box-shadow:0 .625rem 3.75rem rgba(141,153,166,.25);border-radius:20px;display:none;max-height:37.5rem;overflow:hidden;overflow-y:auto;padding:.625rem 0;position:absolute;top:100%;left:0;width:100%;z-index:100}
.select ul li{display:block;text-align:left;padding:.3125rem 1.25rem .1875rem;color:#5e6e80;cursor:pointer}
.select ul li:hover{background-color:#3b4b5e}
.select ul li:hover a{color:#fff}
.select ul li:first-child{display:none}
.select ul li a{color:#5e6e80;text-decoration:none}
}
@media only screen and (max-width:580px){.select{margin-bottom:1rem}
}
.news-grid{display:flex;flex-wrap:wrap;margin-left:-.9375rem;margin-right:-.9375rem}
.news-grid>*{min-width:0}
@media only screen and (max-width:991px){.news-grid{margin-left:0;margin-right:0}
}
.news-item{background-color:#f7f9fa;margin-bottom:1.875rem;margin-left:.9375rem;margin-right:.9375rem;padding:0;width:calc(50% - 30px)}
@media only screen and (max-width:991px){.news-item{margin-left:0;margin-right:0;width:100%}
.news-item:last-child{margin-bottom:0}
}
@media only screen and (max-width:580px){.news-item{margin-bottom:1.25rem}
}
.news-item:hover .news-item__image-wrap::after,.news-item:hover .news-item__image-wrap::before{opacity:1}
.news-item img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.news-item:hover img{-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-ms-transform:scale(1.07);-o-transform:scale(1.07);transform:scale(1.07)}
.news-item__image-wrap{overflow:hidden;border-radius:20px 20px 0 0;height:14rem;position:relative}
@media only screen and (max-width:991px){.news-item__image-wrap{height:12rem;border-radius:10px 10px 0 0}
}
@media only screen and (max-width:580px){.news-item__image-wrap{height:10rem}
}
.news-item__image-wrap::before{opacity:0;transition:opacity .5s ease-in-out}
.news-item__image-wrap::after{content:'\EA7E';font-family:remixicon!important;height:100%;opacity:0;transition:opacity .5s ease-in-out;width:100%;z-index:2;color:#fff;font-size:3rem;display:flex;justify-content:center;align-items:center;position:absolute;top:0}
#news .news-item__image-wrap::after{content:'\EA7E'}
#photos .news-item__image-wrap::after{content:'\ee45'}
#books .news-item__image-wrap::after{content:"\ead3"}
#movies .news-item__image-wrap::after{content:'\ef7f'}
.news-item__date{background:rgba(0,0,0,.4);-webkit-backdrop-filter:saturate(200%) blur(20px);-moz-backdrop-filter:saturate(200%) blur(20px);-ms-backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) blur(20px);color:#fff;border-radius:0 20px 20px 0;font-size:1.375rem;font-weight:600;line-height:1.3;padding:.625rem 1.25rem;position:absolute;top:20px;text-align:center;z-index:2}
.news-item__date span{font-size:.8125rem;font-weight:400;display:block}
@media only screen and (max-width:580px){.news-item__date{font-size:1.125rem;line-height:1.2;padding:.5625rem 1rem;}
.news-item__date span{font-size:.625rem}
}
.news-item__link{position:absolute;height:100%;width:100%;z-index:3}
.news-item__caption{padding:1.5rem 1.5rem .5rem}
@media only screen and (max-width:580px){.news-item__caption{padding:1.1875rem 1rem 0}
}
.news-category{line-height:1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all}
.news-category a{margin-right:.5rem}
.news-category a::before{content:"#"}
@media only screen and (max-width:580px){.news-item .news-category{font-size:.875rem}
}
.header-post{padding:0;width:100%;text-align:center}
.header-post__image-wrap{overflow:hidden;height:15rem;position:relative;border-radius:20px 20px 0 0}
@media only screen and (max-width:991px){.header-post__image-wrap{overflow:hidden;height:10rem;position:relative;border-radius:0}
#B_M.header-post__image-wrap{height:15rem}
.header-post__image-wrap p:first-child{margin-bottom:.5rem!important}
.page_header .header-post__image-wrap p:first-child{margin-bottom:2.5rem!important}
}
.header-post-news-item__con{width:100%;color:#fff;font-size:1.375rem;font-weight:600;line-height:1.5;padding:1.5rem .5rem .5rem;position:absolute;bottom:0;text-align:center;z-index:2;word-break:break-all}
.header-post-news-item__con .news-category a{color:#fff}
.header-post-news-item-image{object-fit:cover;object-position:center;font-family:'object-fit: cover; object-position: center;';height:100%;width:100%;filter:blur(4px)}
#B_M .header-post-news-item-image{filter:blur(20px)}
.header-post-news-item__con_d{display:flex;font-size:.5rem;line-height:2rem}
.header-post-news-item__con_d li{margin-right:1.5rem}
.post-content{font-size:18px;padding:1rem;word-break:break-all}
@media only screen and (max-width:580px){.post-content{padding:0}
}
.caption-post{margin-left:auto;margin-right:auto;margin-bottom:1.75rem;width:86%}
@media only screen and (max-width:991px){.caption-post{width:100%}
}
@media only screen and (max-width:580px){.caption-post{margin-bottom:1.1875rem}
}
.gallery-post{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}
.gallery-post>*{min-width:0}
@media only screen and (max-width:580px){.gallery-post{margin-left:0;margin-right:0}
}
.gallery-post__item{flex:calc(50% - 2rem);margin:5px;width:100%}
@media only screen and (max-width:768px){.gallery-post__item{flex:calc(50% - 1.25rem);margin-left:.625rem;margin-right:.625rem;width:calc(50% - 1.25rem)}
}
@media only screen and (max-width:580px){.masonry-grid .gallery-post__item{margin-left:0;margin-right:0}
}
.gallery-post__caption{font-size:.875rem;font-style:italic;padding:1rem 1rem 2rem;text-align:center;width:100%}
@media only screen and (max-width:580px){.gallery-post__caption{padding:0 0 1rem}
}
.ax_images{display:flex}
.ax_images img{flex:1;margin:0 3px;width:10%}
.masonry-grid{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}
.masonry-grid img{width:100%;height:auto;margin:5px}
.masonry-grid img{position:relative!important}
@media screen and (max-width:950px){.masonry-grid{-webkit-column-count:4;-moz-column-count:4;column-count:4}
}
@media screen and (max-width:750px){.masonry-grid{-webkit-column-count:3;-moz-column-count:3;column-count:3}
}
@media screen and (max-width:550px){.masonry-grid{-webkit-column-count:1;-moz-column-count:1;column-count:1}
}
#copyright {background: rgba(94, 110, 128, 0.1);padding: 1rem;position: relative;font-size: .75em;border-radius: .625rem;color: var(--grey-6);}
#copyright li::before {font-family: ic;font-weight: 400;color: var(--grey-5);margin-right: .3125rem;font-size: 1.1rem;line-height: .75rem;vertical-align: -.0667rem}
#copyright ul{margin-top: 0rem;margin-bottom: 0rem}
.agree{padding-top:1rem;text-align:center;clear:both}
.dianzan{background:#3b4b5e;color:#fff;transition:all .2s ease-in-out;line-height:1.3;display:inline-flex;font-size:14px;font-weight:400;border:1px solid transparent;padding:8px 25px;border-radius:50px;justify-content:center;align-items:center;cursor:pointer}
.dianzan:hover{background:#5e6e80}
.post-tags a{color:#fff;background-color:#3b4b5e;display:inline-block;padding:.25rem;font-size:75%;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.footer-post{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;margin-top:2rem;padding-top:2rem;position:relative}
.footer-post>*{min-width:0}
@media only screen and (max-width:580px){.footer-post{margin-bottom:1rem;margin-top:1rem;padding-top:1.5rem}
}
.footer-post::before{content:'';background-color:#3b4b5e;height:1px;margin:auto;position:absolute;top:0;right:0;left:0;width:15%}
.footer-post__share{display:flex;align-items:center;color:#3b4b5e;font-size:.875rem;margin:0 1.125rem}
.footer-post__share>*{min-width:0}
@media only screen and (max-width:580px){.footer-post__share{margin:0 .75rem}
}
.footer-post__share:hover{text-decoration:none}
.footer-post__share .font-icon{margin-right:.6875rem}
@media only screen and (max-width:580px){.footer-post__share span{display:none}
}
.comment-box{display:flex;flex-direction:column}
.comment-box>*{min-width:0}
.comment-box .comment-box{margin-left:3rem}
.comment-box .comment-box .comment-box{margin-left:0}
@media only screen and (max-width:580px){.comment-box .comment-box{margin-left:1.25rem}
}
.comment-box__inner{background-color:#f7f9fa;border-radius:20px;display:flex;margin-bottom:1.25rem;padding:1.25rem 1.25rem 1rem 1.375rem}
.comment-box__inner>*{min-width:0}
@media only screen and (max-width:580px){.comment-box__inner{padding:1rem 1rem .625rem 1.125rem;margin-bottom:1rem}
}
.comment-box__body{flex:1;font-size:.875rem;line-height:1.6;word-break: break-all;}
@media only screen and (max-width:580px){.comment-box__body{font-size:.875rem}
}
.comment-box__body p{margin-bottom:.6875rem}
@media only screen and (max-width:580px){.comment-box__body p{margin-bottom:.8125rem}
}
.comment-box__body .emoji{margin:0 .3125rem;vertical-align:bottom}
@media only screen and (max-width:580px){.comment-box__body .emoji{margin:0 .125rem;height:1.125rem;width:1.125rem}
}
.comment-box__details{display:flex;justify-content:space-between;font-size:1rem;color:#3b4b5e;margin-bottom:.5rem}
.comment-box__details>*{min-width:0}
@media only screen and (max-width:580px){.comment-box__details{font-size:.9375rem;flex-direction:column}
}
.comment-box__details a{text-decoration:none}
.comment-box__details-date{font-size:.75rem;font-weight:400}
@media only screen and (max-width:580px){.comment-box__details-date{font-size:.75rem;margin-top:.3125rem}
}
.comment-box .avatar{margin-right:1rem;flex-shrink:0;border-radius:10px}
.comment-box__footer{display:inline-flex;list-style:none;margin:0;padding:0;align-items:center}
.comment-box__footer li{display:flex;align-items:center;cursor:pointer;margin-right:2rem}
.comment-box__footer li a{display:flex;align-items:center}
.comment-box__footer li>*{min-width:0}
@media only screen and (max-width:580px){.comment-box__footer li{margin-right:1rem}
}
.comment-box__footer li:hover{color:#3b4b5e}
.comment-box__footer li:last-child{margin-right:0}
.comment-box__footer span{font-size:.75rem;padding-left:.375rem}
@media only screen and (max-width:580px){.comment-box__footer span{font-size:.75rem}
}
.comment-box__footer .font-icon{font-size:1rem;vertical-align:text-bottom}
@media only screen and (max-width:580px){.comment-box__footer .font-icon{font-size:.875rem}
}
.comment-box__footer .icon-like-fill{color:#ff3d57}
.comment-form{margin:1rem 0;position:relative}
.comment-form .textarea{padding:1rem;max-height:12.5rem;overflow:hidden!important}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.comment-form .textarea{line-height:1.5}
}
.comment-form .btn{border-radius:.875rem;display:flex;align-items:center;justify-content:center;height:2.5rem;margin-right:.5rem;margin-bottom:auto;margin-top:auto;padding:0;position:absolute;right:0;bottom:10px;width:3.5rem}
.comment-form .btn>*{min-width:0}
@media only screen and (max-width:580px){.comment-form .btn{height:2.1551724138rem;width:2.1551724138rem}
#comment-author-info .col-md-4{padding-right:0;padding-left:0}
.comment-form .spam{margin-right:6.5rem!important}
}
#toggle-comment-info{margin:0 .5rem;cursor:pointer}
#comment-author-info{display:none}
.comment-form .btn .font-icon{margin:0}
.comment-form .comment-secret{height:1.1875rem;line-height:1.2;margin-top:auto;margin-bottom:auto;margin-left:3rem;position:absolute;bottom:20px}
.comment-form .spam{border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin-right:7.5rem;margin-bottom:auto;margin-top:auto;position:absolute;right:0;bottom:10px;width:2.5rem;height:2.5rem}
.comment-form .spam input{padding:0 5px;border-radius:.5rem;margin:0 .5rem;width:3rem;height:2.5rem;border:0;border-bottom:2px solid #eaeaea}
.comment-form .spam_num{padding:10px;cursor:move}
.comment-form .dropdown{height:1.1875rem;line-height:1.2;margin-top:auto;margin-bottom:auto;margin-left:1rem;position:absolute;bottom:20px}
.comment-form .dropdown-menu{margin-left:-1rem;min-width:14.9375rem;max-width:14.9375rem;top:-100%!important}
.comment-form .ri-emotion-line{cursor:pointer;font-size:1.5rem}
.comment-form .ri-emotion-line:hover{color:#3b4b5e}
.vclose{position:absolute;top:2rem;right:-10px;padding:0;background:#f5f5f5;line-height:1;color:#f5f5f5;border:2px solid #eaeaea;border-radius:1.25rem}
.reply2view{border-radius:10px;background:repeating-linear-gradient(145deg,#f2f2f2,#f2f2f2 15px,#fff 0,#fff 30px);padding:10px 40px 10px 40px;position:relative}
.secret{background:repeating-linear-gradient(145deg,#f2f2f2,#f2f2f2 15px,#fff 0,#fff 30px);padding:10px 40px 10px 40px;position:relative;border-radius:5px}
.ax_post_box-comment-text-inner .secret{padding:1px 10px!important}
.ax_post_box-comment-text-inner .biaoqing{width:1.5rem!important}
.secret-textarea{background:repeating-linear-gradient(145deg,#f2f2f2,#f2f2f2 15px,#fff 0,#fff 30px);position:relative}
#secret-button{display:none}
.secret-label{position:relative;margin:auto;display:inline-block;width:30px;height:15px;background-color:#ccc;border:1px solid #ccc;border-radius:30px;cursor:pointer}
.secret-label:hover{cursor:pointer,auto!important}
.secret-label .circle{position:absolute;top:-1px;left:-1px;transition:all .3s;width:15px;height:15px;border-radius:50%;background-color:#fff}
.secret-label .on{color:#fff;display:none;text-indent:10px}
.secret-label .off{color:#fff;display:inline-block;text-indent:53px}
#secret-button:checked+label.secret-label .circle{left:19px}
#secret-button:checked+label.secret-label .on{display:inline-block}
#secret-button:checked+label.secret-label .off{display:none}
#secret-button:checked+label.secret-label{background-color:#3a3f51}
.page-navigator{text-align:center;margin-top:1rem}
.page-navigator li{color:#3b4b5e;display:inline-flex;transition:background-color .3s;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;margin:0 2px;width:40px;height:40px;justify-content:center;align-items:center}
.page-navigator li:hover{background-color:#f0f0f0}
.page-navigator li.current,.page-navigator li.current a{background-color:#3b4b5e;color:#fff}
.emoji-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;padding:.375rem .8125rem .1875rem}
.emoji-wrap>*{min-width:0}
.emoji-wrap .emoji{cursor:pointer;border-radius:.1875rem;margin:.125rem;padding:.1875rem}
.emoji-wrap .emoji:hover{box-shadow:0 0 0 .125rem rgba(141,153,166,.2)}
.scroll-line{background:#3b4b5e;height:.1875rem;position:fixed;top:0;width:0;z-index:10}
.nicescroll-cursors{background-color:#8d99a6!important}
.social-auth{font-size:.875rem;list-style:none;padding:0;margin-top:1rem}
@media only screen and (max-width:580px){.social-auth{font-size:.875rem}
}
.social-auth__item{display:inline-flex;margin-right:.375rem}
.social-auth__link{color:#fff}
.social-auth__link:hover{color:#fff;opacity:.7;text-decoration:none}
.social-auth .font-icon{background-color:#3b4b5e;border-radius:50%;font-size:.75rem;padding:.375rem}
@media only screen and (max-width:580px){.social-auth .font-icon{font-size:.6875rem}
}
.social-auth .icon-facebook{background-color:#3b5998}
.social-auth .icon-twitter{background-color:#55acee}
.social-auth .icon-dribbble{background-color:#f26798}
.social-auth .icon-behance{background-color:#4176fa}
.swiper-container .swiper-wrapper{min-height:100%}
.review-item{display:flex;background-color:#f7f9fa;background-repeat:no-repeat;background-position:right 1.875rem top 1.875rem;border-radius:20px;height:auto;padding:1.875rem}
.review-item>*{min-width:0}
@media only screen and (max-width:580px){.review-item{background-image:none;border-radius:13.3333333333px;flex-direction:column;align-items:center;padding:1rem;text-align:center}
}
.review-item__textbox{margin-top:.625rem;margin-left:1rem}
@media only screen and (max-width:580px){.review-item__textbox{margin-left:0}
}
.review-item__caption{line-height:1.5}
.review-item__caption:last-child{margin-bottom:0}
.review-item .title{font-size:1.125rem;margin-bottom:.5rem}
@media only screen and (max-width:580px){.review-item .title{font-size:1rem;margin-top:.25rem;margin-bottom:.5rem}
}
.swiper-pagination{margin-top:1.5rem;position:relative;line-height:0}
@media only screen and (max-width:580px){.swiper-pagination{margin-top:1rem}
}
.swiper-pagination-bullet{background:#ebf0f2;border-radius:1rem;opacity:1;height:.625rem;width:.625rem;transition:width .3s cubic-bezier(.455,.03,.515,.955)}
@media only screen and (max-width:580px){.swiper-pagination-bullet{height:.375rem;width:.375rem}
}
.swiper-pagination-bullet-active{background:#3b4b5e;width:1.25rem}
@media only screen and (max-width:580px){.swiper-pagination-bullet-active{width:.75rem}
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .3125rem}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}
.timeline{margin-top:1.75rem;padding-left:.5rem}
@media only screen and (max-width:580px){.timeline{margin-top:1.5rem}
}
.timeline__item{border-left-width:1px;border-left-style:solid;border-color:#ebf0f2;padding-bottom:1.5625rem;padding-left:1.375rem;position:relative;word-break:break-all}
.timeline__item::before{content:'';background-color:#3b4b5e;box-shadow:0 0 0 .1875rem rgb(59 75 94 / 50%);border-radius:50%;position:absolute;top:0;left:-5px;height:.625rem;width:.625rem}
.timeline__item:last-child{border:0}
.timeline__title{margin-bottom:0;position:relative;top:-.3125rem;display: flex;align-items: center;}
.timeline__period{color:rgba(94,110,128,.8);font-size:.875rem}
.timeline__description{margin-top:.5rem}
@media only screen and (max-width:580px){.timeline__description{margin-top:.1875rem}
}
.progress{background-color:#f7f9fa;border-radius:1rem;height:1.5rem;margin-bottom:1.5rem;overflow:inherit;position:relative;text-align:right}
@media only screen and (max-width:580px){.progress{margin-bottom:.75rem;height:1.375rem}
}
.progress:last-child{margin-bottom:0}
.progress-bar{background-image:linear-gradient(142.17deg,#5e6e80 6.66%,#3b4b5e 91.48%);border-radius:1rem;overflow:hidden;position:relative;width:0%;z-index:1}
.progress .progress-text{display:flex;align-items:center;justify-content:space-between;height:100%;padding-left:.8125rem;padding-right:.8125rem;position:absolute;top:0;left:0;width:100%;z-index:1}
.progress .progress-text>*{min-width:0}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.progress-text span:nth-child(2){float:right}
}
.btnSearch{cursor:pointer;background:#3b4b5e;color:#fff;border-radius:50%;top:2rem;right:2rem;width:40px;height:40px;position:fixed;opacity:1;transition:all .3s ease-in;z-index:10;display:flex;justify-content:center;align-items:center;box-shadow:0 20px 40px rgb(103 118 128 / 3%)}
a.changeMode:hover{color:#fff;text-decoration:auto}
.changeMode{cursor:pointer;background:#3b4b5e;color:#fff;border-radius:50%;top:5.5rem;right:2rem;width:40px;height:40px;position:fixed;opacity:1;transition:all .3s ease-in;z-index:10;display:flex;justify-content:center;align-items:center;box-shadow:0 20px 40px rgb(103 118 128 / 3%)}
.icon-dark-mode{display:none!important}
.back-to-top{cursor:pointer;opacity:1;position:fixed;bottom:2rem;right:2rem;transition:opacity .35s ease-out;z-index:10;font-size:2.5rem;box-shadow:0 20px 40px rgb(103 118 128 / 3%);color:#3b4b5e}
.back-to-top:hover{color:#5e6e80}
@media only screen and (max-width:580px){.btnSearch{right:1rem}
.changeMode{right:1rem}
.back-to-top{bottom:4rem;right:1rem}
}
.js-lines{overflow:hidden}
.js-lines div{overflow:hidden}
.js-words div div{opacity:0}
.medium-zoom-overlay{background:#fff!important;z-index:1104}
.medium-zoom-image{cursor:pointer!important;z-index:9}
.medium-zoom-image--opened{border-radius:1px;height:100%;z-index:1104}
.js-parallax{position:relative;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;height:100%}
.js-parallax-img{position:relative;z-index:0;width:100%;}
.js-parallax-img .jarallax-img{object-fit:cover;font-family:'object-fit:cover;';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}
@-webkit-keyframes doudong{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg)}
4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg)}
38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg)}
8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg)}
10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg)}
12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg)}
14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg)}
16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg)}
18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg)}
20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg)}
26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg)}
28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg)}
30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg)}
32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg)}
42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg)}
44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg)}
48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg)}
52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg)}
58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg)}
84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg)}
90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg)}
92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg)}
94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg)}
0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
}
@keyframes doudong{2%,24%,80%{-webkit-transform:translate(0,1.5px) rotate(1.5deg);transform:translate(0,1.5px) rotate(1.5deg)}
4%,68%,98%{-webkit-transform:translate(0,-1.5px) rotate(-.5deg);transform:translate(0,-1.5px) rotate(-.5deg)}
38%,6%{-webkit-transform:translate(0,1.5px) rotate(-1.5deg);transform:translate(0,1.5px) rotate(-1.5deg)}
8%,86%{-webkit-transform:translate(0,-1.5px) rotate(-1.5deg);transform:translate(0,-1.5px) rotate(-1.5deg)}
10%,72%{-webkit-transform:translate(0,2.5px) rotate(1.5deg);transform:translate(0,2.5px) rotate(1.5deg)}
12%,64%,78%,96%{-webkit-transform:translate(0,-.5px) rotate(1.5deg);transform:translate(0,-.5px) rotate(1.5deg)}
14%,54%{-webkit-transform:translate(0,-1.5px) rotate(1.5deg);transform:translate(0,-1.5px) rotate(1.5deg)}
16%{-webkit-transform:translate(0,-.5px) rotate(-1.5deg);transform:translate(0,-.5px) rotate(-1.5deg)}
18%,22%{-webkit-transform:translate(0,.5px) rotate(-1.5deg);transform:translate(0,.5px) rotate(-1.5deg)}
20%,36%,46%{-webkit-transform:translate(0,-1.5px) rotate(2.5deg);transform:translate(0,-1.5px) rotate(2.5deg)}
26%,50%{-webkit-transform:translate(0,.5px) rotate(.5deg);transform:translate(0,.5px) rotate(.5deg)}
28%{-webkit-transform:translate(0,.5px) rotate(1.5deg);transform:translate(0,.5px) rotate(1.5deg)}
30%,40%,62%,76%,88%{-webkit-transform:translate(0,-.5px) rotate(2.5deg);transform:translate(0,-.5px) rotate(2.5deg)}
32%,34%,66%{-webkit-transform:translate(0,1.5px) rotate(-.5deg);transform:translate(0,1.5px) rotate(-.5deg)}
42%{-webkit-transform:translate(0,2.5px) rotate(-1.5deg);transform:translate(0,2.5px) rotate(-1.5deg)}
44%,70%{-webkit-transform:translate(0,1.5px) rotate(.5deg);transform:translate(0,1.5px) rotate(.5deg)}
48%,74%,82%{-webkit-transform:translate(0,-.5px) rotate(.5deg);transform:translate(0,-.5px) rotate(.5deg)}
52%,56%,60%{-webkit-transform:translate(0,2.5px) rotate(2.5deg);transform:translate(0,2.5px) rotate(2.5deg)}
58%{-webkit-transform:translate(0,.5px) rotate(2.5deg);transform:translate(0,.5px) rotate(2.5deg)}
84%{-webkit-transform:translate(0,1.5px) rotate(2.5deg);transform:translate(0,1.5px) rotate(2.5deg)}
90%{-webkit-transform:translate(0,2.5px) rotate(-.5deg);transform:translate(0,2.5px) rotate(-.5deg)}
92%{-webkit-transform:translate(0,.5px) rotate(-.5deg);transform:translate(0,.5px) rotate(-.5deg)}
94%{-webkit-transform:translate(0,2.5px) rotate(.5deg);transform:translate(0,2.5px) rotate(.5deg)}
0%,100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}
}
#B_M .B_M-content{text-align:justify;padding:0}
#B_M .B_M-content li .info{display:flex;list-style:none;justify-content:center}
#B_M .B_M-content li{list-style:none}
.B_M-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px}
.B_M{position:relative;width:100px;height:150px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;box-shadow: 0 20px 40px rgb(103 118 128 / 13%);}
.B_M:before{content:" ";position:absolute;left:0;top:2px;width:23px;height:146px;-webkit-transform:translateX(84.5px) rotateY(
90deg
);transform:translateX(84.5px) rotateY(90deg);background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(5%,#f9f9f9),color-stop(10%,#fff),color-stop(15%,#f9f9f9),color-stop(20%,#fff),color-stop(25%,#f9f9f9),color-stop(30%,#fff),color-stop(35%,#f9f9f9),color-stop(40%,#fff),color-stop(45%,#f9f9f9),color-stop(50%,#fff),color-stop(55%,#f9f9f9),color-stop(60%,#fff),color-stop(65%,#f9f9f9),color-stop(70%,#fff),color-stop(75%,#f9f9f9),color-stop(80%,#fff),color-stop(85%,#f9f9f9),color-stop(90%,#fff),color-stop(95%,#f9f9f9),to(#fff));background:linear-gradient(90deg ,#fff,#f9f9f9 5%,#fff 10%,#f9f9f9 15%,#fff 20%,#f9f9f9 25%,#fff 30%,#f9f9f9 35%,#fff 40%,#f9f9f9 45%,#fff 50%,#f9f9f9 55%,#fff 60%,#f9f9f9 65%,#fff 70%,#f9f9f9 75%,#fff 80%,#f9f9f9 85%,#fff 90%,#f9f9f9 95%,#fff);border-radius:0 5px 5px 0}
.B_M>:first-child{box-shadow: 0 20px 40px rgb(103 118 128 / 15%);position:absolute;top:0;left:0;width:100px;height:150px;-webkit-transform:translateZ(12.5px);transform:translateZ(12.5px);border-radius:0 5px 5px 0}
.B_M:after{content:" ";position:absolute;top:0;left:0;width:100px;height:150px;-webkit-transform:translateZ(-12.5px);transform:translateZ(-12.5px);background-color:#555;border-radius:0 5px 5px 0}
.getPostView{width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;color:#fff;font-size:medium;font-weight:500}
.getPostView span{display:none}
.getPostView:hover span{display:flex;width:100%;height:100%;justify-content:center;align-items:center;background:rgb(32 54 86 / 43%)}
#B_M .B_M-content li .info>div{margin-left:26px;line-height:2;margin:auto 2rem}
#B_M .B_M-content li .info p{font-size:13px;font-weight:400;color:#74858f;margin-left:1rem;margin-bottom:0!important;text-shadow: 0 0 5px #3b4b5e;}
#B_M .B_M-content li .info h3 {text-shadow: 0 0 5px #3b4b5e;}
.photos-wrapper{width:100%;margin:0 auto;max-width:80rem}
.photos-cols{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.photos-col{width:calc(33.333% - 2rem);margin:1rem;cursor:pointer}
.photos-container{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}
.photos-back,.photos-front{background-size:cover;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;min-height:150px;height:auto;border-radius:10px;color:#fff;font-size:1.5rem}
.photos-back{background:#cedce7;background:-webkit-linear-gradient(45deg,#cedce7 0,#596a72 100%);background:-o-linear-gradient(45deg,#cedce7 0,#596a72 100%);background:linear-gradient(45deg,#cedce7 0,#596a72 100%)}
.photos-front:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:'';display:block;opacity:.6;background-color:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px}
.photos-container:hover .photos-back,.photos-container:hover .photos-front{-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1)}
.photos-back{position:absolute;top:0;left:0;width:100%}
.photos-inner{-webkit-transform:translateY(-50%) translateZ(60px) scale(.94);transform:translateY(-50%) translateZ(60px) scale(.94);top:50%;position:absolute;left:0;width:100%;padding:2rem;font-size:.7em;-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2}
.photos-inner p{margin-bottom:0}
.photos-container .photos-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.photos-container .photos-front{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.photos-container:hover .photos-back{-webkit-transform:rotateY(0);transform:rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.photos-container:hover .photos-front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.photos-front .photos-inner p{font-size:1.5rem;margin-bottom:2rem;position:relative}
.photos-front .photos-inner p:after{content:'';width:4rem;height:2px;position:absolute;background:#c6d4df;display:block;left:0;right:0;margin:0 auto;bottom:-.75rem}
.photos-front .photos-inner span{color:rgba(255,255,255,.7);font-family:Montserrat;font-weight:300}
@media screen and (max-width:64rem){.photos-col{width:calc(33.333333% - 2rem)}
}
@media screen and (max-width:48rem){.photos-col{width:calc(50% - 2rem)}
}
@media screen and (max-width:32rem){.photos-col{width:100%;margin:0 0 2rem 0}
}
#book .page{overflow:hidden;border-radius:3px}
@media screen and (min-width:768px){#book .content{grid-template-columns:1fr 1fr}
}
#book .content{display:grid;grid-column-gap:16px;text-align:justify;padding:16px}
#book .content li{list-style:none;margin-bottom:16px;border-radius:20px;box-shadow:0 20px 40px rgb(103 118 128 / 3%);padding:1rem;background-color:#f7f9fa;border:1px solid #ebf0f2;-webkit-transition:all .3s ease 0s,-webkit-transform .6s cubic-bezier(.6,.2,.1,1) 0s;transition:all .3s ease 0s,-webkit-transform .6s cubic-bezier(.6,.2,.1,1) 0s;transition:all .3s ease 0s,transform .6s cubic-bezier(.6,.2,.1,1) 0s;transition:all .3s ease 0s,transform .6s cubic-bezier(.6,.2,.1,1) 0s,-webkit-transform .6s cubic-bezier(.6,.2,.1,1) 0s}
#book .content li .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:16px 12px 0;line-height:1.7;list-style:none}
.book-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px}
.book{position:relative;width:100px;height:150px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-30deg);transform:rotateY(-30deg);-webkit-transition:1s ease;transition:1s ease;-webkit-animation:bookRotate 0s 1s ease 0s;animation:bookRotate 0s 1s ease 0s;list-style:none}
.book:before{content:" ";position:absolute;left:0;top:2px;width:23px;height:146px;-webkit-transform:translateX(84.5px) rotateY(
90deg
);transform:translateX(84.5px) rotateY(90deg);background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(5%,#f9f9f9),color-stop(10%,#fff),color-stop(15%,#f9f9f9),color-stop(20%,#fff),color-stop(25%,#f9f9f9),color-stop(30%,#fff),color-stop(35%,#f9f9f9),color-stop(40%,#fff),color-stop(45%,#f9f9f9),color-stop(50%,#fff),color-stop(55%,#f9f9f9),color-stop(60%,#fff),color-stop(65%,#f9f9f9),color-stop(70%,#fff),color-stop(75%,#f9f9f9),color-stop(80%,#fff),color-stop(85%,#f9f9f9),color-stop(90%,#fff),color-stop(95%,#f9f9f9),to(#fff));background:linear-gradient(90deg ,#fff,#f9f9f9 5%,#fff 10%,#f9f9f9 15%,#fff 20%,#f9f9f9 25%,#fff 30%,#f9f9f9 35%,#fff 40%,#f9f9f9 45%,#fff 50%,#f9f9f9 55%,#fff 60%,#f9f9f9 65%,#fff 70%,#f9f9f9 75%,#fff 80%,#f9f9f9 85%,#fff 90%,#f9f9f9 95%,#fff);border-radius:0 10px 10px 0}
.book>:first-child{position:absolute;top:0;left:0;width:100px;height:150px;-webkit-transform:translateZ(12.5px);transform:translateZ(12.5px);border-radius:0 10px 10px 0;-webkit-box-shadow:5px 5px 20px #cbcccc;box-shadow:5px 5px 20px #cbcccc}
.book:after{content:" ";position:absolute;top:0;left:0;width:100px;height:150px;-webkit-transform:translateZ(-12.5px);transform:translateZ(-12.5px);background-color:#555;border-radius:0 10px 10px 0}
#book .content li .info>div{margin-left:26px}
#book .content li .info h3{font-size:16px}
#book .content li .info p a{position:relative;color:#5e6e80}
#book .content li .info p a:before{content:"î ‰ " attr(href);position:absolute;padding:0 4px;width:-webkit-max-content;width:-moz-max-content;width:max-content;pointer-events:none;font-family:Fontello;font-size:12px;-webkit-box-shadow:0 14px 38px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.06);box-shadow:0 14px 38px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.06);border-radius:3px;background-color:#fff;opacity:0;-webkit-transform:scale(.7) translateY(-75%);transform:scale(.7) translateY(-75%);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
#book .content li .info p a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5px;background-color:#5e6e80;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}
#book .content li .description{padding:12px;font-size:14px;line-height:1.7;margin-bottom:0;margin-top:1rem;white-space: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;height: 2.5rem;}
#book .content li .info p{font-size:14px;line-height:1}
@media screen and (min-width:768px){#book .content li:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
}
#book .content li:hover .book{-webkit-transform:rotateY(0);transform:rotateY(0)}
.doubanboard-list{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-top:1em;width:calc(100% + 1rem);margin-left:-15px}
.doubanboard-list,.doubanboard-list *{box-sizing:border-box}
.doubanboard-item{position:relative;cursor:pointer;transition:ease all .3s;overflow:hidden;border:1px solid #ebf0f2;background-color:#f7f9fa;display:flex;flex-flow:column nowrap;justify-content:flex-start;display:block;margin-left:15px;margin-bottom:15px;border-radius:10px;padding:5px}
.doubanboard-item:hover{text-decoration:auto;box-shadow:0 4px 6px rgb(194 194 194 / 30%)}
.doubanboard-thumb{width:100%;padding-top:141%;background-repeat:no-repeat;border-radius:5px 5px 0 0;background-size:cover}
.doubanboard-title,.doubanboard-title a{margin:5px!important;font-size:1em!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;color:#202020!important;font-weight:700!important;border:none!important}
@media screen and (max-width:767.5px){.doubanboard-item{width:calc(33.333333333% - 15px)}
}
@media screen and (min-width:767.5px){.doubanboard-item{width:calc(20% - 15px)}
}
@media screen and (max-width:450px){.doubanboard-item{width:calc(50% - 15px)}
}
.movies-wrapper{padding:0 1rem!important}
.movie_s img{border-radius:5px!important}
.Links-wrapper a{text-decoration:none}
.links-item{border:1px solid #ebf0f2;background-color:#f7f9fa;padding:1rem;text-align:center;border-radius:8px}
.links-item img{border-radius:8px}
.links-item p{margin:0}
@media only screen and (max-width:580px){.Links-wrapper{padding:1rem 0}
}
.comment-box__inner-dt{border-radius:20px;display:flex;padding:1.25rem .25rem 0 .25rem}
.comm-content-dt{border:1px solid #ebf0f2;background-color:#f7f9fa;margin-bottom:10px;padding:10px;position:relative;border-radius:0 15px 15px 15px}
.comm-content-dt p{margin-bottom:0}
.cross__body .comment-box__details{flex-direction:column}
.cross-img{margin:5px;display:inherit;max-height:100px;max-width:100px}
.avatar{margin-right:1rem;flex-shrink:0}
.avatar img{border-radius:8px}
.LinkCard{position:relative;display:block;margin:1em auto;width:450px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;max-width:100%;overflow:hidden}
.LinkCard,.LinkCard:hover{text-decoration:none;border:none!important;color:inherit!important}
.LinkCard .LinkCard-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;-webkit-filter:blur(20px);filter:blur(20px);background-size:cover;background-position:50%}
.LinkCard .LinkCard-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px;border-radius:inherit;background-color:rgba(246,246,246,.88)}
.LinkCard .LinkCard-content .LinkCard-text{overflow:hidden}
.LinkCard .LinkCard-content .LinkCard-text .LinkCard-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:40px;font-size:16px;font-weight:500;line-height:1.25;color:#1a1a1a}
.LinkCard .LinkCard-content .LinkCard-text .LinkCard-meta{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:4px;font-size:14px;line-height:20px;color:#999;white-space:nowrap}
.LinkCard .LinkCard-content .LinkCard-imageCell{margin-left:8px;border-radius:4px}
.LinkCard .LinkCard-content .LinkCard-imageCell .LinkCard-image{display:block;width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:inherit}
.LinkCard .LinkCard-content .LinkCard-imageCell .LinkCard-image.LinkCard-image-default{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#ebebeb;color:#d3d3d3}
.callout{padding:15px 21px;background-color:#fcfdfe;border-left:3px solid transparent}
.callout-success{border-left-color:#2bde3f;background:#2bde3f20;color:#2bde3f}
.callout-info{border-left-color:#1d72f3;background:#1d72f320;color:#1d72f3}
.callout-warning{border-left-color:#ffc007;background:#ffc00720;color:#ffc007}
.callout-danger{border-left-color:#dc3646;background:#f56c6c20;color:#dc3646}
pre{position:relative;margin:0 0 18px;padding:2rem 1rem 1rem 1rem;font-size:14px;border-radius:5px;overflow:hidden;background:#282c34;color:#fff;border:1px solid transparent}
pre::before{content:'';position:absolute;top:9px;left:15px;width:12px;height:12px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:1}
.video{width:100%;height:25rem}
@media screen and (max-width:580px){.ax_gallery .ax_gallery-item dt[remnant]:after{font-size:1rem}
.video{width:100%;height:15rem}
}
img.biaoqing[src*="qutu"], img.biaoqing[src*="huaji"] {width: auto;height: auto;max-height: 5rem;}