body, th, td, div, span, input, select, textarea {font-family: '微軟正黑體', Arial; font-size: 14px; color: #e0e0e0;}
body	{
	background-image: url(../image/bg.png);
	background-color: #131611;
	margin: 0;
}

h1,h2,h3,h4,h5,h6 {font-family: '微軟正黑體', Arial;}

a {color: #609dff}

.Orbitron 	{font-family: Orbitron, '微軟正黑體', sans-serif;}
.s8 	{font-size: 8px;}
.s10 	{font-size: 10px;}
.s12 	{font-size: 12px;}
.s14 	{font-size: 14px;}
.s16 	{font-size: 16px;}
.s18 	{font-size: 18px;}
.s20 	{font-size: 20px;}
.s24 	{font-size: 24px;}
.s28 	{font-size: 28px;}
.s32 	{font-size: 32px;}
.s36 	{font-size: 36px;}
.text1 	{font-size: 24px;}
.fr 	{float: right;}
.none 	{display: none;}
.center {text-align: center;}
.mt5 	{margin-top: 5px;}
.mt10 	{margin-top: 10px;}
.mt20 	{margin-top: 20px;}
.mt30 	{margin-top: 30px;}
.mt40 	{margin-top: 40px;}
.mb30 	{margin-bottom: 30px;}
.mb40 	{margin-bottom: 40px;}
.menu_div {width: 170px; display: inline-block; vertical-align:top;}

@media only screen and (max-width: 600px) {
	.s16 	{font-size: 12px;}
	.s20 	{font-size: 14px;}
	.s24 	{font-size: 18px;}
	.s28 	{font-size: 22px;}
	.s32 	{font-size: 26px;}
	.s36 	{font-size: 30px;}
	.text1 	{font-size: 20px;}
	.menu_div {display: block;}
}

.menu a 		{display: block; color: #ffffff; text-decoration: none;}
.menu a:hover 	{color: #448EB3;}

.line {
	border-top: 1px solid #30363B;
	border-bottom: 1px solid #5A666E;
}

.line2 {
	height: 3px; background-color: #326A86;
}

div#page_top {
	height: 8px;
	background-color: #808590;
}

h2 {
	background-image: url(../image/bg_menu.png);
	background-color: #434C52; color: #e0e0e0; 
	width: 240px; height: 37px;
	margin: 0 0 20px 0; padding: 0 0 0 7px;
	font-family: Orbitron, '微軟正黑體', sans-serif;
	font-size: 24px; font-weight: bold;
	border-left: 14px solid #326A86;
	z-index: 99;
}

h3 {color: #609dff;}

.menu-button {
	position:fixed; top:31px; right:15px; z-index:100;
}

div.menu {
	position: absolute; top: 70px; right: 0; 
	background-image: url(../image/bg_menu.png);
	background-color: #434C52; color: #ffffff; 
	font-size: 20px; line-height: 200%;
	width: 550px; height: 350px;
	padding: 10px;
	z-index: 99;
	display: none;
	opacity: 0.95;
	filter:alpha(opacity=95);
}

@media only screen and (max-width: 600px) {
	div.menu {width: 200px; height: 650px;}
}

div.menu_footer {
	position: absolute; left: -5px; bottom: 0; 
	background-color: #808590; color: #ffffff; 
	font-size: 20px;
	width: 650px; height: 25px;
	line-height: 100%;
}

.login-button {
	position:absolute; right:55px;
}

div.login {
	position: absolute; top: 70px; right: 15px; 
	background-image: url(../image/bg_menu.png);
	background-color: #434C52; color: #ffffff; 
	font-size: 20px; line-height: 200%;
	width: 230px; height: 250px;
	padding: 10px 10px;
	z-index: 99;
	display: none;
	opacity: 0.98;
	filter:alpha(opacity = 58);
}

.arrow_lr {
	position: fixed; top: 50%;
	opacity: 0.8; z-index: 98;
}

div.cube {
	float:left; opacity: 0.8;
	filter:alpha(opacity = 80);
}

div.cube_text {
	position: absolute; top: 0px;
	background-color: #303030; color: #e0e0e0;
	width: 100%; height: 50px;
	opacity: 0.98;
}

div.cube_text td {
	padding: 0 10px;
}

#content_wrapper {
	width: 100%; height: 700px; overflow: auto;
	padding: 0 15px;
}

#content {
	width: 1690px;
}

/* form */

.box {
	background-image: url(../image/bg_box.png);
	background-color: #2B2F31; color: #8E99F;
	padding: 7px;
	border: 0;
	border-top: 1px solid #202421;
	width: 200px;;
}
.box:focus {
	border: 2px solid #8B6B22;
}

.btn_blue {
	width: 80px; height: 31px;
	background-color: #36728E; color: #C7D5DD;
	border: 0;
}
.btn_blue:hover {
	background-color: #369FD2;
	cursor: pointer;
}
.btn_cyan {
	width: 80px; height: 31px;
	background-color: #369FD2; color: #C7D5DD;
	border: 0;
}

.client_div {
	background-color: rgba(255,255,255,0.2);
	margin: auto;
	width: 300px; 
}
.client_div img {width: 300px; height: 226px;}
.client_div a {text-decoration: none;}
.client_div a:hover p {color: rgb(254,100,0);}

form.std_form .th {
	font-size: 18px;
	border-left: 3px solid #609dff;
	background-color: rgba(255,255,255,0.2);
	padding: 5px 10px;
}
form.std_form .w3-row {padding-bottom: 20px;}
form.std_form .w3-input,select {background: none; border: 1px solid #aaa; margin-left: 5px; border-radius: 5px;}
form.std_form select option {color: #606060;}
@media only screen and (max-width: 600px) {
	form.std_form .w3-input {margin: 5px 0 0 0;}
}