.cut-text { 
display:inline-block;
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 95%; 
  height: 1.2em; 
  white-space: nowrap;
}


.form-control: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, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}

select.form-control  {
	width:150px;
	 height: 30px;
  line-height: 30px;
}

.story{
	padding-top:40px;
	width:800px;	
}

.story .st1 {
	font-size:2.5em;
	font-weight:bold;
}

.story .std {
	color:#536498;
	font-weight:bold;
	font-size:1.35em;
	padding-bottom:40px;
	
}

.story .ct {
	
	font-size:1.5em;
	line-height:37px;
	padding-top:25px;
	width:100%;
	
}

.story .lotn {
	font-weight:bold;
	font-size:1.5em;
	padding-top:20px;
}

.story .lott {
	font-weight:bold;
	font-size:1.5em;
	
	padding-bottom:15px;
}

.story .loti {
	width:100%;
	max-width:800px;
	padding-top:20px; 
	
}

.story img {
 max-width:100%;
 min-width:100%;
 
}
.story .lotd {
	font-family:"carme", "arial", "微软雅黑";
	font-size:1.2em;
	padding-top:5px; 
	padding-bottom:0px;
	line-height:30px;
}

.story hr {
margin-top:50px;
margin-bottom:10px;
}

.story .lot-st {
	padding-top:10px;
	font-size:1.2em;
	color:#D31619;
	
}
.story .sp-r {
	padding-top:10px;
	font-size:1.5em;
	color:#BF6264;
	line-height:37px;
	width:60%;
}
@media only screen and (max-width: 600px) {
	.story{ padding-top:40px;width:100%;	}
}

@media only screen and (min-width: 600px) {
	.story{ padding-top:40px;width:100%;	}
}
@media only screen and (min-width: 768px) {
	.story{ padding-top:40px;width:100%;	}
}

@media only screen and (min-width: 992px) {
	.story{ padding-top:40px;width:800px;	}
}

@media only screen and (min-width: 1400px) {
	.story{ padding-top:40px;width:800px;	}
}

@media only screen and (min-width: 1401px) {
	.story{ padding-top:40px;width:800px;	}

}