@charset "utf-8";
/* CSS Document */
/*--
◆clearfix
-----------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.clear{
	clear:both;
	visibility: hidden;
	height: 0;
}
.fl_left{float: left;}
.fl_right{float: right;}
.josefin{font-family: "Josefin Slab", serif;}
.effect2{
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 0px 7px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 0px 7px rgba(0, 0, 0, 0.25);
}
#head{
	width:100%;
	
	z-index:20;
	position:relative;
	background: url(images/new/bg.gif) repeat;
}
#head .wrapp_inner{
	
	width: 100%;
	background: url(images/new/bg2.png) repeat-x bottom;
	z-index:10;
	position:relative;
}
#head .wrapp_inner #par{
	width:980px;
	margin:0 auto!important;
	position: relative;
	z-index:25;
}
.pari1{ position:absolute;z-index:25;top:100px;left:0;opacity:0;}
.pari2{ position:absolute;z-index:25;top:125px;left:15%;opacity:0;}
.pari3{ position:absolute;z-index:25;top:45px;left:42%;opacity:0;}
.pari4{ position:absolute;z-index:25;top:110px;right:18%;opacity:0;}
.pari5{ position:absolute;z-index:25;top:140px;right:0;opacity:0;} 
#head .wrapp_inner .boad{
	width: 100%;
	min-height:391px;
	background: url(images/new/bg3.png) repeat-x center bottom;
	position:relative;
	z-index:30;
	bottom:-8px;
}
.head_desc{
	position:relative;
	top:260px;
}
#head h1{
	text-align: center;
	margin-bottom:3px;
}
#head h2{
	width:481px;
	margin:0 auto;
	font-size: 96%;
	color: #FFF;
	background-color:rgba(0,0,0,0.11);
	padding:8px 15px;
	line-height: 1.8em;
}
.go_home{
	width: 980px;
	margin:0 auto;
	position:relative;
}
.go_home .home_btn{
	position:absolute;
	top:-65px;
}
.search_area{
	position:absolute;
	right:0;
	top:-50px;
	width:190px;
	height: 31px;
	background: url(images/new/sarch.png) no-repeat;
}
.search_area input[type="text"]{
	height: 16px;
	width:128px;
	background: none;
	border: none;
	display: inline-block;
	margin: 5px 0 0 10px;
}
.search_area input[type="submit"]{
	width: 20px;
	background: none;
	display: inline-block;
	border: none;
	cursor:pointer;
}
.naviarea{
	width:100%;
	background: url(images/new/block.png) repeat;
	position:relative;
	z-index:20;
}
.naviarea .navi_list_area{
	width: 980px;
	margin:0 auto;
	position:relative;
	top:-5px;
	z-index:40;
}
.naviarea .title{
	width:220px;
	height: 32px;
	background: url(images/new/ribbon.png) no-repeat;
	position:relative;
	z-index:40;
}
.naviarea .title h3{
	text-align: center;
	color: #FFF;
	padding-top: 5px;
	font-family: "Josefin Slab", serif;
}
.tag_area{
	width:216px;
	position:relative;
	top:-10px;
	z-index:30;
	margin-bottom: 30px;
}
.tag_area .tag_head{
	display:block;
	width: 117px;
	margin:0 auto;
}
.tag_item:before{
	width: 216px;
	height: 17px;
	content:url("images/new/tag_top.png");
	display:block;
}
.tag_item:after{
	width: 216px;
	height: 42px;
	content:url("images/new/tag_bottom.png");
	display:block;
}
.tag_body{
	width:216px;
	background: url(images/new/tag_body.png) repeat-y;
	
}
.tag_body ul{
	margin: 0 15px;
	height:250px;
	overflow:auto;
	overflow-x:hidden;
}
.tag_body li{
	width:156px;
	list-style:none;
	margin-top: 5px;
	margin-left: 10px;
	background: url(images/new/line.png) repeat-x left bottom;
	color: #97716D;
	font-family: "Josefin Slab", serif;
	font-size: 110%;
}
.tag_body li:after{
	content:"";
	display:block;
	clear:both;
}
.tag_body li a{
	display:inline-block;
	padding-bottom:10px;
	text-decoration: none;
	color: #97716D;
	background: url(images/new/arrow.gif) no-repeat left 5px;
	padding-left: 15px;
	font-size: 90%;
}
.tag_body li a:hover{
	color:#F60;
	background: url(images/new/arrow.gif) no-repeat 5px 5px;
}
.navi_list_area .fl_left:nth-child(2){
	margin-left:150px !important;
}

#page_top {
	position: fixed;
	bottom: 20px;
	right:10px;
	z-index:250;
}
#page_top a {
	display: block;

}

.swing {
    -moz-animation: swing linear 2s 1;
    -moz-transform-origin: center -20px 0;
    -webkit-animation: swing linear 2s 1;
    -webkit-transform-origin: center -20px 0;
    -ms-animation: swing linear 20s 1;
    -ms-transform-origin: center -20px 0;
    -o-animation: swing linear 20s 1;
    -o-transform-origin:center -20px 0;
    animation: swing linear 20s 1;
    transform-origin: center -20px 0;
    display: block;
}
@-moz-keyframes swing { 
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(3deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-3deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing { 
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(3deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-3deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing { 
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(3deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-3deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing { 
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(3deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-3deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing { 
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
}