/*
	CSS Stylesheet for IE Alert! plugin.
*/


/*

	Overlay Background

*/

#ie-alert-overlay {
	width: 100%;
	height: 100%;
	background-image: url(../images/bgg.png);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;

}

* html #ie-alert-overlay {
	/* fixed position hack for IE6 */
	position: absolute;
	z-index: 9999;

}

/*

	Pop Up Panel

*/


#ie-alert-panel {
	width: 520px;
	height: 331px;
	position: fixed;
	background: url(../images/iealertsprite.png) no-repeat;
	background-position: -1px -109px;
	top: 50%;
	left: 50%;
	margin: -201px 0 0 -296px;
	padding: 72px 0 0 72px;
	_position: absolute;
	/* fixed position hack for IE6 */
	_top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
	/* top:300px hack for IE6 */

	/* font settings */
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	line-height: 1.5em;
	z-index: 10000;
}

#ie-alert-panel p {
	font-size: 14px;
	width: 486px;
	text-align: justify;
}

#ie-alert-panel img {
	border: 0;
}


#ie-alert-panel span {
	font-size: 18px;
	margin: 0 0 20px 0;
	display: block;
	padding: 0;
}

#ie-alert-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ie-alert-panel li {
	float: left;
	margin: 0 22px 0 0;

}

#ie-alert-panel li.last {
	margin-right: 0;
}


#ie-alert-panel a {
	display: inline-block;

}

.browser {
	position: absolute;
	bottom: 35px;
}

.chrome,
.firefox,
.ie9,
.opera,
.safari {
	background: url(../images/iealertsprite.png) no-repeat;
}

/*

	browsers

*/


.chrome {
	background-position: 0 0;
	width: 73px;
	height: 96px;
	margin: 0 4px 0 0;
}

.firefox {
	background-position: -292px 0;
	width: 73px;
	height: 98px;
}

.ie9 {
	background-position: -179px 0;
	width: 95px;
	height: 98px;
}

.opera {
	background-position: -90px 0;
	width: 73px;
	height: 98px;
}

.safari {
	background-position: -387px 0;
	width: 73px;
	height: 98px;
	margin: 0 4px 0 0;
}





/*分页样式*/
.all-Page-box {
	margin-bottom: 50px;
}

.all-Page-box .select {
	display: none;
}

.all-Page-box .f-right {
	display: none;
}

.all-Page-box .f-middle {
	display: none;
}

.all-Page-box .btn {
	margin: 0 5px;
	color: rgb(128, 128, 128);
	padding: 6px 5px 6px 5px;
	font-size: 16px;
	transition: all .3s;
}

.all-Page-box .btn:hover {
	color: rgb(23, 106, 65);
}

.all-Page-box .btn.on {
	padding: 6px 5px 5px 5px;
	color: rgb(23, 106, 65);
	border-bottom: 1px solid rgb(23, 106, 65);
}

.all-Page-box .btn.song .prev,
.all-Page-box .btn.song .next {
	width: 7px;
	height: 11px;
	position: relative;
	display: inline-block;
}


.all-Page-box .btn.song .prev::after {
	content: '';
	border-right: 1px solid rgb(23, 106, 65);
	border-bottom: 1px solid rgb(23, 106, 65);
	width: 9px;
	height: 9px;
	transform: rotate(135deg);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.all-Page-box .btn.song .next::after {
	content: '';
	border-right: 1px solid rgb(23, 106, 65);
	border-bottom: 1px solid rgb(23, 106, 65);
	width: 9px;
	height: 9px;
	transform: rotate(-45deg);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.all-Page-box .btn.last .prev,
.all-Page-box .btn.first .prev {
	font-size: 0;
	width: 14px;
	height: 11px;
	display: inline-block;
	position: relative;
	top: -7px;
}

.all-Page-box .btn.first .prev::after {
	content: '';
	border-right: 1px solid rgb(23, 106, 65);
	border-bottom: 1px solid rgb(23, 106, 65);
	width: 9px;
	height: 9px;
	transform: rotate(135deg);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.all-Page-box .btn.first .prev::before {
	content: '';
	border-right: 1px solid rgb(23, 106, 65);
	border-bottom: 1px solid rgb(23, 106, 65);
	width: 9px;
	height: 9px;
	transform: rotate(135deg);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 8px;
}


.all-Page-box .btn.last .prev::after {
	content: '';
	border-right: 1px solid rgb(23, 106, 65);
	border-bottom: 1px solid rgb(23, 106, 65);
	width: 9px;
	height: 9px;
	transform: rotate(-45deg);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.all-Page-box .btn.last .prev::before {
	content: '';
	border-right: 1px solid rgb(23, 106, 65);
	border-bottom: 1px solid rgb(23, 106, 65);
	width: 9px;
	height: 9px;
	transform: rotate(-45deg);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 8px;
}