.mod-panel {
    width: 90%;
    margin: 0 auto 30px;
}
.mod-panel .hd{
	padding-top: 5px;
	margin-bottom: 10px;
	line-height: 25px;
	text-align: center;
}
.mod-panel .hd h1{
	font-size: 20px;
	color:#212121;
}

.mod-panel .bd{
    margin: 0 auto 20px;
}
.mod-panel .row{
    overflow: hidden;
}
.mod-panel .col{
    float: left;
    width: 50%
}
.mod-panel .panel{
    margin: 0 5px 15px;
    border: 1px solid #dbdbdb;
}
.mod-panel .panel-420{
    height: 420px;
}
.panel-title {
	font-size: 1.375rem;
	color:#212121;
}
.mod-panel .panel-head{
    position: relative;
    background: #f5f5f5;
    height: 42px;
    border-bottom: 1px solid #dbdbdb;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
}

.mod-panel .ft{
    padding-top: 20px;
    border-top:1px dotted #e0e0e0;
}
.mod-panel .box{
	padding: 0 20px;
    margin-bottom: 20px;
}
.mod-panel .box h3{
    line-height: 32px;
    font-size: 18px;
}
.mod-panel .box p{
    line-height: 30px;
    font-size: 16px!important;
}
.ft ul{
	overflow: hidden;
}
.ft li{
	float: left;
	width: 25%;
	text-align: center;
}
.ft li a{
	display: block;
	height: 32px;
	margin: 0 1px 1px 0;
	line-height: 32px;
	background: #f0f0f0;
}
.ft li a.red{
	background: #fd7474;
	color: #f8f8f8;
}
.ft li a:hover{
	background: #2095f2;
	color: #fff;
	text-decoration: none;
}
.ft li a.red:hover{
	background: #f16060;
}

.input{
	padding: 10px;
        border-color:#87CECB;
	font-size: 16px;
	line-height: 20px;
	vertical-align: middle;
	outline: none;
	font-family:"Microsoft JhengHei",Arial,sans-serif!important;
}
.button{
	width: 100px;
	height: 40px;
	height: 36px;
	line-height: 36px;
	border: medium none;
	background: #2095f2;
	line-height: 40px;
        margin:5px;
	vertical-align: middle;
	font-family:"Microsoft JhengHei","΢ܛÕýºÚów",Arial,sans-serif!important;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	outline: none;
	border-radius: 0;
    -webkit-appearance: none;
}
.button:hover{
    background:-moz-linear-gradient(top, #191970, #ededed);
    background:-o-linear-gradient(left top, left bottom, from(#191970), to(#ededed));
    background:-webkit-gradient(linear, left top, left bottom, from(#191970), to(#ededed));
    text-decoration: none;
}

@media screen and (max-width: 1024px) {
    .mod-panel{
        width: auto;
    }
    .mod-panel .hd{
        padding-top: 15px;
        margin-bottom: 15px;
    }
    .mod-panel .hd h1{
        font-size: 18px;
    }
    .mod-panel .col{
        float: none;
        width: auto;
    }
    .mod-panel .panel{
        height: auto;
        margin: 0 0 10px;
    }
    .mod-panel .panel-head{
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .mod-panel .box{
        padding: 0;
    }
}