@charset "utf-8";
/* CSS Document */


html,body{
    height:100%;
}
.content_show{width:100%; height:auto; background:#fff}

.strip{width:100%;height:100vh; background:#fff;position: relative; display:inline;overflow:hidden;}
.strip img{width:100%;position: relative;}
.strip .subtitle{
	background:#fff;
	top:220px;
	height:31px;
	width:594px;
	padding:5px 10px 5px 10px;
	position: absolute;
	color:#000;
	z-index:5;
	background:rgba(255,255,255, 0.5);
	text-shadow:1px 1px #e1e1e1;

	font:normal 22px Tahoma, Geneva, sans-serif;

}
#banner
	{
	width:97%;
	z-index:999;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background:#fff; height:100vh;
	} #banner img{height:100%; width:100%;}
	#btn{
display: inline;
	width:auto;
	hegiht:18px;
	float:left;
	z-index:999999999999;
	margin-top:360px;
	margin-right: auto;
	margin-left:45%;
	position:absolute; top:350px;
	}
	#btn a
	{
		color:#ff6600;
		font:normal 16px "Arial";
		background:url(../images/ibbtn.gif) no-repeat;
		float:left;
		width:18px;
		height:18px;
		line-height:18px;
		text-align:center;
		text-decoration:none;
		margin-left:5px;
	}
	#btn a.activeSlide
	{	
		color:#fff;
		background:url(../images/ibhbtn.gif) no-repeat;
	}
	#btn a:hover
	{	
		color:#fff;
		background:url(../images/ibhbtn.gif) no-repeat;
	}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#btn{margin-top:100px; background:#0d0744;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
#btn{top:50px;}
}

/* ipad Mini Portrait */
@media only screen and (width:768px) and (resolution: 163dpi) {
#btn{top:30px;}
}

/* ipad Mini Landscape */
@media only screen and (width:1024px) and (resolution: 163dpi) {
#btn{top:30px; }
}

/*--FOR IPAD PORTAIT--*/
 @media screen and  (min-device-width: 480px) {
#btn{top:30px; }} 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {#btn{top:70px;}}