.board_wrap { width:740px; margin:0 auto; padding:70px 0 30px 0; min-height: 500px;}
.board_wrap input, .board_wrap select, .board_wrap img { vertical-align:middle; }

.board_wrap ul { list-style: none;}

.buttons { clear:both; margin:10px 0px; padding:0px; overflow:auto;}
.buttons li { float:left; }
.buttons li.right { float:right; }

/* write */
#write_head { height:27px; padding:7px 0 0 10px; color:#505050; font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; }
#write_cont { margin:0px;  }
#write_cont li { overflow:auto; padding:10px 0px 0px 0px; border-bottom:1px solid #e7e7e7; color:#333333; font-size:12px; font-family:tahoma; }
#write_cont li label { float:left; padding:0px 10px 0px 10px; }
#write_cont li input { vertical-align:middle;}
#write_cont li p.tx_row { margin-bottom:5px; }
#write_cont li p.tx_row span { cursor:pointer; }
#write_cont #wr_subject { width:85%; }
#write_cont #wr_content { width:99%; height:200px; }
#write_option #kcaptcha { float:left; margin-right:10px; }
#write_submit { text-align:center; padding-top:20px; }

/* view */
#view_head { clear:both; padding:3px 10px; background:#FCFCFC;border:1px solid #DDDDDD; margin:0px; overflow: auto;}
#view_head li { float:left; color:#888; }
#view_head li.right { float:right; }
#view_head li.small { font-size:12px; font-family:tahoma; letter-spacing:0px; }
.view_title { 
border-bottom: 1px solid rgba(255,255,255,0.25);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.board-view-info {
	margin-top: 0px;
    padding-top: 0px;
	font-size:21px;
	color: #ccc;
}
.view-info {
  line-height: 21px;
  padding-right: 10px;
  font-size: 21px;	
}
#view_cont { margin-bottom:10px; color:#fff;}
#view_cont #view_item { }
#view_cont #view_item .image { float:left; }
#view_cont #view_item ul {padding-left:15px;float:left; top:0px;left:420px; width:310px; }
#view_cont #view_item ul .add { float:right; border:0px;font-size:11px;font-weight:bold;letter-spacing:-1px;color:#336699;}
#view_cont #view_item ul .add a { color:#336699; cursor:pointer;}
#view_cont #view_item ul .add_option { display:none; }
#view_cont #view_item ul .option_style { margin:5px 0px;border:2px solid #AEC9FF;padding:5px; }
#view_cont #view_item ul li { height:20px;padding:0px;border-bottom:1px dotted #ddd; }
#view_cont #view_item ul li div { font-size:11px;}
#view_cont #view_item ul li div span { color:red;}
#view_cont #view_item ul li .total { float:right;margin-left:8px;font-size:16px; font-family:Arial; color:#0099FF; padding:8px 5px 8px 5px;border:3px solid #0099FF;text-align:right;width:87px;font-weight:bold;}
#view_cont #view_item ul li div { float:left;}
#view_cont #view_item ul li div input { width:25px;height:17px;}

#view_name { float:left; padding:6px 0; color:#888;font-size:11px; font-weight:bold;letter-spacing:-1px;font-family: 'blackfit';}
#view_content { clear:both;padding:10px; overflow-x:auto; word-break:break-all; z-index:0;}
#view_content a,
.clist a { color:#54a6ec; font-weight: bold;}
#view_content ol { margin:12px 0; padding:0 0 0 40px; }
#comment_head { clear:both; margin-top:40px; margin-bottom:0px;padding-left:2px;padding-bottom:5px;color: #aaa;}
.comm-icon { margin-top:2px;}
#comment_list { clear:both; margin:0px; }
.comment_reply { background:none;margin:0px; }
.clist { border-top:1px solid rgba(255,255,255,0.25); padding:10px 0px 0px;}
.clist .cl_img { float:left; }
.clist p.cl_infor { padding:0px 5px 0px 5px; }
.clist span.cl_name { float: left; font-size: 14px; font-family: 'blackfit'; color: #fff;}
.clist span.cl_date { float: left; color: #bdbdbd; font-size: 14px; padding-left: 10px; font-family: 'blackfit';}
.clist span.cl_control { float:right; text-align:right;width:55px; color:#888; font-size:14px;padding-left:5px; }
.clist span.cl_control a { color:#fff;}
.clist p.cl_content { clear:both; overflow:hidden; font-size:14px; padding:5px; word-break:break-all; margin-bottom:0px;}

.hide { display:none; }

#comment_reply { display:none; float:left; border:none; }
.cform { overflow:hidden; height:100%; margin-bottom:10px; padding:10px; border:1px solid rgba(213,223,250,0.1); }
.cform p.cw_infor { overflow:hidden; height:100%; padding-bottom:5px; }
.cform span.cw_control, .cform span.cw_cont { float:left; width:100% !important; }
.cform span.cw_etc, .cform span.cw_write { display:block; margin-top:10px;}
.cform span.cw_wrkey { float:left; margin-right:15px; }
.cform #wr_content { width:100%; word-break:break-all; }

/* list */
#list_head { 
	margin:0px; 
	padding:5px; 
	text-align:right;
}
#list_head li { display:inline; height:25px; }
#list_cont { font-size: 14px; }
#list_cont col.no { width:70px; }
#list_cont col.category { width:100px; }
#list_cont col.checks { width:20px; }
#list_cont col.flag { width:40px; }
#list_cont col.name { width:100px; }
#list_cont col.date { width:40px;font-family:arial; font-size:11px;}
#list_cont col.good, #list_cont col.ngood { width:20px;font-family:arial; font-size:11px;}
#list_cont col.hit { width:50px; }
#list_cont tr.title { height:34px; color:#505050;color:#666; } 
#list_cont tr.title th { border-top:0px solid #ddd; border-bottom:1px solid rgba(213,223,250,0.1); text-align:center; color:#fff;}
#list_cont tr.title th a { color:#fff;}
#list_cont tr.rows { height:42px; text-align:center; }
#list_cont tr.rows td { border-bottom:1px solid rgba(213,223,250,0.1); color:#fff; }
#list_cont tr.rows td a { color:#fff; padding-right:2px;}
#list_cont tr.rows td.no { font:normal 14px tahoma; color:#fff; }
#list_cont tr.rows td.no.blue { color:blue; }
#list_cont tr.rows td.no.red { color:red; }
#list_cont tr.rows td.date { font:normal 11px tahoma; color:#fff; }
#list_cont tr.rows td.no span.current { font-weight:bold; color:#e15916; }
#list_cont tr.rows td.subject { text-align:left; word-break:break-all; word-wrap: break-word; }
#list_cont tr.rows td.subject .fa { padding-right:5px;}
#list_cont tr.rows td.subject span.comt { font-family:Arial,Tahoma; font-size:11px; font-weight:bold; color:#ee5a00; }
#list_cont tr.rows td.order { font:normal 11px tahoma; color:#bababa; }
#list_cont p.none { text-align:center; padding:50px 0; color:#fff;}

#list_search { 
  margin-top: 15px;
  text-align: center;
  overflow: auto;
  width: auto;
  margin: 0 auto;
}

/* paging */
#pagination { text-align:center; line-height:30px; clear:both; margin:15px 0 10px 0; }
#pagination * { font-family:Verdana; font-size:12px; color:#808080 !important; font-weight:bold; }
#pagination a { padding:4px 7px 4px 7px; margin:2px; border:1px solid #D1D1D1; background-color:#ffffff; text-decoration:none; }
#pagination a:hover, #pagination a:active { border:1px solid #5e5e5e; background-color:#818181; color:#ffffff !important; }
#pagination span.current { padding:4px 7px 4px 7px; margin:2px 2px 2px 6px; border:1px solid #8a8a8a; background-color:#8a8a8a; color:#ffffff !important; }

/* password */
#pwd_wrap { width:700px; min-height: 500px; margin:0 auto; padding:70px 0 20px; }
#pwd_wrap p { margin:15px 0; padding-top:30px; text-align:center; border-top:#e4e4e4 1px dotted; }
#pwd_title { padding:15px 0; border-bottom:2px solid #ebebeb; }
#pwd_cont { padding:30px; text-align:center; }
#pwd_cont span { margin-right:35px; }
#pwd_cont input { vertical-align:middle; }

.heros {  
	border:3px solid transparent;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.heros.active { 
	border:3px solid #337AB7;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.dl-horizontal dt { padding:5px; }
.dl-horizontal dd { padding:5px; }

table.border {
	border-collapse: collapse;
}

table.border,
table.border th,
table.border td {
	border:1px solid #DBBE95;
	padding:10px;
	text-align: center;
}
.ul1 { list-style-type:decimal !important; }
.ul1 > li { font-weight: bold;}
.ul1 > li ul { margin-left:0px;}
.ul1 > li ul li { font-weight: normal;}
.pagination li { 
  display: inline-block;
  margin-right:2px;
    font-size: 14px;  
    color: #fff;
    padding: 5px 10px;
    border: 1px solid #00A5E2;
    font-family: 'arial';
}
.pagination li a { color:#fff;}
.pagination li.active { 
    background-color: #00A5E2;
}
.box.board label { color:#fff;}
.board-flag { width:32px; }
.attach { color:#fff;}

.file-attach { margin-top:10px; }
.file-attach li { }
.upload-files li,
.file-attach li,
.upload-files li a,
.file-attach li a { color:#fff;}
.progress { margin-top:10px; margin-bottom:5px;}
.option-checkbox { color:#fff;}
.article { background-color:#1d233d; height:375px; overflow:hidden;}
.news-content { padding: 15px 20px 20px; }
.news-category { color:#aaa; font-weight:400;font-size: 13px;}
.news-date { font-weight:400; color:#ddd; font-size: 13px; }
.news-title,
.news-title a { color:#00a5e2; font-size:18px; font-weight:400; padding-top:5px;}
.news-desc,
.news-desc a { color:#ddd; padding-top:10px; font-size:13px;}
.news-admin { position:absolute; top:10px; right:25px; color:#fff; font-size:20px;}
.news-admin a { color:#fff; }