/* common */
a.btn { display:inline-block; height:20px; min-width:20px; padding:0 3px; text-align:center; line-height:20px; border:1px solid #333; background:#3b3b3b; color:#fff; }
a.btn2 { display:inline-block; height:20px; min-width:20px; padding:0 3px; text-align:center; line-height:20px; border:1px solid #eaba0e; background:#ffc800; color:#fff; }

/* list.skin.php */
.board_list { width:100%; overflow:hidden; }
.board_top { width:100%; overflow:hidden; background:#f3f4f5; height:35px;  }
.board_top .left { float:left; margin:5px 0 0 5px; }
.board_top .left select { border:1px solid #ababab; height:22px; }
.board_top .right { float:right; margin:5px 5px 0 0; }
.board_top .right a { margin-left:2px; }
.board_button {height: 30px;line-height: 30px; margin-top:5px;padding:0 5px;} 

.board_list ul.listCon { clear:both; width:100%; }
ul.listCon > li { border-bottom:1px solid #ddd; height:82px; position: relative; overflow:hidden;}
ul.listCon > li p { position:absolute; right:8px; top:24px; width:33px; height:36px; background:url(/m/skin/board/basic/img/bg_speech.gif) no-repeat; text-align:center; color:#ffc800; font-weight:bold; font-size:1.2em; line-height:30px; }
ul.listCon > li a.subject {color: #000; display: block; font-size: 1.2em;line-height: 1.25em; margin:20px 0 0 5px; }
ul.listCon > li a.notice{color:#ffc800; font-weight:bold;}
ul.listCon > li > ul.info { position:absolute; bottom:15px; left:5px; font-size: 1.1em; }
ul.info li { float:left; margin-right:5px; color:#7f7f7f; }
ul.info li:first-child { font-weight:bold; color:#000; }
ul.info li:first-child::after { content:"|"; padding-left:4px; font-weight:normal; color:#dadada; }

/*search*/
.board_search { height:42px; border-bottom:1px solid #ddd; }
.shbox { border:1px solid #bbb; width:95%; margin:0 auto; height:29px; position:relative;}
input.stx { float:left; font-size: 1.1em; padding-left:5px; border:none; line-height:29px; height:29px; width:90%;}
.shbox button.submit {background: #fff; border:none; height:30px;position: absolute; right:0; top:0;width:29px; height:29px; border-left:1px solid #bbb;}
 

/* view.skin.php */
.topList { border-top:1px solid #ddd; height:38px; }
.topList li { float:left; text-align:center; height:38px; font-size:1.2em; }
.topList li:first-child { line-height:38px; border-bottom:1px solid #fff; color:#000; width:50%; }
.topList li:last-child { border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f3f4f5; width:calc(50% - 1px); }
.topList li:last-child a { display:block; color:#777; line-height:38px; height:38px; width:100%; }

.vi_title{ overflow:hidden; border-bottom: 1px solid #ccc; margin: 15px 0 10px;}
.vi_title h1{font-size: 1.2em; line-height: 1.5em; }

.wr_info { margin-top:10px;}
.wr_info li {color:#999; font-size:1em; float:left; }
.wr_info li:before { content:"|"; margin:0 5px; color:#dadada; }
.wr_info li:first-child:before { content:none; } 

ul.vi_file{ border:  1px dotted #ccc; margin: 5px; padding: 5px;  border-radius: 8px;}
ul.vi_file li.first{border-bottom: 1px dotted #ccc;}
ul.vi_file li a{display: block; line-height: 2em; font-size: .9em; color:#666 }
ul.vi_file li a img{ vertical-align: middle;}

div.article { width:96%; margin:0 2%; line-height: 1.7em; }
div.article .imgP { text-align:center; }
div.article p img { margin:0 auto; display:block; width:100%; text-align:center;min-width:300px; max-width:500px; }
div.article div img {margin:0 auto; display:block; width:100%; height:auto; text-align:center;min-width:60%; max-width:80%;  }

.btnList { float:right; margin:10px 0; }
.btnList a { display:inline-block; height:28px; border-radius:3px; padding:0 3px; text-align:center; line-height:28px; border:1px solid #bdbcbc; color:#000; }

/*modal*/
#mask {position:absolute;left:0;top:0;z-index:9000;background-color:#000;display:none;}
.window {border:1px solid #333; position:absolute;left:0;top:0;display:none;z-index:9999;padding:5px; background-color: #fff; width: 135px;box-shadow:6px 6px 2px rgba(0, 0, 0, 0.40);-moz-box-shadow:6px 6px 2px rgba(0, 0, 0, 0.40);-webkit-box-shadow:6px 6px 2px rgba(0, 0, 0, 0.40); border-radius: 8px;}
div.pn{height: 54px;position: relative;top:10px;width: 100%;}
div.pn button {background:#fff; border:1px solid #ddd; height: 41px; line-height:17px; overflow: hidden;position: absolute; width: 60px;}
div.pn .btn_prev {cursor: pointer; text-align: center}
div.pn .btn_next { right:0; cursor: pointer; text-align: center}

/*foot */
footer { overflow: hidden}
/* div#nogood{width:72px; height:55px; background:url(<?php echo $board_skin_path?>/img/good_bg.gif) no-repeat; text-align:center; float: right}
div#good{width:72px; height:55px; background:url(<?php echo $board_skin_path?>/img/good_bg.gif) no-repeat; text-align:center;float: right} */

/* comment */
div#comment {margin-top: 10px;border: 1px solid #ddd; background-color: #f3f4f5}
div#comment .cmt_info{padding:5px; border-bottom: 1px solid #ccc; overflow: hidden}
div#comment .cmt_content {line-height:2em; padding:10px; word-break:break-all; overflow:hidden; clear:both;}
div#comment .wr_input{background-color: #fff}
button.commenBtn { border:1px solid #333; background:#3b3b3b; color:#fff; height:35px; line-height:30px; width:90%; display:block; margin:15px auto 0; }


/* write.skin.php */
.wr_title { text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f4f5; font-size:1.2em; height:35px; line-height:35px; color:#000; }
form#fwrite input,form#fwrite textarea{border:1px solid #666;}
.wr1{padding-top: .7em; position: relative; }
.wr2{padding-top: 1em; position: relative; height: 65px; }
.wr2 dt{color: #666666;left: 10px;position: absolute;top: 1em;white-space: nowrap;}
.wr2 dd{padding-right: 10px;padding-left: 10em;}
.wr1 dt{color: #666666;left: 10px;position: absolute;top: 0.7em;white-space: nowrap;}
.wr1 dd{padding-right: 10px;padding-left: 5.4em;}

.wr1 dd input { border-radius:3px; height:20px; line-height:20px; padding:0 3px; }
.wr1 dd textarea {border-radius:3px; padding:0 3px; }

.writeBtn { float:right; padding:10px; margin-bottom: 10px;overflow: hidden; }
.writeBtn li { float:left; margin-left:5px; }
button.btn { background:none; border:1px solid #ddd; cursor:pointer; }
.writeBtn li a { display:block; border:1px solid #333; background:#3b3b3b; color:#fff; font: 13.3333px Arial; padding:5px 6px 2px; }