/**
 *
 * Apply Here your Custom CSS
 *
*/

body {

}
label {cursor : pointer}

.tblArea {}
.tblArea table.noFix {table-layout: auto;}
.tblArea .tblTop {margin-bottom: 10px;font-weight: 500;line-height: 30px;}
.tblArea .tblTop .btn_ty2 {line-height: 30px;min-width:80px;}

.tblArea .tblBot {margin-bottom: 10px;font-weight: 500;line-height: 30px;}
.tblArea .tblBot .btn_ty2 {line-height: 30px;min-width:80px;}

.tblArea .tbl_v {width: 100%;table-layout: fixed;border-top: 2px solid #333;line-height: 22px;background-color:#FFFFFF}
.tblArea .tbl_v th {background-color: #f6f6f6;text-align: left;}
.tblArea .tbl_v th, .tblArea .tbl_v td {border-bottom: 1px solid #dcdcdc;padding: 12px 20px;}

.tblArea .tbl_h {width: 100%;table-layout: fixed;border-top: 2px solid #333;line-height: 22px;}
.tblArea .tbl_h th {background-color: #f6f6f6;text-align: center;}
.tblArea .tbl_h th, .tblArea .tbl_h td {border-bottom: 1px solid #dcdcdc;padding: 12px 20px;}

.tblArea .tbl_h {width: 100%;table-layout: fixed;border-top: 2px solid #333;line-height: 22px;}
.tblArea .tbl_h tr > * {border-left: 1px solid #dcdcdc;}

.tblArea .tbl_h.type2 {font-size: 13px;line-height: 21px;}
.tblArea .tbl_h.type2 th, .tblArea .tbl_h.type2 td {padding: 10px 10px;}

.tblArea table td * {max-width:100%}

.trHover {background-color:#e8e8e8}
.trHover td {color:#000}

.listTbl .listHead {background-color:#444444 !important;color:#FFF !important;border: 0px;}
.listTbl th:not(:last-child):after {
    border-right:0px;
}
.listTbl td:not(:last-child):after {
    border-right:0px;
}

.fa-question-circle  {cursor:help}

.scrollOff{position:fixed;overflow:hidden;height:100%;}
.topHeader {background-color:#545454;padding:3px;color:#EFEFEF;}
.topHeader a {color:#EFEFEF;}
.loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: none; opacity: 0.6; background-color: #000; z-index: 10000; text-align: left; }
.loadingAjax {
    position: fixed;
    top: 25%;
    left: 50%;
    font-size:20px;
    z-index: 100;
    width:400px;
    margin-left:-200px;
}
.imgResponsive {width:95%;}
#helpDiv {overflow-y: scroll;height:600px;padding:5px;}

/*
.scrollx::-webkit-scrollbar {
    width: 10px;
}

.scrollx::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.scrollx::-webkit-scrollbar-thumb {
    background-color: #aedaad;
    border-radius: 100px;
}



body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 5px;
    box-shadow: inset 0px 0px 5px white;
}

body::-webkit-scrollbar-thumb {
    background-color: lightgrey;
    border-radius: 5px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
*/

.marquee {
    padding:15px;
    overflow:hidden;
    margin-bottom:10px;
    position:relative;
    margin-top:20px;
    overflow-y:auto;
    width:100%;
    height:150px;
    border:1px solid #999999;
    border-radius:20px;
    background-color:#333333;
    text-align:left;
    display:none;
}

.marquee p {
    color:#FFFFFF;
    margin:0;
    display:inline-block;
    white-space:nowrap;
    font-size:12px;
    /*
    -webkit-animation-name:marquee;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:10s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:10s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:10s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee;
    -o-animation-timing-function:linear;
    -o-animation-duration:10s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee;
    animation-timing-function:linear;
    animation-duration:10s;
    animation-iteration-count:infinite;
    */
}
@-webkit-keyframes marquee {
    from   { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from   { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from   { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from   { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from   { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}



.reply_wrap {
    padding: 20px;
    padding-bottom: 30px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0,0,0,.014);
    border: 1px solid #ddd
}

.reply_wrap_tit {
    /* max-width: 1200px; */
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500
}

.reply_list {
    /*max-width: 1200px;*/
    margin: 0 auto;
    border: 1px solid #ddd;
    background-color: #fff
}
.reply_name {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    margin-bottom: 6px
}

.reply_cont {
    flex: 1
}

.reply_write {
    border: 2px solid #ddd;
    background-color: #fff;
    padding: 20px;
    display: flex;
    /*max-width: 1200px;*/
    margin-left: auto;
    margin-right: auto;
    gap: 10px
}

.reply_write .f_ta {
    height: 60px;
    padding: 10px;
    resize: vertical
}

.reply_item {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ddd
}

.reply_item:last-of-type {
    border-bottom: none
}

.reply_view {
    display: flex;
    gap: 10px
}

.reply_view_bot {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    color: #949494;
    font-size: 13px
}

.reply_view_bot .f_btn {
    font-weight: bold;
    color: #333
}

.reply_view_bot .edit_btns {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto
}

.reply_set.ty_re {
    /*padding-left: 40px;*/
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    position: relative
}

.reply_set.ty_re::before {
    content: "";
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    position: absolute;
    left: 10px;
    top: 24px
}

.reply_comment {
    font-size: 14px
}

.reply_btns {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 6px
}

.reply_btns .f_btn {
    min-width: 60px
}

.reply_btns .f_btn._line {
    color: #333;
    font-weight: bold
}

.mt20 {
    margin-top: 20px
}


ol,ul {
    list-style: none
}