ul, ol, dl {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6, p {padding-right:15px; padding-left:15px;}
a img {border: none;}
a:link {color:#000;	text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline; color:#F00;}
body {background: url(../images/b4.png) #000 no-repeat fixed center; background-size:cover}
.container {width:100%; margin:auto;}
.header {list-style-type:none; padding:0px 0px; border-bottom:solid; background-color:#fff;border-color:#CCC; position:fixed; left:0;top:0; width:100%;}
.content{padding:0px 0px 0px 0px; margin-top:70px ;}
.content ul, .content ol {padding: 0 15px 15px 40px; }
.footer {list-style-type:none; text-align:center; margin:0; padding:0; border-top:solid; background-color:#fff; border-color:#CCC; position:fixed; left:0;	bottom:0; width:100%;}
.fltrt 	{float:right; margin-left:8px;}
.fltlft {float:left; margin-right:8px;}
.clearfloat {clear:both; height:0;	font-size:1px;	line-height:0px;}
.nav li {display: inline-block;	font-size:15px;	padding: 10px;}
.icon {opacity:0.8; transition:1s;}
.icon:hover {opacity:1; transform:rotatey(360deg);}
.panel {height:700px; margin-top: 50px;	opacity:0.5; transition:0.3s;}
.panel:hover {transition:0.3s; opacity:1; margin-top:-10px ;}
.cover {width: 200px; height: 284px; padding: 0px; 	background-color: #fff;	box-shadow: 10px 10px 15px #999;transition: 0.3s;}
.cover:hover {transition:0.3s; margin-top:-20px;}
.titles {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px}
.select {opacity:0.8;transition: width 2s, height 2s, transform 2s;&:hover {transform:rotate(360deg); opacity:1;}}
.galcon {opacity:0.8;transition: width .1s, height .3s, transform .3s;}
.galcon:hover {width:80px; height:80px; opacity:1;}
.box {animation: fadeIn 0.8s;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  -o-animation: fadeIn 0.8s;
  -ms-animation: fadeIn 0.8s;
}

@keyframes fadeIn {
  0% { transform: scalex(0) scaley(0) }
  100% { transform: scalex(1)  scaley(1)}
}

@-moz-keyframes fadeIn {
  0% { transform: scalex(0) scaley(0) }
  100% { transform: scalex(1)  scaley(1) }
}

@-webkit-keyframes fadeIn {
  0% { transform: scalex(0) scaley(0) }
  100% { transform: scalex(1)  scaley(1) }
}

@-o-keyframes fadeIn {
  0% { transform: scalex(0) scaley(0) }
  100% { transform: scalex(1)  scaley(1) }
}
.select {
	 opacity:0.8;transition:0.3s;&:hover {transition:0.3s; opacity:1; }}
.ch_bg .l {float:left; margin:0px 0px 0px 0px}
.ch_bg .r {float:right;}
.ch_bg .u1 {margin-left:83px; list-style-type: none}
.ch_bg .u2 {margin-left:41px; list-style-type: none}
.ch_bg .u3 {margin-left:0;list-style-type: none}
.ch_bg .u4 {margin-left:90px;list-style-type: none}
.ch_bg .u5 {margin-left:0;list-style-type: none}
.ch_bg .u6 {margin-left:41px;list-style-type: none}
.ch_bg .u7 {margin-left:83px;list-style-type: none}
.ch_bg { 
	position: fixed;
	width: 381px;
	left: 126px;
	top: 150px;
	height: 526px;
}
.ch_bg ul {clear:both;width:332px}
.ch_bg li {position:relative;float:left;width:83px;height:73px;}
}