@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;}
.max_bbs_admin_btns {display:inline-block; padding:0; margin:0;}
.btn{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:0.5rem 1rem; font-size:1rem; border-radius:.25em; vertical-align:middle;}

.btn_bbs_write span {vertical-align: text-top; font-size: 1rem; }
.btn_bbs_admin span {vertical-align: text-top; font-size:1rem;}
.btn_bbs_admin { background:#222; border:1px solid #222; color:#fff; }
.btn_bbs_admin:hover { background:#222; border:1px solid #222; color:#fff; }
.btn_delete { background:#222; border:1px solid #222; color:#fff; }
.btn_delete:hover { background:#222; border:1px solid #222; color:#fff; }

/* .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:""; border:0.1em solid #ddd; background: #fff; 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; box-sizing:border-box;}
#max_board .bbs_uid + label:active:before { }
#max_board .bbs_uid:checked + label:before { background:#333 url(./image/chk.png) no-repeat center; border:0.1em solid #222; 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:""; border:0.1em solid #ddd; background: #fff; 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; box-sizing:border-box;}
#max_board .bbs_uid_allchk + label:active:before { }
#max_board .bbs_uid_allchk:checked + label:before { background:#333 url(./image/chk.png) no-repeat center; border:0.1em solid #222; color: #fff; }
#max_board .bbs_uid_allchk:disabled + label:before {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:.8rem;}
/* 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 { text-align:center; /* font-size:1.5em; font-weight:300; letter-spacing:.05em; text-transform:uppercase; */}

/* list */
.bbs_headinfo {padding:2em 0 0; position:relative; overflow:hidden;}
.max_lst_total{ padding-top:1em; float:left; text-align:right;}
.max_lst_total .count {color:#980000;}

.categoryinfo { display:flex; margin-bottom:20px; }
.categoryinfo li { height:50px; text-align: center; font-size:15px; margin:0; flex:1 auto;}
.categoryinfo li a {display: block; width:100%; height:100%; line-height:50px; background: none; color: #111; border: 1px solid #d7d7d7; border-bottom: 1px solid #000; border-right: none; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; box-sizing: border-box;}
.categoryinfo li a.active {background:#fff; border: 1px solid #000; color: #000;}
.categoryinfo li:last-child a { border-right: 1px solid #d7d7d7;}

.max_bbs_search{ padding-bottom:1em; float:right; }
.max_bbs_search select {height:2em; padding:0 .5em; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle; font-size:0.875em;}
.max_bbs_search input {height:2em; padding:0 .5em; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle; font-size:0.875em;}
.max_bbs_search button { height:2em; padding:0 1em;  border:1px solid #ccc; box-sizing:border-box; vertical-align:middle; font-size:0.875em; }
.max_bbs_search button:hover {background:#fff; border:1px solid #000; color:#333;}
.max_bbs_search button i { display:inline-block; width:1em; height:1em; padding:0; margin:0; margin-right:.25em; background-size:contain; background-repeat:no-repeat; box-sizing:border-box; vertical-align:middle; background-image:url(./image/search-24.png);}

.max_board_lst {width:100%; height:auto; position:relative; }
.max_board{ width:100%; height:auto; border-top:1px solid #000; position:relative; }
.max_board thead th {border-bottom:1px solid #333; padding:1.25em 0; text-align:center; color:#000;}
.max_board tbody th {border-bottom:1px solid #ccc; padding:1em 0; font-weight:normal; text-align:center; position:relative;}
.max_board tbody td {border-bottom:1px solid #ccc; padding:1em 0; text-align:center; position:relative;}
.max_board tbody td.t_left {text-align:left;}
.max_board .img {display:inline-block; vertical-align:middle; width:60px; border:1px solid #ccc; box-sizing:border-box; line-height:0;}
.max_board .img img {width:100%;}
.max_board .img .no_image {display:block; width:100%; height:60px; background:url(./image/no-image-96.png) center / 24px no-repeat;}
.max_board .tt {display:inline-block; vertical-align:middle; width:calc(100% - 70px); line-height:1.9; padding-left:8px; box-sizing:border-box;}
.max_board .tt strong {color:#797979; font-size:.95em;}
.max_board .w10 {width:10%;}

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

/* 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;}
.max_write table td select{padding:5px;}
.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; border-bottom:1px solid #ccc; padding:1.25em 1em; font-size:25px; line-height:25px; text-align:left; color:#222;}
.max_board_view .bbs_info{  height:auto; padding:1em; border-bottom:1px solid #ccc;}
.max_board_view .bbs_info li{display:inline-block; padding-right:20px; margin:10px 0; color:#797979;}
.max_board_view .bbs_info li strong{color:#222;}
.max_board_view .max_board_contents{ width:100%; height:auto; padding:4em 2em 2em; line-height:1.25em; border-bottom:1px solid #ccc; box-sizing:border-box; position:relative;}
.max_board_view .max_board_contents img {max-width:100%;}

.max_bbs_sns { padding:0; margin:0; position:absolute; right:1em; top:1em;}
.max_bbs_sns ul{text-align:right;}
.max_bbs_sns li{display:inline-block;}

.max_bbs_recommend { padding:2em 0 1em; position:relative; text-align:center;}

.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; 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;}