@charset "utf-8";

/* common*/
body {font-size: 12px; background-color: #fff;}
a {color:#49bbe0; text-decoration: underline;}
a:hover {color:#27b3e0; text-decoration: none;}
img{border:0; padding:0; margin:0; max-width:100%; height: auto;}
 th {font--weight:normal;}
input[type="radio"], input[type="checkbox"] {margin: 4px 5px 0 0;}

i.fa {padding:0 5px 0 0;}
i.fa.fa-right {padding:0 0 0 5px;}

.nobreak {word-break: break-all;}

.btn {margin-top:20px; margin-bottom:20px; padding:6px 40px;}
a.btn {text-decoration: none;}
.ellipsis {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.navbar-default {background-color: #fff; border-color: #eee;}
.navbar-default .navbar-brand {color: #333;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {color: #1a1a1a; background-color: transparent;}
.navbar-default .navbar-text {color: #222;}
.navbar-default .navbar-nav > li > a {color: #333;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #e74c3c; background-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #333; background-color: transparent;}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {color: #222; background-color: transparent;}
.navbar-default .navbar-toggle {border-color: #ddd;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #ddd;}
.navbar-default .navbar-toggle .icon-bar {background-color: #888;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {border-color: #eee;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #333; background-color: transparent;}
.navbar-default .navbar-link {color: #333;}
.navbar-default .navbar-link:hover {color: #555;}
.navbar-default .btn-link {color: #333;}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {color: #555;}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {color: #222;}

.nav-pills {padding-bottom: 3px; border-bottom: 1px solid #ddd; display: table; padding-left: 0; padding-right: 0; width:100%;}
.nav-pills > li {display: table-cell; float:none; text-align: center;}
.bs-component .nav > li > a {padding: 7px 0; text-decoration: none;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #e89000;}
.pagination  {margin: 0 0 10px 0;}
.alert-default {border: 1px solid #ddd;}

.control-label .label {margin-left: 5px;}
.form-group {margin: 10px 0;}
p.form-control-static {margin-bottom: 0;}
.form-group-sm .form-control-static {height:inherit; font-size: 100%;}

.upimgbox input {margin-bottom: 5px;}
.upimgbox input {width: 100%;}

/* width*/
.w40 {width: 40px;}
.w60 {width: 60px;}
.w90 {width: 90px;}
.w120 {width: 120px;}
.w180 {width: 180px;}
.w260 {width:260px;}

/* box*/
.madjust_top {margin-top:20px;}
.madjust_top_s {margin-top:5px;}
.madjust {margin-bottom:20px;}
.breakword {word-wrap: break-word;}
.madjust_s {margin-bottom:5px;}
.madjust_xs {margin-bottom:1px;}
.madjust_right_s {margin-right:5px;}
.hadjust {min-height: 200px !important;/* height:200px !important;*/}
.hadjust_s {min-height: 30px !important;/* height:30px !important;*/}

/* common*/
.maincon h1, .h1 {font-size: 22px;}
.maincon h2, .h2 {font-size: 19px;}
.maincon h3, .h3 {font-size: 16px;}

.alert.prbox {padding: 10px 35px 10px 15px; margin-bottom: 5px;}
.prbox ul {margin: 0; padding: 0;}
.prbox li {margin: 5px 0;}
.prbox li {position: relative; list-style: none; margin: 0; padding: 0 0 0 30px;}
.prbox li:before {content:'[PR]'; position: absolute; left:0; top: 0;}
.prbox li a {display: block;}

.collapsedbox dt {margin: 0; padding: 0 30px 0 40px;position:relative;}
.collapsedbox dt a {display: block; padding:5px 0;}
.collapsedbox dt a:before {font-family:FontAwesome; position: absolute;}
.collapsedbox dt a:after {font-family:FontAwesome; content:'\f078'; font-size:20px; position: absolute; right:15px; top:0;}
.collapsedbox dt a.collapsed_open:after {content:'\f077'; pointer-events : none;}

.arrowRlist li {position: relative; list-style: none; margin: 0; padding: 0 0 0 10px;}
.arrowRlist li:before {font-family:FontAwesome; content:'\f061'; position: absolute; left:0; top: 0;}

.checklist li {position: relative; list-style: none; margin: 0; padding: 0 0 0 20px;}
.checklist li:before {font-family:FontAwesome; content:'\f00c'; position: absolute; left:0; top: 2px;}

.faqlist {border-top: 1px dotted #ddd;}
.faqlist li {border-bottom: 1px dotted #ddd;}
.faqlist li a {display: block; padding: 15px 10px; text-decoration: none; color: #333;}
.faqlist li:nth-child(even) a {background:#f3f3f3;}
.faqlist li a:hover {background-color: ghostwhite;}
.faqlist li h3 {margin-top: 0; margin-bottom: 6px;  font-size:125%;  text-decoration: underline;}
.faqlist li a:hover h3 {text-decoration: none;}
/* .faqlist .excerpt {color:#777; background: #f3f3f3; padding: 5px 10px;} */
.faqlist ul li {white-space:nowrap; border:0;}
.faqlist ul li.q_date {color: #e74c3c;}
li .label {position: relative; float:left; margin-right: 5px; padding-left: 1.75em;}

span.label.ic01 {background-color: #e74c3c;}
span.label.ic02 {background-color: #f39c12;}
span.label.ic03 {background-color: #3498db;}
span.label.ic01:before {font-family:FontAwesome; content:'\f0e5'; color:#fff; display: block; width: 1em; height: 1em; position: absolute; left: 5px; top: 3px;}
span.label.ic02:before {font-family:FontAwesome; content:'\f27a'; color:#fff; display: block; width: 1em; height: 1em; position: absolute; left: 5px; top: 3px;}
span.label.ic03:before {font-family:FontAwesome; content:'\f00c'; color:#fff; display: block; width: 1em; height: 1em; position: absolute; left: 5px; top: 3px;}

.count {margin:0 0 10px 0; padding: 10px 10px 0; font-size:14px; line-height: 1.5;}
.help-block {color:#999;}

#fontSize {font-size:14px;}
#fontSize .changeBtn {border: 1px solid #ccc; border-radius: 3px; cursor: pointer; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #eee)); background: -webkit-linear-gradient(#fff, #eee); background: -moz-linear-gradient(#fff, #eee); background: -o-linear-gradient(#fff, #eee); background: -ms-linear-gradient(#fff, #eee); background: linear-gradient(#fff, #eee);}
#fontSize .changeBtn.active {cursor:default; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #eee), color-stop(1.00, #bbb)); background: -webkit-linear-gradient(#eee, #bbb); background: -moz-linear-gradient(#eee, #bbb); background: -o-linear-gradient(#eee, #bbb); background: -ms-linear-gradient(#eee, #bbb); background: linear-gradient(#eee, #bbb);}
.maincon h1:first-child, .h1:first-child {margin-top: 0;}

/* header*/
header {margin-bottom: 24px;}
#headline h1, #headline .h1 {font-size: 11px; color:#777; margin: 6px 0 0;}
.navbar {margin-bottom: 0; min-height:60px;}
.navbar-brand {width:240px; padding: 14px 0; height:60px;}
.navbar-nav > li {position: relative;}
.navbar-nav > li:before {font-family:FontAwesome; content:'\f101'; color:#666; display: block; width: 1em; height: 1em; position: absolute; left: 0; top: 18px;}
.navbar-nav > li > a {margin-top: 7px; margin-bottom: 7px;}
.navbar-toggle {margin-top: 10px; margin-bottom: 10px; background-color: rgba(255, 255, 255, .2); border: 1px solid #eee;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: rgba(255, 255, 255, .3);}
.breadcrumb_wrap {background-color:#f5f5f5;}
.breadcrumb {margin-bottom: 0;}

/* side*/
.sidebar .panel-heading {font-size:14px;}
.sidebar .panel-body {padding:15px 15px 5px 15px;}
.sidebar .panel-body .form-horizontal {margin: 5px;}
.sidebar .panel-body .form-group {margin-bottom: 5px;}
.sidebar .btn {margin-top: 0; margin-bottom: 0; padding: 6px 10px 6px 15px;}
.sidebar input[type="checkbox"] {margin-right: 5px;}
.sidebar h4 {margin-bottom: 7px; padding-bottom: 3px; border-bottom: 3px solid #ddd; font-size:14px;}
.sidebar .sidebox {margin-bottom: 20px;}
.sidebar .sidebox li {border-bottom: 1px dotted #ddd; position: relative;}
.sidebar .sidebox li a {display: block; padding:7px 0 7px 1.5em;}
.sidebar .sidebox li a:before {font-family:FontAwesome; content:'\f101'; color:#bbb; display: block; width: 1em; height: 1em; position: absolute; left: 3px; top: 7px;}

/* footer*/
#pagetop {display:none; position:fixed; z-index:102; right:20px; bottom:100px;}
#pagetop a {color:#f39c12;}
footer {background-color: #2c3e50; border-top:1px solid #202d3b; padding:15px 0; color:#eee; margin-top: 50px;}
footer a {color:#eee;}
footer ul {margin-left: 1em;}
footer li {position: relative; padding-left: 1em;}
footer li:before {font-family:FontAwesome; content:'\f101'; color:#bbb; display: block; width: 1em; height: 1em; position: absolute; left: 0; top: 0;}

/* other*/
.user_login .breadcrumb_wrap {display:none;}
.user_login #gnavi .nav {display: none;}
.user_login .navbar-toggle {display: none;}
.user_login .sidebar {display:none;}
.user_login h1 {font-size:26px; margin-bottom: 30px;}
.user_login .lead p {font-size: 14px;}

.forum_index .breadcrumb_wrap {display:none;}

.collapsedbox dt {font-size: 16px; font-weight: normal;}
.collapsedbox dd {padding: 10px 30px;}
.collapsedbox dd ul {margin: 0; padding: 0;}
.collapsedbox dd li {margin: 5px 0;}

.collapsedbox.news dt {background-color: #e1f0fa;}
.collapsedbox.news dt a {color: #217dbb;}
.collapsedbox.news dt a:after {color: #217dbb;}
.collapsedbox.news dd {border: 1px solid #e1f0fa; border-top: 0;}
.collapsedbox.news dd li a {display: block; margin-left: 1em;}
.collapsedbox.news dt a:before {content:'\f0a1'; left:15px; top:6px;}

.collapsedbox.beginner dt {background-color:#d9eeda;}
.collapsedbox.beginner dt a {color:#3d8b40;}
.collapsedbox.beginner dt a:after {color:#3d8b40;}
.collapsedbox.beginner dd {border: 1px solid #d9eeda; border-top: 0;}
.collapsedbox.beginner dt a:before {content:'\f2c0'; left:15px; top:6px;}

.collapsedbox.qstatus dt {background-color:#ddd;}
.collapsedbox.qstatus dt a {color:#333;}
.collapsedbox.qstatus dt a:after {color:#333;}
.collapsedbox.qstatus dd {border: 1px solid #ddd; border-top: 0;}
.collapsedbox.qstatus dt a:before {content:'\f002'; left:15px; top:6px;}

.collapsedbox.popcat dt {background-color:#ddd;}
.collapsedbox.popcat dt a {color:#333;}
.collapsedbox.popcat dt a:after {color:#333;}
.collapsedbox.popcat dd {border: 1px solid #ddd; border-top: 0;}
.collapsedbox.popcat dt a:before {content:'\f002'; left:15px; top:6px;}

.collapsedbox.rule dt {background-color:#fff8f7;border: 1px solid #fddfe2;}
.collapsedbox.rule dt a {color:#ea1c0d;}
.collapsedbox.rule dt a:after {color:#ea1c0d;}
.collapsedbox.rule dd {border: 1px solid #fddfe2; border-top: 0;}
.collapsedbox.rule dt a:before {content:'\f044'; left:15px; top:6px;}
.collapsedbox.rule h3 {color:#ea1c0d;}
.collapsedbox.rule h3:nth-of-type(1) {margin-top: 12px;}
.collapsedbox.rule ol {padding-left: 20px;}
.collapsedbox.rule ol li {position: relative; padding-left: 1.2em; list-style: none;}
.collapsedbox.rule ol li:before {font-family:FontAwesome; display: block; width: 1em; height: 1em; position: absolute; left: 0; top: 0;}
.collapsedbox.rule ol li.ng:before {content:'\f119';}
.collapsedbox.rule ol li.ok {color:#f59200;}
.collapsedbox.rule ol li.ok:before {content:'\f006'; color:#f59200;}

.forum_index h2  {margin-bottom: 0; padding:5px 15px; color:#fff;}
.forum_index h2.qcat_new {background-color:#f44336}
.forum_index h2.qcat_comment {background-color:#ff9800;}
.forum_index h2.qcat_popular {background-color:#4caf50;}
.forum_index h2.qcat_resolution {background-color:#2196f3;}

.forum_post .alert h2 {margin-top: 0;}

.q_status .label {font-size:100%; margin:12px 0;}
.postowner {margin-bottom: 0;}
.postowner h2 { margin: 6px 0;}
.postowner ul {margin-bottom: 0;}
.postowner .owner {padding: 5px 0; text-align: center;}
.postowner .keyword {margin: 5px 0 0;}
.postowner .keyword a {margin: 0 5px;}
.owner .btn-xs {margin: 0 5px; padding: 6px 10px;}
.evaluation .btn-xs {margin: 0 5px; padding: 6px 10px;}

.responder .panel-title {font-size: 100%;}
.responder .panel-title ul {margin-bottom: 0;}
.responder .evaluation .btn {margin-top: 5px;}
.responder .best {min-height: 150px; background: url(../img/crown.png) -5% 50% no-repeat; background-size: 200px;}

/*.q_status .label{position:relative; padding-left: 1.75em;}
.panel-heading span.label.ic01:before {left: 7px; top: 6px;}
*/
.q_status .label{position:relative; padding-left: 1.75em;}
.panel-heading span.label.ic01:before,
.panel-heading span.label.ic02:before,
.panel-heading span.label.ic03:before {left: 7px; top: 6px;}





.maini h3, .maini h2.h3  {text-align:left; background: #e1f0fa; color: #217dbb; padding: 5px 10px; margin-bottom: 0;}
.maini h3 small {color: #217dbb;}
.maini h2.h4  {text-align:left; background: #fdf3f2; color: #d62c1a; padding: 10px; margin: 5px 0 0 0; font-weight: bold;}
.maini h4 {font-weight: bold; padding-left: 10px; margin-bottom: 6px; color: #666;}
.maini .checklist,
.maini .arrowRlist  {padding: 10px; border: 1px solid #ddd;}
.table.tool_list {margin-bottom: 5px;}
.table.tool_list thead th {vertical-align: middle; text-align: center; border-bottom: 0;}
.table.tool_list th {vertical-align: middle; padding: 0;}
.table.tool_list th a {padding: 5px; display: block;}
.table.tool_list td {vertical-align: middle; text-align: center; font-size: 21px; width:50px; padding: 0;}
.table.tool_list td i.fa {padding: 0;}

.table-responsive th {min-width: 4em; max-width: 50em; white-space: nowrap;}
.table-responsive strong {color:#d62c1a}
.table-responsive .w260 {min-width: 260px !important;}
.updt_ver {text-align: right; color: #ccc;}





@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
.sidebar .btn {margin-top: 0; margin-bottom: 0; padding: 6px 5px 6px 10px;}
.sidebar .panel-body {padding:15px 10px 5px 10px;}
}
@media (min-width: 992px) {
.form-horizontal .form-group-sm .control-label {font-size: 100%;}
}
@media (min-width: 768px) and (max-width: 991px) {
#fontSize {font-size:12px;}
.sidebar .btn {margin-top: 0; margin-bottom: 0; padding: 6px 0px 6px 5px;}
.sidebar .panel-body {padding:10px 5px 5px 5px;}
.sidebar .form-control {font-size:14px;}
}
@media (min-width: 768px) {
.form-group-sm input.form-control[type="file"] {padding-bottom: 35px;}
/* .maincon h1:first-child {margin-top: -38px;}
.user_login .maincon h1:first-child {margin-top: 0;}*/
}
@media (max-width: 767px) {
.btn {padding: 6px 25px;}
.navbar-brand {width: 220px; margin-left: 15px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #333;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #555; background-color: #eee;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {color: #fff; background-color: transparent;}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {color: #222; background-color: transparent;}
.navbar-nav {margin: 0 -15px;}
ul.nav > li {border-bottom: 1px solid #eee;}
.navbar-nav > li {padding-left:20px;}
.navbar-nav > li:before {left: 20px; top: 14px;}
.navbar-nav > li > a {margin-top: 0; margin-bottom: 0;}
.sp_box .form-group {margin-top: 5px; margin-bottom: 5px;}
.sp_box .btn {margin-top: 0; margin-bottom: 0; padding: 6px 10px 6px 15px;}
.w260 {width:250px;}
/* .faqlist .excerpt {padding: 3px;} */
.faqlist li a {padding: 5px;}
.faqlist li h3 {margin-bottom: 3px;}
.count.pull-left {margin:10px 0 0; padding: 5px 10px 0; float:right !important;}
.collapsedbox  dd {padding: 10px 15px;}
.form-horizontal .form-group-sm .control-label {font-size: 100%;}

/* Add 2018/05/08 */
.form-group-sm .form-control {font-size: 16px; line-height: 25px; height: auto; padding: 10px;}
.form-group-sm .form-control-static {padding: 0;}
.form-group-sm select.form-control {height: auto; line-height: 1.1;}

}
@media (min-width: 320px) and (max-width: 767px) {
}