@CHARSET "UTF-8";
div.radius{
	border-radius:6px; 
	border:1px solid;
	margin: 15px auto;
    width: 100%;
}

div.radius2{
	border-radius:18px; 
	margin: 10px 0px;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}
.textleft{
	text-align: left;
}
.textright{
	text-align: right;
}
.textcenter{
	text-align: center;
}

.bluebg{
	background:url("../images/blue.png") repeat  ;
	padding:12px;
}

.lightbluebg{
	background:url("../images/lightblue.png") repeat  ;
	padding:12px;
}

div.msgbox{
	background-color: #aaddff;
    border: 3px solid #00aaee;
    margin: auto;
    padding: 5px;
    text-align: justify;
    max-width: 887px;
}

div.msgtitle{
    font-size: 18px;
	font-weight: 700;
    margin: auto;
    padding: 5px;
    text-align: left;
    width: 890px;
}

div.menu{
	padding-top: 15px;
	width: 875px;
}

div.menu div.blue{
	background:url("../images/button.png") repeat-x  ;
    border: 4px outset #1e7db9;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    width: 87%;
	font-size: 16px;
	text-align:left;
	padding: 10px;
	height: 95px;
}

div.menu div.orange{
	background:url("../images/orange.png") repeat-x  ;
    border: 4px outset #FFA500;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    width: 87%;
	font-size: 18px;
	height: 95px;
	text-align:left;
	padding: 10px;
}

div.menu ul{
	list-style: inside none;
}

div.menu a{
	text-decoration:none;
}

div.condition{
    padding: 15px;
    text-align: left;
    width: 70%;
	float: left;
	border: 1px solid;
	border-radius:3px; 
	height: 95px;
	margin: auto;
	margin-left: 38px;
	overflow: auto;
}

div.condition h1{
    text-decoration : underline;
}

div.condition ul{
	padding:15px;
	list-style: inside disc;
}

div.condition ol{
	padding:30px;
	list-style-type:decimal;
}

ul{
    list-style: inside disc;
}

div.question{
	font-size: 16px;
	font-weight: 700;
    margin: auto;
    padding: 5px 25px;
    text-align: left;
    width: 100%;
	float: left;
}

div.answer{
	font-size: 16px;
    margin: auto;
	padding: 5px 30px;
    text-align: left;
    width: 890px;
	float: left;
}

div.answer1{
    float: left;
    padding: 5px;
    text-align: left;
    width: 98%;
}

div.answer2{
    float: left;
    padding:  5px;
    text-align: left;
    width: 48%;
}

div.answer3{
    float: left;
    padding: 5px;
    text-align: left;
    width: 30%;
}

div.answer_div{
    float: left;
    padding: 5px;
    text-align: left;
	height:2.5em; 
    line-height:2.5em;
}

table.logintable {
	font-weight: bold;
	color: #4760b0;
	font-size: 16px;
	text-align: center;
	margin:auto;
}

table.logintable td{
	color: #959595;
	display: table-row;
  	vertical-align: inherit;
  	border-color: inherit;
}

table.infotable {
	margin: 10px auto;
    width: 96%;
}

table.infotable input{
	background-color:transparent;
	border-left:0 none;
	border-top:0 none;
	border-right:0 none;
	border-bottom:1px solid;
}

table.infotable input:focus {  
    background-color: #ffc0cb;  
}  

table.infotable th{
	border-bottom: 3px solid #0077aa;
	text-align:left;
	padding-left:10px;
	height: 2em;
	vertical-align:middle;
}

table.infotable td.title{
	padding-left:10px;
	width: 30%;
	height: 1.8em;
	vertical-align:middle;
	background-color: #fff;
}

table.infotable tr:nth-child(even){
	background-color: #aaddff;
}

table.infotable tr{
	background-color: #fff;
}

table.infotable td.display{
	border-left: 2px solid #0077aa;
	border-right: 2px solid #0077aa;
	width: 70%;
	padding-left:10px;
	height: 1.8em;
	vertical-align:middle;
}

table.infotable td.foot{
	border: 1px solid #0077aa;
	padding:5px;
	vertical-align:middle;
	text-align: right;
}

table.infotable2 {
	margin: 10px auto;
    width: 96%;
}

