@charset "utf-8";
/* CSS Document */

.kandyui *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

/*=grid*/
.cols{padding-left:0!important;padding-right:0!important;position:relative;left:-2%;width:102%}
.cols>[class^="col"],
.cols>[class*=" col"],
.cols>[class*="-col"]{float:left;margin-left:2%!important;margin-right:0!important}
.cols>.flor{float:right}
.cols>.flon{float:none}
.col1{width:8%}
.col2{width:18%}
.col{width:23%}
.col3{width:28%}
.col4{width:38%}
.col5{width:48%}
.col6{width:58%}
.col7{width:68%}
.col8{width:78%}
.col9{width:88%}
.cole{width:31.33%}
.cole6{width:14.66%}
.cole7{width:12.28%}
.cole8{width:10.5%}
.cole9{width:9.11%}
.col10,
.coless{width:98%}

.cols.join{left:auto;width:auto}
.cols.join>[class^="col"],
.cols.join>[class*=" col"],
.cols.join>[class*="-col"]{float:left;position:relative;z-index:1;margin-left:0!important;margin-right:0!important}
.rows>[class^="row"],
.rows>[class*=" row"],
.rows>[class*="-row"]{float:left;}
.join>.col1,
.row1{width:10%}
.join>.col2,
.row2{width:20%}
.join>.col,
.row{width:25%}
.join>.col3,
.row3{width:30%}
.join>.col4,
.row4{width:40%}
.join>.col5,
.row5{width:50%}
.join>.col6,
.row6{width:60%}
.join>.col7,
.row7{width:70%}
.join>.col8,
.row8{width:80%}
.join>.col9,
.row9{width:90%}
.join>.cole,
.rowe{width:33.33%}
.join>.cole6,
.rowe6{width:16.66%}
.join>.cole7,
.rowe7{width:14.28%}
.join>.cole8,
.rowe8{width:12.5%}
.join>.cole9,
.rowe9{width:11.11%}
.join>.col10,
.join>.coless,
.row10,
.rowless{width:100%}

/*=list*/
ul,
ol{list-style:none;padding:0;margin:0 0 1em}
ul.rows>li,
ol.rows>li,
dl.rows>dt,
dl.rows>dd{display:inline-block;}
ul ul,
ol ol{margin:0;padding-left:1em}

dd{padding-left:2em;margin:0}
dl.rows>dd{padding-left:0;}

ul.square{list-style-type:square;padding-left:2em}
ul.disc{list-style-type:disc;padding-left:2em}
ul.circle{list-style-type:circle;padding-left:2em}
ul li.ico{margin-left:-2em}

ol.alpha{list-style-type:lower-alpha;padding-left:2em}
ol.latin{list-style-type:lower-latin;padding-left:2em}
ol.roman{list-style-type:lower-roman;padding-left:2em}
ol.greek{list-style-type:lower-greek;padding-left:2em}
ol.upper.alpha{list-style-type:upper-alpha;padding-left:2em}
ol.upper.latin{list-style-type:upper-latin;padding-left:2em}
ol.upper.roman{list-style-type:upper-roman;padding-left:2em}

ul.dot li:not([class*="kico"])::before,
ol.dot li:not([class*="kico"])::before{content:"·";font-family:simsun}

.list>*,
.list li{border:solid rgba(0,0,0,.2);border-width:1px 0 0;}
.list>*:first-child,
.list li:first-child,
.list>.nobo,
.list>.nobo+*{border:none}

/*=typo*/
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b{font-weight:bold}
h1,.h1{font-size:2.4em;margin-bottom:.4165em}
h2,.h2{font-size:2em;margin-bottom:.5em}
h3,.h3{font-size:1.5em;margin-bottom:.67em}
h4,.h4{font-size:1.15em;margin-bottom:.87em}
h5,.h5{font-size:.88em;margin-bottom:1.1364em}
h6,.h6{font-size:.75em;margin-bottom:1.34em}

blockquote{quotes:none;margin:0 0 1em;}
blockquote:before{content:"“";color:rgba(0,0,0,.2);font:italic 5em/1 georgia;margin:-.1em .15em 0 0;float:left;height:.4em;}
q:before,
q:after{content:"“";position:absolute;margin:-.1em 0 0 -.5em;color:rgba(0,0,0,.2);font:italic 5em/1 georgia;}
q:after{content:"”";margin:-.1em 0 0 0}
blockquote cite{display:block}
blockquote q:before,
blockquote q:after{display:none}
blockquote q{padding:0}
blockquote :last-child{margin-bottom:0;}

p{margin:0 0 1em}

pre{font-family:arial;border:solid rgba(0,0,0,.2);border-width:0 0 0 .3em;padding:0 0 0 1.5em;margin:0 0 1em;position:relative;white-space:pre-wrap;word-wrap:break-word;counter-reset:line}

hr{height:0;overflow:hidden;border:solid rgba(0,0,0,.2);border-width:1px 0 0;margin:1em 0}

img{vertical-align:middle;border:none;max-width:100%}
img.full{width:100%;display:block}

