*{
 	padding:0;
 	margin:0;
 	list-style:none;
 	border:none;
 	color: #696969
 }
a{
	color:#333;
	text-decoration:none;
}
input{
	background: none;
}

h1{
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}
.user_fun{
	z-index: 999;
}
.user_fun_sub li{
	clear: both;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 963px;
	margin: 0px auto;
}
#header {
	height: 50px;
	width: 100%;
}
#content {
	width: 100%;
	margin: 10px auto;
	height: 120px;
	float: left;
	border: 1px solid #eee;
}

 #content .left{
	 width: 50%;
	 float: left;
	 text-align: left;
 }

 #content .right{
	 width:42%;
	 float: right;
 }
 #content .right form{
	 margin: 15px 0 5px;
 }

 #content .right .layui-input{
	 float: left;
	 display: inline-block;
	 width: 305px;
	 margin-right: 10px;
 }
 #content .right button{
	 float: left;
 }
 #content .right p{
	color:#1E9FFF;
	 line-height: 25px;
	 font-size: 13px;
 }




 #sidebar {
	width: 300px;
	float: right;
}
#footer {
	clear: both;
	padding-left: 20px;
}	

.showmore,.showmore-feedback,.log-message{
    display: inline-block;
    text-align: center;
    line-height: 40px;
    width: 465px;
    margin-top:20px;
    float: left;
}

#fixedLayer{
    background:#FF591F;
    position: fixed;
    top: 50%;
    right:10%;
    cursor: pointer;
    margin-top: -50px;
    padding: 9px 4px;
    width: 20px;
    text-align: center;
    border: 1px solid #e0e0e0;
    color: #fff;
}
.layui-col-md6 {
	width: 50%;
	float: left;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
/*	
	#pagewrap {
		width: 680px;
	}
	#header {
		height: 50px;
		width: 100%;
	}
	#content {
		width: 46%;
	}
	#sidebar {
		width: 30%;
	}
	.log-list{
		width:600px;
		float:left
	}
	.laback{
		width: 677px;
		height: 35px;
		border-bottom: 1px solid #c3c3c3;
		margin-bottom: 15px;
	}
	.feedback-all-a{
		width: 677px;
	}
	.showmore,.showmore-feedback,.log-message{
	    width: 677px;
	}
	.layui-col-md6 {
		border:none;
	}
	.journal{
	    /*width: 630px;
	}
	.daojishi{
		position: relative;
		top: -35px;
		left: 53%;
		float: left;
		font-size: 14px;
	}
	.layui-col-md6 {
    	width: 100%;
    }*/
}

 
/* for 700px or less */
@media screen and (max-width: 600px) {
/*	#pagewrap {
		width: 680px;
	}
 	#header {
		width: 100%;
		min-width: 400px;
	}
	#content {
		width: 55%;
		min-width: 300px;	
	}
	#sidebar {
		width: auto;
		float: none;
	}
	.log-list{
		width:600px;
		float:left
	}
	.laback{
		width: 600px;
		height: 35px;
		border-bottom: 1px solid #c3c3c3;
		margin-bottom: 15px;
	}
	.feedback-all-a{
		width: 600px;
	}
	.daojishi{
		position: relative;
		top: -35px;
		left: 52%;
		float: left;
	}
	.daojishi strong{
		color: #c10000;
	}
	.daojishi strong span{
		color: #c10000;
	}*/
}
 
 
/* border & guideline (you can ignore these) */

#sidebar {
	background: #f0efef;
}
#content div{
	float: left;
}
.clear{
	clear: both;
}

.title-img{
	padding-right: 20px;
	padding-top: 5px;
	margin-bottom: -5px;
}
.header-help a img{
	margin-bottom: -1px;
	margin-right: 5px;
}
.title-time{
	color: #000;
}
.title-text{
	
	width: 89%;	
	/*overflow: hidden;
	padding-left: 30px;
	text-overflow:ellipsis;
	white-space: nowrap;*/
}
.title-text a{
	color: #717EC8;

}
.log-list ul li{
	float: left;
}
.log-list ul{
	clear: both;
	margin-top: 20px;
}
.footer{
width: 70%;
left: 0px;
bottom: 0px; 
margin: auto;
margin-top: 20%;
min-width: 360px;
}
.footer-a{
	float: left;
	height: 30px;
	line-height: 30px;
	letter-spacing:1px;
}
.footer-a img{
	margin-bottom: -5px;
	margin-right: 5px;
	margin-left: 5px;

}
.footer-b{
	float: left;
	margin-left: 10px;
	padding:3px 15px;
	background: #1072BD;
	color: #fff;
	cursor:pointer;
	margin-top: 1px;
}

#textareaName{
	width: 300px;
	height: 120px;
	resize: none;
	border:1px solid #666
}
.am-form{
	text-align: center;
	margin-top: 20px;
}
.aa-am-form{
	text-align: center;
}
.copy-input{
	cursor:pointer;
}
#feedbackSubmit{
	width: 60px;
	height: 30px;
	cursor:pointer;
	color: #fff;
	background: #1072BD;
	margin-top: 10px;
	line-height: 30px;
}

#day_show span{
	color: #000;
	font-size: 20px;

}
#hour_show span{
	color: #000;
	font-size: 20px;
	margin-right:18px;
	margin-left:15px; 
}
#minute_show span{
	color: #000;
	font-size: 20px;
	margin-right: 19px;
} 
#second_show span{
	color: #000;
	font-size: 20px;
}
.qianggou{
	
	margin-top: -30px;
	width:963px; 
	cursor:pointer;
}