/*write*/
.get-in-touch {position: relative; margin: 30px auto; padding: 60px 40px 40px; border-radius: 2px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAGCAYAAACFIR03AAAAV0lEQVR42tXOMRWAQAwE0RWFDRTg5d47Jeg4Q9gI06RbqlwKil/P6LpXbDCf85AxEBtMGjKG/jyPUHUerfP4nEeoOo/Wedj5pOo8Wudh55Oq82idh51PLxpvled7kLAXAAAAAElFTkSuQmCC) repeat-x; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2) }
@media screen and (max-width:767px){ 
	.get-in-touch { padding: 60px 10px 40px; margin-left: -15px; margin-right: -15px;overflow: hidden;} 
	.get-in-touch .form-group label {padding-right:5px}
	.get-in-touch .form-group > div {padding-left:0}
}
/*list*/
.btn-lg.btn-circle {width:140px; height:140px}
.btn-lg.btn-circle small {color:inherit; display:block; margin-bottom:5px}
@media all and (min-width:767px){ .list-board {text-align:center} }
.list-board .custom-checkbox {z-index:2; margin-left: 3px;}
.list-board .d-md-flex >div {align-self: center!important}
.list-board .wr-num{min-width:60px}
.list-board .wr-name .mb_info{padding:10px 0;}
.list-board .wr-name, .list-board .wr-contact {min-width:160px}
.list-board .wr-date{min-width:110px}
.list-board .wr-good, .list-board .wr-bad{min-width:50px}
.list-board .wr-good-bad, .list-board .wr-hit, .list-board .wr-gubun{min-width:60px}

@media all and (max-width:767px){ .list-board .wr-name, .list-board .wr-date, .list-board .wr-hit, .list-board .wr-good-bad, .list-board .wr-good, .list-board .wr-bad {color:#6c757d; font-size: .85rem; } }
@media (max-width: 576px) { #view-info {font-size:.8rem} }
/*.label-pill { padding: .5rem .8rem; border-radius: 10rem; font-weight: normal; font-size: 14px; min-width: 55px; display: inline-block; }
.list-head {font-weight:700;border:0;text-align:center;clear:both;color:#fff;background-color: #323232;}
.div-head{display:table;width:100%;table-layout:fixed;padding: 20px 0;border-radius: 3px;}
.div-head.list-head>span{border:0}
.div-head>span{display:table-cell;text-align:center;vertical-align:middle;border-right:1px solid #ddd;font-weight:700;line-height:1}
.list-board .wr-icon{display:inline-block;padding:0;margin:0;overflow:hidden;vertical-align:middle;background-repeat:no-repeat;background-position:left top}
.list-board .wr-check{width:35px;vertical-align: top !important;padding-top: 10px }
.list-board .wr-num{width:60px}
.list-board .wr-name, .list-board .wr-gubun{width:90px}
.list-board .wr-name .mb_info{padding:10px 0;}
.list-board .wr-tel{width:250px}
.list-board .wr-date{width:100px}
.list-board .wr-good,.list-board .wr-bad{width:50px}
.list-board .wr-good-bad, .list-board .wr-hit{width:70px}
.list-board .wr-none{padding:50px 0;text-align:center;color:#888}
.list-board .wr-comment{margin:0 10px;color:#ff4500}
.list-board .wr-comment .glyphicon {top: 3px}
.list-board .list-body .wr-subject{padding-left:10px;text-align:left}
.list-board .list-body{list-style:none;padding:0;margin:0}
.list-board .list-body li{border-bottom:1px solid #ddd;display:table;width:100%;table-layout:fixed}
.list-board .list-body li:hover {background-color: #f5f5f5}
.list-board .list-body li>div{display:table-cell;text-align:center;color:#666;vertical-align:middle}
.list-board .list-body .wr-subject .item-subject{display:block;word-break:break-all;padding:10px 0 5px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.list-board .list-body .wr-subject .item-subject .category { color: #118eff; letter-spacing:-1px; font-size:80%; padding-right:2px}
.list-board .item-details>span{margin-right:15px;font-weight:400}
.badge.bg-light,.bg-light,i.bg-light{color:#333;background-color:#f9f9f9}
.count{font-size:10px;font-weight:700;font-family:verdana;letter-spacing:-1px;line-height:16px;padding-right:1px;color:#ff4500}
.lightgray,i.lightgray{color:#ddd}
.label-pill {padding:.5rem .8rem;border-radius: 10rem;font-weight:normal;font-size:14px; min-width:55px;display: inline-block;}
@media all and (max-width:767px){
	.btn-lg.btn-circle {width:120px; height:120px}
	.list-board {border-top: 1px solid #ddd;}
	.list-board .list-body .wr-subject{padding-left:0}
	.list-board .item-details{padding-bottom: 10px;margin-right:-15px;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}
	.list-board .item-details>span{margin-right:15px;font-weight:400}
	.list-board .item-details>span:last-child{margin-right:0}
	.list-board .wr-comment{margin-right:0;}
	form[name="search_form"] .input-group-btn .btn {border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important }
}*/
/*view*/
.page-header a {color:inherit}
.page-content, #comment_view .media-body p  {word-wrap: break-word} 
.page-content, #mb_signature {margin:20px 0 40px 0}
.page-toolbar, .page-favorite {margin:10px 0px 40px 0px}
.page-toolbar .btn-group { margin-left:0 }
.page-add { padding-top:5px; text-align: justify }
.page-add a {font-size:13px; color:inherit }
.page-add a:hover { text-decoration:underline !important }
.page-add small {margin-right:10px}
.page-favorite .btn[disabled] { font-weight:600 }
.btn-group .add{ list-style:none; min-width:140px}
.btn-group .add li {display:block; cursor:pointer; font-size:12px; overflow:hidden }
.btn-group .add li:hover {background-color:inherit }
.page-content .img-responsive {cursor:pointer; margin:0 auto }
#font-controller .btn.active { display: none }
#font-controller .btn.active span:nth-of-type(1)  { display: block }
#font-controller .btn.active span:last-child  { display: none }

/*comment*/
#bbs-comment {margin-bottom:40px;}
#comment_view ul.dropdown-menu { min-width:50px }
#comment_view .media { border-bottom:1px solid #ddd; }
#comment_view .media:last-child { border:none }
#comment_view .media-heading abbr {font-weight:600}
#comment_view .media-heading small {margin-left:10px}
#comment_view .media > .pull-left { padding-bottom: 15px }
#comment_view .media-list .indent1 {margin-left:20px}
#comment_view .media-list .indent2 {margin-left:60px}
#comment_view .media-list .indent3 {margin-left:90px}
#comment_view .media-list .indent4 {margin-left:120px}
#comment_view .media-list .indent5 {margin-left:150px}
#comment_view .media-list .indent6 {margin-left:180px}
#comment_view .media-object {width:60px}
#selectallcmt {margin:0; vertical-align: middle }
#comment_write { margin:20px 0 10px }
#bc_content { padding: 5px 10px; font-size: 13px; line-height: 1.5 }
.btn-comment {font-size:13px !important; padding: 15px !important }
.comment-bar { position: absolute; right:10px; width:30px }
.comment-bar button{border:none ; background-color: transparent }
.comment-bar .icon-bar { border-radius: 2px; display: block; height: 3px; width: 4px; background-color: #777; margin-top: 3px }
.glyphicon-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1) }