a{outline:none;color:#123;transition:all .5s}
a:hover{color:#789;}
a:active{color:#456;}
a>:hover{transition:all .5s}
.a-block a{display:block}
.kandyui a[target="_blank"]:after,
.kandyui a[rel="external"]:after{content:"◥";text-decoration:none;font:bold .8em/1 arial;width:.8em;height:.8em;overflow:hidden;opacity:.3;transition:opacity .5s;vertical-align: super;display:inline-block;position:relative;top:-.3em;margin:0 -.3em 0 -.3em;}
.kandyui a.noaf:after{display:none;}
.kandyui a[target="_blank"]:hover:after,
.kandyui a[rel="external"]:hover:after{opacity:.5}
.kandyui a.noaf:hover:after{opacity:1}

mark,samp,kbd,tt{padding:.1em .3em;border-radius:3px;margin:0 .1em}
var,samp,code,tt{font-family:Courier}
small{font-size:.88em}
big{font-size:1.15em}
em,var{font-weight:bold}
del,strike,s{color:#999}
kbd{border:1px solid rgba(0,0,0,.22);box-shadow:0 .1em 0 .08em rgba(0,0,0,.2),0 0 .2em rgba(0,0,0,.05) inset;font-family:Arial}
tt{border-radius:9999px;border:solid rgba(0,0,0,.3);border-width:1px 1px 3px;background-color:rgba(0,0,0,.05);color:rgba(0,0,0,.8);text-shadow:1px 1px #fff}
i.kico,
dfn{font-style:normal}
dfn:after{content:":";color:#999;margin:0 .2em;font-style:normal}
abbr[title]{border-bottom:1px dotted rgba(0,0,0,.5);cursor:help;text-decoration:none}
q{quotes:none;padding:0 1em}
q:before,
q:after{font-size:2em;margin-top:.2em;color:rgba(0,0,0,.3)}
sup,sub{font-size:.7em}
samp{background-color:rgba(0,0,0,.05)}
ins{text-decoration:none}

/*=code*/
code ol{background-color:rgba(0,0,0,.1);padding-left:3.5em}
code ol li{background-color:rgba(255,255,255,.9);padding:.3em 1em;line-height:1.5}
code ol li:nth-child(odd){background-color:rgba(255,255,255,.7)}

pre code{border:solid rgba(0,0,0,.2);border-width:0 0 0 3.5em;margin:0 0 0 -1.8em;padding:.3em 1em;display:block;background-color:rgba(0,0,0,.02)}
pre code:before{content:counter(line);counter-increment:line;position:absolute;left:.3em;width:2.5em;text-align:right}
pre code:nth-child(odd){background-color:rgba(0,0,0,.04)}

/*=form*/
input,
button,
textarea,
select,
form label{font-family:inherit;font-size:1em;line-height:3;height:3em;border:1px solid rgba(0,0,0,.2);padding:0 .5em;border-radius:3px;color:rgba(0,0,0,.7);outline:none;background-color:rgba(255,255,255,.9);vertical-align:middle;}
textarea{overflow:auto;height:auto;line-height:1.5;padding:.5em}
select[size]{padding:.5em;height:auto;max-width:100%}
select[size] option{padding:.3em .5em;text-shadow:none;border-radius:3px}
select[multiple]{height:auto;}
select[multiple] option{padding:.3em .5em}
select.btn{background:none}
select.tiny{height:2em}
/*form label,
form input,
form button,
form select,
form textarea{margin:0 0 .5em}*/
form dfn{font-weight:bold}
form input:not([class^="col"]),
form select:not([class^="col"]),
form textarea:not([class^="col"]){width:100%}
form button~button{margin-left:.5em;}
input[size],
select.auwi,
textarea[cols]{width:auto!important;max-width:100%}
textarea[rows="1"]{min-height:3em;padding:.75em .5em}
option[selected]{font-weight:bold}

input:focus,
select:focus,
textarea:focus,
form label:hover{box-shadow:0 0 .3em rgba(0,0,0,.3)}
button:focus{box-shadow:0 0 1em rgba(0,0,0,.1) inset}

/* input.txt{border:none;background:none} */

label{display:inline-block;cursor:pointer;}
label input{border:none;border-radius:0;padding:0 .5em;box-shadow:none!important;margin:0 -1em 0 0;}
label input[type="radio"],
label input[type="checkbox"]{margin:0 .2em 0 0;position:relative;top:-2px;cursor:pointer;background:none;padding:0;height:auto;width:auto;}

label.switch{background:rgba(0,0,0,.1);position:relative;padding-left:2.5em;padding-right:1em;overflow:hidden;transition:all .5s;box-shadow:0 0 .5em rgba(0,0,0,.1) inset;}
label.switch.block{padding-right:2.5em;text-align:center}
label.switch:has(:checked){background:#7cd;color:#fff;padding-left:1em;padding-right:2.5em;}
label.switch.block:has(:checked){padding-left:2.5em;}
label.switch::before{content:"";width:1.5em;border-radius:2px;background:#fff;position:absolute;left:2px;top:2px;bottom:2px;box-shadow:0 0 .5em rgba(0,0,0,.3);transition:all .5s;}
label.switch.bora::before,
label.switch.round::before
{border-radius:.2em;}
label.switch.boran::before{border-radius:.4em;}
label.switch.boram::before{border-radius:.7em;}
label.switch.boraw::before{border-radius:0.9em;}
label.switch.circle{padding-left:3.5em;}
label.switch.circle.block{padding-right:3.5em;}
label.switch.circle:has(:checked){padding-left:1em;padding-right:3.5em;}
label.switch.circle.block:has(:checked){padding-left:3.5em;}
label.switch.circle::before{border-radius:3em;width:2.5em}
label.switch.circle:has(:checked)::before{left:calc(100% - 2.5em - 2px);}
label.switch:has(:checked)::before{left:calc(100% - 1.5em - 2px);}
label.switch input{display:none;}

fieldset{border-radius:3px;border:1px solid rgba(0,0,0,.2);padding:1.2em 1em .5em}
legend{margin:0!important;padding:0 .5em}

form>*{margin:0 0 .5em;position:relative}
form input+small,
form select+small,
form textarea+small,
form label+small{display:block;color:#666;margin:.2em 0 0}
form input+sup,
form select+sup,
form textarea+sup,
form button+sup,
form input+sub,
form select+sub,
form textarea+sub,
form button+sub{position:absolute;right:2em;top:-.7em;line-height:1;background:#fff;padding:.2em;border-radius:.2em;color:#666}
form input+sub,
form select+sub,
form textarea+sub{top:auto;bottom:-.7em;}
form input+mark,
form select+mark,
form textarea+mark{position:absolute;line-height:1;right:.5em;top:50%;transform:translateY(-50%);background:none;}

form>[class^="col"]{line-height:3}

form.slim dfn{font-weight:100}
form .cols.band{margin:0 0 .5em}

/*=block form*/
form.block dfn{display:block;}

/*=shade form*/
form.shade.inset>:not(button),
form.shade input,
form.shade textarea,
form.shade select,
form.shade label{box-shadow:0 0 .3em rgba(0,0,0,.1) inset}

/*=grid form*/
form.cols{width:auto;left:auto}
form.cols>:not([class^="col"]):not(button):not(fieldset),
form.cols fieldset>:not([class^="col"]):not(button){display:table;width:100%}
form.cols>:not([class^="col"]) dfn{display:table-cell;vertical-align:middle;line-height:1.2;padding:0 .5em;}
form.cols.mid dfn{text-align:right}

form.cols.col2 dfn{width:20%}
form.cols.col3 dfn{width:30%}
form.cols.col4 dfn{width:40%}

form.cols.col2 button:first-child,
form.cols.col2>button{margin-left:20%;}
form.cols.col3 button:first-child,
form.cols.col3>button{margin-left:30%;}
form.cols.col4 button:first-child,
form.cols.col4>button{margin-left:40%;}

form.cols.col2>button~button,
form.cols.col3>button~button,
form.cols.col4>button~button{margin-left:.5em}

/*=inset form*/
form.inset>:not(button){border:solid rgba(0,0,0,.2);border-width:1px;border-radius:3px;padding:0!important;background-color:rgba(255,255,255,.9)}
form.inset>:last-child:not(button){border-width:0;background:none}
form.inset.cols>:not(button){padding:0}
form.inset input,
form.inset select,
form.inset textarea{border:none;background:none;box-shadow:none;}
form.inset label{border-width:0;border-radius:0;background:none;box-shadow:none;}
form.inset label:not([class="disabled"]):hover{box-shadow:none!important}
form.cols.inset button:first-child{margin-left:0}

/* form.inset fieldset{display:block;} */
form.inset fieldset>*{margin:0;position:relative}
form.inset fieldset>*:before{border-top:1px solid rgba(0,0,0,.2);content:".";height:0;overflow:hidden;position:absolute;top:0;left:.2em;right:.2em;}
form.inset fieldset>:first-child:before{display:none}
form.inset fieldset input,
form.inset fieldset select,
form.inset fieldset textarea{border:none}
/*=inset bg form*/
form.inset.bg{background-color:inherit}
form.inset.bg>dfn{background-color:rgba(0,0,0,.05);padding:.8em .5em;top:0;height:100%}
/*=nude form*/
form.nude input,
form.nude select,
form.nude textarea,
form.nude label{border:none;box-shadow:none;height:auto;line-height:inherit;padding:0;}
form.nude button{min-height:auto;padding:.5em;border:none;height:auto;line-height:inherit;}
form.nude label input{margin:0}
form.nude.cols button{margin-left:.5em;margin-right:.5em;}
form.nude.cols button.block{margin-left:0;margin-right:0;}
form.nude input[type="color"]{height:1em;}
form.nude.deco{text-decoration:none;}
form.nude.deco dfn+*{border-bottom:1px solid #ddd;}

/*=button*/
button,
.btn,
[role="button"],
input[type="button"],
input[type="submit"],
input[type="reset"]{background-color:rgba(0,0,0,.1);cursor:pointer;display:inline-block;text-decoration:none;border:1px solid rgba(0,0,0,.2);padding:0 1em;border-radius:3px;width: auto;max-width:100%;min-height:3em;line-height:2}
form input[type="button"],
form input[type="submit"],
form input[type="reset"]{width:auto}
button.block{width:100%}
.btn,
[role="button"]{line-height:3}
button[class^="col"]{padding:0;}

/* .cols>.btn,
.cols>[role="button"]{line-height:3} */

button{position:relative}
button:hover:after{display:block;position:absolute;top:50%;left:3px;right:3px;bottom:3px;background-color:rgba(0,0,0,.02);content:".";font:0/0 arial;overflow:hidden}
button.circle:after{border-radius:0 0 9999px 9999px}

.tiny.btn{padding:0 .5em;line-height:2!important;min-height:0!important}

.cols.join>*:not([class^="col"]),
form.join>*{border-radius:0;border-width:1px 1px 1px 0}
.cols.join>*:not([class^="col"]):first-child,
form.join>:first-child{border-width:1px;border-radius:3px 0 0 3px}
.cols.join>*:not([class^="col"]):last-child,
form.join>:last-child{border-radius:0 3px 3px 0}

/*=table*/
table{border-collapse:collapse;border-spacing:0;font-size:1em}
table:not([width]){width:100%}
table:not([cellpadding]) th,
table:not([cellpadding]) td{padding:.6em}
table[border],
table[border] th,
table[border] td{border-color:rgba(0,0,0,.1)}
table[border="0"],
table[border="0"] th,
table[border="0"] td{border:1px solid rgba(255,255,255,.9)}
table.cols{left:auto}

thead{background-color:rgba(0,0,0,.1)}
tbody th{background-color:rgba(0,0,0,.02)}
tfoot{background-color:rgba(0,0,0,.05)}

table th>.block,
table td>.block{margin:-.8em;padding:.8em}

table.list{border:none}
table.list th,
table.list td{border:solid rgba(0,0,0,.1);border-width:1px 0 0}

.fence th,
.fence td{border:solid rgba(0,0,0,.1);border-width:0 0 0 1px}
.fence tr th:first-child,
.fence tr td:first-child{border-width:0}
.fence thead{border:solid rgba(0,0,0,.1);border-width:0 0 1px}
.fence tfoot{border:solid rgba(0,0,0,.1);border-width:1px 0 0}

table.even,
table.odd{background-color:none}
table.even.rows tr:nth-child(even),
table.odd.rows tr:nth-child(odd),
table.even.cols tr>:nth-child(even),
table.odd.cols tr>:nth-child(odd){background-color:rgba(0,0,0,.05)}

table.noba thead,
table.noba tbody th,
table.noba tfoot{background-color:none}

/*=tab*/
.tab{background-color:rgba(255,255,255,.9);border-radius:.3em;overflow:hidden;border:1px solid rgba(0,0,0,.1)}
/*tab head*/
.tead{background-color:rgba(0,0,0,.1);line-height:2.4;font-size:1.1em;margin:0}
/*tab name*/
.tame{padding:0 1em;margin:0 1px 0 0;border-radius:0;display:inline-block;background-color:rgba(255,255,255,.3);cursor:pointer;text-decoration:none}
.tame:hover{box-shadow:0 0 3em rgba(255,255,255,.5) inset}
.tame:target{display:block;color:#ff0}
/*tab highlite*/
.tigh{background:#fff;color:#000;cursor:default}
/*tab more*/
.tore{line-height:2;height:2em;min-height:0;margin:.2em;float:right}
/*tab body*/
.tody{padding:1em;margin:0;background:#fff}
/*tab cont*/
.tont{padding:1em;margin:-1em;display:none}
/*tab show*/
.thow{display:block}
/*tab foot*/
.toot{padding:1em;margin:0;font-size:.88em;background-color:rgba(0,0,0,.05)}

/*=band*/
.band{border:1px solid rgba(0,0,0,.1);border-radius:3px;padding:.5em;min-height:1em}
.band.join{padding:0}
.band.cols{left:auto;width:auto;padding:0;display:inline-block}
.band.join>*,
.band.cols>*{border:solid rgba(0,0,0,.1);border-width:0 0 0 1px;min-height:3em;line-height:3;border-radius:0!important;float:left;padding:0 .5em;margin:0}
/*
.band.cols>button,
.band.cols>.btn,
.band.cols>[role="button"]{border-}*/
.band.join>:first-child,
.band.cols>:first-child{border:none}

/*=pag*/
.pag{border:solid rgba(0,0,0,.1);border-width:1px 1px 1px .3em;padding:.5em 1em;background-color:rgba(0,0,0,.05);border-radius:.3em}
q.pag:before,
q.pag:after{display:none}

/*=shadow*/
.shadow,
.bosha,
.o-shadow:hover,
.o-bosha:hover{box-shadow:0 0 .3em rgba(0,0,0,.2)}
.boshat{box-shadow:0 -.3em .3em rgba(0,0,0,.2)}
.boshar{box-shadow:.3em 0 .3em rgba(0,0,0,.2)}
.boshab{box-shadow:0 .3em .3em rgba(0,0,0,.2)}
.boshal{box-shadow:-.3em 0 .3em rgba(0,0,0,.2)}
.boshan,
.o-boshan:hover{box-shadow:0 0 1em rgba(0,0,0,.1)}
.bosham,
.o-bosham:hover{box-shadow:0 0 2em rgba(0,0,0,.075)}
.boshaw,
.o-boshaw:hover{box-shadow:0 0 3em rgba(0,0,0,.05)}

.tesha{text-shadow:0 0 .2em rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.5)}
.teshat{text-shadow:0 -.1em .2em rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.5)}
.teshar{text-shadow:.2em 0 .2em rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.5)}
.teshab{text-shadow:0 .2em .2em rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.5)}
.teshal{text-shadow:-.2em 0 .2em rgba(0,0,0,.5),0 0 1px rgba(0,0,0,.5)}

.shade:not(form){box-shadow:0 1.4em .5em -.2em rgba(255,255,255,.5) inset,0 0 0 1px rgba(255,255,255,.5) inset}
.shadow.shade,
.bosha.shade{box-shadow:0 0 3px rgba(0,0,0,.3),0 1.4em .5em -.2em rgba(255,255,255,.5) inset,0 0 0 1px rgba(255,255,255,.5) inset}

/*=word*/
.wobre{word-break:break-all}
.nowra{white-space:nowrap}
.omit{text-overflow:ellipsis}
.omit1,
.omit2,
.omit3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis}
.omit2{-webkit-line-clamp:2;line-clamp:2}
.omit3{-webkit-line-clamp:3;line-clamp:3}
.deco{text-decoration:underline}
/*=text spacing*/
.ati{text-indent:1em}
.aws{word-spacing:1em}
.als{letter-spacing:1em}
.hati{text-indent:.5em}
.haws{word-spacing:.5em}
.hals{letter-spacing:.5em}
/*=text align*/
.tal{text-align:left}
.tar{text-align:right}
.tac,
.center{text-align:center}
.taj{text-align:justify}
.taja{text-align:justify;text-align-last:justify;text-justify:inter-ideograph}
/*=text transform*/
.telo{text-transform:lowercase}
.teup{text-transform:uppercase}
.teca{text-transform:capitalize}
.teno{text-transform:none}
/*=font*/
.bold,
.o-bold,
.c-bold>*{font-weight:bold}
.regu,
.o-regu,
.c-regu>*{font-weight:normal}
.slim,
.o-slim,
.c-slim>*{font-weight:100}
.skew{font-style:italic}
.small,
.c-small>*{font-size:.88em}
.smaller,
.c-smaller>*{font-size:.66em}
.norm,
.c-norm>*{font-size:1em}
.big,
.c-big>*{font-size:1.15em}
.bigger,
.c-bigger>*{font-size:1.5em}
.i-bold{font-weight:bold!important}
.i-regu{font-weight:normal!important}
.i-slim{font-weight:100!important}
.i-skew{font-style:italic!important}
.i-small{font-size:.88em!important}
.i-norm{font-size:1em!important}
.i-big{font-size:1.15em!important}

/*=border*/
.o-abo{border:1px solid transparent}
.abo,
.border,
.c-abo>*,
.o-abo:hover{border:1px solid rgba(0,0,0,.1)}
.abot,
.c-abot>*{border:solid rgba(0,0,0,.1);border-width:1px 0 0 0}
.abor,
.c-abor>*{border:solid rgba(0,0,0,.1);border-width:0 1px 0 0}
.abob,
.c-abob>*{border:solid rgba(0,0,0,.1);border-width:0 0 1px 0}
.abol,
.c-abol>*{border:solid rgba(0,0,0,.1);border-width:0 0 0 1px}
.abov,
.c-abov>*{border:solid rgba(0,0,0,.1);border-width:1px 0}
.aboh,
.c-aboh>*{border:solid rgba(0,0,0,.1);border-width:0 1px}

.dotted{border-style:dotted}
.dashed{border-style:dashed}
.fine{border-width:.5px}
.thin{border-width:2px}
.thick{border-width:3px}

.abot.fine{border-top-width:.5px}
.abot.thin{border-top-width:2px}
.abot.thick{border-top-width:3px}
.abor.fine{border-right-width:.5px}
.abor.thin{border-right-width:2px}
.abor.thick{border-right-width:3px}
.abob.fine{border-bottom-width:.5px}
.abob.thin{border-bottom-width:2px}
.abob.thick{border-bottom-width:3px}
.abol.fine{border-left-width:.5px}
.abol.thin{border-left-width:2px}
.abol.thick{border-left-width:3px}

/*=badge*/
.badge::after{content:attr(data-badge);position:absolute;border-radius:1.8em;width:1.8em;height:1.8em;font-size:.6em;line-height:1.8em;font-weight:600;overflow:hidden;background:tomato;color:#fff;transform:scale(.5)}

.horn{position:relative;z-index:2;font-size:.3em;transform:scale(.75)}
.horn::after{content:"";position:absolute;left:-.3em;right:-.3em;top:-.3em;bottom:-.3em;background:#fff;border-radius:.6em;z-index:-1;}
.horn::before{content:"▲";color:#fff;position:absolute;left:0;bottom:-.7em;transform:rotate(-25deg);z-index:-2;}

/*=stamp*/
.stamp{display:table;border-radius:5em;text-align:center;width:1em;overflow:hidden;}
.stamp>*{display:table-cell;}

/*=colors*/
.hint,
.o-hint:hover{color:rgba(0,160,230,1);background-color:rgba(0,160,230,.1);border-color:rgba(0,160,230,.5)}
.okay,
.o-okay:hover{color:rgba(150,200,0,1);background-color:rgba(150,200,0,.1);border-color:rgba(150,200,0,.5)}
.warn,
.o-warn:hover{color:rgba(250,150,0,.8);background-color:rgba(250,150,0,.1);border-color:rgba(250,150,0,.5)}
.err,
.o-err:hover{color:rgba(250,0,100,.8);background-color:rgba(250,0,100,.1);border-color:rgba(250,0,100,.5)}

.bg.hint,
.o-bg.hint:hover{background-color:rgba(0,160,230,.8);color:rgba(255,255,255,.9)}
.bg.okay,
.o-bg.okay:hover{background-color:rgba(150,200,0,.8);color:rgba(255,255,255,.9)}
.bg.warn,
.o-bg.warn:hover{background-color:rgba(250,150,0,.8);color:rgba(255,255,255,.9)}
.bg.err,
.o-bg.err:hover{background-color:rgba(250,0,100,.8);color:rgba(255,255,255,.9)}

.nite,
.o-nite:hover{color:rgba(255,255,255,.9);background-color:rgba(0,0,0,.9);border-color:rgba(0,0,0,.3)}
.dark,
.o-dark:hover{color:rgba(255,255,255,.9);background-color:rgba(0,0,0,.3);border-color:rgba(0,0,0,.3)}
.darker,
.o-darker:hover{color:rgba(255,255,255,.7);background-color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.3)}
.darkest,
.o-darkest:hover{color:rgba(255,255,255,.5);background-color:rgba(0,0,0,.7);border-color:rgba(0,0,0,.3)}
.dark.bg{color:rgba(0,0,0,.3)}
.darker.bg{color:rgba(0,0,0,.5)}
.darkest.bg{color:rgba(0,0,0,.7)}
.nite.bg{color:rgba(0,0,0,.9)}

.lite,
.o-lite:hover{color:rgba(0,0,0,.9);background-color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.3)}

.wite,
.o-wite:hover,
.c-wite>*{color:white}
.blak,
.o-blak:hover,
.c-blak>*{color:black}
.grey,
.o-grey:hover,
.c-grey>*{color:grey}
.greyer{color:darkgrey}
.whiba{background-color:white}
.whibo{border-color:rgba(255,255,255,.5)}
.whish{box-shadow:0 0 3px rgba(255,255,255,.5)}
.blaba{background-color:black}
.greba{background-color:grey}
.bg,
.o-bg:hover{background-color:rgba(0,0,0,.05)}
.tinge{background-color:rgba(0,0,0,.03)}

.t-inherit,
.a-inheri a{color:inherit}
.t-white,
.a-white a{color:white}
.t-snow,
.a-snow a{color:snow}
.t-smoke,
.a-smoke a{color:whitesmoke}
.t-silver,
.a-silver a{color:silver}
.t-gray,
.a-gray a{color:gray}
.t-black,
.a-black a{color:black}
.t-pink,
.a-pink a{color:pink}
.t-red,
.a-red a{color:crimson}
.t-brown,
.a-brown a{color:brown}
.t-tomato,
.a-tomato a{color:tomato}
.t-khaki,
.a-khaki a{color:khaki}
.t-gold,
.a-gold a{color:gold}
.t-orange,
.a-orange a{color:orange}
.t-olive,
.a-olive a{color:olivedrab}
.t-green,
.a-green a{color:green}
.t-lime
.a-lime a{color:limegreen}
.t-teal,
.a-teal a{color:teal}
.t-sky,
.a-sky a{color:deepskyblue}
.t-steel,
.a-steel a{color:steelblue}
.t-purple,
.a-purple a{color:mediumpurple}

.b-inherit{background-color:inherit}
.b-white{background-color:white}
.b-snow{background-color:snow}
.b-smoke{background-color:whitesmoke}
.b-silver{background-color:silver}
.b-gray{background-color:gray}
.b-black{background-color:black}
.b-pink{background-color:pink}
.b-red{background-color:crimson}
.b-brown{background-color:brown}
.b-tomato{background-color:tomato}
.b-khaki{background-color:khaki}
.b-gold{background-color:gold}
.b-orange{background-color:orange}
.b-olive{background-color:olivedrab}
.b-green{background-color:green}
.b-lime{background-color:limegreen}
.b-teal{background-color:teal}
.b-sky{background-color:deepskyblue}
.b-steel{background-color:steelblue}
.b-purple{background-color:mediumpurple}

.r-white{border-color:white}
.r-snow{border-color:snow}
.r-smoke{border-color:whitesmoke}
.r-silver{border-color:silver}
.r-gray{border-color:gray}
.r-black{border-color:black}
.r-pink{border-color:pink}
.r-red{border-color:crimson}
.r-brown{border-color:brown}
.r-tomato{border-color:tomato}
.r-khaki{border-color:khaki}
.r-gold{border-color:gold}
.r-orange{border-color:orange}
.r-olive{border-color:olivedrab}
.r-green{border-color:green}
.r-lime{border-color:limegreen}
.r-teal{border-color:teal}
.r-sky{border-color:deepskyblue}
.r-steel{border-color:steelblue}
.r-purple{border-color:mediumpurple}

/*=shape*/
.bobox{box-sizing:border-box}
.cobox{box-sizing:content-box}
.flat,
.o-flat:hover{box-shadow:none;border-radius:0;border:none}
.square{border-radius:0}
.circle{border-radius:500em}
.olive{border-radius: 30%}
.round,
.bora,
.c-bora>*{border-radius:.3em}
.boran{border-radius:.5em}
.boram{border-radius:.8em}
.boraw{border-radius:1em}
.borat{border-radius:.3em .3em 0 0}
.borar{border-radius:0 .3em .3em 0}
.borab{border-radius:0 0 .3em .3em}
.boral{border-radius:.3em 0 0 .3em}
.norat{border-top-left-radius:0;border-top-right-radius:0}
.norar{border-top-right-radius:0;border-bottom-right-radius:0}
.norab{border-bottom-left-radius:0;border-bottom-right-radius:0}
.noral{border-top-left-radius:0;border-bottom-left-radius:0}

/*=display*/
.block,
.show,
.c-block>*,
.c-show>*{display:block}
.hide,
.c-hide>*{display:none}
.hide:focus{display:inline-block}
.fadi{opacity:1;transition:opacity .6s}
.fade{opacity:.5;transition:opacity .6s}
.fado{opacity:0;transition:opacity .6s}
.inline,
.c-inline>*{display:inline;margin:auto}
.inlock,
.c-inlock>*{display:inline-block}
.table{display:table;table-layout:fixed}
.table .cell{display:table-cell;vertical-align:middle}
.flex{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex}
.fast{transition-duration:.2s}
.slow{transition-duration:1s}
.slower{transition-duration:2s}
.togl:hover .hide{display:inline-block}
.togl:hover .show{display:none}
.togl:hover .fadi{opacity:0}
.togl:hover .fado{opacity:1}

/*=animation*/
.trans,
.c-trans>*,
*[class*="o-"]{transition:all .5s}
.zin,
.o-zin:hover{transform:scale(1)}
.ziner,
.o-ziner:hover{transform:scale(.8)}
.zout,
.o-zout:hover{transform:scale(1.2)}
.zouter,
.o-zouter:hover{transform:scale(1.5)}
.role,
.o-role:hover{transform:rotate(-30deg);}
.rori,
.o-rori:hover{transform:rotate(30deg);}

/*=disabled*/
[disabled],
[readonly].disabled,
.disabled{cursor:not-allowed;color:rgba(0,0,0,.3);text-shadow:1px 1px rgba(255,255,255,.8);box-shadow:0 0 100em 100em rgba(204,204,204,.5) inset!important;border-color:rgba(0,0,0,.2)}
/*
[disabled].shadow,
.disabled.shadow{box-shadow:0 0 .3em rgba(0,0,0,.3),0 0 100em 100em rgba(204,204,204,.5) inset}
*/
.disabled.bg,
.bg[disabled]{text-shadow:-1px -1px rgba(0,0,0,.5)}

[readonly],
.readonly{cursor:default;box-shadow:none!important}

/*=cursor*/
.cude{cursor:default}
.cugra{cursor:grab}
.cugra:focus{cursor:grabbing}
.cuhe{cursor:help}
.cumo{cursor:move}
.cuna{cursor:not-allowed}
.cupo{cursor:pointer}
.cuwa{cursor:wait}
.cuzi{cursor:zoom-in}
.cuzo{cursor:zoom-out}

/*=layout*/
html.full{height:100%}
.full body{height:100%}
.wide{width:100%}
.hite{height:100%}
.maxwi{max-width:100%}
.maxhi{max-height:100%}
.inner{margin:0 auto}
.aline{height:1.3em;overflow:hidden;line-height:1.3}
.aline.omit{white-space:nowrap;}

.svga .inner{max-width:800px}
.xga .inner{max-width:1000px}
.uvga .inner{max-width:1200px}
.sxga .inner{max-width:1400px}

.ofx{overflow-y:hidden;}
.ofy{overflow-x:hidden;}

/*=fontsize*/
.fs10{font-size:10px}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs20{font-size:20px}
.fs24{font-size:24px}
.fs28{font-size:28px}
.fs32{font-size:32px}

/*=lineheight*/
.li12{line-height:1.2}
.li13{line-height:1.3}
.li14{line-height:1.4}
.li15{line-height:1.5}
.li16{line-height:1.6}
.li17{line-height:1.7}
.li18{line-height:1.8}
.li20{line-height:2}
.li22{line-height:2.2}
.li24{line-height:2.4}
.li26{line-height:2.6}
.li28{line-height:2.8}
.li30{line-height:3}
.li32{line-height:3.2}

/*=float xx*/
.flor,
.c-flor>*{float:right}
.flol,
.c-flol>*{float:left}
.flon,
.c-flon>*{float:none}
.i-flor{float:right!important}
.i-flol{float:left!important}
.i-flon{float:none!important}

/*=no xx*/
.nopo,
.c-nopo>*{position:static}
.nopa,
.c-nopa>*{padding:0}
.nopah,
.c-nopah>*{padding-left:0;padding-right:0}
.nopav,
.c-nopav>*{padding-top:0;padding-bottom:0}
.noma,
.c-noma>*{margin:0}
.nomah,
.c-nomah>*{margin-left:0;margin-right:0}
.nomav,
.c-nomav>*{margin-top:0;margin-bottom:0}
.nowi,
.c-nowi>*{width:0}
.nohi,
.c-nohi>*{height:0}
.noop,
.c-noop>*{opacity:0}
.noov,
.c-noov>*,
.noof,
.c-noof>*{overflow:hidden}
.novi,
.c-novi>*{visibility:hidden}
.nora,
.c-nora>*{border-radius:0}
.noba,
.o-noba:hover,
.c-noba>*{background:none}
.nobo,
.c-nobo>*{border:none}
.nobot,
.c-nobot>*{border-top:none}
.nobor,
.c-nobor>*{border-right:none}
.nobob,
.c-nobob>*{border-bottom:none}
.nobol,
.c-nobol>*{border-left:none}
.noboh,
.c-noboh>*{border-left:none;border-right:none}
.nobov,
.c-nobov>*{border-top:none;border-bottom:none}
.nobs,
.nobs:hover,
.nobs:focus{box-shadow:none}
.nots{text-shadow:none}
.nofs{font-style:normal}
.noli{line-height:1}
.noti{text-indent:0}
.nows{word-spacing:0}
.nols{letter-spacing:0}
.noqo{quotes:none}
.nobe:before,
.noqo:before{display:none}
.noaf:after,
.noqo:after{display:none}
.notra{transform:none}
.nodeco,
.nodeco a{text-decoration:none}
.i-nopo{position:static!important}
.i-nopa{padding:0!important}
.i-nopah{padding-left:0!important;padding-right:0!important}
.i-nopav{padding-top:0!important;padding-bottom:0!important}
.i-noma{margin:0!important}
.i-nomah{margin-left:0!important;margin-right:0!important}
.i-nomav{margin-top:0!important;margin-bottom:0!important}
.i-nora{border-radius:0!important}
.i-noba{background:none!important}
.i-nobo{border:none!important}
.i-nobs{box-shadow:none!important}
.i-nots{text-shadow:none!important}
.i-nofs{font-style:normal!important}
.i-noli{line-height:1!important}
.i-nowi{width:0!important}
.i-nohi{height:0!important}
.i-noov,
.i-noof{overflow:hidden!important}
.i-notra{transform:none!important}

/*=auto xx*/
.auma{margin:auto}
.aumah{margin-left:auto;margin-right:auto}
.aumav{margin-top:auto;margin-bottom:auto}
.auwi{width:auto}
.auhi{height:auto}
.aule{left:auto}
.auri{right:auto}
.auto{top:auto}
.aubo{bottom:auto}
.aufs{font-size:1em}
.auof{overflow:auto}
.i-auma{margin:auto!important}
.i-aumah{margin-left:auto!important;margin-right:auto!important}
.i-aumav{margin-top:auto!important;margin-bottom:auto!important}
.i-auwi{width:auto!important;min-width:0!important}
.i-auhi{height:auto!important;min-height:0!important}
.i-aule{left:auto!important}
.i-auri{right:auto!important}
.i-auto{top:auto!important}
.i-aubo{bottom:auto!important}
.i-aufs{font-size:1em!important}
.i-auof{overflow:auto!important}

/*=a padding*/
.apa,
.c-apa>*{padding:1em}
.apat,
.c-apat>*{padding-top:1em}
.apar,
.c-apar>*{padding-right:1em}
.apab,
.c-apab>*{padding-bottom:1em}
.apal,
.c-apal>*{padding-left:1em}
.apah,
.c-apah>*{padding-left:1em;padding-right:1em}
.apav,
.c-apav>*{padding-top:1em;padding-bottom:1em}
.i-apa{padding:1em!important}
.i-apat{padding-top:1em!important}
.i-apar{padding-right:1em!important}
.i-apab{padding-bottom:1em!important}
.i-apal{padding-left:1em!important}
.i-apah{padding-left:1em!important;padding-right:1em!important}
.i-apav{padding-top:1em!important;padding-bottom:1em!important}

/*=half a padding*/
.hapa,
.c-hapa>*{padding:.5em}
.hapat,
.c-hapat>*{padding-top:.5em}
.hapar,
.c-hapar>*{padding-right:.5em}
.hapab,
.c-hapab>*{padding-bottom:.5em}
.hapal,
.c-hapal>*{padding-left:.5em}
.hapah,
.c-hapah>*{padding-left:.5em;padding-right:.5em}
.hapav,
.c-hapav>*{padding-top:.5em;padding-bottom:.5em}
.i-hapa{padding:.5em!important}
.i-hapat{padding-top:.5em!important}
.i-hapar{padding-right:.5em!important}
.i-hapab{padding-bottom:.5em!important}
.i-hapal{padding-left:.5em!important}
.i-hapah{padding-left:.5em!important;padding-right:.5em!important}
.i-hapav{padding-top:.5em!important;padding-bottom:.5em!important}

/*=a margin*/
.ama,
.c-ama>*{margin:1em}
.amat,
.c-amat>*{margin-top:1em}
.amar,
.c-amar>*{margin-right:1em}
.amab,
.c-amab>*{margin-bottom:1em}
.amal,
.c-amal>*{margin-left:1em}
.amah,
.c-amah>*{margin-left:1em;margin-right:1em}
.amav,
.c-amav>*{margin-top:1em;margin-bottom:1em}
.i-ama{margin:1em!important}
.i-amat{margin-top:1em!important}
.i-amar{margin-right:1em!important}
.i-amab{margin-bottom:1em!important}
.i-amal{margin-left:1em!important}
.i-amah{margin-left:1em!important;margin-right:1em!important}
.i-amav{margin-top:1em!important;margin-bottom:1em!important}

/*=half a margin*/
.hama,
.c-hama>*{margin:.5em}
.hamat,
.c-hamat>*{margin-top:.5em}
.hamar,
.c-hamar>*{margin-right:.5em}
.hamab,
.c-hamab>*{margin-bottom:.5em}
.hamal,
.c-hamal>*{margin-left:.5em}
.hamah,
.c-hamah>*{margin-left:.5em;margin-right:.5em}
.hamav,
.c-hamav>*{margin-top:.5em;margin-bottom:.5em}
.i-hama{margin:.5em!important}
.i-hamat{margin-top:.5em!important}
.i-hamar{margin-right:.5em!important}
.i-hamab{margin-bottom:.5em!important}
.i-hamal{margin-left:.5em!important}
.i-hamah{margin-left:.5em!important;margin-right:.5em!important}
.i-hamav{margin-top:.5em!important;margin-bottom:.5em!important}

/*=minus a margin*/
.mama,
.c-mama>*{margin:-1em}
.mamat,
.c-mamat>*{margin-top:-1em}
.mamar,
.c-mamar>*{margin-right:-1em}
.mamab,
.c-mamab>*{margin-bottom:-1em}
.mamal,
.c-mamal>*{margin-left:-1em}
.mamah,
.c-mamah>*{margin-left:-1em;margin-right:-1em}
.mamav,
.c-mamav>*{margin-top:-1em;margin-bottom:-1em}
.i-mama{margin:-1em!important}
.i-mamat{margin-top:-1em!important}
.i-mamar{margin-right:-1em!important}
.i-mamab{margin-bottom:-1em!important}
.i-mamal{margin-left:-1em!important}
.i-mamah{margin-left:-1em!important;margin-right:-1em!important}
.i-mamav{margin-top:-1em!important;margin-bottom:-1em!important}


/*=clear*/
.clear:after,
.cols:after,
.rows:after,
.band:after,
.tead:after,
.inner:after,
ul:after,
ol:after{content:"";display:table;clear:both}
.cleb{clear:both}
.clel{clear:left}
.cler{clear:right}
.clen{clear:none}

/*=size width*/
.wi1{width:1em}
.wi2{width:2em}
.wi3{width:3em}
.wi4{Width:4em}
.wi5{width:5em}
.wi6{width:6em}
.wi7{width:7em}
.wi8{width:8em}
.wi9{Width:9em}
.wi10{width:10em}
.wi15{width:15em}
.wi20{width:20em}
.wi25{width:25em}
.wi30{width:30em}
/*=size height*/
.hi1{height:1em}
.hi2{height:2em}
.hi3{height:3em}
.hi4{height:4em}
.hi5{height:5em}
.hi6{height:6em}
.hi7{height:7em}
.hi8{height:8em}
.hi9{height:9em}
.hi10{height:10em}
.hi15{height:15em}
.hi20{height:20em}
.hi25{height:25em}
.hi30{height:30em}
/*=size padding*/
.pat2{padding-top:2em}
.pat3{padding-top:3em}
.pat4{padding-top:4em}
.pat5{padding-top:5em}
.pat10{padding-top:10em}
.pat15{padding-top:15em}
.pat20{padding-top:20em}
.pat25{padding-top:25em}
.pat30{padding-top:30em}
.par2{padding-right:2em}
.par3{padding-right:3em}
.par4{padding-right:4em}
.par5{padding-right:5em}
.par10{padding-right:10em}
.par15{padding-right:15em}
.par20{padding-right:20em}
.par25{padding-right:25em}
.par30{padding-right:30em}
.pab2{padding-bottom:2em}
.pab3{padding-bottom:3em}
.pab4{padding-bottom:4em}
.pab5{padding-bottom:5em}
.pab10{padding-bottom:10em}
.pab15{padding-bottom:15em}
.pab20{padding-bottom:20em}
.pab25{padding-bottom:25em}
.pab30{padding-bottom:30em}
.pal2{padding-left:2em}
.pal3{padding-left:3em}
.pal4{padding-left:4em}
.pal5{padding-left:5em}
.pal10{padding-left:10em}
.pal15{padding-left:15em}
.pal20{padding-left:20em}
.pal25{padding-left:25em}
.pal30{padding-left:30em}
.pav2{padding-top:2em;padding-bottom:2em}
.pav3{padding-top:3em;padding-bottom:3em}
.pav4{padding-top:4em;padding-bottom:4em}
.pav5{padding-top:5em;padding-bottom:5em}
.pav10{padding-top:10em;padding-bottom:10em}
.pav15{padding-top:15em;padding-bottom:15em}
.pav20{padding-top:20em;padding-bottom:20em}
.pav25{padding-top:25em;padding-bottom:25em}
.pav30{padding-top:30em;padding-bottom:30em}
.pah2{padding-left:2em;padding-right:2em}
.pah3{padding-left:3em;padding-right:3em}
.pah4{padding-left:4em;padding-right:4em}
.pah5{padding-left:5em;padding-right:5em}
.pah10{padding-left:10em;padding-right:10em}
.pah15{padding-left:15em;padding-right:15em}
.pah20{padding-left:20em;padding-right:20em}
.pah25{padding-left:25em;padding-right:25em}
.pah30{padding-left:30em;padding-right:30em}
/*=size margin*/
.mat2{margin-top:2em}
.mat3{margin-top:3em}
.mat4{margin-top:4em}
.mat5{margin-top:5em}
.mat10{margin-top:10em}
.mat15{margin-top:15em}
.mat20{margin-top:20em}
.mat25{margin-top:25em}
.mat30{margin-top:30em}
.mar2{margin-right:2em}
.mar3{margin-right:3em}
.mar4{margin-right:4em}
.mar5{margin-right:5em}
.mar10{margin-right:10em}
.mar15{margin-right:15em}
.mar20{margin-right:20em}
.mar25{margin-right:25em}
.mar30{margin-right:30em}
.mab2{margin-bottom:2em}
.mab3{margin-bottom:3em}
.mab4{margin-bottom:4em}
.mab5{margin-bottom:5em}
.mab10{margin-bottom:10em}
.mab15{margin-bottom:15em}
.mab20{margin-bottom:20em}
.mab25{margin-bottom:25em}
.mab30{margin-bottom:30em}
.mal2{margin-left:2em}
.mal3{margin-left:3em}
.mal4{margin-left:4em}
.mal5{margin-left:5em}
.mal10{margin-left:10em}
.mal15{margin-left:15em}
.mal20{margin-left:20em}
.mal25{margin-left:25em}
.mal30{margin-left:30em}
.mav2{margin-top:2em;margin-bottom:2em}
.mav3{margin-top:3em;margin-bottom:3em}
.mav4{margin-top:4em;margin-bottom:4em}
.mav5{margin-top:5em;margin-bottom:5em}
.mav10{margin-top:10em;margin-bottom:10em}
.mav15{margin-top:15em;margin-bottom:15em}
.mav20{margin-top:20em;margin-bottom:20em}
.mav25{margin-top:25em;margin-bottom:25em}
.mav30{margin-top:30em;margin-bottom:30em}
.mah2{margin-left:2em;margin-right:2em}
.mah3{margin-left:3em;margin-right:3em}
.mah4{margin-left:4em;margin-right:4em}
.mah5{margin-left:5em;margin-right:5em}
.mah10{margin-left:10em;margin-right:10em}
.mah15{margin-left:15em;margin-right:15em}
.mah20{margin-left:20em;margin-right:20em}
.mah25{margin-left:25em;margin-right:25em}
.mah30{margin-left:30em;margin-right:30em}

/*=position xx (h-alf)*/
.pofi{position:fixed;z-index:999}
.pofi.full{left:0;right:0;top:0;bottom:0}
.pore{position:relative}
.poab{position:absolute}
.pori{right:0}
.porih{right:50%}
.pole{left:0}
.poleh{left:50%}
.poto{top:0}
.potoh{top:50%}
.pobo{bottom:0}
.poboh{bottom:50%}
.poce{left:50%;top:50%;transform:translate(-50%,-50%)}
.pocet{top:50%;transform:translateY(-50%)}
.i-pofi{position:fixed!important}
.i-pore{position:relative!important}
.i-poab{position:absolute!important}
.i-pori{right:0!important}
.i-porih{right:50%!important}
.i-pole{left:0!important}
.i-poleh{left:50%!important}
.i-poto{top:0!important}
.i-potoh{top:50%!important}
.i-pobo{bottom:0!important}
.i-poboh{bottom:50%!important}
.i-poce{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.i-pocet{top:50%!important;transform:translateY(-50%)!important}

/*=position top*/
.pot1{top:1em;}
.pot2{top:2em;}
.pot3{top:3em;}
.pot4{top:4em;}
.pot5{top:5em;}
.pot6{top:6em;}
.pot7{top:7em;}
.pot8{top:8em;}
.pot9{top:9em;}
.pot10{top:10em;}
.pot15{top:15em;}
.pot20{top:20em;}
.pot25{top:25em;}
.pot30{top:30em;}
/*=position left*/
.por1{right:1em;}
.por2{right:2em;}
.por3{right:3em;}
.por4{right:4em;}
.por5{right:5em;}
.por6{right:6em;}
.por7{right:7em;}
.por8{right:8em;}
.por9{right:9em;}
.por10{right:10em;}
.por15{right:15em;}
.por20{right:20em;}
.por25{right:25em;}
.por30{right:30em;}
/*=position bottom*/
.pob1{bottom:1em;}
.pob2{bottom:2em;}
.pob3{bottom:3em;}
.pob4{bottom:4em;}
.pob5{bottom:5em;}
.pob6{bottom:6em;}
.pob7{bottom:7em;}
.pob8{bottom:8em;}
.pob9{bottom:9em;}
.pob10{bottom:10em;}
.pob15{bottom:15em;}
.pob20{bottom:20em;}
.pob25{bottom:25em;}
.pob30{bottom:30em;}
/*=position left*/
.pol1{left:1em;}
.pol2{left:2em;}
.pol3{left:3em;}
.pol4{left:4em;}
.pol5{left:5em;}
.pol6{left:6em;}
.pol7{left:7em;}
.pol8{left:8em;}
.pol9{left:9em;}
.pol10{left:10em;}
.pol15{left:15em;}
.pol20{left:20em;}
.pol25{left:25em;}
.pol30{left:30em;}

.z-0{z-index:0}
.z-1{z-index:1}
.z-99{z-index:99}
.z-999{z-index:999}

/*=for ie*/
/* .col2{*width:17.97%}
.cole{*width:31.23%}
.col{*width:22.97%}
.col4{*width:37.95%}
.col5{*width:47.93%}
.col7{*width:67.9%}
.join .col{*width:24.99%}
table{width:100% \9;border-color:#ccc \9}
table[width]{width:auto \9}
table th,table td{border-color:#ccc \9}
thead{background-color:#ddd \9}
tbody th,
.toot{background-color:#f9f9f9 \9}
tfoot{background-color:#eee \9}
label,input,select,textarea,button,
.btn,
form.inset > *,
fieldset{border:1px solid #ccc \9;border-color:rgba(0,0,0,.2) \9\0}
.border,.abo,
.tab,
.band{border:1px solid #ddd \9}
.abot,.abor,.abob,.abol,.abov,.aboh,
.pag,
pre,
pre code{border-color:#ddd \9;border-color:rgba(0,0,0,.1) \9\0}
.bg,
.tead,
pre,
pre code,
code ol{background-color:#eee \9}
.nite{background-color:#111 \9;color:#eee \9}
.darkest{background-color:#333 \9;color:#999 \9}
.darker{background-color:#777 \9;color:#eee \9}
.dark{background-color:#aaa \9;color:#eee \9}
.lite{background-color:#fff \9;color:#111 \9;border-color:#eee \9}
.clear,
.cols,
.band,
.tead,
ul,ol{*zoom:1;*overflow:hidden} */

/*=wide screen | window*/
@media only screen and (max-width: 1200px) {

	/*=grid*/
	.w-col1{width:8%}
	.w-col2{width:18%}
	.w-col{width:23%}
	.w-col3{width:28%}
	.w-col4{width:38%}
	.w-col5{width:48%}
	.w-col6{width:58%}
	.w-col7{width:68%}
	.w-col8{width:78%}
	.w-col9{width:88%}
	.w-cole{width:31.33%}
	.w-cole6{width:14.66%}
	.w-cole7{width:12.28%}
	.w-cole8{width:10.5%}
	.w-cole9{width:9.11%}
	.w-col10,
	.w-coless{width:98%}

	.join>.w-col1,
	.w-row1{width:10%}
	.join>.w-col2,
	.w-row2{width:20%}
	.join>.w-col,
	.w-row{width:25%}
	.join>.w-col3,
	.w-ro3{width:30%}
	.join>.w-col4,
	.w-row4{width:40%}
	.join>.w-col5,
	.w-row5{width:50%}
	.join>.w-col6,
	.w-row6{width:60%}
	.join>.w-col7,
	.w-row7{width:70%}
	.join>.w-col8,
	.w-row8{width:80%}
	.join>.w-col9,
	.w-row9{width:90%}
	.join>.w-cole,
	.w-rowe{width:33.33%}
	.join>.w-cole6,
	.w-rowe6{width:16.66%}
	.join>.w-cole7,
	.w-rowe7{width:14.28%}
	.join>.w-cole8,
	.w-rowe8{width:12.5%}
	.join>.w-cole9,
	.w-rowe9{width:11.11%}
	.join>.w-col10,
	.join>.w-coless,
	.w-rowless{width:100%}

	/*=size*/
	.w-wide{width:100%}
	.w-hite{height:100%}
	.w-show{display:block}
	.w-hide{display:none}
	.w-80{width:80px;height:80px}
	.w-64{width:64px;height:64px}
	.w-48{width:48px;height:48px}
	.w-32{width:32px;height:32px}
	.w-16{width:16px;height:16px}

	/*=font*/
	.w-bold{font-weight:bold}
	.w-regu{font-weight:normal}
	.w-slim{font-weight:100}
	.w-skew{font-style:italic}
	.w-small{font-size:.88em}
	.w-norm{font-size:1em}
	.w-big{font-size:1.15em}

	/*=hn*/
	.w-h1{font-size:2.4em}
	.w-h2{font-size:2em}
	.w-h3{font-size:1.5em}
	.w-h4{font-size:1.15em}
	.w-h5{font-size:.88em}
	.w-h6{font-size:.75em}

	/*=word*/
	.w-wobre{word-break:break-all}
	.w-nowra{white-space:nowrap}

	/*=text spacing*/
	.w-ati{text-indent:1em}
	.w-aws{word-spacing:1em}
	.w-als{letter-spacing:1em}
	.w-hati{text-indent:.5em}
	.w-haws{word-spacing:.5em}
	.w-hals{letter-spacing:.5em}

	/*=text align*/
	.w-tal{text-align:left}
	.w-tar{text-align:right}
	.w-tac,
	.w-center{text-align:center}
	.w-taj{text-align:justify}
	.w-taja{text-align:justify;text-align-last:justify;text-justify:inter-ideograph}

	/*=float xx*/
	.w-flor{float:right}
	.w-flol{float:left}
	.w-flon{float:none}
	.w-cleb{clear:both}
	.w-clel{clear:left}
	.w-cler{clear:right}
	.w-clen{clear:none}

	/*=position xx (h-alf)*/
	.w-pofi{position:fixed}
	.w-pore{position:relative}
	.w-poab{position:absolute}
	.w-pori{right:0}
	.w-porih{right:50%}
	.w-pole{left:0}
	.w-poleh{left:50%}
	.w-poto{top:0}
	.w-potoh{top:50%}
	.w-pobo{bottom:0}
	.w-poboh{bottom:50%}
	.w-poce{left:50%;top:50%;transform:translate(-50%,-50%)}

	/*=no xx*/
	.w-nopo{position:static}
	.w-nopa{padding:0}
	.w-nopah{padding-left:0;padding-right:0}
	.w-nopav{padding-top:0;padding-bottom:0}
	.w-noma{margin:0}
	.w-nomah{margin-left:0;margin-right:0}
	.w-nomav{margin-top:0;margin-bottom:0}
	.w-nowi{width:0}
	.w-nohi{height:0}
	.w-noop{opacity:0}
	.w-noov,
	.w-noof{overflow:hidden}
	.w-novi{visibility:hidden}
	.w-nora{border-radius:0}
	.w-noba{background:none}
	.w-nobo{border:none}
	.w-nobs{box-shadow:none}
	.w-nots{text-shadow:none}
	.w-noli{line-height:1}
	.w-noti{text-indent:0}
	.w-nows{word-spacing:0}
	.w-nols{letter-spacing:0}
	.w-noqo{quotes:none}
	.w-nobe:before,
	.w-noqo:before{display:none}
	.w-noaf:after,
	.w-noqo:after{display:none}
	.w-notra{transform:none}

	/*=border*/
	.w-abo,
	.w-border{border:1px solid rgba(0,0,0,.1)}
	.w-abot{border:solid rgba(0,0,0,.1);border-width:1px 0 0 0}
	.w-abor{border:solid rgba(0,0,0,.1);border-width:0 1px 0 0}
	.w-abob{border:solid rgba(0,0,0,.1);border-width:0 0 1px 0}
	.w-abol{border:solid rgba(0,0,0,.1);border-width:0 0 0 1px}
	.w-abov{border:solid rgba(0,0,0,.1);border-width:1px 0}
	.w-aboh{border:solid rgba(0,0,0,.1);border-width:0 1px}

	/*=auto xx*/
	.w-auma{margin:auto}
	.w-aumah{margin-left:auto;margin-right:auto}
	.w-aumav{margin-top:auto;margin-bottom:auto}
	.w-auwi{width:auto}
	.w-auhi{height:auto}
	.w-aule{left:auto}
	.w-auri{right:auto}
	.w-auto{top:auto}
	.w-aubo{bottom:auto}
	.w-aufs{font-size:1rem}
	.w-auof{overflow:auto}

	/*=padding*/
	.w-apa{padding:1em}
	.w-apat{padding-top:1em}
	.w-apar{padding-right:1em}
	.w-apab{padding-bottom:1em}
	.w-apal{padding-left:1em}
	.w-apah{padding-left:1em;padding-right:1em}
	.w-apav{padding-top:1em;padding-bottom:1em}
	.w-hapa{padding:.5em}
	.w-hapat{padding-top:.5em}
	.w-hapar{padding-right:.5em}
	.w-hapab{padding-bottom:.5em}
	.w-hapal{padding-left:.5em}
	.w-hapah{padding-left:.5em;padding-right:.5em}
	.w-hapav{padding-top:.5em;padding-bottom:.5em}

	/*=margin*/
	.w-ama{margin:1em}
	.w-amat{margin-top:1em}
	.w-amar{margin-right:1em}
	.w-amab{margin-bottom:1em}
	.w-amal{margin-left:1em}
	.w-amah{margin-left:1em;margin-right:1em}
	.w-amav{margin-top:1em;margin-bottom:1em}
	.w-hama{margin:.5em}
	.w-hamat{margin-top:.5em}
	.w-hamar{margin-right:.5em}
	.w-hamab{margin-bottom:.5em}
	.w-hamal{margin-left:.5em}
	.w-hamah{margin-left:.5em;margin-right:.5em}
	.w-hamav{margin-top:.5em;margin-bottom:.5em}
	.w-mama{margin:-1em}
	.w-mamat{margin-top:-1em}
	.w-mamar{margin-right:-1em}
	.w-mamab{margin-bottom:-1em}
	.w-mamal{margin-left:-1em}
	.w-mamah{margin-left:-1em;margin-right:-1em}
	.w-mamav{margin-top:-1em;margin-bottom:-1em}

	.w-bg{background-color:rgba(0,0,0,.05)}

	.w-block,
	.wc-block>*{display:block}
	.w-inline,
	.wc-inline>*{display:inline}
	.w-inlock,
	.wc-inlock>*{display:inline-block}
}

/*=large screen | landscape*/
@media only screen and (max-width: 800px) {

	/*=grid*/
	.l-col1{width:8%}
	.l-col2{width:18%}
	.l-col{width:23%}
	.l-col3{width:28%}
	.l-col4{width:38%}
	.l-col5{width:48%}
	.l-col6{width:58%}
	.l-col7{width:68%}
	.l-col8{width:78%}
	.l-col9{width:88%}
	.l-cole{width:31.33%}
	.l-cole6{width:14.66%}
	.l-cole7{width:12.28%}
	.l-cole8{width:10.5%}
	.l-cole9{width:9.11%}
	.l-col10,
	.l-coless{width:98%}

	.join>.l-col1,
	.l-row1{width:10%}
	.join>.l-col2,
	.l-row2{width:20%}
	.join>.l-col,
	.l-row{width:25%}
	.join>.l-col3,
	.l-row3{width:30%}
	.join>.l-col4,
	.l-row4{width:40%}
	.join>.l-col5,
	.l-row5{width:50%}
	.join>.l-col6,
	.l-row6{width:60%}
	.join>.l-col7,
	.l-row7{width:70%}
	.join>.l-col8,
	.l-row8{width:80%}
	.join>.l-col9,
	.l-row9{width:90%}
	.join>.l-cole,
	.l-rowe{width:33.33%}
	.join>.l-cole6,
	.l-rowe6{width:16.66%}
	.join>.l-cole7,
	.l-rowe7{width:14.28%}
	.join>.l-cole8,
	.l-rowe8{width:12.5%}
	.join>.l-cole9,
	.l-rowe9{width:11.11%}
	.join>.l-col10,
	.join>.l-coless,
	.l-rowless{width:100%}

	/*=size*/
	.l-wide{width:100%}
	.l-hite{height:100%}
	.l-show{display:block}
	.l-hide{display:none}
	.l-80{width:80px;height:80px}
	.l-64{width:64px;height:64px}
	.l-48{width:48px;height:48px}
	.l-32{width:32px;height:32px}
	.l-16{width:16px;height:16px}

	/*=font*/
	.l-bold{font-weight:bold}
	.l-regu{font-weight:normal}
	.l-slim{font-weight:100}
	.l-skew{font-style:italic}
	.l-small{font-size:.88em}
	.l-norm{font-size:1em}
	.l-big{font-size:1.15em}

	/*=hn*/
	.l-h1{font-size:2.4em}
	.l-h2{font-size:2em}
	.l-h3{font-size:1.5em}
	.l-h4{font-size:1.15em}
	.l-h5{font-size:.88em}
	.l-h6{font-size:.75em}

	/*=word*/
	.l-wobre{word-break:break-all}
	.l-nowra{white-space:nowrap}

	/*=text spacing*/
	.l-ati{text-indent:1em}
	.l-aws{word-spacing:1em}
	.l-als{letter-spacing:1em}
	.l-hati{text-indent:.5em}
	.l-haws{word-spacing:.5em}
	.l-hals{letter-spacing:.5em}

	/*=text align*/
	.l-tal{text-align:left}
	.l-tar{text-align:right}
	.l-tac,
	.l-center{text-align:center}
	.l-taj{text-align:justify}
	.l-taja{text-align:justify;text-align-last:justify;text-justify:inter-ideograph}

	/*=float xx*/
	.l-flor{float:right}
	.l-flol{float:left}
	.l-flon{float:none}
	.l-cleb{clear:both}
	.l-clel{clear:left}
	.l-cler{clear:right}
	.l-clen{clear:none}

	/*=position xx (h-alf)*/
	.l-pofi{position:fixed}
	.l-pore{position:relative}
	.l-poab{position:absolute}
	.l-pori{right:0}
	.l-porih{right:50%}
	.l-pole{left:0}
	.l-poleh{left:50%}
	.l-poto{top:0}
	.l-potoh{top:50%}
	.l-pobo{bottom:0}
	.l-poboh{bottom:50%}
	.l-poce{left:50%;top:50%;transform:translate(-50%,-50%)}

	/*=no xx*/
	.l-nopo{position:static}
	.l-nopa{padding:0}
	.l-nopah{padding-left:0;padding-right:0}
	.l-nopav{padding-top:0;padding-bottom:0}
	.l-noma{margin:0}
	.l-nomah{margin-left:0;margin-right:0}
	.l-nomav{margin-top:0;margin-bottom:0}
	.l-nowi{width:0}
	.l-nohi{height:0}
	.l-noop{opacity:0}
	.l-noov,
	.l-noof{overflow:hidden}
	.l-novi{visibility:hidden}
	.l-nora{border-radius:0}
	.l-noba{background:none}
	.l-nobo{border:none}
	.l-nobs{box-shadow:none}
	.l-nots{text-shadow:none}
	.l-noli{line-height:1}
	.l-noti{text-indent:0}
	.l-nows{word-spacing:0}
	.l-nols{letter-spacing:0}
	.l-noqo{quotes:none}
	.l-nobe:before,
	.l-noqo:before{display:none}
	.l-noaf:after,
	.l-noqo:after{display:none}
	.l-notra{transform:none}

	/*=border*/
	.l-abo,
	.l-border{border:1px solid rgba(0,0,0,.1)}
	.l-abot{border:solid rgba(0,0,0,.1);border-width:1px 0 0 0}
	.l-abor{border:solid rgba(0,0,0,.1);border-width:0 1px 0 0}
	.l-abob{border:solid rgba(0,0,0,.1);border-width:0 0 1px 0}
	.l-abol{border:solid rgba(0,0,0,.1);border-width:0 0 0 1px}
	.l-abov{border:solid rgba(0,0,0,.1);border-width:1px 0}
	.l-aboh{border:solid rgba(0,0,0,.1);border-width:0 1px}

	/*=auto xx*/
	.l-auma{margin:auto}
	.l-aumah{margin-left:auto;margin-right:auto}
	.l-aumav{margin-top:auto;margin-bottom:auto}
	.l-auwi{width:auto}
	.l-auhi{height:auto}
	.l-aule{left:auto}
	.l-auri{right:auto}
	.l-auto{top:auto}
	.l-aubo{bottom:auto}
	.l-aufs{font-size:1rem}
	.l-auof{overflow:auto}

	/*=padding*/
	.l-apa{padding:1em}
	.l-apat{padding-top:1em}
	.l-apar{padding-right:1em}
	.l-apab{padding-bottom:1em}
	.l-apal{padding-left:1em}
	.l-apah{padding-left:1em;padding-right:1em}
	.l-apav{padding-top:1em;padding-bottom:1em}
	.l-hapa{padding:.5em}
	.l-hapat{padding-top:.5em}
	.l-hapar{padding-right:.5em}
	.l-hapab{padding-bottom:.5em}
	.l-hapal{padding-left:.5em}
	.l-hapah{padding-left:.5em;padding-right:.5em}
	.l-hapav{padding-top:.5em;padding-bottom:.5em}

	/*=margin*/
	.l-ama{margin:1em}
	.l-amat{margin-top:1em}
	.l-amar{margin-right:1em}
	.l-amab{margin-bottom:1em}
	.l-amal{margin-left:1em}
	.l-amah{margin-left:1em;margin-right:1em}
	.l-amav{margin-top:1em;margin-bottom:1em}
	.l-hama{margin:.5em}
	.l-hamat{margin-top:.5em}
	.l-hamar{margin-right:.5em}
	.l-hamab{margin-bottom:.5em}
	.l-hamal{margin-left:.5em}
	.l-hamah{margin-left:.5em;margin-right:.5em}
	.l-hamav{margin-top:.5em;margin-bottom:.5em}
	.l-mama{margin:-1em}
	.l-mamat{margin-top:-1em}
	.l-mamar{margin-right:-1em}
	.l-mamab{margin-bottom:-1em}
	.l-mamal{margin-left:-1em}
	.l-mamah{margin-left:-1em;margin-right:-1em}
	.l-mamav{margin-top:-1em;margin-bottom:-1em}

	.l-bg{background-color:rgba(0,0,0,.05)}

	.l-block,
	.lc-block>*{display:block}
	.l-inline,
	.lc-inline>*{display:inline}
	.l-inlock,
	.lc-inlock>*{display:inline-block}

}

/*=small screen | smart phone*/
@media only screen and (max-width: 480px) {

	/*=grid*/
	.s-col1{width:8%}
	.s-col2{width:18%}
	.s-col{width:23%}
	.s-col3{width:28%}
	.s-col4{width:38%}
	.s-col5{width:48%}
	.s-col6{width:58%}
	.s-col7{width:68%}
	.s-col8{width:78%}
	.s-col9{width:88%}
	.s-cole{width:31.33%}
	.s-cole6{width:14.66%}
	.s-cole7{width:12.28%}
	.s-cole8{width:10.5%}
	.s-cole9{width:9.11%}
	.s-col10,
	.s-coless{width:98%}

	.join>.s-col1,
	.s-row1{width:10%}
	.join>.s-col2,
	.s-row2{width:20%}
	.join>.s-col,
	.s-row1{width:25%}
	.join>.s-col3,
	.s-row3{width:30%}
	.join>.s-col4,
	.s-row4{width:40%}
	.join>.s-col5,
	.s-row5{width:50%}
	.join>.s-col6,
	.s-row6{width:60%}
	.join>.s-col7,
	.s-row7{width:70%}
	.join>.s-col8,
	.s-row8{width:80%}
	.join>.s-col9,
	.s-row9{width:90%}
	.join>.s-cole,
	.s-rowe{width:33.33%}
	.join>.s-cole6,
	.s-rowe6{width:16.66%}
	.join>.s-cole7,
	.s-rowe7{width:14.28%}
	.join>.s-cole8,
	.s-rowe8{width:12.5%}
	.join>.s-cole9,
	.s-rowe9{width:11.11%}
	.join>.s-col10,
	.join>.s-coless,
	.s-rowless{width:100%}

	/*=size*/
	.s-wide{width:100%}
	.s-hite{height:100%}
	.s-show{display:block}
	.s-hide{display:none}
	.s-80{width:80px;height:80px}
	.s-64{width:64px;height:64px}
	.s-48{width:48px;height:48px}
	.s-32{width:32px;height:32px}
	.s-16{width:16px;height:16px}

	/*=font*/
	.s-bold{font-weight:bold}
	.s-regu{font-weight:normal}
	.s-slim{font-weight:100}
	.s-skew{font-style:italic}
	.s-small{font-size:.88em}
	.s-norm{font-size:1em}
	.s-big{font-size:1.15em}

	/*=hn*/
	.s-h1{font-size:2.4em}
	.s-h2{font-size:2em}
	.s-h3{font-size:1.5em}
	.s-h4{font-size:1.15em}
	.s-h5{font-size:.88em}
	.s-h6{font-size:.75em}

	/*=word*/
	.s-wobre{word-break:break-all}
	.s-nowra{white-space:nowrap}

	/*=text spacing*/
	.s-ati{text-indent:1em}
	.s-aws{word-spacing:1em}
	.s-als{letter-spacing:1em}
	.s-hati{text-indent:.5em}
	.s-haws{word-spacing:.5em}
	.s-hals{letter-spacing:.5em}

	/*=text align*/
	.s-tal{text-align:left}
	.s-tar{text-align:right}
	.s-tac,
	.s-center{text-align:center}
	.s-taj{text-align:justify}
	.s-taja{text-align:justify;text-align-last:justify;text-justify:inter-ideograph}

	/*=float xx*/
	.s-flor{float:right}
	.s-flol{float:left}
	.s-flon{float:none}
	.s-cleb{clear:both}
	.s-clel{clear:left}
	.s-cler{clear:right}
	.s-clen{clear:none}

	/*=position xx (h-alf)*/
	.s-pofi{position:fixed}
	.s-pore{position:relative}
	.s-poab{position:absolute}
	.s-pori{right:0}
	.s-porih{right:50%}
	.s-pole{left:0}
	.s-poleh{left:50%}
	.s-poto{top:0}
	.s-potoh{top:50%}
	.s-pobo{bottom:0}
	.s-poboh{bottom:50%}
	.s-poce{left:50%;top:50%;transform:translate(-50%,-50%)}

	/*=no xx*/
	.s-nopo{position:static}
	.s-nopa{padding:0}
	.s-nopah{padding-left:0;padding-right:0}
	.s-nopav{padding-top:0;padding-bottom:0}
	.s-noma{margin:0}
	.s-nomah{margin-left:0;margin-right:0}
	.s-nomav{margin-top:0;margin-bottom:0}
	.s-nowi{width:0}
	.s-nohi{height:0}
	.s-noop{opacity:0}
	.s-noov,
	.s-noof{overflow:hidden}
	.s-novi{visibility:hidden}
	.s-nora{border-radius:0}
	.s-noba{background:none}
	.s-nobo{border:none}
	.s-nobs{box-shadow:none}
	.s-nots{text-shadow:none}
	.s-noli{line-height:1}
	.s-noti{text-indent:0}
	.s-nows{word-spacing:0}
	.s-nols{letter-spacing:0}
	.s-noqo{quotes:none}
	.s-nobe:before,
	.s-noqo:before{display:none}
	.s-noaf:after,
	.s-noqo:after{display:none}
	.s-notra{transform:none}

	/*=border*/
	.s-abo,
	.s-border{border:1px solid rgba(0,0,0,.1)}
	.s-abot{border:solid rgba(0,0,0,.1);border-width:1px 0 0 0}
	.s-abor{border:solid rgba(0,0,0,.1);border-width:0 1px 0 0}
	.s-abob{border:solid rgba(0,0,0,.1);border-width:0 0 1px 0}
	.s-abol{border:solid rgba(0,0,0,.1);border-width:0 0 0 1px}
	.s-abov{border:solid rgba(0,0,0,.1);border-width:1px 0}
	.s-aboh{border:solid rgba(0,0,0,.1);border-width:0 1px}

	/*=auto xx*/
	.s-auma{margin:auto}
	.s-aumah{margin-left:auto;margin-right:auto}
	.s-aumav{margin-top:auto;margin-bottom:auto}
	.s-auwi{width:auto}
	.s-auhi{height:auto}
	.s-aule{left:auto}
	.s-auri{right:auto}
	.s-auto{top:auto}
	.s-aubo{bottom:auto}
	.s-aufs{font-size:1rem}
	.s-auof{overflow:auto}

	/*=padding*/
	.s-apa{padding:1em}
	.s-apat{padding-top:1em}
	.s-apar{padding-right:1em}
	.s-apab{padding-bottom:1em}
	.s-apal{padding-left:1em}
	.s-apah{padding-left:1em;padding-right:1em}
	.s-apav{padding-top:1em;padding-bottom:1em}
	.s-hapa{padding:.5em}
	.s-hapat{padding-top:.5em}
	.s-hapar{padding-right:.5em}
	.s-hapab{padding-bottom:.5em}
	.s-hapal{padding-left:.5em}
	.s-hapah{padding-left:.5em;padding-right:.5em}
	.s-hapav{padding-top:.5em;padding-bottom:.5em}

	/*=margin*/
	.s-ama{margin:1em}
	.s-amat{margin-top:1em}
	.s-amar{margin-right:1em}
	.s-amab{margin-bottom:1em}
	.s-amal{margin-left:1em}
	.s-amah{margin-left:1em;margin-right:1em}
	.s-amav{margin-top:1em;margin-bottom:1em}
	.s-hama{margin:.5em}
	.s-hamat{margin-top:.5em}
	.s-hamar{margin-right:.5em}
	.s-hamab{margin-bottom:.5em}
	.s-hamal{margin-left:.5em}
	.s-hamah{margin-left:.5em;margin-right:.5em}
	.s-hamav{margin-top:.5em;margin-bottom:.5em}
	.s-mama{margin:-1em}
	.s-mamat{margin-top:-1em}
	.s-mamar{margin-right:-1em}
	.s-mamab{margin-bottom:-1em}
	.s-mamal{margin-left:-1em}
	.s-mamah{margin-left:-1em;margin-right:-1em}
	.s-mamav{margin-top:-1em;margin-bottom:-1em}

	.s-bg{background-color:rgba(0,0,0,.05)}

	.s-block,
	.sc-block>*{display:block}
	.s-inline,
	.sc-inline>*{display:inline}
	.s-inlock,
	.sc-inlock>*{display:inline-block}

}