.visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none !important;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block,
.visible-sm-block, .visible-sm-inline, .visible-sm-inline-block,
.visible-md-block, .visible-md-inline, .visible-md-inline-block,
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
display: none !important;
}
@media ( max-width : 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs, td.visible-xs {
display: table-cell !important;
}
}
@media ( max-width : 767px) {
.visible-xs-block {
display: block !important;
}
}
@media ( max-width : 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media ( max-width : 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media ( min-width : 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm, td.visible-sm {
display: table-cell !important;
}
}
@media ( min-width : 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media ( min-width : 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media ( min-width : 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media ( min-width : 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md, td.visible-md {
display: table-cell !important;
}
}
@media ( min-width : 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media ( min-width : 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media ( min-width : 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media ( min-width : 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg, td.visible-lg {
display: table-cell !important;
}
}
@media ( min-width : 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media ( min-width : 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media ( min-width : 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media ( max-width : 767px) {
.hidden-xs {
display: none !important;
}
}
@media ( min-width : 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media ( min-width : 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media ( min-width : 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print, td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
.col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media ( min-width : 768px) {
.col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media ( min-width : 992px) {
.col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media ( min-width : 1200px) {
.col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix, .clearfix:before, .clearfix:after, .container:before,
.container:after, .container-fluid:before, .container-fluid:after,
.clearfix:after, .container:after, .container-fluid:after, .row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-left {
text-align: left !important;
}
.text-justify {
text-align: justify;
}.comments-wrap {
margin-top: 20px;
}
#comments-list {
position: relative;
margin-bottom: 40px;
}
#comments-list>.hana-comments-hr-title {
margin: 40px auto 30px;
}
#comments-list ol {
list-style: none;
margin: 0;
padding: 0;
}
#comments-list ol li {
margin-bottom: 0;
}
#comments-list .comment-wrap {
position: relative;
height: auto;
padding: 10px 0;
}
.comment-wrap .comment-avatar {
float: left;
position: relative;
z-index: 2;
margin-top: -7px;
}
.comment-wrap .comment-avatar img {
height: 60px;
width: 60px;
display: block;
}
#comments-list .comment-content {
border-bottom-color: #dddddd;
border-bottom-style: solid;
border-bottom-width: 1px;
margin: 0 0 0 90px;
padding-bottom: 10px;
}
#comments-list .comment-author {
font-weight: normal;
}
#comments-list li ul.children .comment-author {
font-weight: normal;
}
#comments-list .comment-date {
display: block;
font-size: 11px;
color: #bbb;
margin: 0;
padding: 0;
}
#comments-list .comment-meta-actions, #comments-list .comment-meta-actions a
{
font-size: 11px;
text-transform: uppercase;
color: #bbb;
display: inline-block;
}
#comments-list li ul {
list-style: none;
padding: 0;
}
#comments-list ul.children {
margin-left: 90px;
}
#comments-list ul.children ul {
margin-left: 0;
}
#comments-list ul.children .comment-wrap {
padding: 0;
}
#comments-list ul.children .comment-content {
margin-left: 90px;
margin-bottom: 10px;
padding-bottom: 0;
}
#comments-list ul.children .comment-author {
font-weight: normal;
}
#comments-list ul.children .comment-avatar {
box-shadow: none;
margin-top: 0;
}
#comments-list ul.children .comment-avatar img {
height: 30px;
width: 30px;
border-width: 0;
}
#comments-list ul.children .comment-date {
display: inline-block;
}
#comments-list ul.children .comment-meta, #comments-list ul.children .comment-body,
#comments-list ul.children .comment-meta-actions {
margin-left: 0px;
margin-bottom: 10px;
}
#comments .comment-respond, #comments-list .comment-respond { }
#comments-list ul.children .comment-respond {
margin-left: 0;
}
#comments .activity-timeline {
border-right-color: #dddddd;
border-right-style: solid;
border-right-width: 1px;
height: 100%;
left: 30px;
position: absolute;
top: 0;
width: 1px;
z-index: 0;
margin-top: 30px;
}
#comments-list .comment-wrap .tooltip {
display: block;
background-color: white;
border: 1px solid #f5f5f5;
text-align: center;
padding: 2px;
font-size: 11px;
color: #666666;
width: 100%;
}
#comments-list .comment-wrap .comment-avatar {
float: left;
position: relative;
z-index: 2;
margin-top: -7px;
}
#comments-list .comment-wrap .comment-avatar img.avatar {
height: 60px;
width: 60px;
display: block;
border-style: solid;
border-width: 5px;
border-radius: 100%;
border-color: #ffffff;
}
#trackbacks-list span {
font-size: 12px;
}
#trackbacks-list ol li {
margin-bottom: 10px;
}
#trackbacks-list .comment-author {
font-size: 12px;
margin-bottom: 5px;
}
#trackbacks-list .comment-content p {
font-size: 14px;
}
#respond-wrap {
padding-bottom: 20px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
#respond {
margin: 10px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.comment-form-author, .comment-form-email, .comment-form-url {
margin-bottom: 0;
}
#commentform {
margin-top: 10px;
margin-bottom: 0;
}
#commentform p.comment-notes {
margin-bottom: 20px;
}
#commentform p.comment-notes span.required {
float: none;
}
#commentform label {
font-size: 12px;
font-weight: normal;
margin-bottom: 4px;
}
#commentform p.form-allowed-tags {
display: none;
}
#commentform p.form-allowed-tags code {
color: #444;
}
.comment #respond h3#reply-title {
display: block;
margin: 0 0 10px;
}
#reply-title small {
font-size: 14px;
line-height: 0;
margin-left: 5px;
}
#reply-title small a, #reply-title small a:hover {
text-decoration: none;
}
p.comment-form-comment {
margin-top: 5px;
margin-bottom: 15px;
}
p.form-submit {
height: auto;
overflow: hidden;
margin-bottom: 0;
}
.hana-comments-hr-title {
border-top-style: solid;
border-top-width: 1px;
font-size: 11px;
text-align: center;
height: 10px;
line-height: 20px;
margin: 10px auto -10px;
height: auto;
}
.hana-comments-hr-title abbr {
background-color: #fff;
padding: 2px 10px;
border-radius: 2px;
position: relative;
top: -10px;
letter-spacing: .2em;
text-transform: uppercase;
}
.hana-comments-hr-title i {
position: relative;
top: -2px;
font-size: 8px;
}
.hana-comments-hr-title.hr-full {
width: 100%;
}
.hana-comments-hr-title.hana-hr-long {
width: 50%;
}
.hana-comments-hr-title.hr-short {
width: 25%;
}
.hana-comments-hr-title.hr-left {
text-align: left;
}
.hana-comments-hr-title.hr-right {
text-align: right;
}
.hana-comments-hr-title.hr-left abbr {
padding-left: 0;
}
.hana-comments-hr-title.hr-right abbr {
padding-right: 0;
}
.hana-comments-hr-title.hr-left.hana-hr-long {
margin-left: 0;
}
.hana-comments-hr-title.hr-right.hana-hr-long {
margin-right: 0;
}
.hana-comments-hr-title.hr-double {
border-top: 4px double #ebebeb;
}
.hana-comments-hr-title.hr-double abbr {
top: -12px;
}.nopadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.nopadding-right {
padding-right: 0 !important;
}
.text-right {
text-align: right;
}
.hanaboard-list-search { }
.hanaboard-list-search select { padding: 0 !important; margin: 0 !important; }
.hanaboard-list-search input { margin: 0 !important; }
.list-items input { margin: 0; }
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hanaboard-button  {
display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;
-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;
border-width: 1px; -webkit-appearance:none;-webkit-box-sizing:border-box;border-style:solid;-moz-box-sizing:border-box;box-sizing:border-box;
background-color: white;color:#333;
}
.hanaboard-button:hover  {
color: #000;
background-color: #f5f5f5;
}
.hanaboard-button.btn-primary {
background-color: #f2f2f2;
}
.hanaboard-button.btn-primary:hover  {
color: #000;
background-color: #e5e5e5;
} .ui-dialog .ui-dialog-content.ui-dialog-spinner {
background:
url(http://static2.icbin.com/library/images/ajax-loader.gif)
no-repeat scroll 5px 15px transparent;
padding: 30px 0 0px 70px;
border: 2px solid #f2f2f2;
font-weight: 900;
line-height: 1em;
font-size: 1.1em;
color: #737373;
}
.ellipsis {
}
.hanaboard-error {
display: inline-block;
line-height: 19px;
padding: 11px 15px;
font-size: 14px;
text-align: left;
margin: 25px 20px 0 2px;
background-color: #fff;
border-left: 4px solid #ff0000;
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.title-add-info img {
display: inline-block;
margin: 0 3px;
}
ul:after {
content: '';
display: block;
clear: both;
}
.hanaboard-attachments {
display: table;
width: 100%;
margin: 0;
}
.hanaboard-attachments ul {
padding: 10px;
display: table-cell;
overflow-x: hidden;
list-style-type: none;
}
ul.hanaboard-attachments {
list-style: none;
overflow: hidden;
}
ul.hanaboard-attachments li {
float: left;
margin: 0 10px 10px 0;
}
.the_author {
}
.the_author_guest {
font-weight: normal;
} .formGuest input {
max-width: 200px;
width: 100%;
padding-left: 10px;
}
.hanaboard-page-view .hanaboard-entry-header {
border-bottom: 1px solid #eeeeee;
clear-after: both;
}
.hanaboard-page-view .hanaboard-entry-header .entry-meta {
min-height: 25px;
}
.hanaboard-page-view .hanaboard-entry-header .entry-meta a {
text-decoration: none;
box-shadow: none;
}
.hanaboard-page-view .hanaboard-article-content {
min-height: 300px;
padding-top: 10px;
} .hanaboard-list-filter select {
height: 30px !important;
line-height: 30px !important;
}
.hanaboard-list-search {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 2px;
width: 100%;
}
.hanaboard-list-search .hana-form-group {
border: 1px solid #eeeeee !important;
border-radius: 3px;
}
.hanaboard-list-search select {
border: 0;
border-right: 1px solid #eeeeee;
width: 100%;
font-size: 1em;
padding: 0.1em;
vertical-align: bottom;
display: inline-block;
height: 30px !important;
line-height: 30px !important;
vertical-align: bottom;
margin: 0;
background-color: #fff;
}
.hanaboard-list-search input[type=text] {
border-width: 1px;
border-right: 0;
border: 0;
border-color: #dddddd;
vertical-align: middle;
display: inline-block;
margin: 0;
padding: 3px 5px;
height: 30px !important;
line-height: 30px !important;
width: 100%;
background-color: #fff;
}
.hanaboard-list-search #search_button {
border-color: #dddddd;
border: 0 !important;
height: 30px !important;
line-height: 30px !important;
margin: 0;
vertical-align: middle;
width: 100%;
padding: 0;
min-width: 20px !important;
text-align: center;
background-color: #fff;
color: #333 !important;
}
.hanaboard-list-search #search_button:hover {
background-color: transparent;
color: #aaaaaa;
}
.hanaboard-list-search #search_button i {
margin: 0;
}
.hanaboard-list-total-count {
display: none;
}
.hanaboard-button-bottom {
margin-top: 20px;
vertical-align: top;
text-align: right;
}
.hanaboard-button-bottom a {
}
.hanaboard-no-post {
border-top: 0;
border-bottom: 1px solid #f2f2f2;
width: 100%;
text-align: center;
padding: 50px 0;
} .hanaboard-guest-password-wrapper{
width: 300px;
margin: 0 auto;
text-align:center;
}
.hanaboard-guest-password-wrapper .top_large_icon {
font-size: 4em;
color: #dddddd;
}
.new-post-guest-author {
padding-right: 0;
} .hanaboard-page-view #author-info {
padding: 20px;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
margin-bottom: 20px;
}
.hanaboard-page-view #author-info h4 {
margin-top: 0;
}
.hanaboard-page-view .author-img {
float: left;
margin-right: 20px;
}
.hanaboard-page-view .author-img img.avatar {
border-radius: 50%;
}
@media ( min-width : 480px) {
.hanaboard-page-view .author-desc {
overflow: hidden;
_overflow: visible;
zoom: 1;
min-height: 96px;
}
}
.hanaboard-page-view .social-links {
float: left;
padding: 0;
margin: 0;
}
.hanaboard-page-view .social-links li {
float: left;
text-decoration: none;
list-style: none;
}
.hanaboard-page-view .social-links a {
color: #999999;
padding-right: 15px;
-webkit-transition: color 0.4s ease;
transition: color 0.4s ease;
font-size: 1.4em;
}
.hanaboard-page-view .social-links a:hover {
color: #333333;
} ul.hanaboard-pagination {
list-style: none;
padding:0;
text-align:center;
margin: 15px 0;
}
.hanaboard-pagination .prev {
}
.hanaboard-pagination .next {
}
ul.hanaboard-pagination li {
display: inline-block;
}
ul.hanaboard-pagination li .page-numbers {
display: inline-block;
border: 1px solid #f5f5f5;
height: 32px;
width: 32px;
line-height:32px;
text-align: center;
color: #333333;
background-color: white;
border-radius: 50%;
text-decoration: none;
margin: 0 3px;
}
.hanaboard-pagination li a {
box-shadow: none;
}
.hanaboard-pagination li a.page-numbers:hover {
background-color: #eeeeee;
}
ul.hanaboard-pagination li .page-numbers.current {
color: white;
background-color: #bbbbbb;
font-weight: bold;
} .hanaboard-page-view .entry-header {
padding: 5px 0;
}
.hanaboard-entry-title {
font-weight: 600;
margin-bottom: 0 !important;
font-size: 12pt;
}
.hanaboard-page-view .entry-meta, .hanaboard-page-view .entry-meta a {
font-size: 9pt !important;
}
.hanaboard-page-view .entry-date, .hanaboard-page-view .byline,
.hanaboard-page-view .readcount-line, .hanaboard-page-view .like-line {
color: #777777 !important;
padding-right: 5px;
}
.entry-content {
min-height: 200px;
}
.hanaboard-post-category a {
text-decoration: none;
color: #666666;
}
.hanaboard-attachments {
border-top: 1px solid #f2f2f2;
}
.hanaboard-content {
padding: 10px;
min-height: 200px;
}
.hanaboard-section-header {
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
.hanaboard-section-footer {
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #cccccc;
}
.hanaboard-button-bottom {
margin-top: 20px;
margin-bottom: 20px;
}
img {
max-width: 100%;
height: auto;
}
.hanaboard-tags {
margin: 10px;
}
.hanaboard-tags a {
margin-left: 10px;
text-decoration: none;
color: #666666;
} #hanaboard-post-form .row {
margin: 5px 0;
}
#hanaboard-post-form .invalid {
border: 2px solid red;
}
#hanaboard-post-form #title {
width: 100%;
}
.attachments {
display: block;
}
.attachment_file {
padding: 2px 10px;
border: 1px solid #f2f2f2;
}
#insert-media-button {
display: none;
}
.insert-media-buttons {
}
.insert-media-buttons button {
line-height: 30px;
display: inline-block;
min-width: 78px;
height: 30px;
padding: 0 5px;
text-align: center;
vertical-align: middle;
}
#hanaboard-attachment-upload-pickfiles {
}
.hanaboard-attachment-list {
margin-left: 0;
padding-left: 0;
}
#hanaboard-attachment-upload-filelist ul {
margin-left: 0;
padding-left: 0;
}
#hanaboard-attachment-upload-filelist ul .hanaboard-attachment {
list-style-type: none;
}
.hanaboard-attachment .attachment-name, .hanaboard-attachment .attachment-size,
.hanaboard-attachment .attachment-actions {
display: inline-block;
}
.attachment-actions {
padding-left: 10px;
}
.attachment-size {
padding-left: 10px;
}
#hanaboard-attachments ul {
list-style-type: none;
margin: 0;
}
#hanaboard-attachments ul li a {
text-decoration: none;
font-weight: bold;
}
.hanaboard-like-wrapper {
text-align: center;
margin-top: 50px;
}
.hanaboard-secure-image {
display: table;
margin: 0;
}
.hanaboard-secure-image label {
display: table-cell;
width: 140px;
}
.hanaboard-secure-image-form {
display: table-cell;
}
#hanaboard-post-form .moxie-shim {
cursor: pointer;
}
#insert-video-dialog-form fieldset {
padding: 0;
border: 0;
}
@media all and (min-width: 768px) {
.hanaboard_list_admin_action_form {
margin-top: 30px;
}
.hanaboard_list_admin_action_form select {
display: inline !important;
width: 200px !important;
line-height: 30px;
height: 30px;
}
}
@media all and (max-width: 767px) {
.hanaboard_list_admin_action_form {
display: none;
}
}
.hanaboard_list_admin_action_form select, .hanaboard_list_admin_action_form input {
display: inline !important;
}.list-gallery {
list-style: none;
margin: 0;
padding: 0;
}
.list-gallery .list-header {
border-bottom: 1px solid #f2f2f2;
}
.list-gallery .hanaboard-no-post {
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
width: 100%;
text-align: center;
padding: 50px 0;
margin-bottom: 15px;
}
.list-gallery .list-items {
display: block;
position: relative;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
margin: 0;
margin-bottom: 10px;
}
@media all and (max-width:280px) {
.list-gallery .list-items {
width: 100%;
}
}
@media all and (min-width:281px) and (max-width:767px) {
.list-gallery .list-items {
width: 50%;
float: left;
min-height:220px;
}
}
@media all and (min-width:768px) {
.list-gallery .list-items {
width: 33.33333%;
float: left;
min-height:220px;
}
}
.list-gallery .board-article-meta {
font-size:9pt;
line-height: 1.6;
}
.list-gallery .board-article-meta {
}
.list-gallery a {
text-decoration: none;
}
.list-gallery .list-header {
display: none;
}
.list-gallery .list-items .board-article-thumb {
display: block;
height: auto;
max-height: 240px;
overflow: hidden;
text-align: center;
border: 1px solid #f0f0f0;
padding: 0;
}
.list-gallery .list-items  .board-article-thumb img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: middle;
}
.list-gallery .list-items .thumb hr {
width: 100%;
border-top: 1px solid #f0f0f0;
}
.list-gallery .list-items .board-article-title {
line-height:1.2em;
margin: 5px 0;
vertical-align:middle;
}
.list-gallery .list-items .board-article-title a {
font-size:10pt;
text-decoration:none;
box-shadow:none;
}
.list-gallery .list-items .board-article-title a img {
display: inline;
}
.list-gallery .list-items .title-text {
font-weight: bold;
}
.list-gallery .list-items .meta .separator {
font-size: 0.9em;
color: #f2f2f2;
}
.list-gallery .list-items .article-author a {
font-weight: 600;
text-decoration: none;
box-shadow: none;
}
.list-gallery .list-items .article-author .the_author_guest {
font-weight: normal;
}
.list-gallery .list-items .item-info span {
padding-right: 0.3em;
font-size: 9pt;
}
.list-gallery .list-items .item-info span.col-data {
}
.list-gallery .board-article-meta.pull-right span {
display: inline-block;
margin-left: 3px;
}
.list-gallery .loop-notice {
width: 100%;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
background-color: #f5f5f5;
margin-top: 5px;
margin-bottom: 5px;
padding: 7px;
height: auto;
min-height: auto;
}
.list-gallery .loop-notice .title_link {
display: block;
line-height: 1.5em;
height: 1.5em;
}
.list-gallery .loop-notice .title_link .title_add_info {
vertical-align: middle;
margin-bottom: 0.15em;
}
.list-gallery .loop-notice:after {
clear: both;
}
.hanaboard-list-search select#board_category_selectbox,.hanaboard-list-search  select#sub_category_selectbox {
display: inline !important;
width: initial !important;
}body:after {
content: url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/close.png) url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/loading.gif)
url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/prev.png) url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/next.png);
display: none;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container>.nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image:
url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//2k-imaging.co.kr/wp-content/plugins/hana-board/extensions/lightbox2/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}