@charset "utf-8";


/* For larger displays */
@media all and (min-width:1080px){
.noticeListBG{margin:0 auto;margin-top:94px;margin-bottom:80px;width:1080px;}
.noticeSearchBox{margin:0 auto;margin-bottom:40px;width:1078px;height:68px;border:1px solid #a8a8a8;background-color:#F2F2F2;}

.noticeSearchBG{margin:0 auto;margin-top:14px;width:680px;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#noticeSearch{padding:0 10px;width:560px;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top}
.noticeSearchBtn{width:100px;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff;}

.noticeList{border-top:1px solid #565656;color:#565656;}
.noticeList li{width:100%;height:38px;border-bottom:1px solid #bbbbbb;line-height:38px;}
.noticeListAll {font-weight:bold;background-color:#F9F9F9;}
.noticeListNum{float:left;width:63px;text-align:center;}
.noticeListTitle{float:left;padding:0 20px;width:784px;}
.noticeListTitle a{text-decoration:none;color:#565656;}
.noticeListDate{float:left;width:191px;text-align:center;}
.blueBox{padding:5px 9px;font-size:14px;font-weight:normal;color:#fff;border-radius:4px;background-color:#00aeef;}

.moreBtn{display:block;margin-top:40px;width:1078px;height:52px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:52px;font-size:22px;font-weight:bold;color:#565656;background-color:#eaeaea;}
}

/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) {
.noticeListBG{margin:0 5%;margin-top:58px;margin-bottom:40px;width:90%;}
.noticeSearchBox{margin:0 auto;margin-bottom:40px;width:100%;height:68px;border:1px solid #a8a8a8;background-color:#F2F2F2;}

.noticeSearchBG{margin:0 auto;margin-top:14px;width:82%;height:40px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#noticeSearch{padding:0 5%;width:70%;height:38px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius:0px;}
.noticeSearchBtn{width:20%;height:40px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:16px;font-weight:bold;color:#fff;}

.noticeList{width:100%;border-top:1px solid #565656;color:#565656;}
.noticeList li{width:100%;height:58px;border-bottom:1px solid #bbbbbb;font-size:14px;}
.noticeListAll {font-weight:bold;background-color:#F9F9F9;}
.noticeListNum{float:left;width:10%;line-height:58px;text-align:center;}
.noticeListTitle{float:left;padding:0 3%;padding-top:12px;width:82%;height:14px;}
.noticeListTitle a{text-decoration:none;color:#565656;}
.noticeListDate{float:left;padding:0 3%;padding-top:10px;width:82%; height:15px;}
.blueBox{padding:5px 9px;font-size:14px;font-weight:normal;color:#fff;border-radius:4px;background-color:#00aeef;}

.moreBtn{display:block;margin-top:30px;width:100%;height:52px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:52px;font-size:22px;font-weight:bold;color:#565656;background-color:#eaeaea;}

}

/* For smartphones */
@media (max-width: 640px) {
.noticeListBG{margin:40px 5%;width:90%;}
.noticeSearchBox{margin:0 auto;margin-bottom:20px;width:100%;height:38px;border:1px solid #a8a8a8;background-color:#F2F2F2;}

.noticeSearchBG{margin:0 auto;margin-top:8px;width:82%;height:22px;border:1px solid #a8a8a8;border-right:0;border-top:0;border-bottom:0;background-color:#FFF;}
#noticeSearch{padding:0 5%;width:70%;height:20px;background-color:transparent;border:0;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;vertical-align:top;-webkit-border-radius:0px;}
.noticeSearchBtn{width:20%;height:22px;border:1px solid #a8a8a8;border-radius:2px;background-color:#00aeef;font-size:11px;font-weight:bold;color:#fff;}

.noticeList{width:100%;border-top:1px solid #565656;color:#565656;}
.noticeList li{border-bottom:1px solid #bbbbbb;}
.noticeListAll {font-weight:bold;background-color:#F9F9F9;}
.noticeListNum{float:left;width:17%;line-height:58px;text-align:center;}
.noticeListTitle{float:left;padding:0 3%;padding-top:12px;width:77%;height:14px;}
.noticeListTitle a{text-decoration:none;color:#565656;}
.noticeListDate{float:left;padding:0 3%;padding-top:10px;width:77%; height:15px;}
.blueBox{padding:5px 9px;font-size:14px;font-weight:normal;color:#fff;border-radius:4px;background-color:#00aeef;}

.moreBtn{display:block;margin-top:10px;width:100%;height:38px;text-decoration:none;border:1px solid #bcbcbc;text-align:center;line-height:38px;font-size:16px;font-weight:bold;color:#565656;background-color:#eaeaea;}


}