div.goods-body{
	border:1px solid #ddd;
	box-shadow: 0 0 3px #eee;
	margin-bottom: 15px;
}
div.goods-body div.goods-body-header{
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
}
div.goods-body div.goods-body-header ul{
	list-style: none;padding:0;margin:0;
	display: flex;display: -webkit-flex;
	align-items: stretch;-webkit-align-items:stretch;
}
div.goods-body div.goods-body-header ul li{
	margin:0 5px;
}
div.goods-body div.goods-body-header ul li a{
	text-decoration: none;color:#666;font-size:.7rem;
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
	padding:0px 8px;height: 24px;
	border:1px solid #ccc;
	transition: all .3s;
}
div.goods-body div.goods-body-header ul li a:hover{
	color:white;background-color:#0458ae;border-color:#0458ae;
}
h3.goods-title{
	font-size:1rem;text-align: center;color:#0458ae;
	padding:5px 0;margin:10px 0 30px 0;
	border-left:5px solid #59a4f2;
	border-right:5px solid #59a4f2;
}
.inner { padding: 15px 20px !important; }

div.goods-body-info{ margin:20px auto 40px auto; }

div.goods-pic{ margin:0 auto;text-align: center; }
h4.goods-futitle{
	font-size:.85rem;color:#333;margin:10px 0;padding:5px 0 5px 35px;
	border-left: 5px solid #f5785d;
}
table , th, td{
	border: 1px solid #ddd;
}
table{
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin:10px auto;
}
td{
	border-width: 0 1px 1px 0;text-align: center;font-size:.8rem;color:#444;
	padding:10px 0;
}

div.file-list-download{
	margin:25px auto;border:1px solid #ddd;
	position: relative;z-index:1;color:#555;font-size:.7rem;
}
div.file-list-download > span{
	border:1px solid #ddd;display: block;
	padding:4px 15px;position: absolute;top:-15px;
	background-color:white;z-index:2;left:30px;
}
div.file-list-download ul.file-list{
	list-style: none;padding:0;font-size: .7rem;width:95%;
	display: flex;display: -webkit-flex;margin:30px auto;
	flex-wrap:wrap;-webkit-flex-wrap:wrap;
	align-items: center;-webkit-align-items:center;
}
div.file-list-download ul.file-list > li{
	margin:0 10px;
}
div.file-list-download ul.file-list > li > a{
	text-decoration: none;display: block;outline:none;
	padding:8px 15px;background-color:#0458ae;color:white;
	transition: all .3s;border-radius: 3px;
}
div.file-list-download ul.file-list > li > a::before{ margin-right: 5px; }
div.file-list-download ul.file-list > li > a:hover{
	background-color:rgba(0,0,0,.7);
}

