@charset "utf-8";
@font-face {

  font-family: 'AVGARDM';  

  src: url('AVGARDM.ttf');       

}



@font-face {

  font-family: 'BEBAS';  

  src: url('BEBAS.ttf');       

}

.page-large {
  text-align: center;
  margin: 22px 0;
}
.page-large ul li {
  display: inline-block;
  margin: 5px;
}
.page-large ul li a {
padding: 8px 15px;
  border: 1px solid #e8e8e8;
  display: block;
  border-radius: 3px;
  color:#888;
}
.page-large ul li a:hover {
  background:#2869a9;
  color: #fff;
}
.page-large ul .active a {
  color: #fff;
  background:#e95931;
}
.page-large ul .active a:hover {
  background:#2869a9;
}
/* 留言表单部分 */
/* 公用padding */
.mt-10 { margin: 10px 0;}
.mt-40 {margin: 40px 0 0;}
.mt-25 {margin: 12.8px 0;}

.pt-10{ padding-top: 10px;}
.pl-10{ padding-left: 10px;}
.pr-10{ padding-right: 10px;}
.pb-10{ padding-bottom: 10px;}
.p10{ padding: 10px;}
.pt-15{ padding-top: 15px;}
.pl-15{ padding-left: 15px;}
.pr-15{ padding-right: 15px;}
.pb-15{ padding-bottom: 15px;}
.p15{ padding: 15px;}
.pt-20{ padding-top: 20px;}
.pl-20{ padding-left: 20px;}
.pr-20{ padding-right: 20px;}
.pb-20{ padding-bottom: 20px;}
.p20{ padding: 20px;}
.pt-25{ padding-top: 25px;}
.pl-25{ padding-left: 25px;}
.pr-25{ padding-right: 25px;}
.pb-25{ padding-bottom: 25px;}
.p25{ padding: 25px;}
.pt-30{ padding-top: 30px;}
.pl-30{ padding-left: 30px;}
.pr-30{ padding-right: 30px;}
.pb-30{ padding-bottom: 30px;}
.p30{ padding: 30px;}
.pt-40{ padding-top: 40px;}
.pl-40{ padding-left: 40px;}
.pr-40{ padding-right: 40px;}
.pb-40{ padding-bottom: 40px;}
.p40{ padding: 40px;}
.pt-50{ padding-top: 50px;}
.pl-50{ padding-left: 50px;}
.pr-50{ padding-right: 50px;}
.pb-50{ padding-bottom: 50px;}
.p50{ padding: 50px;}
.pt-60{ padding-top: 60px;}
.pl-60{ padding-left: 60px;}
.pr-60{ padding-right: 60px;}
.pb-60{ padding-bottom: 60px;}
.p60{ padding: 60px;}
.pt-70{ padding-top: 70px;}
.pl-70{ padding-left: 70px;}
.pr-70{ padding-right: 70px;}
.pb-70{ padding-bottom: 70px;}
.p70{ padding: 70px;}
/* 元素宽度 */
.hmax{ height: 100%  ;}
.wmax{ width: 100%  ;}
.w50{ width: 50% ;}
.w55{ width: 55%;}
.w49-5{ width: 49.5%;}
.w25{ width: 25%;}.w30{ width: 30%;}.w32{ width: 32%;}
.w33{ width: 33%;}
.w35{ width: 35%;}
.w40{ width: 40%;}
.w45{ width: 45%;}
.w60{ width: 60%;}
.w70{ width: 70%;}
.w48{ width: 48% ;}
.w49{ width: 49%;}
@media screen and (max-width: 768px) {
	.shadow-dark input,.shadow-dark textarea{font-size: 14px;}
	.p60 { padding: 32px;}
	.mt-40 {margin: 10px 0 0;}
	.p20 {padding: 12px;}
    .mt-25, .w50, .w48, .w49-5, .w33, .w32, .w30, .w35, .w40, .w55, .w60, .w49, .w45, .w25, .w70 {
        width: 100%; margin: 6px 0;}
	.flex-between{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
}
/* 表单部分 */
.shadow-dark {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.shadow-dark input,.shadow-dark textarea{border: 1px solid #e5e5e5; border-radius: 5px;}
.font-weight { font-weight: bold; font-size: 32px; color: #333;}
.color-666 {color: #666;}
.flex-between{display: flex; justify-content: space-between}
.text-center {text-align: center; background-color: #185ab2; color: white;}