@import url(/images/lib.css);
@import url(/images/euico.css);
* {
    margin:0 auto;
	padding:0;
}
html {
	overflow-x: hidden
}
body {
    font-family:"微软雅黑","宋体",Arial,simsun;
	color:#363636;
	line-height:150%;
	font-size:0.9em;
	position:relative;
	
}
a:link, a:visited {
    color:#363636;
	text-decoration:none;
	outline:none;
	blur:expression(this.onFocus=this.blur())
}
a:hover {
    color:#f00;
	text-decoration:none
}

*,::after,::before{box-sizing: border-box;}

div, span,ul, li {
    margin:0; padding:0; border:0;outline:0;font-family: inherit;font-size: inherit;line-height:inherit;color:inherit;vertical-align:baseline;
}
.logo{position:absolute;left:5px; top:7px;width:210px;height:30;}
li{list-style:none;}
.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before {content: " ";display: table;}
.clearfix:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after {clear: both;}
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}
.nav .animated {-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}
/*主菜单*/
.header{position:fixed;top:0;display:block;width:100%;z-index:9999;FILTER: alpha(opacity=90); opacity: 0.9;  }
@media (min-width:800px)
{
body {padding:60px 0 0 0;}
.sear {top:16px}
#searchcon {top:60px;height:40px}
.header{height:60px;}
.header .logo img{height:70%;display:block;position:absolute;left:5px; top:6px;}
.nav {float:right;padding-right:60px;}
.nav-toggle{display:none}
.nav>ul>li{float:left;text-align:center;line-height:60px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{padding:0px 10px;color:#fff;font-size:15px}
.nav >ul>li.current1 >a,.nav >ul>li> a:hover{color:#ff0;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left:45%;content: "";width: 0;height: 0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom: 5px solid #eee}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}
.nav li a{font-size:15px;color:#ffffff;display:block;padding:0px 25px;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:30px} 
.nav ul li ul li a:hover{text-decoration:none;color:#ff0;}
.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{display:none;left:calc((100% - 150px) / 2);position:absolute;z-index:2;width:150px;padding-top:10px;padding-bottom:10px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
.header-small .nav> ul > li > ul::before{display:none}
.menu,.bottom {display:none}
.titlecon ul li {
	width:30%;
	float:left;
	margin-left:15px;
}


}
@media (max-width:800px)
{
body {padding:40px 0 55px 0;}
.header .logo img{height:20px;display:block;position:absolute;left:5px; top:5px;}
.sear {top:6px}
#searchcon {top:40px;height:40px}
.header{height:40px;}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:25px;color:#eee;min-width:60px;height:40px;line-height:40px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}
.nav {position:fixed;width:300px;max-width:65%;top:0px;right:-100%;background:#fff;height:100%;height:100vh;transition:all 0.2s linear;overflow-y:auto;z-index:2147483648;}
.nav.active{right:0;}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#333;font-size:16px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:15px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.nav ul li.current > a{color:#666;}
.nav ul li.active > ul{display:none}
.nav ul li.active > .arrow{transform:rotate(90deg)}
.nav ul li .active2{transform:rotate(0deg)}
}

.eu_btn {
	cursor:pointer;
}
.tbold { font-weight:bold;}
.tred {color:#F00;}
.tblue {color:#0066FF}
.tem {font-style:italic}
input {
	border:1px solid #e4ecf7;
	-webkit-border-radius:5px; 
	-moz-border-radius:5px;
	padding:0 2px;
	border-radius:5px;
}

.inp {
    height:32px;
	line-height:32px;
	padding:0 1px;
	width:70%;
}
.coder {width:180px;height:32px;position:relative; float:left;}
.coder input {height:32px;width:100%; position:absolute; right:0; padding-right:0;}
.coder img {position:absolute; right:1px; top:1px;bottom:1px;height:30px;-webkit-border-radius:0 6px 6px 0; 
	-moz-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;}
.dat {
	border:1px solid #e4ecf7;
	background:url(date.gif) no-repeat right bottom #FFF;
}

.area {
	width:90%;
	height:60px;
	border:1px solid #e4ecf7;
	 -webkit-border-radius:5px;
	 -moz-border-radius:5px;
	border-radius:5px;
	padding:2px;
}

td {
	padding:2px;
}
.subit {
    cursor:pointer;
	border:1px solid #ddd;
	height:25px;
	line-height:25px;
	padding:0 5px;
	background:#eee;
}

.container {
    width:980px;
	overflow:hidden;
	background:#FFF
}
.container div {
    overflow-x: hidden;
	overflow-y: hidden
}
.theme {
	width:80px;
	height:10px;
	line-height:10px;
	position:fixed;
	left:140px;
	top:40px;
	z-index:9999;
	text-align:center;
}
.theme a {
	width:22px;
	height:10px;
	display:block;
	color:#fff;
}
.c1 {
	width:22px;
	height:10px;
	float:left;
	background:#666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}
.c2 {
	width:22px;
	height:10px;
	float:left;
	background:#0097dc;
	margin:0 2px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

.c3 {
	width:22px;
	height:10px;
	float:left;
	background:#c00;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}
.cor a {background:url(colour.png) no-repeat center;}
.top {
    width:100%;
	position:fixed;
	top:0;
	z-index:6666;
	height:40px;
	background:#fff;
}
.logo {
    width:40%;
	height:40px;
	float:left;
}
.logo a {
    display:block;
	cursor:pointer;
    width:100%;
	height:40px;
	float:left;
}
.back a {
	width:30px;
	line-height:30px;
	float:right;
	display:block;
	color:#888;
	font-size:30px;
	cursor:pointer
}
.att {
	width:100%;
	padding:10px 0 5px 0;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}
.att ul li img {
	width:64px;
	height:64px;
	-webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
}
.att ul li {
	width:33%;
	text-align:center;
	display:block;
	float:left;
	margin-bottom:10px;
}
.slideBox{ position:relative; overflow:hidden; margin:0 auto; width:100%;border-bottom:1px solid #fff;}
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px; cursor:pointer   }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(focusBg.png) repeat-x; color:#fff;  text-align:left;  }
.title {
    height:auto;
	line-height:35px;
	width:100%;
	overflow:hidden;
	margin-top:15px;
}
.title span {
    font-size:0.76em;
	-webkit-text-size-adjust:none;
	color:green;
	padding-left:5px;
	font-weight:normal;
	display:block;
	line-height:25px;
	text-align:center;
}
.title strong a {color:#f03}
.titlea {
	width:80%;
	margin:0 auto;
	padding:0 10px;
	font-family:"微软雅黑";
	font-size:1.3em;
	text-align:center;
	display:block;
	color:#333;
	font-weight:bold;
}
.title h1{font-size:1em}
.title h2{font-size:0.9em;display:block;margin:0 auto;width:50%;text-align:center}
.navlist {line-height:20px; margin:0 auto;overflow:hidden;padding:5px 0; text-align:center; margin:20px auto;}
.navlist a { padding:10px; background:#eee; margin:0 5px; color:#333;-webkit-border-radius:5px; 
   -moz-border-radius:5px; 
   border-radius:5px;}
.navlist a:hover {background:#f00;color:#fff;}
.titlecon {
    padding:5px 10px;
	text-align:left;
overflow:hidden;
}
.titlecon ul li {
    height:35px;
	line-height:35px;
	border-bottom:1px dashed #eee;
	display:block;
	overflow:hidden;
	color:#888;
}

.title2 {
    height:35px;
	line-height:35px;
	background:#EEE;
}
.title2 span {
	color:#f00;
	padding-left:5px;
}
.title2a {
    height:34px;
	line-height:34px;
	float:left;
	padding:0 10px;
	font-family:"微软雅黑";
}
.sitecon {
    padding:5px 10px;
	font-size:1.0em;
	line-height:23px;
}
.sitecon img {
   width:auto;
   max-width:100%;
   height:auto;
   margin:0 5 0 auto;
   -webkit-border-radius:10px; 
   -moz-border-radius:10px; 
   border-radius:10px;
}
.sitecon .pic {display:block;overflow:hidden;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;text-align:center}
.sitecon .textcon{display:block;overflow:hidden;font-size:15px;line-height:28px;height:360px;text-indent:2em;}
.formurl {
    padding:5px 10px;
	font-size:1.0em;
	line-height:23px;
}
.path {
    height:35px;
	line-height:35px;
	background:#eee;
	width:100%;
	font-size:0.9em;
}
.path span {
    font-size:0.72em;
	-webkit-text-size-adjust:none;
	color:#777;
	padding-left:5px;
	font-weight:normal;
}
.patha {
    height:34px;
	line-height:34px;
	float:left;
	padding:0 10px;
	font-family:"微软雅黑";
}

.pagelist{padding-top:10px;padding-bottom:10px;text-align:center; font-size:0px; clear:both;}
.pagelist span,.pagelist a,.pagelist strong{text-align:center; vertical-align:middle; font-family:Arial; font-size:12px;
display:inline-block; padding:4px 12px;margin:0px 2px;border:#cccccc solid 1px;color:#333333; border-radius:3px;}
.pagelist var{height:21px;line-height:21px; display:inline-block;margin:0px 3px 0px 3px;}
.pagelist select {border:0; padding:2px 0;}
.goback {
	padding:0 2px;
	text-align:center;
	position:fixed;
	right:0;
	float:right;
	bottom:55px;
    margin:5px;
	width:30px;
	height:44px;
	line-height:22px;
	background:#fff;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	FILTER: alpha(opacity=40); 
	opacity: 0.4;  
}

.aboutcon {
	height:100px;
    padding:5px 10px;
	overflow:hidden;
	text-align:left;
	padding-bottom:10px;
}
.aboutcon img {
    height:80px;
	width:100px;
	padding:5px;
	-webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
}
.more {
	height:40px;
	line-height:40px;
	font-weight:normal;
	letter-spacing:2px;
	text-align:right;
padding-right:5px;
text-align:center;
display:block;
margin:5px auto;
width:130px;
-webkit-border-radius:5px; 
    -moz-border-radius:5px; 
    border-radius:5px;
}
.more a {
color:#fff;
padding:0 10px;
	height:35px;
	display:block;
}
.more:hover {background:#f80}
.more a i { float:right;margin-top:13px;}
.contact {
background:url(foot_bg.jpg) no-repeat center #FFF;
width:100%;
    
	font-size:0.8em;
text-align:center;
padding:10px 0 ;
color:#777
}
.contact a {color:#777}
.contact td {
	margin:1px;
	padding:2px 0;
}
.contact img {
   width:auto;
   max-width:100%;
   height:auto;
   margin:0 auto;
   padding-right:5px;
   -webkit-border-radius:10px; 
   -moz-border-radius:10px; 
   border-radius:10px;
 }
 .code {
	width:85px;
    height:25px;
	line-height:25px;
	padding:0 2px;
}

.code img {
    width:40px;
	height:10px;
   -webkit-border-radius:0; 
    -moz-border-radius:0; 
    border-radius:0;
}
.qq img {
    width:81px;
	height:23px;
}

.procon {
    padding:5px 0 10px 0;
	width:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

.procon ul li {
	float:left;
	text-align:center;
	margin:0 4px;
	margin-bottom:10px;
	width:96%;
	border:1px #ddd solid;
    -webkit-border-radius:10px; 
    -moz-border-radius:10px; 
    border-radius:10px;
	overflow:hidden;
}

.procon ul li a img {
	width:100%;
             height:220px;
    -webkit-border-radius:10px 10px 0 0; 
    -moz-border-radius:10px 10px 0 0; 
    border-radius:10px 10px 0 0;
}
.procon ul li a:hover img {
	padding:0px;
}
@media (min-width: 270px) {
.procon ul li {
	width:45%;
	margin:5px 3px 5px 7px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:100px;
}
}
@media (min-width: 330px) {
.procon ul li {
	width:46%;
	margin:0 0 5px 7px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:130px;
}
}
@media (min-width: 420px) {
.procon ul li {
	width:46%;
	margin:5px;
	margin:0 0 5px 12px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:170px;
}
}
@media (min-width: 560px) {
.procon ul li {
	width:23%;
	margin:0 0 5px 8px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:100px;
}

}
@media (min-width: 680px) {
.procon ul li {
	width:23%;
	margin:0 0 5px 10px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:150px;
}

}
@media (min-width: 880px) {
.procon ul li {
	width:23%;
	margin:0 0 5px 14px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:180px;
}
.sitecon .pic {float:left;width:38%;overflow:hidden;}
.sitecon .pic img {width:auto;}
.sitecon .textcon{lfoat:right;padding-left:15px;width:61%;overflow:hidden;font-size:15px;line-height:28px;height:310px;text-indent:2em;}
}
@media (min-width: 1110px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 18px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:220px;
}

}
@media (min-width: 1260px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 20px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:250px;
}

}
@media (min-width: 1340px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 20px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:280px;
}

}
@media (min-width: 1430px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 23px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:280px;
}

}
@media (min-width: 1580px) {
.procon ul li {
	width:23%;
	margin:0 0 8px 28px;
}
.procon ul li span {display:block;height:21px; overflow:hidden;}
.procon ul li a img {
	width:100%;
	height:380px;
}

}
.artitle {
	font-size:1.1em;
	font-family:"微软雅黑";
	text-align:center;
	line-height:25px;
	font-weight:bold;
	width:auto;
	text-align:center;
	margin-top:20px;
}
.artitle p {
    color:#999;
	text-align:center;
	display:block;
	font-weight:normal;
	font-size:0.75em;
	padding-right:10px;
margin-top:5px;
}

.artitle p select {
	color:#999;
	border:0px solid #999;
	background:#eee;
	font-size:1.0em;
	cursor:pointer
}
.arcon {
    text-align:left;
	overflow:auto;
	overflow-x: hidden;
	padding:5px 10px;
	line-height:30px;
font-size:14px;
}
.arcon img {
   width:auto;
   max-width:100%;
   height:auto;
   margin:0 auto;
   -webkit-border-radius:10px; 
   -moz-border-radius:10px; 
   border-radius:10px;
   margin-right:5px;
 }
.size1 {font-size:12px}
.size2 {font-size:14px}
.size3 {font-size:16px; line-height:25px;}
.size4 {font-size:18px; line-height:30px;}
.size5 {font-size:20px; line-height:35px;}
.nextlist {
    padding:5px;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
}
.nextlist ul li {
    height:25px;
	line-height:25px;
	white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;/*hack Opera*/
	overflow:hidden;
font-size:0.8em;
}
.tags {
    padding:3px;
	text-align:right;
font-size:0.8em;
}
.tags,.tags a{color:#999}
.case {
	width:100%;
	padding:0;
	text-align:left;
}
.case ul li {
	line-height:25px;
	margin:2px 5px;
	display:block;
	overflow:auto;
}
.case ul li a:link, .case ul li a:visited {
    padding:3px 5px;
	color:#777;
}

/*留言板*/
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 200%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 20%;
left: 25%;
width: 680px;
height:auto;
border: 16px solid lightblue;
background-color: white;
z-index:1002;
overflow: auto;
padding:10px;
}

.sub {
    height:16px;
	line-height:16px;
	padding:0 2px;
}
.send {
    width:100px;
	height:30px;
	background:#009933;
	float:right;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	font-family:"微软雅黑";
	color:#eee;
	display:block;
	font-size:14px;
	letter-spacing:2px;
	cursor:pointer
}
.send:hover {
    color:#FF0;
	display:block;
	background:#036724;
}
.send a:hover {
    color:#FF0;
	display:block;
}
.bookcon {
    padding:5px;
	display:block;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.bookcon ul li {
	margin-bottom:5px;
	padding:0 5px;
    border-bottom:1px dashed #ccc;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height:25px;
}

.Ainput {
	border:1px solid #ccc;
	width:200px;
	padding-left:2px;
	color:#666;
	height:25px;
	line-height:21px;
}
.uhf {
	overflow:auto;
}

.b1 a, .b2 a, .b3 a, .b4 a {
	display:block;
	width:100%;
	height:88px;
	text-align:center;
	font-size:0.8em;
}

.bottom .b1 {
    border-left:0px;
	display:block;
	width:20%;
}
.bottom .b2 {
	display:block;
	width:20%;
}
.bottom .b3 {
	display:block;
	width:20%;
}
.bottom .b4 {
    border-right:0px;
	display:block;
	width:40%;
}

#menulist {
	position:absolute;
	right:0;
	top:40px;
	z-index:9999;
	background:#111;
	display:block;
	padding:0;
	width:100%;
	height:100%;
	FILTER: alpha(opacity=9); 
	opacity: 0.9;
	animation: fadeInDown 0.5s ease-out forwards;
	-webkit-animation: fadeInRight 0.5s ease-out forwards;
	-moz-animation: fadeInRight 0.5s ease-out forwards;
	transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s;
	
}
#searchcon {
	width:100%;
	padding:1px 0;
	text-align:right;
	position:fixed;
background:#fff;
overflow:hidden;
animation: fadeInDown 0.5s ease-out forwards;
	-webkit-animation: fadeInDown 0.5s ease-out forwards;
	-moz-animation: fadeInDown 0.5s ease-out forwards;
	transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s;
}
.linkcon {
	background:#e4ecf7;
	padding:10px;
	line-height:18px;
	color:#888;
	font-size:0.75em;
	position:relative;
height:auto;
	font-family:"Microsoft YaHei";
}
.linkurl {
	width:98%;
	margin:0 auto;
}
.linkurl strong,.fa-th {
	font-size:0.9em;
	text-align:left;
	float:left;
	margin-right:5px;
}
.linkurl a:link,.linkurl a:visited {
	display:block;
	margin-right:10px;
	float:left;
	color:#666;
}
.linkurl a:hover,.linkurl a:active {
	color:#f00;
}
.linkurl span {display:block;overflow:hidden;padding-left:10px;}
.fa-th {margin-top:6px}
.areatj {
	width:100%;
	overflow:hidden;
	height:auto;
}
#areacon {
	position:absolute;
	width:100%;
	height:auto;
	overflow:hidden;
	top:30px;
	left:0px;
	z-index:99999;
	background:#e4ecf7;
}
#areacon .x{display:block; text-align:center}
#areacon .x a,.fa-th {cursor:pointer}
/*
#menulist,#searchcon,.logo,.sear,.list,.toplist,.bottom,.slideBox,.att ul,.titlea,.titlecon,.sitecon,.page ul,.more,.back,.contact,.nextlist,.case ul,.procon ul {	-webkit-animation:0.6s ease-out backwards;-moz-animation:0.6s ease-out backwards;-ms-animation:0.6s ease-out backwards;animation:0.6s ease-out backwards;}
#menulist,#searchcon,.sear,.list,.att ul,.page ul{-webkit-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-150px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-150px);}100%{opacity:1;transform:translateY(0);}}
.bottom,.slideBox,.arcon,.procon ul{-webkit-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.logo,.titlea,.nextlist{-webkit-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}
.toplist,.sitecon,.titlecon,.more,.back,.contact,.case ul{-webkit-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
*/
.links{width:100%;margin:0 auto;border-bottom:1px solid #ddd;}
.links h2 {font-size:0.8em;}
.links a {margin:0 5px;font-size:0.75em}