.webboard-67 {}

.webboard-67 .w-post {
    padding: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #1D99D9;
}

.webboard-67 .w-post .wp-top {
    padding: 10px 0;
    font: 22px/30px 'kanit', Arial, sans-serif;
    border-bottom: #5DC6E9 2px solid;
    color: #fff;
    padding-left: 43px;
    background: url(../../images/newcontent/webboard/chat.png) 0 50% no-repeat;
}

.webboard-67 .w-post .wp-mid {
    padding: 10px 0;
}

.webboard-67 .w-post .wp-mid .wp-text {
    padding-left: 5px;
    font: 16px/35px 'kanit', Arial, sans-serif;
    color: #fff;
}

.webboard-67 .w-post .r-form input[type=text],
select,
textarea {
    width: 100%;
    padding: 8px 4px;
    padding-left: 9px;
    margin: 2px 0;
    margin-bottom: 0px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 16px/22px 'lineseed', Arial, sans-serif;
}

.webboard-67 .w-post .text-a-fix {
    margin-bottom: 0px;
}

.webboard-67 .w-post .send-btn {
    background: #F2B851;
    font: 16px/30px 'kanit', Arial, sans-serif;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.webboard-67 .w-post .send-btn a {
    padding: 6px 35px;
    display: inline-block;
    color: #fff;
}

.webboard-67 .w-post .delete-btn {
    background: none;
    font: 14px/33px 'kanit', Arial, sans-serif;
    color: #fff;
}

.webboard-67 .w-post .delete-btn a {
    padding: 6px 25px;
    display: inline-block;
    text-decoration: underline;
    color: #fff;
}

.webboard-67 .w-total {
    padding: 15px 0;
    font: 16px/18px 'kanit', Arial, sans-serif;
    border-bottom: #707070 2px solid;
}

.webboard-67 .webboard-box {}

.webboard-67 .webboard-box .w-top {
    padding: 15px 30px;
    font: 20px/30px 'kanit', Arial, sans-serif;
}

.webboard-67 .webboard-box ul {
    padding: 0;
}

.webboard-67 .webboard-box ul li {
    margin: 10px 0;
    padding: 10px 30px;
    text-align: center;
    font-size: 17px;
    color: #707070;
    list-style: none;
    background: #DCF2FF url(../../images/newcontent/webboard/19.png) 10px 14px no-repeat;
    border: #DEE1E2 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.1);
}

.webboard-67 .webboard-box ul li:nth-child(even) {
    background: #fff url(../../images/newcontent/webboard/19.png) 10px 14px no-repeat;
}


/**************************************/

.webboard-67 .webboard-detail .top-keed {
    border-top: #1D99D9 1px solid;
    margin-top: 40px;
    margin-bottom: 15px;
}

.webboard-67 .webboard-detail .top-keed .k-text {
    position: relative;
    top: 0px;
    /* margin: 0 20px; */
    margin-top: -19px;
    padding: 5px 5px;
    background: #fff;
    font: 18px/24px 'kanit', Arial, sans-serif;
    /* font-weight: bold; */
    width: max-content;
}


/**************************************/

.webboard-67 .webboard-detail {
    padding: 15px 30px;
    background: #fff;
}

.webboard-67 .webboard-detail .box-own {
    padding: 15px 0;
    border-bottom: #DEE1E2 1px solid;
}

.webboard-67 .webboard-detail .box-own .o-title {
    /* margin-bottom: 15px; */
    font: 26px/34px 'kanit', Arial, sans-serif;
    font-weight: bold;
    padding: 6px 0;
    /* padding-left: 45px; */
}

.webboard-67 .webboard-detail .box-own .o-tt {
    padding-top: 15px;
    font: 14px/22px 'kanit', Arial, sans-serif;
    font-weight: bold;
}

.webboard-67 .webboard-detail .box-own .o-tt .o-icon {
    padding-right: 6px;
}

.webboard-67 .webboard-detail .box-own .o-tt .o-text {
    color: #737575;
    padding-right: 20px;
}

.webboard-67 .webboard-detail .box-own .o-tt .o-text-2 {
    color: #0F81C7;
    padding-right: 20px;
}

.webboard-67 .webboard-detail .box-own .o-tt .o-text-3 {
    color: #737575;
    padding-right: 20px;
    font-weight: 100;
}

.webboard-67 .webboard-detail .box-own .o-detail {
    padding-top: 15px;
    padding-bottom: 20px;
    font: 18px/24px 'kanit', Arial, sans-serif;
}


/*************************************/

.webboard-67 .webboard-detail .box-comment {
    margin-top: 0;
    margin-bottom: 25px;
    padding: 20px;
    border: #1D99D9 1px solid;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.webboard-67 .webboard-detail .box-comment .c-title {
    font: 20px/24px 'kanit', Arial, sans-serif;
    font-weight: bold;
}

.webboard-67 .webboard-detail .box-comment .c-tt {
    padding-top: 0;
    font: 14px/22px 'kanit', Arial, sans-serif;
    font-weight: bold;
}

.webboard-67 .webboard-detail .box-comment .c-tt .c-icon {
    padding-right: 6px;
}

.webboard-67 .webboard-detail .box-comment .c-tt .c-text {
    color: #0F81C7;
    padding-right: 20px;
}

.webboard-67 .webboard-detail .box-comment .c-tt .c-text-2 {
    color: #737575;
    padding-right: 20px;
    font-weight: 100;
}

.webboard-67 .webboard-detail .box-comment .c-detail {
    padding-top: 15px;
    font: 18px/24px 'kanit', Arial, sans-serif;
}


/*************************************/

.webboard-67 .webboard-detail .box-input {
    padding: 0px 15px;
}

.webboard-67 .webboard-detail .box-input .r-form {
    padding: 0 5px;
}

.webboard-67 .webboard-detail .box-input .r-form .topic {
    position: relative;
    font-size: 14px;
    padding: 0 0 8px;
    color: #1a1a1a;
    font: 16px / 20px 'kanit', Arial, sans-serif;
}

.webboard-67 .webboard-detail .box-input input[type=text],
select,
textarea {
    width: 100%;
    padding: 11px 11px;
    margin: 0 0;
    margin-bottom: 24px;
    display: inline-block;
    border: 1px solid #bfbfbf;
    border-radius: 8px;
    box-sizing: border-box;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #1a1a1a;
    font-size: 16px;
    transition-duration: 0.3s;
    outline: none;
}

.webboard-67 .webboard-detail .box-input input:hover {
    border: 1px solid #1D99D9;
}

.webboard-67 .webboard-detail .box-input input[type=text]:focus {
    border: 1px solid #1D99D9;
    transition-duration: 0.1s;
}

.webboard-67 .webboard-detail .f-btn {
    margin: 0 3px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #0F81C7;
    border-radius: 10px;
    /* transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;*/
    font: 17px / 20px 'kanit', Arial, sans-serif;
}

.webboard-67 .webboard-detail .f-btn a {
    display: inline-block;
    color: #0F81C7;
    padding: .6rem 1.5rem;
}


/*************************************/

.webboard-67 .webboard-detail .box-more-topic {
    padding: 15px 0;
}

.webboard-67 .webboard-detail .box-more-topic .top {}

.webboard-67 .webboard-detail .box-more-topic .top .t-icon {
    margin-right: 10px;
}

.webboard-67 .webboard-detail .box-more-topic .top .tmm-1 {
    font: 20px / 24px 'kanit', Arial, sans-serif;
    font-weight: bold;
}

.webboard-67 .webboard-detail .box-more-topic .top .tmm-2 {
    font: 16px / 20px 'kanit', Arial, sans-serif;
    color: #737575;
}

.webboard-67 .webboard-detail .box-more-topic .mid {}

.webboard-67 .webboard-detail .box-more-topic .mid .trs {
    padding: 15px 0;
    border-bottom: #DEE1E2 1px solid;
}

.webboard-67 .webboard-detail .box-more-topic .mid .trs .mp-icon {
    width: 18px;
}

.webboard-67 .webboard-detail .box-more-topic .mid .trs .too-1 {
    padding: 0 10px;
    font: 16px / 20px 'kanit', Arial, sans-serif;
    color: #707070;
}

.webboard-67 .webboard-detail .box-more-topic .mid .trs .too-2 {
    padding: 0 0 0 25px;
    font: 16px / 20px 'kanit', Arial, sans-serif;
    color: #707070;
    background: url(../../images/newcontent/webboard/bbb.png) 0 4px no-repeat;
}


/*************************************/

@media (min-width: 320px) and (max-width: 767px) {
    .webboard-67 .w-total {
        padding: 5px 0;
        font: 18px / 22px 'kanit', Arial, sans-serif;
    }
    .webboard-67 .webboard-box ul li {
        margin: 10px 0;
        padding: 10px 10px;
        text-align: center;
        font-size: 14px;
        color: #707070;
        list-style: none;
        background: #DCF2FF no-repeat;
        border: #DEE1E2 1px solid;
    }
    .webboard-67 .webboard-box ul li:nth-child(even) {
        background: #fff no-repeat;
    }
    .webboard-67 .webboard-box .w-top {
        padding: 10px 10px;
        font: 15px / 20px 'kanit', Arial, sans-serif;
    }
    .webboard-67 .webboard-detail {
        padding: 15px 15px;
    }
    .webboard-67 .webboard-detail .box-input {
        padding: 0 0;
    }
    .webboard-67 .webboard-detail .box-own .o-detail {
        font: 16px / 22px 'kanit', Arial, sans-serif;
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .webboard-67 .webboard-detail .box-comment .c-detail {
        padding-top: 15px;
        font: 16px / 22px 'kanit', Arial, sans-serif;
    }
}

@media (min-width: 1025px) {
    .webboard-67 .webboard-detail .box-own .o-title {
        /* padding-left: 45px; */
    }
}

.new-content .input-outline-search {
    border: 1px solid #bfbfbf !important;
}

.new-content .input-outline-search::placeholder {
    color: unset !important;
}