@charset "utf-8";



body {



	margin: 0;



	padding: 0;



	font-family: Arial, Helvetica, sans-serif;



	background:#000000;



}



h2 {



	font-size: 20px;



	margin: 18px 0 0 0;



	color: #858585;



}



.warpper {



	width: 100%;



	height: 100%;



	margin: 0 auto;



	/*background: url(../images/bg.jpg) no-repeat top center #000000;*/



}



.title {



	width: 100%;



	margin: 0 auto;



	background: url(../images/tt.jpg) no-repeat top center #000000;



	height: 280px;/*position:fixed;*/



}



.headline {



	width: 960px;



	text-align: center;



	margin: 15px auto;



	font-size: 16px;



	font-family: Arial, Helvetica, sans-serif;



	font-weight:bold;



	



}



.list {



	width: 960px;



	margin: 25px auto 0 auto;



}



.list_left {



	width: 450px;



	height:650px;



	float: left;



	background: rgba(0, 0, 0, .9);

	margin-left:35px;



}



.list_right {



	width: 450px;



	height:654px;



	float: right;



	background: rgba(0, 0, 0, .9);



}



ul {



	list-style: none;



}



ul li a {



	text-decoration: none;



	color: #fff;



	font-size: 12px;



}



a {



	text-decoration: none;



	color: #fff;



	font-size: 11px;



}



.footer_main{



	width:100%;background:#000000;



}



.footer {



	width: 100%;



	height: 50px;



	margin: 330px auto 0 auto;



	padding-top: 5px;



	color: #fff;



	font-size: 11px;



	



}



.links {



	float: center;



	position: relative;



	text-align: center;



}







/*@media only screen and (min-width: 320px) (max-width: 480px) {*/



@media (min-width: 320px) and (-webkit-min-device-pixel-ratio: 2){



	.headline {



	width: 100%;



	text-align: center;



	margin: 10px auto;



	font-size: 14px;



	font-family: Arial, Helvetica, sans-serif;



	font-weight:bold;



}







.title {



	background: url(../images/tt.jpg) no-repeat top center #000000;



	width: 100%;



	



	//height:110px;
	height:280px;



	background-size: 100% 100%;



}



.list {



	width: 95%;



	margin: 36px auto 0 auto;



}



.list_left {



	width: 45%;



	height:600px;



	float: left;



	background: rgba(0, 0, 0, .9);



}



.list_right {



	width: 45%;



	height:600px;



	float: right;



	background: rgba(0, 0, 0, .9);



}



h2 {



	font-size: 16px;



	margin: 20px 0 0 0;



	color: #858585;



}



.footer {



	margin: 545px auto 0 auto;





	



}







}



@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){



.title {



	background: url(../images/tt_ipad.jpg) no-repeat top center #000000;



	width: 100%;	



	height:275px;

	background-size:contain;



}	



}



@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){



.title {



	background: url(../images/tt_ipad.jpg) no-repeat top center #000000;



	width: 100%;	



	height:275px;



}	



}