*{ margin:0; padding:0;}
body{ font-size:14px;}
.demo-2 .large-header{background:url(../images/demobg.jpg) no-repeat left center;background-size:cover; height:100%;}
.demo-2{position:fixed;height:100%;width:100%;top:0;left:0;z-index:0; left:0; top:0;}
body,input,textarea{ font-family:"Microsoft YaHei"}
ul{ overflow:hidden;}
li{ list-style-type:none; padding:5px 0; float:left; width:98%;}
.box{ width:700px; margin:0px auto; position:absolute; z-index:2; box-shadow:0 0 20px rgba(0,0,0,0.2); border-radius:5px; background:#fff; padding:15px 0 15px 0; left:50%; margin-left:-350px; top:10%;}

.box1{ width:600px;margin-left:-300px;}



.box ul{ padding:0px 30px;}
label{ position:absolute; line-height:36px; color:#555; text-align:right; width:80px;}
.box h1{ font-size:30px; text-align:center; font-weight:normal; padding:20px 0 30px 0;}
.box h2{ font-size:20px; text-align:center; font-weight:normal; padding:20px 0 30px 0;}
.box h2 br{display:none}
.box span{ display:block; padding-left:90px;}
.box span input,.box span textarea{ display: block;
    width: 100%; text-indent:10px;
    height:36px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 
}



.box span input:focus,.box span textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.box span textarea{ height:auto;}
.btn{ text-align:center; padding-top:15px; margin-top:30px; border-top:1px solid #eee;}
.btn input,.btn a{    display: inline-block; outline:none;
    height: 38px; width:100px; text-align:center;
    line-height: 38px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;}
.btn a:first-child{ background-color:#ff2200;}
.btn input:first-child{ 
    background-color: #fff;
    color: #333; border:1px solid #ccc;
	}
.btn input:hover.btn a:hover{
	 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	}

table{ border-left:1px solid #ddd; border-top:1px solid #ddd;}
table td,table th{ border-right:1px solid #ddd; border-bottom:1px solid #ddd;  background: #fff; line-height:30px;}
table th{ font-size:14px; background:#f9f9f9;}
table td{ text-align: left; padding-left: 6px;}
table ol{ padding:10px 15px; font-size:14px; color:#666; line-height:24px;}

.box3{ width:1200px; margin-left:-600px;}
.tablefoot{ font-size:14px; text-align:center;}
.signup_link { position:fixed; bottom:0; right:15px; font-size:14px; text-decoration:none;display: block;
    height: 36px;
    padding: 0 25px;
    margin: 0 0 8px 0;

    font-weight: 700;
    line-height:36px;
    border: 0;
    border-radius: 2px;
    color: #fff;
    background: rgba(0,0,0,.33);
}
@media (max-width:720px)
{
.box{ width:94%;  border-radius: 0; background:rgba(0,0,0,0.5);  left:3%; margin-left:0; top:10px;}
.box ul {padding: 0px 15px;}
.box span input,.box span textarea{background:rgba(0,0,0,0.2);color:#fff; border: 1px solid rgba(255,255,255,.3);}
label{ text-align:left; color:rgba(255,255,255,.75);}
.box span{ padding-left:70px;}
li {width: 100%!important;}
	.box h1,.box h2{color:#fff;}
	.btn{ border:none!important; padding: 0 15px;}
	.btn input{ width:48.5%; display:block; float: left;}
	.btn input:first-child{}
	.btn input:last-child{float:right;}
	.btn a{ display:block; width: 100%!important;}


}

@media (max-width:480px)
{

.box h2 br,.signup_link{display:none}
	.signup_link{}
}