/*
 * Webpick.css
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
body {font-family:-apple-system, BlinkMacSystemFont,"Helvetica Neue", Helvetica, Microsoft YaHei, Tahoma,'Microsoft Sans Serif', Arial, 'Arial Black',"Verdana", sans-serif; line-height:1.6em;color: #6f6f6f; background-color: #fff;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {text-decoration: none;} a:link { text-decoration:none; color:#369; } a:visited { text-decoration:none; } a:hover { text-decoration:underline; color:orange; } a:active { text-decoration:none; }
h1,h2,h3,h4,h5,h6{margin: 0.5em 0 0.4em 0;}
h1{font-size:188%;} h2{font-size:150%;} h3{font-size: 132%;} h4{font-size: 116%;} h5{font-size: 108%;} h6 {font-size:100%;}

/* Layout */
.lft {float:left;} .rgt {float:right;} .clean { float:none; clear:both; }
.clear {zoom: 1; overflow:hidden;}
.clear:after {display:block; content:'.'; clear:both; line-height:0; font-size: 0px; visibility:hidden;}
.facet {padding:10px 10px;}
dl.facet dt { font-weight:bold; padding:5px 0;}

/* Element */
button, input, select, textarea {font:inherit; display:inline-block;box-sizing: border-box;}
button, input, select, textarea {padding:.3em .6em;}
button, input, select {vertical-align:middle;}
select {height: 2em; margin:.35em 0 .65em 0;}
textarea {height: 3.5em;}
textarea {font-family: "Lucida Console", Monaco, monospace;}
input.normal, textarea.normal { background-color:#FFF; }
input.focus, textarea.focus { border-color:#727272;background-color:#FFFBD5}
input.error, textarea.error { border-color:#D5060D;background-color:#FEF5F5}
input[type=button],input[type=submit],input[type=reset], button{outline:none; padding-left: 1em; padding-right: 1em; text-decoration:none;background:#7dc36b;color:#fff}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,button:hover{background:#5eb348;color:#fff}
/* Radius */
input, select, textarea, button {-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
/* Border */
input[type=button],input[type=submit],input[type=reset], button {border:1px solid #7dc36b;}
input, select, textarea {border: 1px solid #ccc;}
/* Unstable */
.message {color:white; background-color:#989830;padding:5px;}

/* Forms */
.form {margin: 0px;}
.form input[type="text"], .form input[type="password"], .form textarea {width: 100%;}
.form .label { padding-top: 8px; padding-bottom: 8px; padding-right:10px; text-align:right;}

/* Table */
.table {border:0px; border-collapse: collapse; margin:0 auto; padding:0px; width:100%; background-color:#fff;}
.table tbody tr:nth-child(odd) td,.table tbody tr:nth-child(odd) th {background-color: #f9f9f9;}
.table td, .table th {padding-top:5px; padding-bottom:5px;}
.table input[type=checkbox] {margin: 0px 0px;}

/* Page */
#wrapper {width: 100%; margin:0px auto; text-align: left; background: #fff;} /* Width of "page" */
#header, #content, #footer { margin: 0; border-left: #000 solid 0px; border-right: #000 solid 0px; border-bottom: #000 solid 0px; }
#header, #footer { background-color:#f5f5f5; }

/* for pure css */
.pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=text], .pure-form select, .pure-form textarea {padding: 0.3em 0.6em;}
.pure-form select {height: 2.3em;}