/*reprint*/
div.reprint-statement{
	margin:15px 0;background-color:#f6f7f5;
	border:1px solid #ddd;padding:15px;
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
}
div.reprint-statement img{ margin:0 15px;width:120px; }
div.reprint-statement p{
	margin:4px 0;font-size:.7rem;color:#666;
}
div.reprint-statement p > a{ text-decoration: none;color: inherit;cursor:pointer; }
div.reprint-statement p > a:hover{ text-decoration: underline;color:#0458ae; }

/*selector*/
div.selector{
	border:1px solid #ddd;margin-bottom: 15px;
	display: flex;display: -webkit-flex;width:100%;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: stretch;-webkit-align-items:stretch;
}
div.selector a{
	display: block;text-decoration: none;font-size:.7rem;color:inherit;
	text-align: center;
}
div.selector > div{ width:50%;padding:10px 0;transition: all .3s;color:#555; }
div.selector div:first-child{ border-right: 1px solid #ddd; }
div.selector p{margin:10px 0 5px 0;}
div.selector > div:hover{ background-color:#0458ae;color:white; }

/*comment*/
.half-col{ 
	width:45%; 
}
.half-col input{ flex-grow: 1;-webkit-flex-grow:1; }
div.post-comment{
	border:1px solid #ddd;padding:10px;margin:0;
}
h4.post-title{ font-size:.8rem;font-weight: normal;margin:5px 0;color:#555; }
div.post-comment > form{
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
}
div.input-group input, div.input-group textarea{ width:100%;resize:none;border:1px solid #ddd;text-indent: 1em;font-size:.8rem;color:#777; }
div.input-group textarea { padding:4px 0; }
div.post-comment > form > div{
	display: flex;display: -webkit-flex;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;
}
div.input-group{
	display: flex;display: -webkit-flex;margin:6px 0;
	justify-content: flex-start;-webkit-justify-content:flex-start;
	align-items: stretch;-webkit-align-items:stretch;
}
div.input-group > span{
	font-size:.9rem;color:#6899c2;
	background-color:#f6f6f6;padding:8px;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	white-space: nowrap;
	display: flex;display: -webkit-flex;
	align-items: center;-webkit-align-items:center;
	justify-content: center;-webkit-justify-content:center;
}
div.input-group > img{ width:100%;height:36px;cursor:pointer;margin-left: 20px; }
button[type='submit']{
	padding:6px 20px;background-color:#6899c2;border:none;
	color:white;border-radius: 5px;font-size:.8rem; 
	cursor:pointer;
}
button[type='submit']:hover{
	background-color:rgba(0,0,0,.8);
}
div.post-comment > form > textarea{
	border:1px solid #ddd;resize:none;padding:10px;color:#777;font-size:.8rem;
}


/*comment-list*/
div.comment-list{
	border:1px solid #ddd;padding:10px;margin:15px 0;
}
div.comment-list > ol{
	list-style: none;padding:0;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
}
div.comment-list > ol > li{
	display: flex;display: -webkit-flex;padding:15px 0;border-top:1px dashed #ddd;
	align-items: flex-start;-webkit-align-items:flex-start;
}
div.comment-list > ol > li > div { width:100%; }
div.comment-list > ol > li img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-right:20px;
	width:44px;height: 44px;
}
div.comment-info{
	display: flex;display: -webkit-flex;font-size:.7rem;color:#888;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: center;-webkit-align-items:center;margin-bottom: 20px;
}
div.comment-info > span{ font-size:.8rem;color:#777;margin-right: 20px; }
div.comment-info > div > span{ margin-right: 15px; }
div.comment-content{
	font-size:.75rem;color:#555;text-indent:2em;
}
#copy{ position: absolute;top:0;left:0;opacity: 0;z-index: -10; }
.activity-info {
	width: 90%;margin:0 auto;
}
.activity-info p { color:#135482; }
.activity-info span { color:#666; }
#signup {
	margin:30px auto 0 auto;text-align: center;
}
a.signup-btn {
	padding:10px 30px;border-radius: 10px;
	background-color:#ec2929;font-size: .8rem;color:white;
}
#signup > ul { margin-bottom:30px; }
#signup > ul > li {
	display: flex;display: -webkit-flex;margin:0 8px;
	flex-direction: column;-webkit-flex-direction:column;
	align-items: center;-webkit-align-items:center;
}
#signup > ul > li > span { font-size:.65rem;color:#555; }
#signup > ul > li > a{
	display: block;margin: 0 8px;
	border:1px solid #ddd;
	width: 44px;height: 44px;
	border-radius: 50%;
	-webkit-border-radius:50%;
	overflow:hidden;
}
#signup > ul img{
	width:100%;height: 100%;border:4px solid white;
	border-radius: 50%;-webkit-border-radius:50%;
}
.all_people {
	margin:20px 0;
	justify-content: space-around;-webkit-justify-content:space-around;
}
.all_people > span {
	display: inline-block;
	width:42%;height:1px;background-color:#dddede;
}
.all_people p { 
	font-size: .7rem;color:#777;
	display: inline-block;margin:0 10px;
	word-wrap: nowrap;white-space: nowrap;
	background-color:white;
}

@media screen and (min-width: 300px) and (max-width: 767px) {
	div.file-list-download ul.file-list { margin:20px auto; }
	div.reprint-statement img{ display: none; }
	div.input-group{ width:100%;margin: 3px 0 6px 0; }
	div.post-comment > form > textarea{ margin: 3px 0 6px 0; }
	div.selector{ 
		border:none;
		flex-direction: column;-webkit-flex-direction:column;
	}
	div.selector > div{ width:100%;border:1px solid #ddd; }
	div.selector div:first-child{ margin-bottom: 10px; }
	div.post-comment > form > div{
		flex-direction: column;-webkit-flex-direction:column;
	}
	div.input-group > img{ margin-left:0; }
	div.input-group input{ width:40%; }
	div.comment-list > ol > li > div{
		flex-grow: 1;-webkit-flex-grow:1;
	}
	div.input-group > img{ width:45%; }
	button[type='submit']{ margin:10px 0; }
	.inner { padding:5px 8px !important; }
}