@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	text-align:center;
	overflow:hidden;
	
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:0; }
address, caption, dfn, th, var {
	font-style:normal;
	font-weight:normal;
}
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}

a { color:#FFF; text-decoration:none;}
a:hover { color:#444;}
html, body { height: 100%; }
body {
	margin:0;
	padding:0;
	background:#fff url(../images/bg.jpg) left center fixed;
	background-size:cover;
	font-family: 'Open Sans Condensed', sans-serif;
}
h1 {
	padding: 12px 70px 12px 20px;
	position: absolute;
	right: 0;
	text-align:center;
	top: 25%;
	float: left;
	color: #fff;
	letter-spacing: -1px;
	font-size: 38px;
}
h3 {
	font-size: 24px;
	color: #333;
	float: left;
	margin-right: 15px;
	padding-top: 5px;
}
h2 {
	color: #fff;
	font-size: 40px;
	text-shadow:0 1px 1px #444;
	margin-bottom: 20px;
}
h2 span {
	color: #222;
	font-size: 16px;
	line-height: 26px;
	font-style: normal;
	text-shadow:0 1px 1px #ccc;
}
div#content {
	width: 440px;
	height:440px;
	background: url(../images/tp.png);
	margin: 0 auto;
	padding:20px 0;	
}
.logo_box {
	width: 440px;
}
.main_box {
	width: 400px;
	background:#e9ab05;
	padding: 20px;
}

ul.info {
	width: 400px;
	padding: 0;
	margin: 10px 0 0 0;
	text-align:center;
}
ul.info li {
	margin-bottom: 20px;
	clear: both;
	width:400px;
}
ul.info li p {
	font-size: 16px;
	line-height: 20px;
	text-align:center;
	color: #111;
	margin: 0;
}

.facebook { 
	width:36px; 
	height:36px; 
	display:block; 
	float:left;
	background:url(../images/icon/Facebook.png) left center no-repeat;
	transition:.60s; -moz-transition:.60s; -webkit-transition:.60s; 
}
.facebook:hover {
	background:url(../images/icon/Facebook-h.png) left center no-repeat;
	transform: rotate(360deg); 
	-moz-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
}
.twitter { 
	width:36px; 
	height:36px; 
	display:block; 
	float:left;
	background:url(../images/icon/Twitter.png) left center no-repeat;
	transition:.60s; -moz-transition:.60s; -webkit-transition:.60s; 
}
.twitter:hover {
	background:url(../images/icon/Twitter-h.png) left center no-repeat;
	transform: rotate(360deg); 
	-moz-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
}
.instagram { 
	width:36px; 
	height:36px; 
	display:block; 
	float:left;
	background:url(../images/icon/Instagram.png) left center no-repeat;
	transition:.60s; -moz-transition:.60s; -webkit-transition:.60s; 
}
.instagram:hover {
	background:url(../images/icon/Instagram-h.png) left center no-repeat;
	transform: rotate(360deg); 
	-moz-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
}