@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500');

html, body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: rgb(255, 255, 255);
	font-family: Arial, sans-serif;
	font-family: Helvetica, sans-serif;
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	background-color: rgb(60, 60, 60);
}

#loading{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgb(60, 60, 60);
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	z-index: 100;
}

*{
	top: 0px;
	left: 0px;
}

*:focus{
	outline: none;
	border: none;
}

a{
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

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

p{
	margin: 0px;
	padding: 0px;
}

h1, h2, h3{
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	font-size: inherit;
	font-weight: 500;
}

a:hover{
	text-decoration: underline;
}

	header{
		width: 100%;
		min-height: 0px;
		box-sizing: border-box;
	}

		header div:first-of-type{
			width: 100%;
			height: 36px;
			line-height: 36px;
			border-bottom: 1px dashed rgb(80, 80, 80);
			color: rgb(230, 230, 230);
			text-align: center;
			font-size: 0.92em;
		}

			header div:first-of-type div a:first-of-type{
				margin-right: 25px;
			}

		header div:nth-of-type(2){
			padding: 60px;
			min-height: 0px;
			box-sizing: border-box;
			text-align: center;
		}

			header div:nth-of-type(2) img{
				width: 100%;
				max-width: 400px;
				height: auto;
			}

	nav{
		width: 100%;
		height: 50px;
		background-color: rgb(90, 90, 90);
		text-align: center;
	}

		#btn_menu{
			cursor: pointer;
			padding-left: 15px;
			padding-right: 15px;
			min-width: 0px;
			height: 100%;
			line-height: 50px;
			font-size: 1.2em;
			display: none;
		}

			#btn_menu_icon{
				position: relative;
				float: left;
				margin-top: 15px;
				margin-right: 20px;
				width: 21px;
				height: 21px;
				overflow: hidden;
			}

				#btn_menu_icon div{
					position: absolute;
					top: auto;
					width: 100%;
					height: 3px;
					background-color: rgb(255, 255, 255);
					border-radius: 1px;
					transition: all 0.3s;
					-webkit-transition: all 0.3s;
					-moz-transition: all 0.3s;
				}

				#btn_menu_icon div:nth-of-type(1){
					top: 0px;
				}
				#btn_menu_icon div:nth-of-type(2){
					top: 50%;
					margin-top: -1px;
				}
				#btn_menu_icon div:nth-of-type(3){
					bottom: 0px;
				}

		nav ul{
			min-width: 0px;
			height: 100%;
			display: inline-block;
		}

			nav ul li{
				cursor: pointer;
				float: left;
				padding-left: 25px;
				padding-right: 25px;
				min-width: 0px;
				height: 100%;
				line-height: 50px;
				transition: all 0.3s;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
			}

				nav ul li div{
					margin-top: -15px;
					width: 100%;
					height: 2px;
					background-color: rgb(255, 255, 255);
					opacity: 0.0;
					pointer-events: none;
					transition: all 0.3s;
					-webkit-transition: all 0.3s;
					-moz-transition: all 0.3s;
				}

				nav ul li:hover div{
					margin-top: -10px;
					opacity: 1.0;
				}

	main{
		position: relative;
		width: 100%;
		min-height: 0px;
	}

		#menu_dropdown{
			position: absolute;
			margin: 0px auto;
			padding: 40px;
			width: 100%;
			max-width: 880px;
			min-height: 0px;
			box-sizing: border-box;
			pointer-events: none;
			z-index: 2;
		}

			#menu_dropdown ul{
				position: absolute;
				height: 0px;
				background-color: rgb(100, 100, 100);
				border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
				box-sizing: border-box;
				pointer-events: auto;
				overflow: hidden;
				transition: height 0.2s;
				-webkit-transition: height 0.2s;
				-moz-transition: height 0.2s;
				-webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.8);
				-moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.8);
				box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.8);
			}

				#menu_dropdown ul a:hover{
					text-decoration: none;
				}

					#menu_dropdown ul a li{
						padding-left: 15px;
						padding-right: 15px;
						width: 100%;
						font-size: 0.9em;
						text-align: center;
						box-sizing: border-box;
					}

					#menu_dropdown ul a li:not(.li_s){
						height: 40px;
						line-height: 40px;
					}

					#menu_dropdown ul a li:hover{
						background-color: rgb(115, 115, 115);
					}

			#dropdown_s{
				width: 100%;
				text-align: center;
				overflow: scroll;
			}

				.li_s{
					height: 50px;
					line-height: 50px;
				}

		#content{
			margin: 0px auto;
			padding: 40px;
			padding-top: 60px;
			padding-bottom: 60px;
			width: 100%;
			max-width: 800px;
			min-height: 0px;
			line-height: 1.9em;
			font-size: 1.1em;
			box-sizing: border-box;
			overflow: hidden;
		}

			#content h1{
				margin-bottom: 35px;
				text-align: center;
				font-size: 1.6em;
			}
			
			#content h2{
				font-size: 1.1em;
			}
			
			#content p{
				font-weight: 200;
			}

				#content p a{
					color: rgb(0, 170, 245);
				}

		table{
			width: 100%;
			min-width: 0px;
		}

				td{
					padding: 10px;
					border: 1px solid rgb(110, 110, 110);
					box-sizing: border-box;
				}

		#banner{
			position: relative;
			width: 100%;
			height: 10vw;
			min-height: 90px;
			max-height: 110px;
			overflow: hidden;
		}

			#banner img{
				width: 100%;
				height: auto;
			}

			#banner div{
				position: absolute;
				width: 100%;
				height: 100%;
				background-color: rgb(255, 255, 255);
				opacity: 0.3;
			}

	footer{
		width: 100%;
		min-height: 0px;
		background-color: rgb(100, 100, 100);
		overflow: hidden;
	}

		footer div:nth-of-type(2){
			margin: 0px auto;
			padding: 15px;
			padding-left: 40px;
			padding-right: 40px;
			width: 100%;
			max-width: 800px;
			min-height: 0px;
			line-height: 1.8em;
			font-size: 0.9em;
			color: rgb(240, 240, 240);
			box-sizing: border-box;
			overflow: hidden;
		}

			footer div:nth-of-type(2) span{
				float: left;
			}

			footer div:nth-of-type(2) span:last-of-type{
				float: right;
				left: auto;
				right: 0px;
			}			

@media screen and (max-width: 600px){

body{
	font-size: 12px;
}

table{
	font-size: 10px;
}

	#btn_menu{
		display: inline-block;
	}

	nav ul{
		display: none;
	}
	
		header div:nth-of-type(2){
			padding: 40px;
		}

}