@charset "utf-8";
* {margin:0px; padding:0px; box-sizing:border-box; }
html {overflow-y:scroll; height:100%; }
*:focus {outline:none; }
::selection {color:#fff;background:#999; }
::-moz-selection {color:#fff;background:#999;}
ul {list-style:none; }
img {max-width:100%; height:auto; -webkit-user-select:none; }
p {padding:10px 0; line-height:150%; }

.break_word {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
}

.clear {clear:both; }
.clear:before,
.clear:after {content:" "; display:table; } 
.clear:after {clear:both; }
.hide {display:none; }
.center {margin:auto; text-align:center; }
.line {display:block; height:0.5px; margin:7px 0; border-bottom:#e3e3e3 1px solid; }
.right {float:right; }

body {height:100%; text-align:center; font-family:Verdana, Geneva, sans-serif; font-style:normal; font-weight:normal; font-size:14px; line-height:22px; color:#2b2b2b; background-color:#FCFCFC; }

a {color:#2b2b2b; text-decoration:underline; }

h1, h2, h3 {display:block; margin:0px; padding:15px 0px 20px 0px; font-size:30px; font-weight:100; color:#2b2b2b; font-family:Verdana, Geneva, sans-serif; letter-spacing:0em; line-height:130%; font-weight: 700; }
h2 {font-size:20px; }

#o {display:inline-block; padding:5px; font-weight:normal; color:green; }
#u {display:inline-block; padding:5px; font-weight:normal; color:red; }

table {border-collapse:collapse; }
table tr td {padding:10px; line-height:120%; }

.table tr td {border:1px solid #aaa; }
.table tr.title {background-color:#CCC; font-weight:bold; }

input, select, textarea {padding:5px 9px; font-family:Verdana, Geneva, sans-serif; color:#444; }
textarea {width:100%; min-height:60px; }
label:hover {cursor:pointer; color:#444; }
input[type=checkbox],
input[type=radio] {width:auto; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
textarea {word-wrap:break-word; resize:vertical; }
button {cursor:pointer; border:none; }

.button {display:inline-block; padding:7px 15px; text-decoration:none; font-weight:bold; color:#FCFCFC!important; cursor:pointer; background-color:#222; border:#222 1px solid; }
.button:hover {background-color:#000; }

.input {height:40px; }

/* POPUP */
.popup_bg {position:fixed; z-index:888888; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4); }
.popup_box {position:fixed; z-index:777777; left:0; top:0; width:100%; height:100%; text-align:center; }
.popup_box:after {display:inline-block; height:100%; width:0; vertical-align:middle; content:''; }
.popup_win {display:inline-block; position:relative; z-index:999999; vertical-align:middle; min-width:320px max-width:95%; max-height:80%; overflow-x:auto; overflow-y:none; padding:15px; border:#666 2px solid; background-color:#fff; }
.popup_win h2 {color:#FFF; }
.popup_title {display:block; margin:-15px -15px 10px -15px; padding:10px; color:#FFF; background:#404040; }
.popup_close {float:right; margin:0; cursor:pointer; font-weight:bold; font-size:20px; }
.popup_close:hover {color:#808000; }

body {
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
align-items:center;
align-content:center;
}

#header {margin:5px 0 0 0; }

#content {max-width:700px; flex-grow:1; padding:20px; text-align:left; }

#footer {width:100%; padding:20px; background-color:#333; }
#copyright {font-size:11px; color:#fff; }
#page_info {display:none; }