﻿@charset "utf-8";
/* CSS Document */
body
{
	font-family:微軟正黑體;
}
select,select option
{
	padding:5px;
}
input[type='text'],input[type='file'],input[type='password'],textarea,.button
{
	width:200px;
	font-size:13px;
	padding:5px;
	background:#4C4C4C;
	color:#E7E7E7;
	border:none;
	font:Open Sans,'微軟正黑體';
	font-weight:600;
}
input[type='button'],input[type='submit'],input[type='reset'],button,.button
{
  padding:5px 10px;
  margin:2px;
  border-radius:5px;
	background:#000;
	color:#fff;
	border:none;
	cursor:pointer;
	font-size:13px;
	text-decoration:none;
}
input[type='button']:hover,input[type='submit']:hover,input[type='reset']:hover,button:hover,.button:hover
{
	background:#F1B878;
}
input:focus
{
	outline:none;
}
#main
{
	width:1022px;
	min-height:766px;
	border:#000 1px solid;
	margin:60px auto 10px auto;
}
#top
{
	display:block;
	height:100px;
}
#top2
{
	display:block;
	height:50px;
	background: -webkit-linear-gradient(top,#666,#333);
	background: -ms-linear-gradient(top,#666,#333);
	background: -moz-linear-gradient(top,#666,#333);
	background: linear-gradient(top,#666,#333);
}
#top2 a
{
	display:inline-block;
	width:200px;
	padding:12px 20px 12px 20px;
	text-align:center;
	color:#ccc;
	text-decoration:none;
	font:normal 22px/26px Open Sans,'微軟正黑體';
	transition:all ease-in .3s;
}
#top2 a:hover
{
	color:#FFF;
}
#text
{
	display:block;
	height:38px;
	box-shadow:#CCC 0px 0px 10px 1px inset;
	background-color: #1e1e1e;
}
#text span
{
	width:10%;
	display:inline-block;
	padding:10px 0px 10px 0px;
	vertical-align:top;
	background: -ms-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1));
	background: -webkit-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1));
	background: -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1));
	background: linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,1));
}
#text marquee
{
	width:79.5%;
	height:100%;
	display:inline-block;
	color:#a8c7fd;
}
#mm
{
	padding:10px;
	min-height:520px;
}
#bo
{
	padding:10px 5px 10px 5px;
	min-height:20px;
	display:block;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif,'微軟正黑體';
	font-weight:500;
	background:rgba(0,0,0,0.3);
}
.ct
{
	text-align:center;
}
.l{
  text-align: left;
}

.r{
  text-align: right;
}
.half
{
	width:45%;
	display:inline-block;
	padding:2%;
}
.rb
{
	background:rgba(39,39,39,0.7);
	color:rgba(255,255,255,0.9);
}
.tab
{
	width:80%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	min-height:100px;
	padding:10px;
}
.ts
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.a a
{
	color:#FFF;
	text-decoration:none;
}
.a a:hover
{
	text-decoration:underline;
}
.w td
{
	padding:4px;
}
.whi
{
	color:#fff;
	text-decoration:none;
}
.whi:hover
{
	text-decoration:underline;
}
.c td
{
	 border: 1px solid #666;
}
.wx
{
	background:linear-gradient(top,rgba(255,255,255,0.2),rgba(102,102,102,0.2));
	background:-ms-linear-gradient(top,rgba(255,255,255,0.2),rgba(102,102,102,0.2));
	background:-webkit-linear-gradient(top,rgba(255,255,255,0.2),rgba(102,102,102,0.2));
	background:-moz-linear-gradient(top,rgba(255,255,255,0.2),rgba(102,102,102,0.2));
}
.wx:active
{
	box-shadow:rgba(51,51,51,0.8) 0px 0px 10px .3px inset;
}
.wx::selection
{
	cursor:default;
}
.bb{
  box-sizing: border-box;
}
.di{
  display: inline-block;
}
.dif{
  display: inline-flex;
}
.w100{
  width: 100%;
}
.br1{
  border:1px solid black;
}
.ma{
  margin: auto;
}