body{
  margin:0;
  padding:0;
  background:#ffffff;
  color:#222222;
}

.feature-wrap{
  width:980px;
  margin:0 auto;
}

.feature-main{
  width:980px;
  margin:0 auto;
}

.feature-content-cell{
  width:790px;
  vertical-align:top;
  background:#ffffff;
}

.feature-inner{
  padding:0 0 0 10px;
}

.feature-head{
  margin:0 0 16px 0;
  padding:18px 20px;
  border:1px solid #d9e1ea;
  background:#f7f9fc;
  border-radius:12px;
}

.feature-head h1{
  margin:0 0 8px 0;
  font-size:28px;
  line-height:1.4;
  color:#1d2a38;
}

.feature-head p{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:#444444;
}

.feature-grid{
  width:100%;
}

.feature-card{
  width:382px;
  border:1px solid #dcdcdc;
  background:#ffffff;
  vertical-align:top;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,0.10);
}

.feature-card-inner{
  padding:14px;
}

.feature-card-link{
  text-decoration:none;
  color:#222222;
  display:block;
}

.feature-card-top{
  overflow:hidden;
  zoom:1;
}

.feature-card-img{
  float:left;
  width:150px;
  height:150px;
  margin-right:12px;
  border:1px solid #e3e3e3;
  background:#fafafa;
  text-align:center;
  line-height:110px;
  border-radius:8px;
  overflow:hidden;
}

.feature-card-img img{
  max-width:100%;
  max-height:100%;
  vertical-align:middle;
}

.feature-card-body{
  overflow:hidden;
  zoom:1;
}

.feature-maker{
  display:block;
  font-size:12px;
  color:#666666;
  margin-bottom:4px;
}

.feature-model{
  display:block;
  font-size:20px;
  font-weight:bold;
  color:#222222;
  line-height:1.4;
  margin-bottom:6px;
}

.feature-tag{
  display:inline-block;
  font-size:11px;
  color:#2d4b6a;
  background:#eef4fa;
  border:1px solid #d5e3f1;
  padding:3px 8px;
  margin-bottom:6px;
}

.feature-catch{
  clear:both;
  margin:12px 0 8px 0;
  font-size:15px;
  line-height:1.8;
  font-weight:bold;
  color:#1f3650;
}

.feature-reason{
  margin:0;
  font-size:13px;
  line-height:1.8;
  color:#444444;
}

.feature-btns{
  margin-top:12px;
}

.feature-btn{
  display:inline-block;
  padding:8px 14px;
  background:#1f3650;
  color:#ffffff !important;
  text-decoration:none;
  font-size:13px;
  border:1px solid #1f3650;
  border-radius:6px;
  font-weight:bold;
}

.feature-btn:hover{
  background:#2c4c70;
  color:#ffffff;
  text-decoration:none;
}

.feature-note{
  margin-top:16px;
  font-size:12px;
  line-height:1.8;
  color:#666666;
}

.feature-space{
  height:12px;
  font-size:1px;
  line-height:1px;
}

.feature-head-visual{
  position:relative;
  margin:0 0 16px 0;
  padding:0;
  border:1px solid #d9e1ea;
  border-radius:12px;
  overflow:hidden;
  background:#000000;
}

.feature-head-bg{
  display:block;
  width:100%;
  height:auto;
}

.feature-head-text{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:14px 14px;
  color:#ffffff;
  background:url("/img/space.gif");
}

.feature-head-text h1{
  margin:0 0 20px 0;
  font-size:34px;
  line-height:1.4;
  color:#ffffff;
  text-shadow:0 2px 6px rgba(0,0,0,0.45);
}

.feature-head-text p{
  margin:0 0 50px 0;
  font-size:15px;
  line-height:1.6;
  color:#ffffff;
  text-shadow:0 2px 6px rgb(0, 0, 0);
  text-align:left;
}