@charset "utf-8";

.top_box {display:block; overflow:hidden; float:left;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.top_box {margin-top:20px;}
	}

	@media (max-width:799px) {
		.top_box {float:none; overflow:inherit;}
	}

	@media (max-width:499px) {
	}


.category_rs {font-size: 0.9em;/*margin-bottom: 1.5em;*/float: left;margin-right: 20px;}
.category_rs .ab-point_on {color: #fff;border: 1px solid #ccc;border-radius: 2em;-webkit-box-shadow: inset 0 0.25rem 0rem 0 rgba(0,0,0,0.05);box-shadow: inset 0 0.25rem 0rem 0 rgba(0,0,0,0.05);    white-space: nowrap;
    display: inline-block;

    position: relative;
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
background: #0cb198;}
.category_rs li {margin:0 0.5em;}
.category_rs li:first-child {margin-left:0;}
.category_rs .ab-point_on a {color:#fff;}
.category_rs .ab-point {line-height: 2.5em;display: inline-block;padding: 0 0.5em;line-height: 2.5em;cursor: pointer;margin: 0 auto;border: 1px solid #ccc;border-radius: 2em;}
.category_rs .ab-btn {padding: 0.1em 1em;line-height: 2.5em;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
	}

	@media (max-width:799px) {	
	.category_rs {float:none;}
	}

	@media (max-width:499px) {
	}


.total_articles {position:relative; top:0px; font-size:15px; float:left;}
.total_articles em {font-style:normal; color:#0cb198; font-weight:bold;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.total_articles {font-size:100%;}
	}

	@media (max-width:799px) {
		.total_articles {float:none; top:0px; font-size:90%; margin:20px 0;}
	}

	@media (max-width:499px) {
	}

.nolist {clear:both; text-align:center; padding:100px 0 40px 0;}

	@media (max-width:1219px) {
		.nolist {}
	}

	@media (max-width:999px) {
	}

	@media (max-width:799px) {
	}

	@media (max-width:499px) {
	}

.board_search {position:relative; width:50%; margin:20px auto; background:#fff; border:#b7b7b7 solid 1px; border-radius:3px}
.board_search input[type=text] {overflow:hidden; width:80%; padding:2px 20px; margin:0; height:32px; line-height:32px; border:0; font-weight:600; font-size:1.2em}
.board_search button[type=button], .board_search button[type=submit] {position:absolute; top:-1px; right:-1px; bottom:-1px; width:80px; background:#444; font-size:0; border-radius:0 3px 3px 0; margin:0; 
 -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.board_search button[type=button]::after, .board_search button[type=submit]::after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; 
background:url('/groups/common/images/board/btn_search.png') no-repeat center center; background-size:24px 24px}
.board_search button[type=button]:hover, .board_search button[type=button]:focus,.board_search button[type=submit]:hover, .board_search button[type=submit]:focus { background:#222; cursor:pointer}
.board_search .search_dropdown { padding:0 28px 0 20px; font-weight:600; width:20%; border-right:1px solid #ddd; color:#222; position:absolute; top:0; left:0; bottom:0; z-index:1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; box-sizing:content-box}
.board_search .search_dropdown::after { content:""; background:url('/groups/common/images/board/icon_down.png') no-repeat top left; 
 position:absolute; top:50%; right:5px; height:20px; width:20px; margin-top:-8px}
.board_search .search_dropdown:hover, .board_search .search_dropdown.active { background:#e7e7e7; cursor:pointer; border-right-color:#ccc}
.board_search .search_dropdown > span { position:absolute; top:50%; margin-top:-8px; white-space:nowrap; font-size:1.2em}
.board_search .search_dropdown ul { display:none; position:absolute; top:105%; left:-1px; width:200px; padding:7px 0; font-size:1.1em; background:#fff; border:1px solid #ccc; border-radius:3px}
.board_search .search_dropdown li { list-style-type:none; margin:0; padding:5px 18px; color:#666; line-height:1.2em; position:relative}
.board_search .search_dropdown li:hover { background:#e7e7e7}
.board_search .search_dropdown li.selected { background:#666; color:#fff}
.board_search ::-webkit-input-placeholder {font-weight:400}
.board_search ::-moz-placeholder {font-weight:400}
.board_search :-ms-input-placeholder {font-weight:400}
.board_search ::placeholder {font-weight:400}
@media all and (max-width:768px) {
	.board_search {width:90%}
}
@media all and (max-width:480px) {
	.board_search {width:98%}
}


.gallery_list {clear:both; display:block; overflow:hidden; margin:-0.5%;}
.gallery_list li {float:left; width:24%; margin:0.5%;}
.gallery_list li .img {width:165px;height:102px; background:#000; overflow:hidden;}
.gallery_list li .img img {width:100%}
.gallery_list li .text {letter-spacing:-0.05em;}
.gallery_list li .text h4 {font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:13px;}
.gallery_list li .text p {font-size:13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery_list li .text .info {color:#444; font-size:13px; font-weight:300; margin-top:28px;}
.gallery_list li .text .info span {display:inline-block; margin-right:12px;}
.gallery_list li .text .info .view {background:url('../../images/acec/board/view_icon.png') left center no-repeat; color:#999; padding-left:20px;}
.gallery_list li .text .info .date {background:url('../../images/acec/board/datetime_icon.png') left center no-repeat; padding-left:18px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.gallery_list li .img img {height:138px;}
		.gallery_list li .text h4 {font-size:100%;}
		.gallery_list li .text .info {font-size:90%;}
	}

	@media (max-width:799px) {
		.gallery_list li {width:49%;}
		.gallery_list li .img img {height:30vmin;}
		.gallery_list li .text h4 {font-size:90%;}
		.gallery_list li .text .info {margin-top:15px; font-size:80%;}
	}

	@media (max-width:499px) {
	}

.photo_bbs {overflow:hidden;width:100%;border-bottom:1px solid #e1e1e1; padding-bottom:20px}
.photo_bbs dl {float:left; width:144px; margin:20px 10px 0 10px}
.photo_bbs dl dt {overflow:hidden;width:144px;height:104px; margin-bottom:5px}
.photo_bbs dl dt img {width:142px;height:102px}
.photo_bbs dl dd {overflow:hidden;width:160px;height:18px;font-weight:bold;text-align:left; line-height:18px}
.photo_bbs dl .text .info {color:#444; font-size:13px; font-weight:300; margin-top:28px;}
.photo_bbs dl .text .info span {display:inline-block; margin-right:12px;}
.photo_bbs dl .info .view {background:url('../../images/acec/board/view_icon.png') left center no-repeat; color:#999; padding-left:20px;}
.photo_bbs dl .text .info .date {background:url('../../images/acec/board/datetime_icon.png') left center no-repeat; padding-left:18px;}

.paging {width:100%; margin:30px auto; text-align:center}
.pagination {display:inline; text-decoration:none; line-height:normal; color:#333; vertical-align:middle}
.pagination .select, .pagination a {display:inline-block; padding:7px 8px; font-weight:500; font-size:1em; border:1px solid #000}
.pagination .select {color:#fff; border:1px solid #bcbcbc; background:#000}
.pagination a {color:#555; border:0px solid #bcbcbc}
.pagination a:hover, .pagination a:active, .pagination a:focus {text-decoration:underline}
.pagination i {visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0} 
.bbs_next:hover, bbs_next:active, bbs_next:focus,.bbs_next_end:hover, .bbs_next_end:active, .bbs_next_end:focus,
.bbs_prev:hover, .bbs_prev:active, .bbs_prev:focus,.bbs_prev_end:hover, .bbs_prev_end:active, .bbs_prev_end:focus {background-color:#f8f8f8}
.bbs_next,.bbs_next_end, .bbs_prev,.bbs_prev_end {display:inline-block; width:16px; height:16px; vertical-align:middle; border:0px solid #bcbcbc}
.bbs_next {background:url('/groups/common/images/board/bbs_next.png') no-repeat 50% 50%}
.bbs_next_end {background:url('/groups/common/images/board/bbs_next_end.png') no-repeat 50% 50%}
.bbs_prev {background:url('/groups/common/images/board/bbs_prev.png') no-repeat 50% 50%}
.bbs_prev_end {background:url('/groups/common/images/board/bbs_prev_end.png') no-repeat 50% 50%}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.paging .pagination span {font-size:90%;}
	}

	@media (max-width:799px) {
		.paging .pagination span {font-size:80%; width:30px; height:30px; min-height:30px; line-height:30px;}
		.paging .pagination span.select {height:30px;}
	}

	@media (max-width:499px) {
	}


.gallery_view_title {font-size:28px; color:#444; letter-spacing:-0.07em; margin-bottom:20px;}
.gallery_view_info {display:block; overflow:hidden; margin-bottom:20px; padding:0 2px;}
.gallery_view_info .user {display:inline-block; float:left; font-size:16px; font-weight:600; letter-spacing:-0.07em; color:#444; background:url('../../images/acec/board/view_icon.png') left calc(50% + 1px) no-repeat; padding-left:20px;}
.gallery_view_info .date {display:inline-block; float:right; font-size:16px; font-weight:300; letter-spacing:-0.03em; color:#444; background:url('../../images/acec/board/datetime_icon.png') left calc(50% + 1px) no-repeat; padding-left:18px;}

	@media (max-width:1219px) {
	}

	@media (max-width:999px) {
		.gallery_view_title {font-size:150%;}
		.gallery_view_info .user {font-size:100%;}
		.gallery_view_info .date {font-size:100%;}
	}

	@media (max-width:799px) {
		.gallery_view_title {font-size:140%;}
		.gallery_view_info .user {font-size:90%;}
		.gallery_view_info .date {font-size:90%;}
	}

	@media (max-width:499px) {
	}


table.gallery_view {border-top:3px solid #6cba73; width:100%; border-bottom:1px solid #ccc;}
table.gallery_view colgroup col.wp8 {width:57px;}
table.gallery_view tbody tr th {font-size:15px; color:#444; border-top:1px solid #ecf0f1; padding:20px 0; vertical-align:middle;}
table.gallery_view tbody tr td {font-size:15px; color:#444; border-top:1px solid #ecf0f1; padding:20px 0; vertical-align:middle;}
table.gallery_view tbody tr td.data_cont {padding:25px 2px;}

.prev_next {position:relative;margin:70px 0;clear:both;text-align:left}
.prev_next:after {display:block;visibility:hidden;clear:both;content:""}
.prev_next li {border-top:1px solid #e1e1e1;padding:29px 19px; color:#444; font-size:15px;}
.prev_next li:last-child {border-bottom:1px solid #e1e1e1}
.prev_next li:hover {background:#f6f6f6}
.prev_next li i {font-size:13px;color:#b3b3b3}
.prev_next li .nb_tit {display:inline-block;padding-right:40px;color:#0bb08c; font-size:15px; padding-left:30px;}
.prev_next li .nb_date {float:right;color:#444; font-size:16px;}

.prev_next li.btn_prv .nb_tit {background:url('../../images/acec/board/nb_tit_prev.png') left center no-repeat;}
.prev_next li.btn_next .nb_tit {background:url('../../images/acec/board/nb_tit_next.png') left center no-repeat;}

.btnarea {margin-top:20px;}
.btnarea .btn_fl {float:right;}
.btnarea .btn_fl a {display:inline-block; width:76px; height:34px; font-size:14px; line-height:36px; text-align:center; background:#4f9888; color:#fff; border-radius:5px;}