@charset "UTF-8";

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, caption, tr, th, td, a, img, address, iframe
{
	margin: 0;
	padding: 0;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
	font-size: 14px;
}

* {
  margin:0;
  padding:0;
  border:none;
  list-style:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

form {
  margin:10px auto;
  background:skyblue;
  width:387px;
  text-align:center;
  padding:40px 20px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
      -ms-border-radius: 6px;
       -o-border-radius: 6px;
          border-radius: 6px;
}

div{
	margin:20px auto;
	width:150px;
}

form > h1 {
  color:#fff;
  text-shadow:1px 1px 0px rgba(0, 0, 0, 0.7);
  font-weight:400;
  margin-bottom:20px;
  /*letter-spacing:0.5em;*/
}

h2{
	font-size:1.2em;
	margin-top:30px;
	color:#0073a2;
}

input {
  background:rgba(0, 0, 0, 0.2);
  color:#fff;
  text-shadow:1px 1px 0px rgba(0, 0, 0,0.3);
  display:block;
  width:269px;
  padding:15px;
  margin:auto;
  margin-bottom:10px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
      -ms-border-radius: 6px;
       -o-border-radius: 6px;
          border-radius: 6px;
  -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
  outline:none;
}

#loginbutton {
  position:relative;
  display:block;
  margin-top:15px;
  margin-bottom:15px;
  padding:7px;
  width:270px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
      -ms-border-radius: 6px;
       -o-border-radius: 6px;
          border-radius: 6px;
  -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
          transition: all .1s ease-in-out;
  font-size:1.2em;
  font-weight:600;
  background:#fff;
  color:#37A4bf;
  box-shadow:0px 3px 0px @bottom;
  cursor:pointer;
}

#loginbutton:active {
  top:3px;
  box-shadow:none;
}

input:focus {
  background:rgba(0, 0, 0, 0.1);
  .trans;
}

::-webkit-input-placeholder {
   color: rgba(225, 225, 225, 0.4);
}

:-moz-placeholder {
   color: rgba(225, 225, 225, 0.4); 
}

::-moz-placeholder {
   color: rgba(225, 225, 225, 0.4);
}

:-ms-input-placeholder {  
   color: rgba(225, 225, 225, 0.4);
}


iframe{	margin:auto;	display:block;	 width:580px; height:400px;	}

#informationbox{
	width:560px;
	line-height:1.6em;
}
div.infoitem {
	width:540px;
	text-align: center;
}

#noticetitle{
	font-weight:normal;
	color:red;
}
div.note {
	width:540px;
	padding-left:20px;
}