/*
  - omuen.css
  - Build: 2017-11-12
  - GUID: 1106998678468001895030322068211092689070
*/

* {
  outline: none;
  box-sizing: border-box;
  scrollbar-width: thin;
  font-family: "verdana", "Microsoft Yahei";
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

html {
  margin: 0;
  padding: 0;
  height:100%;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
}

div {
  margin:0;
  padding:0;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}

img {
  margin: 0;
  padding: 0;
  border: 0px;
  vertical-align: middle;
}

input {
  outline: none;
  vertical-align: middle;
  border-radius: 0px;
  -webkit-appearance: none;
  appearance: none;
}
input[type="text"], input[type="password"] {
  border: solid 1px #EAEAEA;
  border-radius: 3px;
  padding: 0.25rem 0.5rem;
}


textarea {
  resize: none;
  outline: none;
  border: solid 1px silver;
  -webkit-appearance: none;
  appearance: none;
}

form {
  margin:0;
  padding: 0;
}

hr {
  height: 1px;
  border: none 0 black;
  color: silver;
  background-color: silver;
}

button {
  color: white;
  margin:0;
  padding:0 20px;
  font-size: 0.875rem;
  line-height: 2em;
  font-family: verdana, "Microsoft Yahei";
  border: none 1px gray;
  vertical-align: middle;
  border-radius: 5px;
  background: rgba(0,0,0,0.25);
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

button:active {
  background: rgba(0,0,0,0.20);
}

button:focus {
  outline: none;
}

input::-moz-focus-inner {border:0; padding:0}
button::-moz-focus-inner {border:0; padding:0}

h1 {font-size:36px;}
h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}


a { text-decoration: none; color:#006291; }
a:link {color:#006291;}
a:visited {color:#006291;}
a:hover { text-decoration: none; color: #FF6633; }

em {
  font-weight: normal;
  font-style: normal;
}

small {
  font-size: 0.8em;
}

mark {
  background-color: transparent;
}

i, b {
  font-weight: normal;
  font-style:normal;
}

.o-full {
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.o-view {
  margin:0;
  padding: 3em 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: white;
  transition: all 0.3s ease-out;
}

.o-no-bars {
  padding: 0;
}

.o-no-header {
  padding: 0 0 3em 0;
}
.o-no-footer {
  padding: 3em 0 0 0;
}

.o-header {
  color: white;
  background-color: #242424;
  margin-top: -3em;
  height: 3em;
  line-height: 3em;
  padding: 0 1em;
  overflow: hidden;
}
.o-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.o-footer {
  color: white;
  background-color: #242424;
  margin-bottom: -3em;
  height: 3em;
  line-height: 3em;
  padding: 0 1em;
  overflow: hidden;
}


.o-scroll {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.o-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.o-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: rgba(0,0,0,0.2);
}
.o-scroll::-webkit-scrollbar-track {
  border-radius: 0;
  background: rgba(0,0,0,0.01);
}

.o-listview {
  margin: 0;
  padding: 0;
  background-color: white;
  list-style-type: none;
}

.o-listview > * {
  display: block;
  margin: 0;
  padding: 0.5em 1em;
  border: none;
  line-height: 1.8em;
  border-bottom: solid 1px #EAEAEA;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.o-listview-header {
  background-color: #EAEAEA;
}

.o-center {
  text-align: center;
}

.o-small {
  font-size: 0.75em;
}
.o-gray {
  color: #DDDDDD;
}
.o-padding-2em {
  padding: 2em;
}