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

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

/*=layout*/

section{}
div{border-radius:3px;}

/*=clear*/
.cols:after,
ul:after,
ol:after{content:".";font:0/0 arial;height:0;overflow:hidden;display:block;clear:both}


/*=list*/
ul{list-style:none;margin:0 0 3%;padding:0;}
ul ul{margin:0;padding-left:2em}
ul[class]{padding-left:2em}
ul.square{list-style-type:square;}
ul.disc{list-style-type:disc;}
ul.circle{list-style-type:circle;}
ul.dashed li{border-style:dashed}
ul li.ico{margin-left:-2em;}

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

.list{margin-top:1px;overflow:hidden;padding-left:0!important}
.list ul{margin-top:1px;overflow:hidden;}
.list li{border:solid rgba(0,0,0,.2);border-width:1px 0 0;margin:-1px 0 1px;padding:2%}

dd{padding-left:2em;margin:0;}

/*=grid*/
.cols{margin-left:-2%;padding:0!important;}
.cols>[class^='col']{float:left;margin-left:2%;}
.col1{width:8%;}
.col2{width:18%;}
.col{width:23%;}
.col3{width:31.3%;}
.col3.col{width:28%}
.col4{width:38%;}
.col5{width:48%;}
.col6{width:58%;}
.col7{width:68%;}
.col8{width:78%;}
.col9{width:88%;}

.cols.col2,
.cols.col3,
.cols.col4{width:auto}
.cols.col2>*{padding-left:20%;}
.inset.col2>*>input,
.inset.col2>*>select,
.inset.col2>*>textarea{padding-left:20%;}
.inset.col2>*>label{margin-left:20%;}
.cols.col2 dfn{width:18%;}
.cols.col3>*{padding-left:30%;}
.inset.col3>*>input,
.inset.col3>*>select,
.inset.col3>*>textarea{padding-left:30%;}
.inset.col3>*>label{margin-left:30%;}
.cols.col3 dfn{width:28%;}
.cols.col4>*{padding-left:40%;}
.inset.col4>*>input,
.inset.col4>*>select,
.inset.col4>*>textarea{padding-left:40%;}
.inset.col4>*>label{margin-left:40%;}
.cols.col4 dfn{width:38%;}

.cols.join{margin-right:0;}
.join>[class^='col']{margin-right:0;}
.join .col1{width:10%;}
.join .col2{width:20%;}
.join .col{width:25%;}
.join .col3,
.join .col3+.col3+.col3{width:33%;}
.join .col3+.col3{width:34%}
.join .col4{width:40%;}
.join .col5{width:50%;}
.join .col6{width:60%;}
.join .col7{width:67%;}
.join .col8{width:80%;}
.join .col9{width:90%;}

/*=typo*/
h1,h2,h3,h4,h5,h6{font-weight:100;margin:0 0 .5em;line-height:1.4;}
h1 b,h2 b,h3 b,h4 b,h5 b,h6 b{font-weight:bold}
h1{font-size:3em;}
h2{font-size:2.4em;}
h3{font-size:1.8em;}
h4{font-size:1.2em;}
h5{font-size:1em;}
h6{font-size:.8em;}

blockquote{quotes:none;margin:0 0 3% 3em}
blockquote:before{content:"“";font-size:7em;position:absolute;margin:.3em 0 0 -.4em;color:rgba(0,0,0,.2)}
blockquote:after{content:"”";font-size:7em;position:absolute;margin:.3em 0 0 .1em;color:rgba(0,0,0,.2)}
blockquote cite{display:block}
blockquote q::before,
blockquote q::after{display:none;}
blockquote q{padding:0}
blockquote p:last-child{margin-bottom:0;display:inline}

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 3%;position:relative;white-space:pre-wrap;word-wrap:break-word;counter-reset:line;}

a[target='_blank'],
a[rel='external']{margin-right:1em}
a[target='_blank']:after,
a[rel='external']:after{content:"↗";text-decoration:none;color:rgba(0,0,0,.5);border:1px solid rgba(0,0,0,.5);border-radius:1px;line-height:1;font-size:.6em;margin:.5em 0 0 .5em;position:absolute}

