﻿body {
	font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
  	background-color:#fff;
}
.bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url( ../themes/images/index/bg-mainpage-ht-1540.jpg) no-repeat top center #000;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    z-index: -1;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-brand {
	height: 40px;
	padding-top: 10px;
}
.navbar
{
	min-height:100px;

}
.navbar-fixed-top {
	min-height: 100px;
	padding-top:25px;
	padding-left:10px;
}
.navbar-toggle {
	margin-top: 4px;
	margin-bottom: 4px;
}
.navbar-toggle .icon-bar
{
	background-color:#fff;
}
.btn
{
	background-color:#159bf0;
}
.modal-dialog
{
	top:50%;
	color:black;
}
.form-signin
{
	max-width: 550px;
	padding: 15px;
	margin: 0 auto;
	background-color:#fff;
	border-radius: 8px;
}
.v-group
{
	padding:5px 12px;
}

#head {  text-align: center; color:white;padding-top:240px; font-family:微软雅黑, 宋体, "Open sans", Helvetica, Arial; font-weight:200; }

@media (max-width: 530px)
{
	#head {  text-align: center;color:white;padding-top:100px; font-family:微软雅黑, 宋体, "Open sans", Helvetica, Arial; font-weight:200; }
	h1
	{
		font-size: 30px;
	}
	h2
	{
		font-size: 24px;
	}
	h4
	{
		font-size:12px;
	}
}
@media (min-width: 720px)
{
	#head {  text-align: center; color:white;padding-top:340px; font-family:微软雅黑, 宋体, "Open sans", Helvetica, Arial; font-weight:200; }
	h1
	{
		font-size: 30px;
	}
	h2
	{
		font-size: 24px;
	}
	h4
	{
		font-size:18px;
	}
}
@media (min-width: 768px)
{
	#head {  text-align: center; color:white;padding-top:440px; font-family:微软雅黑, 宋体, "Open sans", Helvetica, Arial; font-weight:200; }
}
@media (min-width: 992px)
{
	#head {  text-align: center; color:white;padding-top:640px; font-family:微软雅黑, 宋体, "Open sans", Helvetica, Arial; font-weight:200; }
}
@media (min-width: 1200px)
{
	#head {  text-align: center; color:white;padding-top:740px; font-family:微软雅黑, 宋体, "Open sans", Helvetica, Arial; font-weight:200; }
}
@media (orientation: landscape)
{
	#head {  text-align: center; color:white;padding-top:300px; font-family:微软雅黑, 宋体, "Open sans", Helvetica, Arial; font-weight:200; }
	body
	{
  		background-color:#fff;
	}
	.bg
	{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url( ../themes/images/index/bg-mainpage-850.jpg) no-repeat  top center #000 ;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		z-index: -1;
	}
}

@media (orientation: landscape) and (max-width:767px)
{
	#head
	{
		padding-top: 80px;
	}
}
@media (orientation: landscape) and (min-width:768px)
{
	#head
	{
		padding-top:120px;
	}
}
@media (orientation: landscape) and (min-width:992px)
{
	#head
	{
		padding-top:150px;
	}
}
@media (orientation: landscape) and (min-width:1200px)
{
	#head
	{
		padding-top:300px;
	}
}
@media (orientation: landscape) and (min-width:2000px)
{
	#head
	{
		padding-top:500px;
	}
}
#head1
{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}