body{
	background: #000;
}

input{
	border: 0;
    outline: none;
}


.about{
	width: 100%;
	max-width: 700px;
	background:#ffffff;
	margin-left: auto;
	margin-right: auto;
}



.content img{
	width: 100%;
}

	
.detail_header{
	position: fixed;
	top:0;
	width: 100%;
	height: 50px;
	background:#ffffff;
	border-bottom: 1px solid #f0f0f0;
	box-shadow: 0px 3px 3px #d7d7d7;
}

.h-left{
  float: left;
  width: 15%;
  height: 50px;
}


.h-left a {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  background: url('/public/images/arrow_left.png') no-repeat 15px center;
    background-size: auto;
  background-size: auto auto;
  background-size: auto 16px;
}

p{
	margin-bottom: 0px !important;
}


.title{
	background:#000;
	color: #ffffff;
}

.content{
	background:#000;
	color: #ffffff;
	padding: 5px !important;
}

.hd ul{
	_display: none;
}

.hd{
	position: absolute;
	bottom:0px;
	width: 100%;
	height: 40px;
}

.prev{
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 50px;
	bottom: 50px;
	left:0px;
	padding: 10px;
	background:rgb(0,0,0,0.6);
	border-radius: 0px 8px 8px 0px;
}

}
.prev img{
	width: 30px;
	height: 30px;
}

.next{
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 50px;
	bottom: 50px;
	right: 0px;
	padding: 10px;
	background:rgb(0,0,0,0.6);
	border-radius: 8px 0px  0px 8px;
}

}
.next img{
	width: 30px;
	height: 30px;
}


.scrollimg{
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	background:#666;
}

.more_magazine{
	padding: 10px;
	background:#000;
	color:#ffffff;
	font-weight: bold;
	text-align: center;
	user-select: none;
	cursor: pointer;
	font-size: 18px;
	font-style: italic;

}


#scrollimg .hd ul{
	text-align: center;
}

.scrollimg .hd li
{
  cursor: pointer;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 5px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #999;
  _filter: alpha(Opacity=60);
  _opacity: .6;
  box-shadow: 0 0 1px #ccc;
  text-indent: -100px;
  overflow: hidden;
  border: 1px solid #ffffff;
}

#scrollimg .hd li.on
{
  width: 8px !important;
  height: 8px !important;
  box-shadow: 1px 1px 1px 1px #000;
  background: #666;
}


@media (max-width: 768px) { 
.about{
	margin-top: 00px;
}

.title{
	padding: 20px 10px 10px 10px;
	margin-bottom: 0px;
	text-align: center;

}

.title h1{
	font-size: 22px;
}

.detail_header {
	display: none;
}



 
}
































































@media (min-width: 768px) { 

	
   
.about{
	margin-top: 15px;
	border-radius: 8px;
}

.title{
	padding: 15px;

}


 .content{
    padding:15px;
    min-height: 650px;
  }
  



 }