* {
    padding:0px;
    margin:0px;
    outline: none;
}
body 
{
    background-color:#000000;
	background-image: url(../img/cherry_trees_2.jpg);
	background-repeat: no-repeat;
    background-size: 100% 100%;
}
#logo {
    width: 100%;
}

#welcome {
    width: 80%;
}

hr 
{
    border: 1px solid #aaaaaa;
}

.dotted_hr 
{
    border: 1px dotted #aaaaaa;
    margin:3px;
}

a 
{
    text-decoration:none;
    color:#000000;
}

li 
{
    font-family:verdana;
    color:#000000;
    font-size: 14px;
    font-weight:normal;
    line-height: 1.5;
}

#password_input, .inputfield
{
    font-family:verdana;
	padding: 10px 0px 10px 0px;
	width:300px; 
	color:#000000;
	font-size:14px;
    background-color: rgba(255,255,255,0.7);
    border: 1px solid #aaa;
    border-radius: 10px 10px 10px 10px;   
    z-index:auto;
    text-align:center;
}

.btn 
{
    display: inline-block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 300px;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #efefef;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    text-align:center;   
    cursor:pointer; 
}

.mydata 
{
    text-align:left;
    padding-left:10px;
}

.large_input_field 
{
    text-align:left;
    padding-left:10px;
    width: 450px;
}

#page 
{
	text-align: center;
	padding-top:25px;
    z-index:auto;
    height: 100vh;
}

#logout
{
    text-align:right;
    margin-right:10px;
    margin-top:-20px;
    margin-bottom:5px;
}

#bottom
{
    text-align:center;
    margin-top:5px;
    margin-bottom:-20px;
    font-weight:normal;
}

a:link.top, a:visited.top, a:active.top
{
    font-family:tahoma;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	text-decoration:none;
}

a:link.footer, a:visited.footer, a:active.footer
{
    font-family:tahoma;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

a:link.textlink, a:visited.textlink, a:active.textlink
{
    font-family:tahoma;
	color:#000000;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

a.footer:hover, a.top:hover, a.textlink:hover, a:hover
{
	color:#4FACFF;
}

.select-css {
    display: inline-block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 300px;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    text-align:center;
}
.select-css::-ms-expand {
    display: none;
}
.select-css:hover {
    border-color: #888;
}
.select-css:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222; 
    outline: none;
}
.select-css option {
    font-weight:normal;
}

#outer_container {
    font-family: verdana;
    font-weight: bold;
    padding: 25px 25px 25px 25px;
    width: 90%;
    height: 90%;
    margin: 0 auto;
    top: 10px;
    background-color: rgba(255,255,255,0.7);
    border: solid 2px #ffffff;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px #222;
    -moz-box-shadow: 0px 0px 5px #222;
    box-shadow: 0px 0px 5px #222;
    z-index: auto;
    margin-bottom: 30px;
}
/*
.frontpage-block 
{
    width:40%;
    border: solid 1px #aaaaaa;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px #222;
	-moz-box-shadow: 0px 0px 5px #222;
	box-shadow: 0px 0px 5px #222;    
    display: inline-block;
    margin:10px;
    vertical-align:top;
    min-height:200px;
}
*/
.frontpage-block {
    width: 98%;
    display: inline-block;
    margin: 10px;
    vertical-align: top;
    border: solid 0px #000000;
    text-align:right;
    float: right;
}

#banhbao {
    float: right;
    border: solid 0px #000000;
    text-align: right;
    width:10%;
}

#banhbao_pic {
    width:100%;
}

#menu {
    float: right;
    min-height: 50px;
    border: solid 0px #000000;
    text-align: right;
    padding-right: 20px;
    padding-top: 30px;
}

.menu_text {
    font-family: Stencil;
    font-size: 2em;
}

.text 
{
    text-align:left;
    padding-left:50px;
    padding-right:50px;
}

.comment_padding 
{
    padding-left:20px;
    padding-right:20px;
}

.comment_box 
{
    border:1px solid #aaaaaa;
    border-radius: 10px 10px 10px 10px;
    padding:5px;
    background-color: #FCFCFC;
}

#inner_main_container {
    padding: 10px;
    width: 98%;
    height: 98%;
    background-color: #ffffff;
    border: solid 1px #000000;
    border-radius: 10px 10px 10px 10px;
    z-index: auto;
    background-image: url(../img/welcome.png);
    background-repeat: no-repeat;
    background-size:auto 100%;
    background-position: center;
}

.headline {
	font-family:tahoma;
	color:#000000;
	font-size:22px;
	font-weight:bold;
	font-style:italic;
	padding-top:10px;
	padding-bottom:30px;
}

.frontpage-block_headline 
{
	font-family:tahoma;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

.inputfield_headline 
{
	font-family:tahoma;
	color:#000000;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	padding-left:10px;
}

.inputfield_headline_small
{
	font-family:tahoma;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	padding-left:10px;
}

.subtitle {
	font-family:tahoma;
	color:#aaaaaa;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	padding-top:5px;
}

.title_medium
{
	font-family:tahoma;
	color:#000000;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
}

.content 
{
    color:#000000;
}

.graytext 
{
    color:#aaaaaa;   
}

table 
{
    padding:0px;
    border: 1px solid #aaaaaa;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0px 0px 5px #222;
	-moz-box-shadow: 0px 0px 5px #222;
	box-shadow: 0px 0px 5px #222; 
	display:inline-block;
}

.frontpage_table 
{
    width:100%;
    padding:0px;
    margin:0px;
    border-radius: 10px 10px 10px 10px;
	display:inline-block;
	min-height:200px; 
}

.mydata_table 
{
    width:60%;
    padding:0px;
    margin:0px;
    border-radius: 10px 10px 10px 10px;
	display:inline-block;
	min-height:200px; 
}

.my_table_td 
{
    width:50%;
}

td, .normal_text {
    font-family:tahoma;
	color:#000000;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding:8px;
}

.nopadding 
{
    padding:0px;
}

.border_top 
{
	border-top:1px solid #aaaaaa;
}
.border_bottom 
{
	border-top:1px solid #aaaaaa;
}
.border_left 
{
	border-left:1px solid #aaaaaa;
}
.border_right 
{
	border-right:1px solid #aaaaaa;
}

td.cell_header 
{
    background-color:#efefef;
    text-align:center;
    font-weight:bold;
}

textarea 
{
    font-family:tahoma;
	color:#000000;
	font-size:14px;
	font-weight:normal;
	padding:5px;
	width:700px;
	height:100px;
	background-color:#efefef;
}