@CHARSET "UTF-8";

#_JW_Uis_basic ._tab._normal ul li{position: relative; float: left; margin: 5px 10px;}
#_JW_Uis_basic ._tab._normal ul li::before{content:""; position: absolute; width: 3px; height: 10px; background: #c8c8c8; left: 0; bottom: 0;}
#_JW_Uis_basic ._tab._normal ul li a{position: relative; display: block; padding: 15px 20px; z-index: 2; font-size: 16px; font-family: 'Noto Medium'; transition: color 0.5s; height: auto; margin-right: 0; margin-bottom: 0; border-width: 0; background-color: transparent; line-height: 1;}
#_JW_Uis_basic ._tab._normal ul li a::after{content:""; position: absolute; z-index: -1; width: 100%; height: 3px; background: #c8c8c8; left: 0; bottom: 0; transition: height 0.5s;}
#_JW_Uis_basic ._tab._normal ul li::after{content:""; position: absolute; width: 3px; height: 10px; background: #c8c8c8; right: 0; bottom: 0;}
#_JW_Uis_basic ._tab._normal ul li:hover a{color: #fff;}
#_JW_Uis_basic ._tab._normal ul li a._on{color: #fff; font-weight: normal;}
#_JW_Uis_basic ._tab._normal ul li:hover a::after{height: 100%; background: #23499e;}
#_JW_Uis_basic ._tab._normal ul li a._on::after{height: 100%; background: #23499e;}

._fnctWrap .id_search ._write{padding: 0; border: 0; border-top: 2px solid #7c7c7c;}
._fnctWrap .id_search ._form{padding-left: 0; padding: 0; display: table; width: 100%; border-bottom: 1px solid #dadada;}
._fnctWrap .id_search ._form ._label{width: 200px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px;  background: none; background-color: #f5f5f5; font-family: 'Noto Regular'; color: #555; position: static; top: 0; left: 0;}
._fnctWrap .id_search ._form ._insert{display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 14px; font-family: 'Noto Regular'; color: #666;}
._fnctWrap .id_search ._form ._insert._comment{display: block;}
._fnctWrap .id_search ._form ._insert input{border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
._fnctWrap .id_search ._form ._insert input.long{width: 100%}
._fnctWrap .id_search ._form ._insert input.middle{width: 50%}
._fnctWrap .id_search ._form ._insert input.short{width: 30%}
._fnctWrap .id_search ._form ._insert input.shortest{width: 10%}

._fnctWrap .pwd_search ._write{padding: 0; border: 0; border-top: 2px solid #7c7c7c;}
._fnctWrap .pwd_search ._form{padding-left: 0; padding: 0; display: table; width: 100%; border-bottom: 1px solid #dadada; border-top: 0;}
._fnctWrap .pwd_search ._form:first-child{border-bottom: 1px solid #dadada;}
._fnctWrap .pwd_search ._form ._label{width: 200px; display: table-cell; vertical-align: middle; text-align: left; padding: 9px 15px; font-size: 15px;  background: none; background-color: #f5f5f5; font-family: 'Noto Regular'; color: #555; position: static; top: 0; left: 0;}
._fnctWrap .pwd_search ._form ._input{display: table-cell; vertical-align: middle; padding: 9px 20px; font-size: 14px; font-family: 'Noto Regular'; color: #666;}
._fnctWrap .pwd_search ._form ._input input{border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
._fnctWrap .pwd_search ._form ._input input.long{width: 100%}
._fnctWrap .pwd_search ._form ._input input.middle{width: 50%}
._fnctWrap .pwd_search ._form ._input input.short{width: 30%}
._fnctWrap .pwd_search ._form ._input input.shortest{width: 10%}

.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button.align-r {text-align: right;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; cursor: pointer; font-size: 16px; height: 50px; line-height: 48px; text-align: center; padding: 0 35px; margin: 0 5px; border-radius: 100px; font-family: 'Noto DemiLight';}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
.board-button .btn-deco.color2 {background: #0067c3; border: 1px solid #0067c3;}
.board-button .btn-deco.color3 {background: #fff; border: 1px solid #0067c3; color: #0067c3;}
.board-button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.board-button .btn-deco.color5 {background: #fff; border: 1px solid #1c3c8f; color: #1c3c8f;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}

@media all and (max-width: 1023px) {
  ._fnctWrap .id_search ._form ._label{display: block; width: 100% !important;}
  ._fnctWrap .id_search ._form ._insert{display: block; width: 100%;}
	._fnctWrap .id_search ._form ._insert input.middle{width: 100%;}
  ._fnctWrap .id_search ._form ._insert input.short{width: 100%;}
  ._fnctWrap .id_search ._form ._insert input.shortest{width: 50%;}
}