@font-face{
    font-family: 'Trebuchet-MS';
    src: url('../fonts/Trebuchet-MS.eot');
    src: url('../fonts/Trebuchet-MS.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Trebuchet-MS.woff') format('woff'),
         url('../fonts/Trebuchet-MS.ttf') format('truetype'),
         url('../fonts/Trebuchet-MS.svg#Trebuchet-MS') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	background:#000;
	color:#003366;
	font-size:18px;
	line-height:25px;
	overflow:hidden;
	font-family: 'Trebuchet-MS';
}


#wrapper{
	width:1279px;
	height:672px;
	position:absolute;
	left:50%;
	margin-left:-640px;
	top:50%;
	margin-top:-336px;
	background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-image: url(../images/bg.jpg);
	opacity:0;
	overflow:hidden;
}
.disc_wrapper{
	position:absolute;
	left:250px;
	top:100px;
}
.disc{
	position:relative;
}
.disc_wrapper:hover{
	cursor:pointer;
}
.switcher{
	position:absolute;
	width:147px;
	height:147px;
	background-image: url(../images/switcher.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	z-index:5;
	left:50%;
	margin-left:-73px;
	top:50%;
	margin-top:-73px;
}
.switcheron{
	background-position: 0px -147px;
}
.switcheroff{
	background-position: 0px 0px;
}
.imghover{
	
}
.imghover:hover{
	opacity:0.4;
}
.nav_container{
	position:absolute;
	width:500px;
	height:190px;
	bottom:0px;
	right:100px;
	z-index:30;
}
.btn{
	position:absolute;
}
.btn1{
	left:65px;
}
.btn2{
	left:185px;
}
.btn3{
	top:50px;
}
.btn4{
	top:45px;
	left:155px;
}
.btn5{
	top:52px;
	left:275px;
}
.btn6{
	top:105px;
	left:175px;
}
.maincontent{
	width:400px;
	position:absolute;
	top:25px;
	right:60px;
}
.subcontent{
	position:absolute;
	width:390px;
	top:8px;
	left:5000px;
}
.subcontent_inner{
	width:390px;
	height:300px;
}
.subcontent_inner_content{
	width:350px;
	display:block;
}
.subcontent_inner_content p{
	margin-bottom:20px;
}
.subcontent_inner_content a{
	color:#003268;
	display:inline;
}
.subcontent_inner_content a:hover{
	text-decoration:none;
}
a.closebtn{
	position:absolute;
	z-index:11;
	display:none;
}
.titleimg{
	display:table;
	margin:0 auto 20px auto;
}
.jspTrack{
	display:none !important;
}
.jspVerticalBar{
	height:45px !important;
	background:none !important;
	width:16px !important;

	z-index:8;
}
.jspArrowUp{
	background-image: url(../images/arrowup.png) !important;
	background-position: 0px 0px !important;
	background-repeat: no-repeat !important;
	background-color:transparent !important;
}
.jspArrowDown{
	margin-top:36px !important;
	background-image: url(../images/arrowdown.png) !important;
	background-position: 0px 0px !important;
	background-repeat: no-repeat !important;
	background-color:transparent !important;
}
.jspArrow{
	width:16px !important;
	margin-left:10px;
	width:16px;
	
}
.jspHorizontalBar{
	display:none;
}

.videopanel{
	width:1279px;
	height:672px;
	position:absolute;
	z-index:83;
	background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-image: url(../images/videobg.jpg);
	left:5000px;
}

.video{
	width:383px;
	height:236px;
	position:absolute;
	background:#000;
	left:247px;
	top:310px;
}
a.videoclose{
	position:absolute;
	top:270px;
	left:206px;
}
a.backhome{
	position:absolute;
	top:140px;
	left:264px;
}
.sc-player{
	position:absolute;
	left:0px;
	display:none;
}
a.lyrics{
	position:absolute;
	left:230px;
	top:70px;
	z-index:16;
}
a.lyrics img{
	width:100%;
}
.man1{
	position:absolute;
	width:123px;
	height:202px;
	right:0;
	bottom:0;
	z-index:22;
}
.man2{
	position:absolute;
	width:365px;
	height:315px;
	right:0;
	bottom:0;
	z-index:21;
	opacity:0;
}
.newpaper{
	position:absolute;
	left:33px;
	width:240px;
	top:550px;
	-ms-transform: rotate(-13deg); /* IE 9 */
    -webkit-transform: rotate(-13deg); /* Chrome, Safari, Opera */
    transform: rotate(-13deg);
	z-index:35;
}
.newpaper:hover{
	cursor:pointer;
}
.newpaper img{
	width:100%;
}
.newpaterbig:hover{
	cursor:default;
}
a.newsclosebtn{
	position:absolute;
	top:20px;
	left:160px;
	display:none;
	z-index:36;
}
.disc img{
	width:100%;
}
.overlap{
	position:absolute;
	z-index:32;
	display:none;
}
.btn img{
	width:100%;
}
.mobileitem{
	display:none;
}
@media only screen and (max-width: 1300px) {
	#wrapper{
		width:960px;
		height:580px;
		margin-left:-480px;
		margin-top:-290px;
	}
	.disc_wrapper{
		left:60px;
		top:60px;
	}
	a.lyrics{
		top:35px;
		left:35px;
	}
	.disc{
		width:380px;
	}
	.newpaper{
		top:440px;
	}
	a.newsclosebtn{
		left:60px;
	}
	.subcontent_inner{
		height:250px;
	}
	.videopanel{
		top:-70px;
	}
}

