@charset "utf-8";
/* body */
html{overflow-x:hidden;}
body{color:#3e3e3e;font-size:14px;}
a{text-decoration:none;}

/* clearfix */
.cfx{*zoom:1;}
.cfx:after{content:".";display:block;clear:both;height:0;visibility:hidden;}

input, button, textarea, select {
	margin:0;
	padding:0;
	background:none;
	border:none;
	border-radius:0;
	outline:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

/* -----------------普通 */

body {
	background:#000000;
}

/* -----------------header */

header{
	position:fixed;
	width:100%;
	background:#000 url('../img/top/bg_header.png') no-repeat top right;
	height:100px;
	z-index:100;
	overflow: hidden;
	zoom: 1;
}

header .inner{
	width:1020px;
	margin:auto;
	position:relative;
	padding-top:15px;
}

header .inner p{
	margin-bottom:10px;
}

header .inner h1{
	color:#fff;
	font-size:34px;
	text-decoration:none;
	float: left;
}

header div #Search{
	float:right;
	width: 280px;
	padding-top: 10px;
}

header .inner:before,
header .inner:after {
    content: "";
    display: table;
}
 
header .inner:after {
    clear: both;
}


/* -----------------content */

#content{
	padding-top:100px;
	background:#fff url('../img/top/bg_contents.png') no-repeat right 100px fixed;
	padding-bottom:60px;
}

#content .inner{
	width:1020px;
	margin:auto;
}

#contentsBlock{
	display:table;
}

#contentsBlock > div{
	display:table-cell;
}


/* -----------------menuArea */

#contentsBlock {
	padding-top: 60px;
}

#contentsBlock #menuArea{
	vertical-align:top;
	width:250px;
}

#contentsBlock #menuArea h2{
	color:#fff;
	background:#000;
}

#contentsBlock #menuArea h2 span{
	display:inline-block;
	font-size:15px;
	border-left:9px solid #00a1ef;
	margin-left:10px;
	padding:13px;
}

#contentsBlock #menuArea li{
	background:#e8ecef;
	margin-bottom:1px;
	font-size:13px;
}

#contentsBlock #menuArea li a{
	text-decoration:none;
	color:#3e3e3e;
	display:block;
	padding:13px 15px;
}

#contentsBlock #menuArea li:hover{
	opacity:0.8;
}

/* -----------------contentsArea */

#contentsBlock #contentsArea{
	padding-left:42px;
	vertical-align:top;
}

#contentsArea ul{
	font-size: 0;
}

#contentsArea ul li{
	width:160px;
	display: inline-block;
	vertical-align: top; 
	border:1px solid #dddddd;
	margin:0 20px 20px 0;
	background:#ffffff;
	background:-moz-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#eeeeee));
	background:-webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
	background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
}

#contentsArea ul li:nth-child(4n){
	margin:0 20px 10px 0;
}

#contentsArea ul li h3{
	background:#00aef1;
	background:-moz-linear-gradient(top,#0090eb 0%,#00aef1 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0090eb),color-stop(100%,#00aef1));
	background:-webkit-linear-gradient(top,#0090eb 0%,#00aef1 100%);
	background:linear-gradient(to bottom,#0090eb 0%,#00aef1 100%);
}

#contentsArea ul li h3:hover{
	opacity:0.8;
}

#contentsArea ul li h3 a{
	display:block;
	padding:13px 15px;
	color:#ffffff;
	font-size:15.5px;
	line-height:1.5;
	text-decoration:none;
	position:relative;
}

#contentsArea ul li h3 a:after{
	content:'';
	position:absolute;
	display:block;
	background:url('../img/top/allow_whiteRight.png') no-repeat center;
	margin-top:-6px;
	top:50%;
	right:10px;
	width:8px;
	height:12px;
	-moz-background-size:contain;
	background-size:contain;
}

#contentsArea ul li p{
	margin:15px 15px 0 15px;
	font-size:11px;
	line-height:1.5;
	height:61px;
}

/* -----------------footer */

footer{
	color:#fff;
	font-size:14px;
	text-align:right;
	background:#000;
}

footer .inner{
	padding:15px 0;
	width:1000px;
	margin:auto;
}

dl {
}

dt {
  float:left;
  clear:left;
  width:180px;
}

dd {
  float:left;
  width:300px;
}

button.gsc-search-button:hover {
 background-color: #4393de!important;
 cursor: pointer;
cursor: hand;
 }