@charset "utf-8";

#animals{
	margin:0 0 64px;
}
 .name{
	width:1056px;
	height:50px;
	background-color:rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000);
	border:1px solid #341607;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-sizing:border-box;
	padding:14px 8px 0 8px;
	margin-bottom:14px;
	behavior: url("css/pie/PIE.htc");
}
.name h1{
	width:70%;
	float:left;
}
.name > div{
	float:right;
}
#animals .name h1 span,
#description .name h1 span{
	font-size:70%;
	margin-left:15px;
}

#animals_slider{
	position:relative;
}

#animals .frame_top{
	padding-top:11px;
	background-color:transparent;
	background-image:url(../img/bg/frame1_top.png);
	background-repeat:no-repeat;
	background-position:top;
	box-shadow:0 5px 10px rgba(0,0,0,1);
}
#animals .frame_bottom{
	padding-bottom:11px;
	background-color:transparent;
	background-image:url(../img/bg/frame1_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#animals .frame_middle{
	padding:0 11px;
	background-color:transparent;
	background-image:url(../img/bg/frame1_middle.png);
	background-repeat:repeat-y;
	box-sizing:border-box;
}

#description .frame_top{
	padding-top:11px;
	background-color:transparent;
	background-image:url(../img/bg/frame2_top.png);
	background-repeat:no-repeat;
	background-position:top;
	box-shadow:0 5px 10px rgba(0,0,0,1);
}
#description .frame_bottom{
	padding-bottom:11px;
	background-color:transparent;
	background-image:url(../img/bg/frame1_bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#description .frame_middle{
	padding:48px 77px;
	color:#341607;
	background-color:transparent;
	background-image:url(../img/bg/frame2_middle.png);
	background-repeat:repeat-y;
	box-sizing:border-box;
}

#description .frame_middle .left{
	float:left;
	width:542px;
}

#description .frame_middle .left h1{
	margin-bottom:35px;
	font-size:150%;
}

#description .frame_middle .left p{
	line-height:200%;
}

#description .frame_middle .right{
	float:right;
	width:309px;
}

#description .frame_middle .right .title{
	border-bottom:2px solid #341607;
	padding-bottom:2px;
	margin-bottom:32px;
	font-weight:bold;
}

#description .frame_middle .right li{
	margin-bottom:0.8em;
}


.otherLink{
	border-style:dotted;
	border-width:1px 0;
	border-color:#64534e;
	padding:21px 0 10px 3px;
}

.otherLink a{
	color:#0071ba;
}
.otherLink a i{
	font-size:70%;
	line-height:150%;
}

.tenjiLink{
	margin-bottom:15px;
}

.tenjiLink dt{
	width:64px;
	float:left;
	margin:0 18px 0 0;
}

.tenjiLink dd{
	height:64px;
}
.tenjiLink dd span{
	display: table-cell;
    vertical-align: middle;
    height:64px;
}

.tenjiLinkBottom{
	border-bottom:1px dotted #64534e;
	padding-bottom:30px;
}

.animal360Container{
	width:544px;
	height:499px;
	background:url(../img/bg/bg_360.jpg) no-repeat 0 0;
	padding-top:8px;
	box-sizing:border-box;
}
.animal360ContainerEn{
	width:544px;
	height:499px;
	background:url(../img/bg/bg_360en.jpg) no-repeat 0 0;
	padding-top:8px;
	box-sizing:border-box;
}

.animal360{

}

.animal360 img{
	top:0;
	left:0;
}

#description .frame_middle .caption2Column p{
	float:left;
	display:inline;
	width:267px;
}
#description .frame_middle .caption2Column3 p{
	float:left;
	display:inline;
	margin-top:-5px;
	width:255px;
	border: 2px solid #000;
	padding:4px;
	margin-right:6px;
	height:100px;
}
#description .frame_middle .caption2Column2 p{
	float:left;
	display:inline;
	margin-top:-5px;
	width:255px;
	border: 2px solid #000;
	padding:4px;
	margin-right:6px;
	height:60px;
}

#description .frame_middle .caption2Column2 .mr0,
#description .frame_middle .caption2Column3 .mr0 {
	margin-right:0;
}