@charset "utf-8";
/* CSS Document */
* {margin: 0 auto;}
body {
	
	margin: 0;
	color: #cecece;
	background: #1d1e21;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


			
/* header */
#top{width:100%;height:50px;background-color:#204066; z-index:99999;position: absolute;}

#text_name{padding:15px;font-size:45px;font-weight:bold;margin-top:5px;}
#ros{color:#c59900; text-shadow: #000 -1px -1px 0, #fff 1px 1px 0;}
#gid{color:#003369; text-shadow: #0f3854 -1px -1px 0, #477cb5 1px 1px 0;}

/* main */
#login{float:right;}
nav#top_login {position: relative;text-align: center;}
nav#top_login:hover a {
    color: transparent;
    text-shadow: 0 0 3px #CC5C00;
}
nav#top_login a {
    color: #fff;
    display: inline-block;
    font-family: tahoma;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 150px;
}
nav#top_login a:hover {
    border-bottom: 5px solid #FF7300;
    color: #FF7300;
    text-shadow: none;
}
@media screen and (max-width: 620px) {
	nav#top_login a {
		width: 49%;
	}
}
@media screen and (max-width: 300px) {
	nav#top_login a {
		width: 100%;
	}
}
/* slide */
.container_1{margin-top:-50px;border-top:2px solid #0f3854; border-bottom:2px solid #0f3854;box-shadow: 0 0 10px rgba(0,0,0,0.5);}






#bottom{color:#fff;z-index:9999; width:100%;height:350px; background-color:#204066; float:left; border-top:2px solid #0f3854;box-shadow: 0 0 10px rgba(0,0,0,0.5); margin-top:35px;}
#bottom_text{width:1024px;text-align:center; padding:20px;}