table.infotable2 input{
	background-color:transparent;
	border-left:0 none;
	border-top:0 none;
	border-right:0 none;
	border-bottom:1px solid;
}

table.infotable2 th{
	border-bottom: 3px solid #C0504D;
	text-align:left;
	padding-left:10px;
	height: 2em;
	vertical-align:middle;
}

table.infotable2 td{
	width: 70%;
	padding-left:10px;
	vertical-align:middle;
}

table.infotable2 td.title{
	padding-left:10px;
	width: 30%;
	height: 1.8em;
	vertical-align:middle;
}

table.infotable2 td.display1{
	border-left: 2px solid #C0504D;
	border-right: 2px solid #C0504D;
	background-color: #EFD3D2;
	width: 70%;
	padding-left:10px;
	vertical-align:middle;
}
table.infotable2 td.display2{
	border-left: 2px solid #C0504D;
	border-right: 2px solid #C0504D;
	width: 70%;
	padding-left:10px;
	vertical-align:middle;
}
table.infotable2 td.foot{
	border: 1px solid #C0504D;
	padding:5px;
	vertical-align:middle;
	text-align: right;
}

.btn_web {
	border:3px outset #1e7db9;
	background:url("../images/button.png") repeat-x  ;
	color:#FFF;
	font-weight:bold;
	font-size:1em;
	padding: 3px 10px 4px; 
}

table.infotable td.exh{
	padding:12px;
	vertical-align:middle;
}

table.infotable td.exh_title{
	background-color: #fff;
}

table.infotable td.left_border{
	border-left: 1px solid #0077aa;
}

table.infotable td.right_border{
	border-right: 1px solid #0077aa;
}

table.manual{
	margin: 10px auto;
    width: 96%;
}

table.manual th{
	background-color: #4F81BD;
	text-align:left;
	padding-left:10px;
	height: 2em;
	vertical-align:middle;
}
table.manual tr:nth-child(even){
	border: 1px solid #7BA0CD;
	background-color: #D3DFEE;
	height: 1.8em;
	vertical-align:middle;
}
table.manual tr{
	border: 1px solid #7BA0CD;
	height: 1.8em;
	vertical-align:middle;
}
table.manual td{
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
	vertical-align:middle;
}

#dialog-overlay {  
    width:100%;   
    height:100%;  
    filter:alpha(opacity=50);   
    -moz-opacity:0.5;   
    -khtml-opacity: 0.5;   
    opacity: 0.5;   
    position:absolute;   
    background:#000;   
    top:0; left:0;   
    z-index:3000;   
    display:none;  
}  
  
#dialog-box {  
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    background:#eee;  
    width:580px;   
    position:fixed;   
    z-index:5000;   
    display:none;  
}  

#dialog-box table td{  
    padding:2 5 2 5;
	font-size:14px;
} 
  
#dialog-box .dialog-content {  
    text-align:left;   
    padding:5px;   
    margin:5px 0px 18px 5px;  
    color:#333;   
    font-family:arial;  
    font-size:1em;   
} 

#loading-box {  
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    background:#eee;  
    width:480px;   
    position:absolute;   
    z-index:5000;   
    display:none;  
}  

#loading-box table td{  
   padding:5px;
} 
  
#loading-box .dialog-content {  
    text-align:left;   
    padding:5px;   
    margin:5px 0px 18px 5px;  
    color:#333;   
    font-family:arial;  
    font-size:1em;   
} 

.dialog-form{
	display:none;  
}
  
a.close_btn  {  
    margin:10px auto 0 auto;  
    text-align:center;  
    background-color: #c6c6c6;  
    width:50px;  
    padding: 5px 10px 6px;  
    color: #fff;  
    text-decoration: none;  
    font-weight: bold;  
    line-height: 1;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
    border-bottom: 1px solid rgba(0,0,0,0.25);  
    position: relative;  
    cursor: pointer;  
      
}  

button.close_btn  {  
    margin:10px auto 0 auto;  
    text-align:center;  
    background-color: #c6c6c6;  
    width:50px;  
    padding: 5px 10px 6px;  
    color: #fff;  
    text-decoration: none;  
    font-weight: bold;  
    line-height: 1;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
    border-bottom: 1px solid rgba(0,0,0,0.25);  
    position: relative;  
    cursor: pointer;  
      
} 
  
