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

/* adbtn */
.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: normal; font-size: 20px; vertical-align: middle; }

/* main-article */
.main-article { margin: 10px 10px 20px; padding: 30px; min-height: 444px; box-shadow: 0 0 10px #e6e6e6; }

/* 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: #969696; }
.waylink ol li .h3 { font-weight: normal; font-size: 12px; color: #6f6f6f; }
.waylink ol li:after { position: absolute; font-size: 12px; color: #6f6f6f; 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 */
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 10px 20px; padding: 30px; box-shadow: 0 0 10px #e6e6e6;border-radius: 15px;border: 2px solid transparent;background-image: linear-gradient(#fff, #fff),    linear-gradient(to right, #1e3a8a 9%, #93c5fd 30%, #93c5fd 70%, #1e40af 87%);background-origin: border-box;background-clip: padding-box, border-box; }
form#searchBox .list { overflow: hidden; padding: 10px 5px; border-bottom: 1px #dadbdb solid; }
form#searchBox .list.lest { border-bottom: 0; }
form#searchBox .mb { display: none; }
form#searchBox .list label { padding: 2px 0; float: left; width: 70px; }
form#searchBox .list >div { float: right; width: calc(100% - 70px); }
form#searchBox .list >div font { padding: 0 10px; display: inline-block; border: 1px #000 solid; }
form#searchBox .list >div font input { width: 250px; }
form#searchBox .list >div font a { color: #000; }
form#searchBox .list .chkbox a , form#searchBox .list .chkbox button { margin: 2px 5px 2px 0; padding: 0 10px; display: inline-block; color: #404040; }
form#searchBox .list .chkbox a.action , form#searchBox .list .chkbox button.action { background: #13448f; color: #fff; }
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: 22px; height: 22px; border-radius: 50%; display: inline-block; text-align: center; color: #000; vertical-align: middle; }
#pagenav strong , #pagenav a:hover { background: #000; 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 (min-width: 1161px){
	form#searchBox .list .chkbox a:hover , form#searchBox .list .chkbox button.hover { background: #13448f; color: #fff; }
}
@media screen and (min-width: 981px){
	.wrap .adbtn { position: absolute; top: 27px; left: 10px; z-index: 50; }
}
@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: 700px){
	form#searchBox { margin: 10px 10px 20px; padding: 10px 20px; }
}
@media screen and (max-width: 480px){
	.main-article { margin: 20px 0; padding: 0; box-shadow: none; }
}