@charset "utf-8";
#max_board {margin:0;}

/* button */
.max_bbs_list_btns {text-align:right; margin-top:30px;}
.max_bbs_view_btns {text-align:center; margin-top:30px;}
.max_bbs_write_btns {text-align:center; margin-top:30px;}
.btn{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:.5em 1em; font-size:1em; border-radius:.25em; vertical-align:middle;}
.btn:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_bbs_admin { background:#f50066; border:1px solid #b5004b; color:#fff; }
.btn_bbs_admin:hover { background:#a70045; border:1px solid #6f002e; color:#fff; }
.btn_delete { background:#f50066; border:1px solid #b5004b; color:#fff; }
.btn_delete:hover { background:#a70045; border:1px solid #6f002e; color:#fff; }

/* list btn detail */
.btn_bbs_admin_delete:before{ content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/trash-fff-24.png); margin-right:.25em;}
.btn_bbs_admin_copy:before{ content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/copy-fff-24.png); margin-right:.25em;}
.btn_bbs_admin_move:before{ content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/drag-fff-24.png); margin-right:.25em;}
.btn_bbs_write:before{ content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/edit-24.png); margin-right:.25em;}
.btn_bbs_write:hover:before{ background-image:url(./image/edit-fff-24.png);}

.max_bbs_write_btns .btn {font-size:1.25em; padding:.5em 1.5em;}

/* admin checkbox */
#max_board .bbs_uid, #max_board .bbs_uid_allchk {}
#max_board .bbs_uid + label { display:inline-block; margin:0; padding:0; cursor:pointer; vertical-align:middle;}
#max_board .bbs_uid { display: none; }
#max_board .bbs_uid + label:before { content:"\2714"; border:0.1em solid #000; border-radius:0.2em; display:inline-block; width:1.25em; height:1.25em; /*padding-left:0.2em;*/ padding-bottom:0.3em; margin-right:0.2em; vertical-align:bottom; color:transparent; transition:0.2s; box-sizing:border-box;}
#max_board .bbs_uid + label:active:before { transform:scale(0); }
#max_board .bbs_uid:checked + label:before { background:#333; border:.1em solid #000; color: #fff; }
#max_board .bbs_uid:disabled + label:before { transform:scale(1); border-color:#aaa; }
#max_board .bbs_uid:checked:disabled + label:before { transform:scale(1); background-color:#bfb; border-color:#bfb; }

#max_board .bbs_uid_allchk + label { display:inline-block; margin:0; padding:0; cursor:pointer; vertical-align:middle;}
#max_board .bbs_uid_allchk { display: none; }
#max_board .bbs_uid_allchk + label:before { content:"\2714"; border:0.1em solid #000; border-radius:0.2em; display:inline-block; width:1.25em; height:1.25em; /*padding-left:0.2em;*/ padding-bottom:0.3em; margin-right:0.2em; vertical-align:bottom; color:transparent; transition:0.2s; box-sizing:border-box;}
#max_board .bbs_uid_allchk + label:active:before { transform:scale(0); }
#max_board .bbs_uid_allchk:checked + label:before { background:#333; border:.1em solid #000; color: #fff; }
#max_board .bbs_uid_allchk:disabled + label:before { transform:scale(1); border-color:#aaa; }
#max_board .bbs_uid_allchk:checked:disabled + label:before { transform:scale(1); background-color:#bfb; border-color:#bfb; }
#max_board table.max_board .bbs_uid_allchk + label { font-size:0; }
#max_board table.max_board .bbs_uid_allchk + label:before {font-size:16px;}

/* icon */
#max_board .ico_bbs { display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; }
#max_board .ico_bbs_file { background-image:url(./image/document-24.png); }
#max_board .ico_bbs_lock { background-image:url(./image/lock-24.png); }
#max_board .ico_bbs_new { background-image:url(./image/new-50.png); }
#max_board .ico_bbs_hot { background-image:url(./image/lightning-bolt-24.png); }
#max_board .ico_bbs_reply { background-image:url(./image/down-right-24.png); vertical-align:bottom;}
#max_board .ico_bbs_write { background-image:url(./image/edit-24.png); }

/* title */
#max_board h3 {/*  font-size:1.5em; */ text-align:center; /* font-weight:600; letter-spacing:.05em; text-transform:uppercase; */ margin-bottom:48px;}

