table{border-collapse:collapse;border-spacing:0}
.mod-panel{width:100%;max-width:960px;margin:0 auto 30px}
.mod-panel .hd{padding-top:15px;margin-bottom:10px;line-height:30px;text-align:center}
.mod-panel .hd h1{font-weight:400;font-size:24px;color:#212121}
.mod-panel .hd p{margin-bottom:15px;font-size:16px;color:#bdbdbd;text-align:center}
.mod-panel .bd{width:100%;max-width:960px;margin:0 auto}
.mod-panel .list{margin-top:20px;padding:20px 0;border-top:1px solid #ccc;background:#fff}
.mod-panel .list h4{line-height:24px;font-size:16px}
.mod-panel .list h4 a{color:#1c5f82}
.mod-panel .list p{margin-bottom:8px;line-height:24px;font-size:14px;color:#333;}
.mod-panel h2{margin:10px 0;line-height:24px;font-size:22px;text-align:center}
.mod-panel h3{margin:10px 0;line-height:24px;font-size:16px;text-align:left}
.mod-panel table{
	width: 100%;
	background: #fff;
}
.mod-panel th,.mod-panel td{
	padding:9px 15px;
	border:1px solid #ccc;
	line-height: 24px;
	white-space: nowrap;
	text-align: center;
}
.mod-panel th{
	background: #f5f5f5;
	font-size:16px;
	color:#212121;
}
.mod-panel textarea{
	display: block;
	width:98%;
	height: 300px;
	margin-bottom: 14px;
	border:1px solid #ccc;
	padding:5px 1%;
	line-height: 20px;
	resize:none;
	overflow: auto;
}
.mod-panel input{
	height: 42px;
    padding: 0 10px;
	background: #4fa9ec;
	border:medium none;
	line-height: 42px;
	vertical-align:middle;
	font-size:16px;
	color: #fff;
	cursor:pointer;
	outline: none;
}
.mod-panel input.decode{
	background: #eea236;
}
.mod-panel .buttons{
	text-align:center;
}
.mod-panel .buttons:after{
	display: inline-block;
	content:'';
	width:100%;
	height: 1px;
}
.msg {
    font-size: 14px;
    border: 1px solid #BBB;
    width: 100%;
    line-height: 2;
    color: #333;
    margin-bottom: 20px;
    table-layout: fixed;
    word-wrap: break-word;
}
.alert-success {
    padding:10px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
@media screen and (max-width:1023px){
.mod-panel .hd{padding-top:0;line-height:22px}
.mod-panel .hd h1{font-size:16px;color:#333}
.mod-panel .search{margin:0 auto 20px}
.mod-panel .search .input-text{padding:8px 20% 8px 8px}
.mod-panel .search .input-submit{height:38px;line-height:38px;font-size:14px}
}
@media screen and (max-width:640px){
.mod-panel .hd{text-align:left}
.mod-panel .hd p{font-size:14px}
.mod-panel .search{margin:0 0 20px}
.mod-panel .bd a{float:none}
.mod-panel td,.mod-panel th{padding:6px 4px}
.mod-panel .ft{padding-top:15px}
.mod-panel .ft p{margin-bottom:10px;line-height:22px;text-align:left}
}