mark,samp,ins,kbd,tt{padding:.1em .3em;border-radius:3px;margin:0 .1em}
var,samp,code,tt{font-family:Courier;}
small{font-size:.8em}
big{font-size:1.2em}
em{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:rgba(0,0,0,.05);color:rgba(0,0,0,.8);text-shadow:1px 1px #fff;}
dfn{font-weight:bold;}
dfn:after{content:"://";color:#999;margin:0 0 0 3px;font-style:normal}
abbr{border-bottom:1px dotted rgba(0,0,0,.5);cursor:help}
q{quotes:none;padding:0 1em}
q:before{content:"“";font-size:2em;position:absolute;margin:.1em 0 0 -.4em;color:rgba(0,0,0,.5)}
q:after{content:"”";font-size:2em;position:absolute;margin:.1em 0 0 .1em;color:rgba(0,0,0,.5)}
sup,sub{font-size:.7em}
ins{box-shadow:1px 1px 2px 1px rgba(0,0,0,.2) inset;text-decoration:none;background:rgba(0,0,0,.05);}
samp{background:rgba(0,0,0,.05);}
var{font-weight:bold}

/*=form*/
input,button,textarea,select,label{font:1em/2.6em "微软雅黑",arial;text-shadow:1px 1px rgba(255,255,255,.8);border:solid rgba(0,0,0,.2);border-width:1px;padding:.5em;border-radius:3px;margin:0 0 .5em;color:rgba(0,0,0,.7);outline:none;background:rgba(255,255,255,.9);height:2.6em}
textarea{overflow:auto;height:auto}
select{padding:.45em .5em;}
select[size]{width:100%;padding:.1em;height:auto}
select[size] option{padding:.3em .5em;text-shadow:none;border-radius:3px}
label{display:inline-block;padding:.32em .6em;cursor:pointer;line-height:1.7em}
label[role='button'],
label.btn{padding:.62em;background:rgba(255,255,255,.9);margin:0 0 .5em!important}
label[role='button'] input,
label.btn input{margin:.2em .2em 0 0;}
label input{border:none;border-radius:0;padding:0;margin:.4em .5em 0 0;cursor:pointer;float:left;height:auto;}
input[type='text']:not([class^='col']),
input[type='password']:not([class^='col']),
input[type='file']:not([class^='col']),
input.block[type='text']:not([class^='col']),
textarea:not([class^='col']){width:100%}
input[size],
textarea[cols]{width:auto!important;max-width:100%}
option:selected{font-weight:bold;}

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.cols{margin-right:0;}
form.shade{box-shadow:none}
form>*,
form fieldset>*{margin:0 0 .5em}
form dfn{font-style:normal;}
form dfn::after{content:":"}
/*=block form*/
form.block dfn{display:block;line-height:1;margin:0 0 .4em}
form.block input,
form.block select,
form.block textarea{width:100%}
form.block label input{width:auto}
/*=grid form*/
form.cols>*{position:relative;}
form.cols dfn{overflow:hidden;position:absolute;left:0;line-height:1.2}
form.cols.center>*{text-align:left}
form.cols.center dfn{text-align:right}

form.cols>button:first-child,
form.cols>button:last-child{border-radius:3px;border-width:1px}

form.cols.join>*{float:left;border-radius:0;border-left-width:0;}
form.cols.join>:first-child{border-radius:3px 0 0 3px;border-left-width:1px}
form.cols.join>:last-child{border-radius:0 3px 3px 0;border-left-width:0;}
form.cols.join>label.readonly:hover{box-shadow:none!important}
/*=inset form*/
form.inset>*{border:solid rgba(0,0,0,.2);border-width:1px;border-radius:3px;cursor:inherit;padding:0!important;margin:0 0 1em}
form.inset>*:last-child{border-width:0;}
form.inset input,
form.inset select,
form.inset textarea{margin:0;border:none;width:100%}
form.inset button{margin:0;}
form.inset label{margin:0;border-width:0;border-radius:0;padding:.3em;}
form.inset label[class]{padding:.32em .6em}
form.inset label:not([class='disabled']):hover{box-shadow:none!important}
form.inset label+label{margin:0!important}
form.inset label input{margin:.4em .5em 0 0;width:auto}
form.inset>*>b{padding-left:.5em;overflow:inherit;top:.65em;}
form.inset :focus{}
form.inset :focus~span{display:none}
/*=inset bg form*/
form.inset.bg{background:inherit}
form.inset.bg dfn{background:rgba(0,0,0,.05);padding:.65em .5em;top:0;height:100%}

/*=button*/
button,
.btn,
[role='button'],
[type='button'],
[type='submit'],
[type='reset']{background:rgba(0,0,0,.1);cursor:pointer;display:inline-block;text-decoration:none;line-height:1.2;border:solid rgba(0,0,0,.2);border-width:1px;padding:.5em 1em;border-radius:3px;max-width:100%;}
button.block{width:100%}

.cols>button,
.cols>[role='button'],
.cols>.btn{float:left;border-radius:0;border-width:1px 1px 1px 0;margin:0}

.cols>button:first-child,
.cols>[role='button']:first-child,
.cols>.btn:first-child{border-width:1px;border-radius:3px 0 0 3px}

.cols>button:last-child,
.cols>[role='button']:last-child,
.cols>.btn:last-child{border-radius:0 3px 3px 0}

/*=table*/
table{border-collapse:collapse;font-size:1em;}
table:not([width]){width:100%}
table:not([cellpadding]) th,
table:not([cellpadding]) td{padding:.8em}
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);}