@media only screen and (max-width: 900px) {
	#wrapper{
		position:relative;
		width:100%;
		left:auto;
		top:auto;
		margin:auto;
	}
	.disc_wrapper{
		left:30px;
		top:110px;
	}
	.disc{
		width:300px;
	}
	.switcher{
		width:90px;
		height:90px;
		margin-left:-45px;
		margin-top:-45px;
		background-size:90px 180px;
	}
	.switcheron{
		background-position: 0px -90px;
	}
	.newpaper{
		top:460px;
		width:160px;
	}
	a.lyrics{
		width:160px;
		top:55px;
	}
	a.newsclosebtn{
		left:20px;
	}
}

@media only screen and (max-width: 800px) {
	
	.disc_wrapper{
		left:30px;
		top:80px;
	}
	.disc{
		width:260px;
	}
	.newpaper{
		top:460px;
		width:160px;
	}
	a.lyrics{
		width:160px;
		top:25px;
	}
	.newpaper{
		top:520px;
		width:160px;
	}
}

@media only screen and (max-width: 766px) {
	.mobileitem{
		display:block;
	}
	.pcitem{
		display:none;
	}
	#wrapper{
		height:480px;
	}
	.man1, .man2{
		display:none;
	}
	.subcontent{
		width:96%;
	}
	.subcontent_inner_content{
		width:100%;
	}
	.subcontent_inner{
		width:100%;
		height:auto;
	}
	a.lyrics{
		width:100px;
		top:25px;
	}
	.disc_wrapper{
		top:40px;
	}
	.btn1{
		width:70px;
		left:125px;
	}
	.btn2{
		width:95px;
		left:230px;
	}
	.btn3{
		width:89px;
		left:80px;
		top:30px;
	}
	.btn4{
		width:120px;
		left:175px;
		top:35px;
	}
	.btn5{
		width:128px;
		left:235px;
	}
	.btn6{
		width:192px;
		top:90px;
		left:165px;
	}
	.nav_container{
		width:360px;
		height:150px;
		right:10px;
	}
	.newpaper2{
		position:absolute;
		left:33px;
		width:120px;
		bottom:-30px;
		-ms-transform: rotate(-13deg); /* IE 9 */
		-webkit-transform: rotate(-13deg); /* Chrome, Safari, Opera */
		transform: rotate(-13deg);
		z-index:35;
	}
	.newpaper2 img{
		width:100%;
	}
	.maincontent{
		display:none;
	}
	.subcontent{
		left:0px;
	}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
	#wrapper{
		height:300px;
	}
	.newpaper2{
		left:280px;
	}
}