/* list */
.max_board_lst{width:100%; height:auto;}
.max_lst_total{ padding:1em 0; }
.max_board_lst .categoryinfo { display:flex; justify-content:center; }
.max_board_lst .categoryinfo li { margin:0 .75em;}
.max_board_lst .categoryinfo li a {display:block; padding:1em 2em; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; border-radius:2em; border:1px solid #d7d7d7; box-sizing:border-box;}
.max_board_lst .categoryinfo li a:hover, .max_board_lst .categoryinfo li a.active {background:#fff; border:1px solid #000; color:#000; }
.max_board { width:100%; height:auto; border-top:1px solid #000; position:relative; overflow:hidden;}
.max_board li { width:33.33333%; padding:1%; box-sizing:border-box; float:left; margin-bottom:1%;}
.max_board li .thumb_tag {font-size:0; display:block;}
.max_board li img { width:100%; }
.max_board li .no_image { display:block; width:100%; height:0; padding-bottom:100%; background-image:url(./image/remove-image-96.png); background-color:#f1f1f1; background-size:96px; background-repeat:no-repeat; background-position:center;}
.max_board li p {display: inline-block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.2; height:2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; box-sizing:border-box; padding:0 .5em; margin-top:.5em;}
.max_board li ul {position:relative; overflow:hidden; padding:.5em 0 0;}
.max_board li ul li { width:auto; margin-bottom:0;}
.max_board li ul li.writer {margin-right:1em;}
.max_board li ul li.view {margin-right:1em;}
.max_board li ul li.date {float:right; color:#666;}
.max_board li ul li .icon {display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; }
.max_board li ul li.writer .icon{ background-image:url(./image/user-24.png); }
.max_board li ul li.view .icon{background-image:url(./image/invisible-24.png);}
.max_board li ul li.date .icon{background-image:url(./image/clock-24.png);}

/* list - no data */
.max_no_data {width:100%; height:auto; text-align:center; border-bottom:1px solid #ccc; padding:5em 0;}

/*  */
.event_state_on, .event_state_off {display:inline-block !important; width:auto !important; height:auto !important; padding:8px !important;}
.event_state_on {background-color:#000; color:#fff;}
.event_state_off {background-color:#ccc;}

/* write */
.max_board_write{ width:100%; height:auto;}
.max_write{ width:100%; height:auto; margin:2em 0 0 0; border-top:1px solid #000;}
.max_write table {width:100%; height:auto;}
.max_write .max_checkit { display:inline-block; padding-right:.5em;}
.max_write table th{border-bottom:1px solid #ccc; width:15%; text-align:center; color:#222; padding:1.5em 0;}
.max_write table td{border-bottom:1px solid #ccc; }
.max_write table td textarea{width:100%; height:200px; border:1px solid #ccc; box-sizing:border-box;}
.max_write table td select{ padding:13px; border:1px solid #ccc; box-sizing:border-box;}
.max_write table td input[type=text] {border:1px solid #ccc; width:100%; box-sizing:border-box;}

.max_board_form_file {margin:15px 0;}


/* view */
.max_board_view{ width:100%; height:auto; margin:0;}
.max_board_view .subject { border-top:1px solid #000; padding:1.25em 16px 0; font-size:24px; line-height:24px; text-align:left; color:#222;}
.max_board_view .bbs_info{ height:auto; padding:16px; border-bottom:1px solid #ccc;}
.max_board_view .bbs_info li{display:inline-block; padding-right:20px; margin:8px 0; color:#797979;}
.max_board_view .bbs_info li strong{color:#222;}
.max_board_view .max_board_contents{ width:100%; height:auto; padding:2em; line-height:1.25em; border-bottom:1px solid #ccc; box-sizing:border-box;}
.max_board_view .max_board_contents img {max-width:100%;}

.max_board_view .addfile { padding:1em 0; border-bottom:1px solid #ccc; }
.max_board_view .addfile li a{ display:inline-block; padding:.5em .95em;}
.max_board_view .addfile li a:before { content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/download-24.png); margin-right:.25em;}

.max_bbs_move { padding:0; margin:4em 0 2em;  }
.max_bbs_move ul { border-top:1px solid #ccc; }
.max_bbs_move .link { display:block; box-sizing:border-box; padding:1em 0 1em 1.5em; border-bottom:1px solid #ccc;}
.max_bbs_move .link:before { content:''; display:inline-block; width:1em; height:1em; padding:0; margin:0; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; margin-right:.25em;}
.max_bbs_move .link.link_prev:before {background-image:url(./image/collapse-arrow-24.png); }
.max_bbs_move .link.link_next:before {background-image:url(./image/expand-arrow-24.png); }

/* comment */
.max_bbs_comment { margin:6em 0 0 0; width:100%; height:auto;}
.max_bbs_comment h4 { display:none; }
.max_bbs_comment .max_bbs_comment_write_wrap { display:block; position:relative; padding:1em; border:1px solid #ccc; border-radius:0.25em; margin:1em 0 0;}
.max_bbs_comment .max_bbs_comment_writer{ display:block; position:relative;}
.max_bbs_comment .max_bbs_write { display:block; position:relative;}
.max_bbs_comment .max_bbs_write .input_row { display:inline-block; position:relative; padding:1.5em 0 0;}
.max_bbs_comment .max_bbs_write label { display:block; position:absolute; top:0; left:.5em;}
.max_bbs_comment .max_bbs_write input { display:inline-block; padding:.5em 1em; border:1px solid #ccc; height:50px; box-sizing:border-box; vertical-align:middle;}
.max_bbs_comment .max_bbs_comment_write{ display:block; position:relative; padding:1em 0 0;}
.max_bbs_comment .max_bbs_comment_write textarea { width:100%; height:100px; padding:1em; box-sizing:border-box; border:1px solid #ccc;}
.max_bbs_comment .max_bbs_comment_write .btn_wrap { text-align:right;}
.max_bbs_comment .max_bbs_comment_write button {display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:.75em 1.5em; margin-top:1em; font-size:1em; border-radius:.25em; vertical-align:middle;}

.max_captcha_image {vertical-align:middle; border:1px solid #ccc; box-sizing:border-box;}
.max_captcha_reload_btn {display:inline-block; font-size:0; border:1px solid #ccc; border-left:0; width:50px; height:50px; vertical-align:middle; background-size:24px; background-position:center; background-repeat:no-repeat; box-sizing:border-box; background-image:url(./image/rotate-24.png);}

.max_com_write{width:100%; height:auto; padding:16px 0; border-top:1px solid #000; border-bottom:1px solid #ccc; display:block; overflow:hidden;}
.max_com_write .max_comm_login{margin-left:5px;}
.max_com_write .max_comm_login li{float:left; margin-right:5px;}
.max_com_write .max_comm_login li label{float:left; padding:15px 0 0 0; margin-right:5px;}


.max_bbs_comment_list{ width:100%; height:auto; padding:1.5em 0; border-bottom:1px solid #dedede; position:relative;}
.max_bbs_comment_list li { padding:1em; border:1px solid #ccc; border-radius:.25em; margin-bottom:.5em;}
.max_bbs_comment_list li .max_bbs_comment_box {position:relative; display:block;}
.max_bbs_comment_list li .max_bbs_comment_box .reply{ display:inline-block; width:1em; height:1em; padding:0; margin:0; margin-left:-1em; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/down-right-24.png);}

.max_bbs_comment_list li .max_bbs_comment_box_info {position:relative; display:inline-block;}
.max_bbs_comment_list li .max_bbs_comment_box_info .name { font-size:1em; color:#333; margin-right:1em; }
.max_bbs_comment_list li .max_bbs_comment_box_info .date { font-size:.9em; color:#666; }
.max_bbs_comment_list li .max_bbs_comment_box .content {padding:1em; margin-top:1em; border:1px solid #ddd; border-radius:0.25em;}
.max_bbs_comment_list li .max_comment_btns { position:absolute; right:0; top:0 }
.max_bbs_comment_list li .max_comment_btns .btn_comment_config { text-indent:-9999px; width:1em; height:1em; padding:1em; margin:0; background-size:80%; background-position:center; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/menu-vertical-24.png);}
.max_bbs_comment_list li .max_comment_btns .btn_comment_config:hover{background-color:#fff; border:1px solid #000; color:#fff;}
.max_bbs_comment_list li .max_comment_btns ul { position:absolute; right:0; padding:1em 1em .75em 1em; background:#fff; border:1px solid #ccc; box-sizing:border-box; border-radius:.25em; z-index:2; display:none;}
.max_bbs_comment_list li .max_comment_btns ul li {padding:0; border:none; margin-bottom:.25em;}
.max_bbs_comment_list li .max_comment_btns .btn { font-size:.725em;}

/* password */
#max_bbs_password { position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; z-index:9997; }
#max_bbs_password .max_bbs_password_form { width:300px; height:200px; position:absolute; left:50%; margin-left:-150px; top:50%; margin-top:-100px; border:1px solid #ccc; background:#fff; z-index:9998; border-radius:.25em; }
#max_bbs_password .max_bbs_password_form_back { position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9997; }
#max_bbs_password h4 { font-size: 1.25em; font-weight: 600; padding: 1em .5em; }
#max_bbs_password .max_bbs_form_content { padding:1em; }
#max_bbs_password .btns { padding:1em; text-align:right; border-top:1px solid #ccc; }
#max_bbs_pass {border:1px solid #ccc; padding:15px; text-align:center;}

/* pagenation */
.max_page { width:100%; padding:2em 0; text-align:center; clear:both;}
.max_page a {display:inline-block; vertical-align:middle; width:2em; height:2em; text-align:center; line-height:2em; margin:0 0.1em; font-weight:700; border:1px solid #ccc; position:relative; overflow:hidden;}
.max_page a span {display:block; font-size:1em; font-weight:700; height:2em; line-height:2em;}
.max_page a span.max_bbs_page_on {color:#fff;}
.max_page a.max_bbs_page_cur {color:#fff; background:#000; border:1px solid;}
.max_page a.max_bbs_page_prev_first{background:url(./image/double-left-24.png) center center no-repeat; text-indent:-999px;}
.max_page a.max_bbs_page_next_end {background:url(./image/double-right-24.png) center center no-repeat; text-indent:-999px;}
.max_page a.max_bbs_page_prev {	background:url(./image/back-24.png) center center no-repeat; text-indent:-999px;}
.max_page a.max_bbs_page_next { background:url(./image/forward-24.png) center center no-repeat;  text-indent:-999px;}