thead{background:rgba(0,0,0,.1);}

tbody th{background:rgba(0,0,0,.05);}

tfoot{background: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: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:rgba(0,0,0,.05)}

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

/*=decoration*/
hr{height:0;overflow:hidden;border:solid rgba(0,0,0,.2);border-width:1px 0 0;margin:3% 0}

.shadow{box-shadow:0 0 3px rgba(0,0,0,.3)}
.shadow.north{box-shadow:0 -3px 3px rgba(0,0,0,.2)}
.shadow.east{box-shadow:3px 0 3px rgba(0,0,0,.2)}
.shadow.south{box-shadow:0 3px 3px rgba(0,0,0,.2)}
.shadow.west{box-shadow:-3px 0 3px rgba(0,0,0,.2)}

.shade{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{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}

.shade input,
.shade textarea,
.shade select,
.shade label{box-shadow:0 0 .3em rgba(0,0,0,.1) inset}
.inset.shade label{box-shadow:none}

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

[readonly],
.readonly{background:rgba(0,0,0,.05);cursor:default;}

:focus,
label:not([class*='disabled']):hover{color:#000;box-shadow:0 0 .3em rgba(0,0,0,.3)!important}

.bold{font-weight:bold}
.bg{background:rgba(0,0,0,.2)}
.border{border:1px solid rgba(0,0,0,.2)!important}

.square{border-radius:0!important;}
.round{border-radius:3px!important;}
.circle{border-radius:9999px!important;}
.center{text-align:center;}
.block{display:block;}

.hint,
.ok,
.err,
.warn{color:rgba(255,255,255,.99);text-shadow:-1px -1px rgba(0,0,0,.5);font-weight:bold}
.hint{background-color:rgba(0,160,230,.8)}
.ok{background-color:rgba(150,200,0,.8)}
.warn{background-color:rgba(250,150,0,.8)}
.err{background-color:rgba(250,0,100,.8)}

.ico{padding-left:20px;background-repeat:no-repeat;background-position:0 50%;background-color:inherit;color:inherit;text-shadow:inherit;font-weight:inherit}
.ico.ok{background-image:url(ok.gif);}

/*=box*/
.box{padding:18px 0}
.box>*{margin-left:18px;margin-right:18px}

/*=for ie*/
.col5{*width:47.9%;}