@import url('/css/community.css');
/* wrap */
.wrap {position: relative;margin-bottom: 15px;padding-top: 110px;min-height: 631px;}

/* adbtn */
.wrap .adbtn { position: absolute; top: 27px; left: 10px; z-index: 50; }
.wrap .adbtn a { padding: 2px 10px; background: #13448f; display: inline-block; font-size: 18px; color: #fff; }

/* detailTitle */
h3.detailTitle:before { margin-right: 10px; width: 5px; height: 18px; background: #13448f; display: inline-block; vertical-align: middle; content: ""; }
h3.detailTitle font { display: inline-block; font-weight: normal; font-size: 20px; vertical-align: middle; }
h1.detailTitle:before { margin-right: 10px; width: 5px; height: 18px; background: #13448f; display: inline-block; vertical-align: middle; content: ""; }
h1.detailTitle font {display: inline-block;font-weight: bold;font-size: 20px;vertical-align: middle;text-transform: uppercase;}

/* main-article */
.main-article {margin: 10px 10px 20px;padding: 30px;min-height: 444px;background: #fff;}

/* waylink */
.waylink { position: relative; margin-right: 10px; }
.waylink h2.pagetitle { margin: 25px 0 10px; font-size: 40px; color: #254899; }
.waylink ol { overflow: hidden; text-align: right; font-size: 12px; }
.waylink ol li { position: relative; margin-left: 5px; padding-left: 10px; display: inline-block; list-style: none; color: #6f6f6f; }
.waylink ol li:first-child { margin-left: 0; padding-left: 0; }
.waylink ol li a , .waylink ol li p {color: #f3f3f3;text-transform: uppercase;font-size: 12px;}
.waylink ol li .h3 { font-weight: normal; font-size: 12px; color: #6f6f6f; }
.waylink ol li:after {position: absolute;font-size: 12px;color: #f3f3f3;left: 0;top: 0;content: ">";}
.waylink ol li:first-child:after { content: ""; }

/* article */
#article >div , #article article { margin-top: 15px; }
#article .topinfo , #article .topinfo b a { color: #828282; }
#article .topinfo font { margin-right: 10px; display: inline-block; }

table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table td, table th {
  border: 1px solid #AAAAAA;
  padding: 4px 2px;
}
table thead {
  background: #3A589A;
}
table thead th {
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

/* searchBox */
form#searchBox {margin: 10px 0 20px;padding: 30px;background: rgb(255 255 255);border-radius: 5px;}
form#searchBox .list {overflow: hidden;padding: 20px 0;border-bottom: 1px #dadbdb solid;}
form#searchBox .list.lest { border-bottom: 0; }
form#searchBox .mb { display: none; }
form#searchBox .list label {padding: 2px 0;width: 150px;color: #333;display: inline-block;font-weight: bold;text-transform: capitalize;}
form#searchBox .list >div {display: inline-block;width: calc(100% - 185px);}
form#searchBox .list >div font {padding: 10px;display: inline-block;border: 1px #dcdcdc solid;}
form#searchBox .list >div font input {width: 250px;color: #333;}
form#searchBox .list >div font input::placeholder{color:#000;}
form#searchBox .list >div font a i { color: #000; }
form#searchBox .list .chkbox a { margin: 2px 5px 2px 0; padding: 0 10px; display: inline-block; color: #404040; }
form#searchBox .list .chkbox a:hover , form#searchBox .list .chkbox a.action {background: #13448f;color: #fff;border-radius: 5px;}
form#searchBox .list select { position: relative; width: 100%; padding: 2px 28px 2px 10px; background: url(/images/01/icon-arrow.svg) no-repeat scroll right center transparent; background-position: calc(100% - 7px) 50%; background-size: 7px; background-color: #f5f5f5; border-color: #000; border-radius: 0; font-size: 16px; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
form#searchBox .list.blog select { padding: 3px 28px 3px 10px; width: 288px;  }

/* pagenav */
#pagenav { overflow: hidden; margin: 20px 0 30px; text-align: center; }
#pagenav strong , #pagenav a {margin: 0 5px;width: 30px;height: 30px;border-radius: 50%;display: inline-block;text-align: center;color: #fff;vertical-align: middle;line-height: 30px;}
#pagenav strong , #pagenav a:hover {background: #3ecd84;color: #fff;}
#pagenav a:hover i { color: #fff; }
#pagenav p.page-prev { float: left; }
#pagenav p.page-next { float: right; }
#pagenav p a { padding: 0 10px; width: auto; height: auto; border-radius: 0; }

/* complaintImgs */
#complaintImgs p { overflow: inherit; position: relative; margin: 10px 10px 10px 0; width: calc(20% - 15px); background-position: 50%; background-repeat: no-repeat; background-size: 100% auto; border: 1px #ccc solid; display: inline-block; }
#complaintImgs p img { width: 100%; }
#complaintImgs p img:first-child { display: none; }

@media screen and (max-width: 980px){
	form#searchBox .pc { display: none; }
	form#searchBox .mb { display: block; }
	form#searchBox .list label , form#searchBox .list >div { float: none; width: 100%; }
	form#searchBox .list >div font { background: #f5f5f5; display: block; }
	form#searchBox .list >div font input { width: calc(100% - 19px); background: #f5f5f5; }
	form#searchBox .list.blog select { width: 100%; }
}
@media screen and (max-width: 768px){
	.wrap{padding-top: 160px;}
	form#searchBox { margin: 10px 10px 20px; padding: 10px 20px; }
}
@media screen and (max-width: 480px){
	h1.detailTitle:before{display:none;}
	.wrap{padding-top: 90px;}
	.main-article {margin: 20px 0;box-shadow: none;}
}