a.close_btn:hover {  
    background-color: #9c9c9c;    
}  

a.completed_btn {  
    text-align:center;  
    background-color: #00ff00;  
    width:80px;  
    padding: 5px 10px 6px;  
    color: #fff;  
    text-decoration: none;  
    font-weight: bold;  
    line-height: 1;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
    border-bottom: 1px solid rgba(0,0,0,0.25);  
    position: relative;  
    cursor: pointer;  
      
}  

button.completed_btn {  
    text-align:center;  
    background-color: #00ff00;  
    width:80px;  
    padding: 5px 10px 6px;  
    color: #fff;  
    text-decoration: none;  
    font-weight: bold;  
    line-height: 1;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  
    border-bottom: 1px solid rgba(0,0,0,0.25);  
    position: relative;  
    cursor: pointer;  
      
}  


button.delete_btn {  
     background: url("../images/b_drop.png");
    padding: 8px 8px;
	margin: 5px;
	border: 0 none;
}  

@-moz-document url-prefix(){
	
}

button.edit_btn {  
     background: url("../images/b_edit.png");
    padding: 8px 8px ;
	margin: 5px;
	border: 0 none;
} 

@-moz-document url-prefix(){
	
	
}

a.completed_btn:hover {  
    background-color: #008000;    
} 
  
#dialog-box .dialog-content p {  
    font-weight:700; margin:0;  
}  
  
#dialog-box .dialog-content ul {  
    margin:10px 0 10px 20px;   
    padding:0;   
    height:50px;  
}  
.requirement{
	background-color:#fff;
	position:absolute;
	border:1px solid;
	padding:15px;
	display:none;
	text-align:left;
}
label, input.add_form { display:block; padding-top:5px;}
fieldset { padding:5px; border:0; margin-top:16px; }

<!--crop photo-->

.container {
	width: 400px;
	margin: 40px auto 0 auto;
	position: relative;
	font-family: 微软雅黑;
	font-size: 12px;
}
.container p {
	line-height: 12px;
	line-height: 0px;
	height: 0px;
	margin: 10px;
	color: #bbb
}
.action {
	width: 400px;
	height: 30px;
	margin: 10px 0;
}
.cropped {
	position: absolute;
	right: -230px;
	top: 0;
	width: 200px;
	border: 1px #ddd solid;
	height: 460px;
	padding: 4px;
	box-shadow: 0px 0px 12px #ddd;
	text-align: center;
}
.imageBox {
	position: relative;
	height: 400px;
	width: 520px;
	border: 1px solid #aaa;
	background: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	cursor: move;
	box-shadow: 4px 4px 12px #B0B0B0; 
}
.imageBox .thumbBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 180px;
	height: 240px;
	margin-top: -120px;
	margin-left: -90px;
	box-sizing: border-box;
	border: 1px solid rgb(102, 102, 102);
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}
.imageBox .spinner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 400px;
	background: rgba(0,0,0,0.7);
}
.Btnsty_peyton{ float: right;
   width: 80px;
  display: inline-block;
  margin-bottom: 10px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  color: #FFFFFF;
  margin:0px 2px;
  background-color: #f38e81;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0px 0px 5px #B0B0B0;
  border: 0px #fff solid;}
/*选择文件上传*/
.new-contentarea {
	width: 165px;
	overflow:hidden;
	margin: 0 auto;
	position:relative;float:left;
}
.new-contentarea label {
	width:100%;
	height:100%;
	display:block;
}
.new-contentarea input[type=file] {
	width:188px;
	height:60px;
	background:#333;
	margin: 0 auto;
	position:absolute;
	right:50%;
	margin-right:-94px;
	top:0;
	right/*\**/:0px\9;
	margin-right/*\**/:0px\9;
	width/*\**/:10px\9;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:2;
}
a.upload-img{
	width:165px;
	display: inline-block;
	margin-bottom: 10px;
	height:57px;
	line-height: 57px;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #f38e81;
	border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
	border: 0px #fff solid;
	box-shadow: 0px 0px 5px #B0B0B0;
}
a.upload-img:hover{
	background-color: #ec7e70;
}

.tc{text-align:center;}