@font-face {font-family: 'yzmfont';src: url('https://cdn.jsdelivr.net/gh/jdyzm/cdn/华康皮皮体繁W5.TTC');}
#@font-face {font-family: 'yzmfont';src: url('/static/css/pipi.ttc');}

main {
    animation: fastr 0.5s;
    -webkit-animation: fastr 0.5s;
    -moz-animation: fastr 0.5s;
}
@keyframes fastr{0%{opacity:0;transform:translate(0,60px);}
100%{opacity:1;transform:translate(0,0);}}
:root{--green: #28b9be}
html{margin-left:5em;background:url(https://ae01.alicdn.com/kf/HTB1xIt7bG1s3KVjSZFA760_ZXXaz.png) center fixed;background: url(http://tva1.sinaimg.cn/large/007X8olVly1g8cwulfgsgj31hc0n5ai1.jpg)top fixed no-repeat;background: url(http://api.8e.gs/acg?ac=sj)top fixed no-repeat;background: url(https://z3.ax1x.com/2021/06/19/RPgIoR.jpg)top fixed no-repeat; background-size: cover;   }
body{
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(249, 249, 249) 75%, rgb(249, 249, 249) 100%), rgba(255, 255, 255, 0.3)!important;
}
body *::-webkit-scrollbar-thumb {
    background-color: #49b1f5;
    background-image: -webkit-linear-gradient(
45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
    border-radius: 2em;
}
body *::-webkit-scrollbar-track {
    background-color: #49b1f533;
    border-radius: 2em;
}
body:before{top:0;left:0;right:0;bottom:0;opacity:.1;z-index:-1;position:fixed;will-change:opacity;transition:opacity .3s;background:url() right bottom/contain no-repeat}
@media screen and (max-width:768px){body,footer{margin-left:0!important}}body.has-player{margin-bottom:5em}
body.has-player header{bottom:5em}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background: #8fb8f0;}
::-webkit-scrollbar-thumb:hover{background:#8fb8f0}
a{color:#28b9be}
a.active {color: #fb7299!important;}
h1{font-weight:lighter}
h2,h3,h4,h5,h6{font-weight:400}
blockquote{font-style:normal}
.btn{border-radius:0}
.btn.black{color:#fff;background:#010101}
.btn.black:active{background:#161616}
code{color:brown;background-color:#faebd7}
button{padding:0;border:none;font:inherit;outline:none;cursor:pointer}
article img{border-radius:.5em}
header nav{z-index: 1;top:0;left:0;bottom:0;color: #8fb8f0;position:fixed;display:flex;text-align:center;flex-direction:column;justify-content:center;transition:bottom .3s;background:rgba(255,255,255,.5);width: 84px;}
header a{color:currentColor;padding:1rem 1.5rem;display:inline-block}
header a:hover{color:currentColor}
header a:hover svg,header a:hover i{transform:scale(1.2)}
header svg{width:2rem;transition:transform .3s}
header .fa{font-size:1.5em;vertical-align:middle;transition:transform .3s}
header span{display:block;margin-top: .5em;}
@media screen and (max-width:768px){header toggle{top:0;left:0;z-index:6;color:#fff;cursor:pointer;position:fixed;border-radius:2em;background: #fb7299;width:2em;height:2em;transform:rotate(20deg);transition:transform .3s;-webkit-tap-highlight-color:transparent;box-shadow: -1.25em -0.25em 0 0 #fb7299, 1.25em -0.25em 0 0 #fb7299, -0.75em 1.25em 0 0 #fb7299, 0.75em 1.25em 0 #fb7299, 0 -1.25em 0 #fb7299;}
header toggle:hover{transform:rotate(20deg) translate(.5em)}
header toggle:before{display:block;content:"\f0c9";font-family:FontAwesome;font-size:1.25em;transform:rotate(-20deg) translate(40%,25%)}
body{margin-left:0}
header nav{z-index:2;width:6em;overflow:auto;padding:5em 0;background:#fff;justify-content:normal;transition:transform .3s;transform:translateX(-100%);border-right:currentColor dotted 2px}
header.active nav{transform:translateX(0)}
header nav::-webkit-scrollbar{width:0}
header a{font-size:1em;padding:1em .75em}
header span{display:block;margin-top:.5em}}main{margin:0 auto;max-width:75em;padding:1.5em 2em;transition:transform .3s,opacity .3s;min-height:calc(100vh - 10vw - 3.25em)}
main.is-article{-max-width:50em}
body.loading main{opacity:0;overflow:hidden;transform:translateY(3em)}
@media screen and (max-width:900px){main{padding:1.5em 1.25em}}.navigation{display:flex;margin-bottom:3em;justify-content:center}
.navigation a{color:currentColor;padding:.5em 1.25em;display:inline-block}
.navigation a.active{color:#fff;border-radius:2em;background:#28b9be}
.me{margin-bottom:3em}
.me:after{content:'';clear:both;display:block}
.me p{color:rgba(0,0,0,.5)}
.me img{border-radius:66%}
.me .my-avatar{float:left;max-width:9em;margin-right:2em}
.me .my-info{text-align: center;}
.me .social-icons{font-size:1.2em;user-select:none;margin-top:1.25em}
.me .social-icons a{margin-right:1em;display:inline-block}
.me .social-icons a:last-child{margin-right:0}
.me .social-icons svg{width:1em}
@media screen and (max-width:600px){.me .my-avatar{float:none;margin:0 auto 1.5em}
.me .my-info{float:none;max-width:100%;text-align:center}}.paul-news .news-item{margin-bottom:5em}
.paul-news .news-item:last-child{margin-bottom:0}
.news-head h3{color:#fff;font-weight:700;position:relative;border-radius:1em;display:inline-block;background:#f6a900;padding:.6em 2em .6em 4em}
.news-head.red h3{background-color:tomato}
.news-head.blue h3{background-color:#6495ed}
.news-head.aqua h3{background-color:#40e0d0}
.news-head.grey h3{background-color:#a9a9a9}
.news-head a{color:inherit;display:block;padding:.6em 1em}
.news-head .title i{top:0;left:0;padding:1rem 1em;position:absolute;border-radius:1em;background:rgba(0,0,0,.1)}
.news-head .more{padding:0;float:right;transform-origin:top}
.news-body .boxed{color:#fff;padding:1em;border-radius:1em;background:#ff9987}
.do-you-like-me{margin-top:5em;text-align:center;color:#db3f40}
.do-you-like-me .heart{color:#fff;width:2.5em;height:2.5em;margin:0 auto;cursor:pointer;font-size:2.5em;line-height:2.5;border-radius:8em;background:#f6a900}
.do-you-like-me .heart:before{display:block;content:"\f004";font-family:FontAwesome;animation:like-me .5s ease-in-out infinite alternate}
.do-you-like-me .likes{margin-top:.5em;font-weight:700}
@keyframes like-me{from{transform:scale(1.1)}
to{transform:scale(.9)}}.news-article,.news-project{color:#fff;display:block;min-height:8em;overflow:hidden;border-radius:1em;background:#bbb}
.news-article{position:relative}
.news-article h4{left:0;right:0;bottom:0;padding:.75em;overflow:hidden;position:absolute;white-space:nowrap;text-overflow:ellipsis;background:rgba(0,0,0,.5)}
.news-project{text-align:center}
.news-project h4{padding:.75em;position:relative;background:#505050}
.news-article img,.news-project img{transition:transform .5s}
.news-article:hover img,.news-article:focus img,.news-project:hover img,.news-project:focus img{transform:scale(1.25) rotate(10deg)}
.paul-post{color:#67492e}
.post-title{margin-bottom:5em}
.post-title h2{color:#aaa;font-size:1.2em}
article>h1{margin-top:3em}
article>h1:first-child{margin-top:0}
article>h1:before{content:'';padding-left:.75em;border-left: 2px solid #3ec5ff;}
article>h1 small{color:#bbb;vertical-align:text-bottom}
.note-content{line-height:2;margin-bottom:1em;white-space:pre-line}
.note-image img{width:10em;height:10em;max-height:15em;object-fit:cover;margin:0 1em 1em 0}
.note-image img:last-child{margin-right:0}
.note-image.single img{width:auto;height:auto;max-height:30em}
.note-image::-webkit-scrollbar{height:0}
@media screen and (max-width:600px){.note-image{overflow:auto;padding:0 1.25em;margin:1em -1.25em;white-space:nowrap}
.note-image img{width:auto;height:auto;max-width:none;margin:0 1em 0 0}}.anle-note .note-inform,.anle-note .note-action{color:#888;text-align:right;font-weight:lighter}
.anle-note .note-inform{float:left}
.anle-note .note-action a{color:inherit}
.anle-note .note-inform span{cursor:pointer;margin-right:1em}
.anle-note .note-action span{cursor:pointer;margin-left:1em;position:relative}
.anle-note .note-inform span:before,.anle-note .note-action span:before{margin-right:.5em;font-family:FontAwesome}
.anle-note .edit:before{content:"\f040"}
.anle-note .user:before{content:"\f007"}
.anle-note .mood:before{content:"\f004"}
.anle-note .like:before{content:"\f164"}
.anle-note .music:before{content:"\f025"}
.anle-note .comment:before{content:"\f075"}
.anle-note .like.active:after{top:0;left:0;color:red;content:"\f164";position:absolute;display:inline-block;font:1em/1 "FontAwesome";animation:likes 1s forwards}
@keyframes likes{0%{opacity:0;transform:translateY(0)}
50%{opacity:1;transform:translateY(-1.5em)}
100%{opacity:0;transform:translateY(-1.5em)}}.note-navigator{margin-top:2em;text-align:center}
.paul-more{margin-top:2em;text-align:center}
.paul-more .fa-spinner{animation:rotate 1.5s linear infinite}
.paul-say{columns:2}
.paul-say blockquote{-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid;background:rgba(52,152,219,.05)}
.paul-say blockquote:nth-child(2n){border-left-color:#ffc107;background:rgba(255,193,7,.05)}
.paul-say blockquote:nth-child(3n){border-left-color:#9acd32;background:rgba(154,205,50,.05)}
.paul-say blockquote:nth-child(4n){border-left-color:#40e0d0;background:rgba(64,224,208,.05)}
.paul-say blockquote:nth-child(5n){border-left-color:#ff4500;background:rgba(255,69,0,.05)}
.paul-say blockquote:nth-child(6n){border-left-color:#f6a900;background:rgba(138,43,226,.05)}
.paul-say .author{opacity:.6;font-size:.85em;text-align:right;font-style:italic}
.post-form{top:0;right:0;bottom:0;position:fixed;opacity:0;width:22em;overflow:auto;padding:1.5em;max-width:100%;background:#fff;transform:translateX(100%);border-left:currentColor dotted 2px;transition:transform .3s,opacity .3s}
.post-form.active{opacity:1;transform:translateX(0)}
.post-form .fa{margin-right:.5em}
.post-form textarea,.post-form input,.post-form select{width:100%;border:none;padding:1em;border-radius:0;margin-bottom:1em;background:#fafafa}
.post-form .add{margin-bottom:1em}
.post-form .add label{float:left;cursor:pointer}
.post-form .add i{font-size:1.3em;margin-right:.75em;vertical-align:middle}
.gt-comment-text,.gt-header-controls-tip{display:none}
.gallery-item{color:#fff;overflow:hidden;padding-top:100%;position:relative;background:#f3c694 center/cover url(img/load.gif);transition:background .3s,box-shadow .3s,transform .3s}
.gallery-item:hover{transform:translateY(-.5em);box-shadow:0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)}
@media screen and (max-width:600px){.gallery-item{margin-bottom:0}}.gallery-story{top:0;left:0;right:0;bottom:0;margin:0;opacity:0;color:#fff;padding:1em;position:absolute;transition:opacity .3s;background:rgba(0,0,0,.3)}
.gallery-item:hover .gallery-story{opacity:1}
.gallery-title{left:0;right:0;bottom:0;padding:.75em;overflow:hidden;text-align:center;position:absolute;white-space:nowrap;text-overflow:ellipsis;background:rgba(0,0,0,.5)}
.project-list{text-align:center}
.project-list a{color:inherit;display:block;transition:transform .5s cubic-bezier(0,.8,.5,2)}
.project-list a:hover{transform:translateY(-.5em)}
.project-list h3,.project-list h4{margin-top:1rem}
.project-list img{max-width: 100%;max-height: 500px;border-radius:12px;transition:box-shadow .3s;padding: 5px;}
.project-list a:hover img{box-shadow:0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)}
.project-head img{max-width: 100%;max-height: 500px;border-radius: 12px;}
.project-head:after{content:'';clear:both;display:block}
.project-head .btn{border-radius:6em}
.project-head,.project-screenshot{text-align:center;margin-bottom:3em}
.project-screenshot{overflow:auto;white-space:nowrap;padding-bottom:1em}
.project-screenshot img{max-width:60%;max-height:20em;margin-right:1em}
.project-screenshot img:last-child{margin-right:0}
@media screen and (max-width:600px){.project-head img{max-width:6em}
.project-head p:last-child{margin-top:2em}}.bangumi-item{height:0;color:#fff;display:block;overflow:hidden;text-align:center;position:relative;padding-bottom:130%;transition:transform .3s,box-shadow .3s}
.bangumi-item:hover{color:#fff;transform:translateY(-.5em);box-shadow:0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)}
.bangumi-item img{width:100%}
.bangumi-item h4{left:0;right:0;bottom:0;padding:.75em;overflow:hidden;position:absolute;white-space:nowrap;text-overflow:ellipsis;transition:transform .3s;transform:translateY(2.5em);background:rgba(0,0,0,.5)}
.bangumi-item:hover h4{transform:translateY(0)}
.bangumi-status{background:rgba(0,0,0,.6)}
.bangumi-status,.bangumi-status p{position:relative}
.bangumi-status p{margin-top:.75em}
.bangumi-status-bar{top:0;bottom:0;max-width:100%;position:absolute;background:crimson}
.paul-music{display:flex;flex-wrap:wrap;margin-bottom:3em}
.paul-music.active .music-list{max-height:100%}
.music-cover{flex:0 0 10em;margin-right:2em;text-align:center;position:relative}
.music-cover img{cursor:pointer;border-radius:66%}
.music-cover img:active{transform:scale(.9)}
.music-cover h3{margin-top:1em}
.music-cover .fixed-cover{margin:auto;max-width:10em}
.music-cover .fixed-cover.fixed{top:7em;position:fixed}
.music-cover .fixed-cover.bottom{bottom:0;position:absolute}
.music-list{flex:1 1 20em;overflow:hidden;max-height:44em}
.music-list time{float:right}
.music-list li{cursor:pointer;overflow:hidden;padding:.75em 1em;border-radius:.5em;transition:background .3s}
.music-list li:hover{background:rgba(0,0,0,.1)}
.music-list .num{margin-right:.75em}
.music-list .num:after{content:'.'}
@media screen and (max-width:600px){.music-cover{flex:1 1 100%;max-width:100%;margin-right:0;margin-bottom:1em}}player{left:0;right:0;bottom:0;z-index:2;color:#fff;padding:1em;position:fixed;background:#3c3c3c;display:flex;align-items:center;transform:translateY(100%);transition:opacity .3s,transform .3s}
.has-player player{transform:translateY(0)}
.player-left,.player-right{flex:0 0 25%}
.player-left{overflow:hidden;font-weight:lighter}
.player-left .player-info{margin-left:4em}
.player-left .title,.player-left artist{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
player .player-cover{width:3em;height:3em;float:left;transition:margin .3s,width .3s,height .3s}
player .player-cover.active .cover-img{animation-play-state:running}
player .cover-img{border-radius:66%;padding-bottom:100%;background:center/contain;transition:background-image .3s;animation:rotate 15s infinite linear paused}
.player-center .player-lyric{overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis}
player .player-center{padding:0 1em;flex:1 1 50%;max-width:50%;font-weight:lighter}
player .artist{opacity:.6;font-size:.85em}
.player-bar{height:.2em;margin-top:1em;background:#666;user-select:none;position:relative;border-radius:1em}
.player-bar .played,.player-bar .loaded{width:0;height:100%;position:absolute}
.player-bar .played{max-width:100%;background-color:#ffc107}
.player-bar .loaded{background-color:#999}
.player-bar .played:before{top:-.4em;right:-.5em;width:1em;height:1em;content:'';display:block;cursor:pointer;cursor:grab;position:absolute;background:orange;border-radius:1em}
.player-right{text-align:right}
.player-right div{height:3em;cursor:pointer;color:#fff;line-height:3em;text-align:center;border-radius:66%;display:inline-block;vertical-align:middle}
.player-right div:before{font-size:1.25em;font-family:fontawesome}
.player-right .toggle{width:3em;margin:0 1em;background:#ffc107}
.player-right .toggle:before{content:"\f04b"}
.player-right .toggle.pause:before{content:"\f04c"}
.player-right .prev:before{content:"\f053"}
.player-right .next:before{content:"\f054"}
player.full{padding:1.5em 0;align-items:inherit;flex-direction:column}
player.full .player-cover{float:none;width:50vmin;height:50vmin;margin:0 auto}
player.full .player-info{margin:1.5em 0;text-align:center}
player.full .player-center{flex:0 0 100%;max-width:100%;margin:0 0 2em}
player.full .player-right{flex:0 0 100%;text-align:center}
@media screen and (max-width:768px){player:not(.full) .player-left{flex:1 0 50%}
player:not(.full) .player-right{flex:0 0 9em}
player:not(.full) .player-center{display:none}}action{right:1rem;bottom:1rem;width:2.25em;position:fixed;font-size:1.2em;transition:bottom .3s}
action button{z-index:7;width:2.25em;height:2.25em;color:#ffaf00;margin-top:.5em;background:#fff;border-radius:66%;transition:transform .3s;box-shadow:0 0 10px rgba(0,0,0,.1),0 5px 20px rgba(0,0,0,.2)}
action .top{transform:scale(0)}
action .top.active{transform:scale(1)}
body.has-player action{bottom:6rem}
footer{color:#fff;margin-left:-5em;padding:10% 0 2em;text-align:center;background:url(https://ae01.alicdn.com/kf/HTB1ZrVZbUuF3KVjSZK9762VtXXaq.png) top/cover;background: url(./img/footbg.png) top/cover;text-shadow: -1px -1px 0 #000;}
footer a{color:#fff}
.gt-container .gt-meta{z-index:auto!important}
input::-webkit-input-placeholder{color: #fff}
@charset "UTF-8";html,body,dl,dt,dd,ol,ul,h1,h2,h3,h4,h5,h6,pre,code,form,p,fieldset,legend,figure{margin:0;padding:0}
html{color:#353535;font-family: yzmfont;scroll-behavior:smooth;font:16px/1.5 'Microsoft Yahei','PingFang SC','Hiragino Sans GB',sans-serif;font-family: yzmfont;/* font: 16px/1.5 yzmfont; */}
html.font-s{font-size:14px}
html.font-m{font-size:16px}
html.font-l{font-size:18px}
:root{--red: #ea644a;--yellow: #ffb03a;--blue: #3498db;--green: #27a17e;--pad-s: 1em;--pad-m: 1.5em;--pad-l: 2em}
@media screen and (max-width:500px){html.font-auto{font-size:14px}}@media screen and (min-width:1930px){html.font-auto{font-size:18px}}*,*:before,*:after{box-sizing:border-box}
::-moz-selection{color:#fff;background-color:rgba(0,0,0,.66)}
::selection{color:#fff;background-color:rgba(0,0,0,.66)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}
::-webkit-scrollbar-track{border-radius:5px}
::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.05)}
body::-webkit-scrollbar-track{border-radius:0}
.wrap{margin-left:auto;margin-right:auto;max-width:1200px;padding:0 1.25em;box-sizing:content-box}
.wrap.min{max-width:800px}
.wrap.mid{max-width:1000px}
.wrap.max{max-width:1400px}
.wrap.full{max-width:100%}
.wrap.thin{padding:0 .75em}
.wrap.thick{padding:0 1.5em}
.wrap.clear{padding-left:0;padding-right:0;padding:auto 0}
.clearfix:after{content:'';clear:both;display:block}
h1{font-size:2em}
h1,h2,h3,h4,h5,h6{margin-bottom:1rem}
h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,p:last-child{margin-bottom:0}
p{line-height:1.8;margin-bottom:0}
a{color: #3498db;text-decoration:none;}
a:hover{color:#ffc670}
abbr[title]{cursor:help;text-decoration:none;border-bottom:1px dotted}
em,mark,kbd{font-size:.85em;padding:.25em .5em;border-radius:.5em}
em{color:#fff;font-style:normal;background:#3498db}
em.red{background:var(--red)}
em.yellow{background:var(--yellow)}
em.blue{background:var(--blue)}
em.green{background:var(--green)}
kbd{color:#fff;background:#333;font-family:consolas,courier new,monospace,微软雅黑}
img,svg,audio,video{max-width:100%;vertical-align:middle}
audio,video{outline:none}
article{word-break:break-all;letter-spacing:.03em}
article>*{margin-bottom:1em}
article>*:last-child{margin-bottom:0}
article h1,article h2,article h3{font-size:1.2em}
article h4,article h5,article h6{font-size: .9em;}
article ul,article ol,article dl{line-height:1.8}
.btn{outline:0;font:inherit;color:inherit;cursor:pointer;background:#fff;user-select:none;border-radius:4px;padding:.5em 1em;display:inline-block;border:1px solid transparent}
.btn:hover{color:inherit}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn i{margin-right:.5em}
.btn.small{padding:.25em .5em}
.btn.middle{padding:.75em 1.5em}
.btn.large{font-size:1.1em;padding:1em 2em}
.btn.red,.btn.yellow,.btn.blue,.btn.green{color:#fff}
.btn.red{background:#ea644a;background:var(--red)}
.btn.yellow{background:#ffb03a;background:var(--yellow)}
.btn.blue{background:#3498db;background:var(--blue)}
.btn.green{background:#27a17e;background:var(--green)}
.btn.transparent{background:0 0}
pre,code{font-family:consolas,courier new,monospace,微软雅黑}
:not(pre)>code{color:#c40b00;font-size:85%;word-wrap:normal;border-radius:.5em;padding:.25em .5em;word-break:break-all;background-color:#f7f2f4}
pre>code{color:#fff;padding:1em;display:block;overflow-x:auto;word-break:normal;font-size:inherit;border-radius:5px;background-color:#333}
ul,ol{margin-left:1.25em}
ul.clear,ol.clear{margin-left:0;list-style:none}
dl dd{margin-left:1.5em}
dl dd:before{content:"--";margin-right:.25em}
a,.btn{transition:color .3s,background .3s;-o-transition:color .3s,background .3s;-moz-transition:color .3s,background .3s;-webkit-transition:color .3s,background .3s}
blockquote{margin:0 0 1em;line-height:1.8;font-style:oblique;background:#f5fafd;padding:1em 1em 1em 2em;border-left:5px #3498db solid}
cite{color:#3498db;font-style:normal}
hr{border:0;margin:1.5em 0;border-top:1px rgba(0,0,0,.5) solid}
hr.light{border-top:1px rgba(255,255,255,.5) solid}
input[disabled],textarea[disabled]{cursor:no-drop!important}
input[disabled],textarea[disabled],input[readonly]{background:#ebebe4}
input,select,textarea{outline:none;font:inherit;max-width:100%;background:0 0;vertical-align:middle}
input[type*=date],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{padding:.5em;color:inherit;border-radius:4px;border:#ccc 1px solid}
input.invalid,input:out-of-range{border-color:#c40b00;background:rgba(255,0,0,.1)}
::-webkit-file-upload-button{color:#fff;border:none;outline:none;display:block;padding:.5em 1em;background:#3498db;border-radius:.5em}
input[type=range]{margin:0;height:100%;-webkit-appearance:none;-moz-appearance:none;cursor:ew-resize;cursor:grab;overflow:hidden;min-height:1.5rem}
input[type=range]:focus{box-shadow:none;outline:none}
input[type=range]:active::-webkit-slider-thumb{border-color:#3498db;background-color:#3498db}
input[type=range]:active::-moz-range-thumb{border-color:#3498db;background-color:#3498db}
input[type=range]:focus::-ms-thumb{border-color:#9c27b0;background-color:#673ab7}
input[type=range]::-moz-focus-outer{border:0}
input[type=range]::-webkit-slider-runnable-track{background:#3498db;content:'';height:2px;pointer-events:none}
input[type=range]::-webkit-slider-thumb{width:14px;height:14px;-webkit-appearance:none;appearance:none;background:#fff;border-radius:50px;margin-top:-6px;border:1px solid rgba(0,0,0,.15);transition:.3s border-color,.3s background-color}
input[type=range]::-moz-range-track{width:240px;height:2px;background:rgba(0,50,126,.12)}
input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50px;border:1px solid rgba(0,30,75,.12);position:relative;transition:.3s border-color,.3s background-color}
input[type=range]::-moz-range-progress{height:2px;background:#467fcf;border:0;margin-top:0}
textarea{display:block;overflow:auto;resize:vertical}
progress{overflow:auto;border-radius:50px}
progress::-webkit-progress-bar{background-color:#eee}
input[type=checkbox],input[type=radio]{float:left;width:1.5em;height:1.5em;cursor:pointer;position:relative;margin:0 .5em 0 0;-moz-appearance:none;-webkit-appearance:none}
input[type=checkbox]:before,input[type=radio]:before{content:'';width:100%;height:100%;display:block;border-radius:.2em;box-shadow:0 0 0 1px #ccc inset;transition:background .3s,box-shadow .3s}
input[type=checkbox]:after{top:10%;left:10%;width:30%;height:60%;content:'';position:absolute;transition:transform .3s;transform-origin:100% 100%;border-right:.15em solid #fff;border-bottom:.15em solid #fff;transform:rotate(45deg) scale(0)}
input[type=radio],input[type=radio]:before{border-radius:100%}
input[type=checkbox],input[type=checkbox]:before{border-radius:.2em}
input[type=radio]:checked:before{background:#3498db;border:2px solid #3498db;box-shadow:0 0 0 .2em #fff inset}
input[type=checkbox]:checked:before{box-shadow:none;background:#3498db}
input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}
input.switch{width:4em;height:2em;float:none;cursor:pointer;background:#eee;position:relative;border-radius:50px;border:1px solid #ddd;box-sizing:content-box;transition:border .3s,background .3s}
input.switch:before{margin:0;border:0;width:2em;height:2em;content:'';display:block;box-shadow:none;background:#fff;position:absolute;border-radius:100%;transition:transform .3s}
input.switch:after{content:normal}
input.switch:checked{box-shadow:none;background:#3498db;border-color:#3498db}
input.switch:checked:before{background:#fff;transform:translateX(2em)}
fieldset{border:none;margin-bottom:2em}
fieldset>*{margin-bottom:1em}
fieldset:last-child,fieldset>*:last-child{margin-bottom:0}
fieldset input,fieldset select,fieldset textarea{width:100%}
fieldset label{display:block;user-select:none;margin-bottom:1em}
fieldset label:last-child{margin-bottom:0}
fieldset label.submit{display:flex;flex-wrap:wrap}
fieldset label.submit span{flex:0 0 100%}
fieldset label.submit input{width:auto;flex:1 1 auto;border-top-right-radius:0;border-bottom-right-radius:0}
fieldset label.submit button{vertical-align:middle;border-top-left-radius:0;border-bottom-left-radius:0}
fieldset legend{margin:0 0 1em}
fieldset select{width:100%}
fieldset label span:first-child{font-size:.85em;margin-bottom:.5rem;display:inline-block;color:rgba(0,0,0,.6)}
fieldset label.required span:after{color:red;content:"*";margin-left:.25em}
form.inline fieldset label,fieldset.inline label{float:left;display:block;margin:0 1em .5em 0}
form fieldset.inline:after{content:'';clear:both;display:block}
.ks-table{width:100%;overflow-x:auto;overflow-y:hidden;border-radius:5px}
table{border:0;width:100%;max-width:100%;border-collapse:collapse}
table th,table td{padding:.75em;text-align:left;vertical-align:top}
table>thead>tr{border-bottom:2px solid #ccc}
table>tbody>tr>td{border-bottom:1px solid #ddd}
table>tbody>tr:last-child>td{border-bottom:0}
table>tbody>tr{transition:background .3s}
table>tbody>tr:hover{background:#eee}
table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{white-space:nowrap}
table.fill{border:1px solid transparent}
table.fill>thead{background:#3498db;border-left:1px solid #3498db;border-right:1px solid #3498db}
table.fill>thead>tr{border-bottom:none}
table.fill>thead>tr>th,table.fill>thead>tr>td{color:#fff;padding:1em .75em}
table.fill>tbody{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
table.fill>tbody>tr:nth-child(even)>th,table.fill>tbody>tr:nth-child(even){background:#f7f7f7}
iframe{border:none}
.row{display:flex;flex-wrap:wrap;margin:0 -1em -2em}
.row.s{margin:0 -.5em -1em}
.row.m{margin:0 -1.25em -2.5em}
.row.l{margin:0 -1.5em -3em}
.row.full{margin:0}
.row.clear{margin-bottom:0}
.row.scrollable{overflow:auto;margin-left:0;margin-right:0;flex-wrap:nowrap}
.row.right{justify-content:flex-end}
.row.center{justify-content:center}
.row.around{justify-content:space-around}
.row.between{justify-content:space-between}
.row [class*=col-]{flex:0 0 100%;padding:0 1em;max-width:100%;margin-bottom:2em}
.row.s [class*=col-]{padding:0 .5em;margin-bottom:1em}
.row.m [class*=col-]{padding:0 1.25em;margin-bottom:2.5em}
.row.l [class*=col-]{padding:0 1.5em;margin-bottom:3em}
.row.full [class*=col-]{padding:0;margin-bottom:0}
@media screen and (min-width:600px){.col-s-left-1{right:8.3333%}
.col-s-left-2{right:16.6666%}
.col-s-left-3{right:25%}
.col-s-left-4{right:33.3333%}
.col-s-left-5{right:41.6666%}
.col-s-left-6{right:50%}
.col-s-left-7{right:58.3333%}
.col-s-left-8{right:66.6666%}
.col-s-left-9{right:75%}
.col-s-left-10{right:83.3333%}
.col-s-left-11{right:91.6666%}
.col-s-left-12{right:100%}
.col-s-right-1{left:8.3333%}
.col-s-right-2{left:16.6666%}
.col-s-right-3{left:25%}
.col-s-right-4{left:33.3333%}
.col-s-right-5{left:41.6666%}
.col-s-right-6{left:50%}
.col-s-right-7{left:58.3333%}
.col-s-right-8{left:66.6666%}
.col-s-right-9{left:75%}
.col-s-right-10{left:83.3333%}
.col-s-right-11{left:91.6666%}
.col-s-right-12{left:100%}}@media screen and (min-width:900px){.col-m-left-1{right:8.3333%}
.col-m-left-2{right:16.6666%}
.col-m-left-3{right:25%}
.col-m-left-4{right:33.3333%}
.col-m-left-5{right:41.6666%}
.col-m-left-6{right:50%}
.col-m-left-7{right:58.3333%}
.col-m-left-8{right:66.6666%}
.col-m-left-9{right:75%}
.col-m-left-10{right:83.3333%}
.col-m-left-11{right:91.6666%}
.col-m-left-12{right:100%}
.col-m-right-1{left:8.3333%}
.col-m-right-2{left:16.6666%}
.col-m-right-3{left:25%}
.col-m-right-4{left:33.3333%}
.col-m-right-5{left:41.6666%}
.col-m-right-6{left:50%}
.col-m-right-7{left:58.3333%}
.col-m-right-8{left:66.6666%}
.col-m-right-9{left:75%}
.col-m-right-10{left:83.3333%}
.col-m-right-11{left:91.6666%}
.col-m-right-12{left:100%}}@media screen and (min-width:900px){.col-l-left-1{right:8.3333%}
.col-l-left-2{right:16.6666%}
.col-l-left-3{right:25%}
.col-l-left-4{right:33.3333%}
.col-l-left-5{right:41.6666%}
.col-l-left-6{right:50%}
.col-l-left-7{right:58.3333%}
.col-l-left-8{right:66.6666%}
.col-l-left-9{right:75%}
.col-l-left-10{right:83.3333%}
.col-l-left-11{right:91.6666%}
.col-l-left-12{right:100%}
.col-l-right-1{left:8.3333%}
.col-l-right-2{left:16.6666%}
.col-l-right-3{left:25%}
.col-l-right-4{left:33.3333%}
.col-l-right-5{left:41.6666%}
.col-l-right-6{left:50%}
.col-l-right-7{left:58.3333%}
.col-l-right-8{left:66.6666%}
.col-l-right-9{left:75%}
.col-l-right-10{left:83.3333%}
.col-l-right-11{left:91.6666%}
.col-l-right-12{left:100%}}.row .col-1{-ms-flex:0 0 8.3333%;flex:0 0 8.3333%;max-width:8.3333%}
.row .col-2{-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.row .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.row .col-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
.row .col-5{-ms-flex:0 0 41.3333%;flex:0 0 41.6666%;max-width:41.6666%}
.row .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.row .col-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}
.row .col-8{-ms-flex:0 0 66.6666%;flex:0 0 66.6666%;max-width:66.6666%}
.row .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.row .col-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}
.row .col-11{-ms-flex:0 0 91.6666%;flex:0 0 91.6666%;max-width:91.6666%}
.row .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media screen and (min-width:600px){.row .col-s-1{-ms-flex:0 0 8.3333%;flex:0 0 8.3333%;max-width:8.3333%}
.row .col-s-2{-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.row .col-s-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.row .col-s-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
.row .col-s-5{-ms-flex:0 0 41.3333%;flex:0 0 41.6666%;max-width:41.6666%}
.row .col-s-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.row .col-s-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}
.row .col-s-8{-ms-flex:0 0 66.6666%;flex:0 0 66.6666%;max-width:66.6666%}
.row .col-s-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.row .col-s-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}
.row .col-s-11{-ms-flex:0 0 91.6666%;flex:0 0 91.6666%;max-width:91.6666%}
.row .col-s-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (min-width:900px){.row .col-m-1{-ms-flex:0 0 8.3333%;flex:0 0 8.3333%;max-width:8.3333%}
.row .col-m-2{-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.row .col-m-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width: 16.6666%;}
.row .col-m-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
.row .col-m-5{-ms-flex:0 0 41.3333%;flex:0 0 41.6666%;max-width:41.6666%}
.row .col-m-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.row .col-m-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}
.row .col-m-8{-ms-flex:0 0 66.6666%;flex:0 0 66.6666%;max-width:66.6666%}
.row .col-m-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.row .col-m-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}
.row .col-m-11{-ms-flex:0 0 91.6666%;flex:0 0 91.6666%;max-width:91.6666%}
.row .col-m-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (min-width:1024px){.row .col-l-1{-ms-flex:0 0 8.3333%;flex:0 0 8.3333%;max-width:8.3333%}
.row .col-l-2{-ms-flex:0 0 16.6666%;flex:0 0 16.6666%;max-width:16.6666%}
.row .col-l-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.row .col-l-4{-ms-flex:0 0 33.3333%;flex:0 0 33.3333%;max-width:33.3333%}
.row .col-l-5{-ms-flex:0 0 41.3333%;flex:0 0 41.6666%;max-width:41.6666%}
.row .col-l-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.row .col-l-7{-ms-flex:0 0 58.3333%;flex:0 0 58.3333%;max-width:58.3333%}
.row .col-l-8{-ms-flex:0 0 66.6666%;flex:0 0 66.6666%;max-width:66.6666%}
.row .col-l-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.row .col-l-10{-ms-flex:0 0 83.3333%;flex:0 0 83.3333%;max-width:83.3333%}
.row .col-l-11{-ms-flex:0 0 91.6666%;flex:0 0 91.6666%;max-width:91.6666%}
.row .col-l-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.row>.left,.row>.right,.row>.top,.row>.bottom,.row>.center{display:flex;flex-direction:column}
.row>.center{align-items:center;justify-content:center}
.row>.center-fixed{text-align:center}
.row>.left{-webkit-box-align:start;align-items:flex-start}
.row>.right{-webkit-box-align:end;align-items:flex-end}
.row>.top{justify-content:flex-start}
.row>.bottom{justify-content:flex-end}
@media screen and (max-width:900px){.row>.to-center{align-items:center!important}}@media screen and (max-width:600px){.row>.hide-s{display:none}}@media screen and (max-width:900px){.row>.hide-m{display:none}}@media screen and (max-width:1024px){.row>.hide-l{display:none}}@keyframes fade-in{from{opacity:0}
to{opacity:1}}@-webkit-keyframes fade-in{from{opacity:0}
to{opacity:1}}@keyframes fade-off{from{opacity:1}
to{opacity:0}}@-webkit-keyframes fade-off{from{opacity:1}
to{opacity:0}}@keyframes fade-in-top{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-top{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}}@keyframes fade-in-bottom{from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-bottom{from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{from{opacity:0;transform:translateX(20px)}
to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fade-in-left{from{opacity:0;transform:translateX(20px)}
to{opacity:1;transform:translateX(0)}}@keyframes fade-in-right{from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}}@-webkit-keyframes fade-in-right{from{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}}@keyframes fade-small-large{from{opacity:0;transform:scale(.5,.5)}
to{opacity:1;transform:scale(1,1)}}@-webkit-keyframes fade-small-large{from{opacity:0;transform:scale(.5,.5)}
to{opacity:1;transform:scale(1,1)}}@keyframes fade-large-small{from{opacity:1;transform:scale(1,1)}
to{opacity:0;transform:scale(.5,.5)}}@-webkit-keyframes fade-large-small{from{opacity:1;transform:scale(1,1)}
to{opacity:0;transform:scale(.5,.5)}}@keyframes fade-larger-small{from{opacity:0;transform:scale(1.5,1.5)}
to{opacity:1;transform:scale(1,1)}}@-webkit-keyframes fade-larger-small{from{opacity:0;transform:scale(1.5,1.5)}
to{opacity:1;transform:scale(1,1)}}@keyframes fade-small-larger{from{opacity:1;transform:scale(1,1)}
to{opacity:0;transform:scale(1.5,1.5)}}@-webkit-keyframes fade-small-larger{from{opacity:1;transform:scale(1,1)}
to{opacity:0;transform:scale(1.5,1.5)}}@keyframes scale-small-large{from{transform:scale(0,0)}
to{transform:scale(1,1)}}@-webkit-keyframes scale-small-large{from{transform:scale(0,0)}
to{transform:scale(1,1)}}@keyframes scale-large-small{from{transform:scale(1,1)}
to{transform:scale(0,0)}}@-webkit-keyframes scale-large-small{from{transform:scale(1,1)}
to{transform:scale(0,0)}}@keyframes up-and-down{from{transform:translateY(-20px)}
to{transform:translateY(20px)}}@-webkit-keyframes up-and-down{from{transform:translateY(-20px)}
to{transform:translateY(20px)}}@keyframes left-and-right{from{transform:translateX(-20px)}
to{transform:translateX(20px)}}@-webkit-keyframes left-and-right{from{transform:translateX(-20px)}
to{transform:translateX(20px)}}@keyframes rotate{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}@-webkit-keyframes rotate{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}@keyframes jump{0%{transform:translateY(0) scale(1.15,.8)}
20%{transform:translateY(-35px) scaleY(1.1)}
50%{transform:translateY(-50px) scale(1)}
80%{transform:translateY(-35px) scale(1)}
to{transform:translateY(0) scale(1.15,.8)}}[ks-tag]{position:relative}
[ks-tag]:before,[ks-tag]:after{position:absolute}
[ks-tag]:before{width:0;height:0;opacity:0;content:'';position:absolute;transition:opacity .3s;border:.5rem solid transparent}
[ks-tag~=top]:after{left:50%;bottom:100%;margin-bottom:1rem;transform:translateX(-50%)}
[ks-tag~=bottom]:after{top:100%;left:50%;margin-top:1rem;transform:translateX(-50%)}
[ks-tag~=left]:after{right:100%;margin-right:1rem}
[ks-tag~=right]:after{left:100%;margin-left:1rem}
[ks-tag=top]:before{bottom:100%;border-top-color:rgba(0,0,0,.7)}
[ks-tag=bottom]:before{top:100%;border-bottom-color:rgba(0,0,0,.7)}
[ks-tag=left]:before{right:100%;margin-top:.5rem;border-left-color:rgba(0,0,0,.7)}
[ks-tag=right]:before{left:100%;margin-top:.5rem;border-right-color:rgba(0,0,0,.7)}
[ks-text]:hover:before,[ks-text]:hover:after{opacity:1}
[ks-text]:after{opacity:0;color:#fff;font-size:.85em;padding:.25rem .5rem;border-radius:.5em;white-space:nowrap;pointer-events:none;content:attr(ks-text);transition:opacity .3s;background:rgba(0,0,0,.7)}
notice{top:0;left:0;right:0;z-index:10;padding:1em;position:fixed;user-select:none;pointer-events:none}
.ks-notice{color:#fff;display:table;background:#333;border-radius:3em;pointer-events:auto;margin:0 auto 1em;box-shadow:0 5px 5px -2px rgba(0,0,0,.2);animation:fade-small-large .3s both;-webkit-animation:fade-small-large .3s both}
.ks-notice.remove{animation:fade-in-top .3s both reverse;-webkit-animation:fade-in-top .3s both reverse}
.ks-notice.red{background:#ea644a;background:var(--red)}
.ks-notice.yellow{background:#ffb03a;background:var(--yellow)}
.ks-notice.blue{background:#3498db;background:var(--blue)}
.ks-notice.green{background:#27a17e;background:var(--green)}
.ks-notice>span{padding:.5em 1em;display:table-cell;vertical-align:middle}
.ks-notice .close{cursor:pointer;border-radius:0 1em 1em 0;transition:background .3s}
.ks-notice .close:hover{background:rgba(0,0,0,.1)}
.ks-notice .close:after{content:'×';font:inherit}
[ks-image=active]{cursor:pointer;cursor:zoom-in}
.ks-image{top:0;left:0;right:0;bottom:0;z-index:66;position:fixed;user-select:none;animation:fade-in .3s both;-webkit-animation:fade-in .3s both}
.ks-image.loading{cursor:wait}
.ks-image.remove:before{animation:fade-off .3s both;-webkit-animation:fade-off .3s both}
.ks-image:before{top:0;left:0;right:0;bottom:0;content:'';position:absolute;background:rgba(0,0,0,.6)}
.ks-image .ks-prev,.ks-image .ks-next{top:0;bottom:0;width:10%;height:5em;margin:auto;max-width:5em;cursor:pointer;position:absolute;transition:opacity .3s,transform .3s}
.ks-image .ks-prev:hover{transform:translateX(-.5em)}
.ks-image .ks-next:hover{transform:translateX(.5em)}
.ks-image .ks-prev{left:0;background:center/60% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjkpIj48cGF0aCBkPSJNMzI0LjIxMTUxNyA1MTEuODA1NjMxIDc4Ny44ODk1OTQgNzMuMDgyNTgzYzE2LjE5NDIyLTE2LjYzMDM2NSAxNi4xOTQyMi00My45NzQ3MDQgMC02MC42MDUwNjgtMTYuMTk0MjItMTYuNjMwMzY1LTQyLjQ5NTYwNy0xNi42MzAzNjUtNTguNjEzOTc2IDBMMjM1Ljc1MDExMyA0NzkuMzYwMzAyYy04LjY0NzAzMSA4Ljk2OTM5OC0xMi4zNDQ3NzUgMjAuOTM0OTE3LTExLjcxOTAwMyAzMi40NDUzMjktMC42NDQ3MzUgMTEuOTA4NjMgMy4wNzE5NzIgMjMuODc0MTQ5IDExLjcxOTAwMyAzMi44MjQ1ODVsNDkzLjUwNjU0MiA0NjYuODgyNzg4YzE2LjExODM2OSAxNi42NDkzMjcgNDIuNDM4NzE4IDE2LjY0OTMyNyA1OC42MTM5NzYgMCAxNi4xOTQyMi0xNy4wODU0NzEgMTYuMTk0MjItNDMuOTc0NzA0IDAtNjAuNjA1MDY4TDMyNC4yMTE1MTcgNTExLjgwNTYzMSI+PC9wYXRoPjwvc3ZnPg==)}
.ks-image .ks-next{right:0;background:center/60% no-repeat url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC45KSI+PHBhdGggZD0iTTEzNi43LDEwMGwtOTAuNiw4NS44Yy0zLjIsMy4yLTMuMiw4LjUsMCwxMS44YzMuMiwzLjMsOC4zLDMuMywxMS40LDBsOTYuNC05MS4yYzEuNy0xLjcsMi40LTQuMSwyLjMtNi40YzAuMS0yLjItMC42LTQuNi0yLjMtNi4zTDU3LjYsMi40Yy0zLjEtMy4yLTguMy0zLjItMTEuNCwwcy0zLjIsOC42LDAsMTEuOEwxMzYuNywxMDAiLz48L3N2Zz4NCg==)}
.ks-image .ended{opacity:.5;cursor:no-drop}
.ks-image .ks-ball{top:1em;right:1em;width:2em;height:2em;opacity:0;border-radius:66%;position:absolute;pointer-events:none;transition:opacity .3s;border:.5em #fff solid;border-left-color:#3498db;animation:rotate .5s linear infinite paused;-webkit-animation:rotate .5s linear infinite paused}
.ks-image.loading .ks-ball{opacity:1;animation-play-state:running}
.ks-image img{top:0;left:0;right:0;bottom:0;margin:auto;max-width:80%;max-height:90%;cursor:zoom-out;position:absolute;transition:transform .3s;animation:fade-small-large .3s backwards;-webkit-animation:fade-small-large .3s backwards}
.ks-image.remove img,.ks-image.remove .ks-prev,.ks-image.remove .ks-next{animation:fade-large-small .3s both;-webkit-animation:fade-large-small .3s both}
.ks-image img[src$=".jpg"]{box-shadow:0 5px 15px rgba(0,0,0,.5)}
@media only screen and (min-width: 500px){#dibu{margin-left: 80px}
#dakuang{margin-top: -23px;}}@media only screen and (max-width: 499px){#dakuang{margin-top: -19px}} 


iframe{border-radius:6px}
@media screen and (max-width:450px){iframe{height:185px!important}
}
#.container .is-article{display:none}
.project-list.show{transform:translateX(0);}
project-list.show{tbackground:#17a6e7;position:fixed;z-index:999999;top:0;right:100%;width:100%;height: 2px;background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);o;color:#fff;z-index:999;background-color:#00000030;border-radius:3px;margin:0 auto;position:absolute;top:0;font-size:.6em}
  html {
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter:grayscale(0%);
  }
.step-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:80px}.step-card{max-width:300px;margin:20px 20px;box-shadow:2px 4px 20px rgba(34,90,89,.2);border-radius:8px;padding: 0px 25px 25px 25px;}.step-card>h3{margin-top: 60px;font-size:24px;}.step-card>p{font-size:18px;color:#4f525a;line-height:1.4;min-height:130px}@media screen and (max-width:720px){.step-list{justify-content:space-around;margin-top:50px}.step-card{margin:20px auto;padding:50px 20px 28px 20px}.step-card>h3{margin-top:25px;font-size:20px}.step-card>p{font-size:16px;color:#4f525a;min-height:70px}}@media screen and (max-width:1150px){.step-list{justify-content:space-around}}
.page.listso{opacity:.7;border-radius:8px;padding:1em;background:#fff;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.07),0 1px 5px 0 rgba(0,0,0,.1);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal;position:relative}
.page.listso form{width:100%;height:45px}
.input-lg{padding:10px 16px;height:46px;border-radius:6px;font-size:18px;line-height:1.3333333}
.cnt-3-1,.cnt-3-2,.cnt-3-3{float:left}
.cnt-3-1{width:25%}
.cnt-3-2{margin-left:10px;width:46%}
.cnt-3-3{margin-left:10px;width:22%}
#bf{padding:14px 16px;background-color:#fb7299;color:#fff}
.page form button,.page form input,.page form select{width:100%}
.v .vwrap input::-webkit-input-placeholder,.cnt-3-2 ::-webkit-input-placeholder{color:#999;font-size:16px}
.cnt-3-2 ::-moz-placeholder{font-size:16px}
.cnt-3-2 :-ms-input-placeholder{color:#999;font-size:16px}
.aplayer .aplayer-icon-back, .aplayer .aplayer-icon-forward, .aplayer .aplayer-icon-lrc, .aplayer .aplayer-icon-order, .aplayer .aplayer-icon-play {display: inline-block!important;}  
.comment .vwrap{
    background: hsla(0, 0%, 67%, 0.4);
}
.comment.v{
    opacity: .7;
    border-radius: 8px;
    padding: 2em;
    background: hsla(0,0%,100%,.9);
    margin: 5px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.07), 0 1px 5px 0 rgba(0,0,0,.1);
}