body {font-family: arial,Microsoft Yahei; color: #333;}
body,ul,li,dl,dd,dt,span,h1,h2,h3,h4,h5 {margin: 0px; padding: 0px;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0); color: #000;}
a:hover{opacity:1}
ul,li {list-style: none; }
.ml3 {margin-left: 3px;}
.margin-left {margin-left: 5px;}
.margin-top {margin-top: 5px;}
.clearfix {zoom: 1;}
.clearfix:after {content: "";display: table;clear: both;}
header {-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
header {background-color: #00afe3;-webkit-box-shadow: inset 0 -1px #009ecc, 0 1px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 -1px #009ecc, 0 1px rgba(0,0,0,0.1);-ms-box-shadow: inset 0 -1px #009ecc, 0 1px rgba(0,0,0,0.1);-o-box-shadow: inset 0 -1px #009ecc, 0 1px rgba(0,0,0,0.1);box-shadow: inset 0 -1px #009ecc, 0 1px rgba(0,0,0,0.1);}
header, body > aside > footer, body > section > footer {height: 46px;line-height: 46px;}
header > .title.centered,.title.centered {position: absolute;left: 1.6em;right: 1.6em;text-align: center;display: inline-block;color: #f4f4f4;font-size:1.3em;}
header nav a, header nav button {position: relative;text-align: center;float: left;height: 46px;min-width: 46px;}
header nav a > .icon, header nav button > .icon {font-size: 1.5em;}
header > nav:not(.on-right) a, section header > nav:not(.on-right) button {color: #006988;text-shadow: 0 0.1em #00c5ff;}

input[type="text"].border,input[type="number"].border,input[type="password"] {border-radius: 0.2em; border: 2px solid #dadada; padding: .3em .4em;}
button.accept,.button.accept {background-color: #2ecc71;}
button.anchor {width: 100%;position: relative;padding: 0;}
.button.anchor, article button.anchor {width: 100%;position: relative;padding: 0;}
button { height: 40px; color: #fff;font-weight: 600;text-shadow: 0 1px rgba(0,0,0,0.1);line-height: 2.5em; display: inline-block;border: none;cursor: pointer;font-family: inherit;font-weight: inherit;text-align: center;text-decoration: none;outline: none;background: none;font-size: inherit;}
.button { height: 40px; color: #fff;font-weight: 600; line-height: 2.5em; border: none; display: inline-block; cursor: pointer;font-family: inherit;text-align: center;text-decoration: none;outline: none;background: none;}

form input:not([type="checkbox"]), .form input:not([type="checkbox"]), form textarea, .form textarea, form select, .form select, form .progress, .form .progress, form label.select, .form label.select, form [data-control-progress], .form [data-control-progress] {font-size: 1em;}
form input[type="text"].error, .form input[type="text"].error, form input[type="password"].error, .form input[type="password"].error, form input[type="date"].error, .form input[type="date"].error, form input[type="datetime"].error, .form input[type="datetime"].error, form input[type="email"].error, .form input[type="email"].error, form input[type="number"].error, .form input[type="number"].error, form input[type="search"].error, .form input[type="search"].error, form input[type="tel"].error, .form input[type="tel"].error, form input[type="time"].error, .form input[type="time"].error, form input[type="url"].error, .form input[type="url"].error, form select.error, .form select.error, form textarea.error, .form textarea.error, form label.select.error, .form label.select.error, form input[type="text"]:required, .form input[type="text"]:required, form input[type="password"]:required, .form input[type="password"]:required, form input[type="date"]:required, .form input[type="date"]:required, form input[type="datetime"]:required, .form input[type="datetime"]:required, form input[type="email"]:required, .form input[type="email"]:required, form input[type="number"]:required, .form input[type="number"]:required, form input[type="search"]:required, .form input[type="search"]:required, form input[type="tel"]:required, .form input[type="tel"]:required, form input[type="time"]:required, .form input[type="time"]:required, form input[type="url"]:required, .form input[type="url"]:required, form select:required, .form select:required, form textarea:required, .form textarea:required, form label.select:required, .form label.select:required {color: #e74c3c !important;border-color: #e74c3c !important;}
form textarea,.form textarea{min-height:2.5em;line-height:1.2em; width: 97%;display: block;position: relative; border: 2px solid #dadada; border-radius: 0.2em; background-color: #fff;}
form input[type="text"],form input[type="number"],form input[type="password"] {width: 97%;display: block;position: relative; border: 2px solid #dadada; }

ul.round,.round {border: 1px solid #C6C6C6;background-color: rgba(255, 255, 255, 0.9);text-align: left;font-size: 14px;line-height: 24px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-moz-box-shadow: 0 1px 1px #f6f6f6;-webkit-box-shadow: 0 1px 1px #f6f6f6;box-shadow: 0 1px 1px #f6f6f6;margin-bottom: 11px;display: block;}
ul.round li {border: solid #C6C6C6;border-width: 0 0 1px 0;padding: 0px 10px 0 10px;line-height: 22px;}
a {text-decoration: none;}
h1,h2,h3,h4,h5,ul,li {margin: 0px; padding: 0px;}
.on-left{float:left}
.on-right{float:right}

.text.italic{font-style:italic}
.text.underline{text-decoration:underline}
.text.line-through{text-decoration:line-through}
.text.align_left{text-align:left}
.text.align_right{text-align:right}
.text.align_center{text-align:center}
.text.align_justify{text-align:justify}
.text.tiny{font-size:.8em}
.text.small{font-size:.9em}
.text.big{font-size:1.2em}
.text.large{font-size:1.4em}
.text.opacity{opacity:.5}

.list li {background: #fff;font-weight: 300;list-style-type: none;position: relative;text-align: -webkit-match-parent;line-height: inherit; overflow: hidden;}
.list li.arrow::after {position: absolute;right: .5em;top: 45%;width: .5em;height: .5em;content: '';border-right: .25em solid;border-top: .25em solid;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.list li.arrow::after {border-color: #cfcfcf;}
.list li:not(.anchor) {border-bottom: inset 1px #cfcfcf;}
.list li:not(.big) {padding: .8em;}

form label:not(.select), .form label:not(.select) {display: inline-block;font-size: .9em;line-height: inherit;margin: .15em 0;}
form label, .form label {color: #6d6d6d;font-weight: 300;}

#header {position:fixed; width:100%; z-index:1; top:0px;}
#articleBody {margin-top: 45px;}