@charset "UTF-8";

.sec-content {
    margin-top: 72px;
    padding: 64px 0 122px;
    background-color: #f9f9f9;
}

.inner-wrap {
    width: 92.7%;
    margin: 0 auto;
    padding: 30px 30px 98px;
    box-shadow: 0 10px 20px rgba(170, 170, 170, 0.1);
    background-color: #ffffff;
    border-radius: 20px;
}

.sec-content .page-title {
    line-height: 1.5;
    padding: 20px 28px;
    background-color: #f5f5f5;
    color: #36383d;
    font-size: 18px;
    font-weight: 500;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sec-content .page-title a {
    padding: 7px 30px;
    border-radius: 23px;
    background-color: #fe5d5d;
    font-size: 16px;
}

.sec-content .page-title a span::before {
    content: '\f1f8';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 10px;
}

.sec-content .page-title a span {
    color: #fff;
}

.sec-content .page-title a:hover {
    opacity: 0.7;
}

/* Profile 
--------------------------------------------------------- */
.sec-profile .page-title {
    margin-bottom: 34px;
}

.sec-profile .profile-contents {
    display: flex;
    padding: 0 4.8%;
}

.sec-profile .img-content {
    margin-bottom: 30px;
}

.sec-profile .email-content,
.sec-profile .password-content,
.sec-profile .btn-content {
    margin-top: 30px;
}

.sec-profile .error-msg {
    margin-bottom: 30px;
}

.sec-profile .profile-contents .content-facts {
    width: 17%;
    text-align: right;
}

.sec-profile .profile-contents input,
.sec-profile .profile-contents .profile-img {
    width: 41%;
    margin-left: 3.6%;
}

.profile-contents .profile-img img {
    display: block;
    width: 137px;
    height: 137px;
    margin-bottom: 20px;
    object-fit: cover;
    border-radius: 50%;
}
.sec-profile .btn-content {
    margin-left: 29px;
}
.sec-profile .btn-common + .btn-common {
    margin-left: 3.6%;
}

.sec-profile .btn-white {
    padding: 6px 33px;
}

.sec-profile .btn-green {
    padding: 6px 74px;
}

.sec-profile .upload-btn {
    display: inline-block;
    position: relative;
    line-height: 1.3;
    padding: 9px 24px 9px 52px;
    border: 1px solid #fc6d19;
    background-color: #ffffff;
    color: #fc6d19;
    font-family: 'MyanmarAngoun', 'Pyidaungsu', sans-serif;
    cursor: pointer;
    border-radius: 30px;
}

.sec-profile .upload-btn::before {
    position: absolute;
    top: 50%;
    left: 18%;
    width: 19px;
    height: 19px;
    background: url('../img/common/ico_sample_img.png') no-repeat center/contain;
    content: '';
    transform: translateY(-50%);
}

.sec-profile .img-content .content-facts {
    margin-top: 66px;
}

.sec-profile .name-content,
.sec-profile .email-content {
    align-items: center;
}

.sec-profile .name,
.sec-profile .email,
.sec-profile .password {
    line-height: 1.5;
    padding: 8px 25px;
    border: 1px solid #d7d7d7;
    color: #212121;
    font-size: 14px;
    border-radius: 7px;
}

.sec-profile .content-facts {
    line-height: 1.5;
    color: #212121;
    font-family: 'MyanmarAngoun', 'Pyidaungsu', sans-serif;
}

.sec-profile .name-content .content-facts span {
    padding-left: 5px;
    color: #ff0000;
}

.sec-profile .error-msg {
    position: relative;
    line-height: 1.5;
    padding: 5px 10px;
    color: #ed4337;
    font-size: 14px;
    font-weight: 700;
    margin-left: 24%;
    margin-top: 5px;
}

.sec-profile .error-msg::before {
    position: absolute;
    top: 8px;
    left: 0;
    color: #ed4337;
    content: '*';
}

.sec-profile .password-content {
    position: relative;
}

.sec-profile .password-content .eye-btn {
    top: 50%;
    right: 41%;
    font-size: 12px;
    cursor: pointer;
}

.profile-delete .profile-delete-ttl {
    color: #f6767f;
    padding: 54px 0px 0px 34px;
    font-size: 18px;
    font-weight: bold;
}
.profile-delete .profile-delete-desc {
    color: #212121;
    font-size: 14px;
    padding-left: 34px;
}
.profile-delete .profile-delete-btn {
    padding: 5px 16px;
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 6px;
    margin: 24px 0px 0px 34px;
    color: #f6767f;
    background-color: #fff;
    border: 1px solid #ddd;
}

.profile-delete .profile-delete-btn:hover {
    background-color: #f6767f;
    color: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.swal2-styled.swal2-confirm {
    background-color: #00c292 !important;
}

.swal2-title {
    font-size: 1.5em !important;
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .sec-profile .name,
    .sec-profile .email {
        padding: 8px 25px;
    }
}

/* Website About
--------------------------------------------------------- */
.sec-about .page-title {
    margin-bottom: 38px;
}

.content-text {
    margin-bottom: 29px;
}

.content-text,
.sec-about .thank-text {
    line-height: 1.6;
    color: #36383d;
}

.sec-about .content-text,
.sec-about .thank-text {
    padding: 0 18px 0 25px;
}

.sec-about .thank-text span,
.sec-about .content-text span {
    font-family: 'Manjari';
    font-weight: 700;
}

.sec-about .content-text .mail-link {
    display: inline-block;
    color: #36383d;
}

.sec-about .thank-text {
    margin: 85px 0 42px;
}

.sec-about .thank-text span {
    display: block;
}

/* Discipline 
--------------------------------------------------------- */
.sec-discipline .inner-wrap,
.discipline-content {
    padding: 30px;
    color: #36383d;
}

.sec-discipline .discipline-content .last-update {
    position: relative;
    line-height: 1.5;
    margin-bottom: 20px;
    padding-left: 15px;
    font-family: 'MyanmarAngoun', 'Pyidaungsu', sans-serif;
    font-size: 18px;
}

.sec-discipline .discipline-content .last-update::before,
.sec-discipline ul li::before {
    position: absolute;
    left: 0;
    content: '';
    border-radius: 50%;
}

.sec-discipline .discipline-content .last-update::before {
    top: 30%;
    width: 9px;
    height: 9px;
    background-color: #00c292;
}

.sec-discipline .content-text span,
.sec-discipline .blk-sub-ttl,
.sec-discipline ul li span {
    font-weight: 500;
}

.sec-discipline .content-text span a {
    display: inline-block;
    color: #36383d;
}

.sec-discipline .blk-title {
    line-height: 1.5;
    margin-bottom: 20px;
    font-family: 'MyanmarAngoun', 'Pyidaungsu', sans-serif;
    font-size: 18px;
}

.sec-discipline .blk-sub-ttl {
    line-height: 1.5;
    margin-bottom: 5px;
}

.sec-discipline p,
.sec-discipline ul li {
    line-height: 1.6;
}

.sec-discipline ul li {
    position: relative;
    padding: 0 15px;
}

.sec-discipline ul li::before {
    top: 8px;
    width: 7px;
    height: 7px;
    background-color: #36383d;
}

.sec-discipline .contact-link {
    display: inline-block;
    color: #00c292;
    font-weight: 500;
}

.sec-discipline .info-collect,
.sec-discipline .personal-facts,
.sec-discipline .share-personal-info {
    margin-top: 30px;
}

.sec-discipline .delete-info {
    margin-top: 50px;
}

.sec-discipline .personal-facts ul,
.sec-discipline .delete-info ul {
    padding: 0 15px;
}

@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop,
    .sec-discipline .discipline-content .last-update::before {
        top: 22%;
    }
}

/* Ipad
-------------------.------------------------------------------ */
@media screen and (min-width: 768px) and (max-width: 1240px) {
    .sec-content {
        margin-top: 5.806vw;
        padding: 5.161vw 0 9.839vw;
    }

    .inner-wrap {
        padding: 2.419vw 2.419vw 7.903vw;
        box-shadow: 0 0.806vw 1.613vw rgba(170, 170, 170, 0.1);
        border-radius: 1.613vw;
    }

    .sec-content .page-title {
        padding: 1.613vw 2.258vw;
        border-radius: 0.806vw;
    }

    /* Profile 
  --------------------------------------------------------- */
    .sec-profile .page-title {
        margin-bottom: 2.742vw;
    }

    .sec-profile .img-content {
        margin-bottom: 2.419vw;
    }

    .sec-profile .name-content,
    .sec-profile .email-content,
    .sec-profile .btn-content {
        margin-top: 2.419vw;
    }

    .sec-profile .error-msg {
        margin-bottom: 2.419vw;
    }

    .sec-profile .profile-contents .content-facts {
        width: 23%;
        font-size: 1.8vw;
    }

    .profile-contents .profile-img img {
        width: 11.048vw;
        height: 11.048vw;
        margin-bottom: 1.613vw;
    }

    .sec-profile .btn-white {
        padding: 0.484vw 2.661vw;
    }

    .sec-profile .btn-green {
        padding: 0.484vw 5.968vw;
    }

    .sec-profile .upload-btn {
        padding: 0.845vw 1.935vw 0.745vw 4.694vw;
        border: 0.081vw solid #fc6d19;
        font-size: 1.5vw;
        border-radius: 2.419vw;
    }

    .sec-profile .upload-btn::before {
        width: 1.532vw;
        height: 1.532vw;
    }

    .sec-profile .img-content .content-facts {
        margin-top: 5.323vw;
    }

    .sec-profile .name,
    .sec-profile .email,
    .sec-profile .password {
        padding: 0.645vw 2.016vw;
        border: 0.081vw solid #d7d7d7;
        font-size: 1.5vw;
        border-radius: 0.565vw;
    }

    .sec-profile .name-content .content-facts span {
        padding-left: 0.403vw;
    }

    .sec-profile .error-msg {
        padding: 0.403vw 0.806vw;
        font-size: 1.129vw;
        margin-left: 29%;
        margin-top: 0.403vw;
    }

    .sec-profile .error-msg::before {
        top: 0.645vw;
    }

    .sec-profile .btn-content {
        margin-left: 6.339vw;
    }

    .sec-profile .password-content .eye-btn {
        right: 36%;
    }

    *::-ms-backdrop,
    .sec-profile .name,
    .sec-profile .email {
        padding: 0.645vw 2.016vw;
    }

    /* Website About
  --------------------------------------------------------- */
    .sec-about .page-title {
        margin-bottom: 3.065vw;
    }

    .sec-about .content-text {
        margin-bottom: 2.339vw;
    }

    .sec-about .content-text,
    .sec-about .thank-text {
        padding: 0 1.452vw 0 2.016vw;
        font-size: 1.8vw;
    }

    .sec-about .thank-text {
        margin: 6.855vw 0 3.387vw;
    }

    /* Discipline 
  --------------------------------------------------------- */
    .sec-discipline .inner-wrap,
    .discipline-content {
        padding: 2.419vw;
    }

    .sec-discipline .discipline-content .last-update {
        margin-bottom: 1.613vw;
        padding-left: 1.21vw;
        font-size: 2vw;
    }

    .sec-discipline .discipline-content .last-update::before {
        width: 0.726vw;
        height: 0.726vw;
    }

    .sec-discipline .blk-title {
        margin-bottom: 1.613vw;
        font-size: 2vw;
    }

    .sec-discipline .blk-sub-ttl {
        margin-bottom: 0.403vw;
        font-size: 1.8vw;
    }

    .sec-discipline p,
    .sec-discipline ul li {
        font-size: 1.8vw;
    }

    .sec-discipline ul li {
        padding: 0 1.21vw;
    }

    .sec-discipline ul li::before {
        top: 0.645vw;
        width: 0.565vw;
        height: 0.565vw;
    }

    .sec-discipline .info-collect,
    .sec-discipline .personal-facts,
    .sec-discipline .share-personal-info {
        margin-top: 2.419vw;
    }

    .sec-discipline .delete-info {
        margin-top: 4.032vw;
    }

    .sec-discipline .personal-facts ul,
    .sec-discipline .delete-info ul {
        padding: 0 1.21vw;
    }

    .profile-delete .profile-delete-ttl {
        padding: 7.031vw 0vw 0vw 4.427vw;
        font-size: 2.344vw;
    }
    .profile-delete .profile-delete-desc {
        font-size: 1.823vw;
        padding-left: 4.427vw;
    }

    .profile-delete .profile-delete-btn {
        padding: 0.651vw 2.083vw;
        font-size: 1.823vw;
        margin: 3.125vw 0vw 0vw 4.427vw;
        border-radius: 0.781vw;
    }
}

/* SP
------------------------------------------------------------- */
@media screen and (max-width: 767.9px) {
    .sec-content {
        margin-top: 11.25vw;
        padding: 10.625vw 0 18.775vw;
    }

    .inner-wrap {
        width: 100%;
        padding: 4.688vw 4.688vw 15.313vw;
        box-shadow: 0 1.563vw 3.125vw rgba(170, 170, 170, 0.1);
        border-radius: 1.406vw;
    }

    .sec-content .page-title {
        padding: 3.125vw 4.375vw;
        border-radius: 1.563vw;
        font-size: 2.813vw;
    }

    /* Profile 
  --------------------------------------------------------- */
    .sec-profile .page-title {
        margin-bottom: 5.938vw;
    }

    .sec-profile .profile-contents {
        display: block;
        padding: 0 9%;
    }

    .sec-profile .img-content {
        margin-bottom: 4.688vw;
    }

    .sec-profile .email-content,
    .sec-profile .password-content,
    .sec-profile .btn-content {
        margin-top: 4.688vw;
    }

    .sec-profile .error-msg {
        margin-bottom: 4.688vw;
    }

    .sec-profile .profile-contents .content-facts {
        display: block;
        width: 100%;
        margin-bottom: 1.563vw;
        font-size: 2.8vw;
        text-align: left;
    }

    .sec-profile .img-content .content-facts {
        margin-top: 0;
    }

    .sec-profile .profile-contents input,
    .sec-profile .profile-contents .profile-img {
        width: 100%;
        margin-left: 0;
        padding: 1.25vw 3.906vw;
        font-size: 2.5vw;
    }

    .profile-contents .profile-img img {
        width: 21.719vw;
        height: 21.719vw;
        margin-bottom: 3.281vw;
    }

    .sec-profile .btn-content {
        display: flex;
        justify-content: space-between;
        margin-left: 0;
    }

    .sec-profile .btn-common + .btn-common {
        margin-left: 0;
    }

    .sec-profile .btn-white {
        padding: 1.5vw 5.156vw;
    }

    .sec-profile .btn-green {
        padding: 1.5vw 11.563vw;
    }

    .sec-profile .upload-btn {
        padding: 2.444vw 4.75vw 2.244vw 10.125vw;
        font-size: 2.8vw;
        border-radius: 4.688vw;
    }

    .sec-profile .upload-btn::before {
        width: 2.969vw;
        height: 2.969vw;
    }

    .sec-profile .name,
    .sec-profile .email {
        font-size: 2.188vw;
        border-radius: 1.094vw;
    }

    .sec-profile .name-content .content-facts span {
        padding-left: 0.781vw;
    }

    .sec-profile .error-msg {
        padding: 0.652vw 1.304vw;
        font-size: 2.216vw;
        margin-left: 9%;
        margin-top: 0.652vw;
    }

    .sec-profile .error-msg::before {
        top: 1.043vw;
    }

    .sec-profile .password-content .eye-btn {
        top: 75%;
        right: 13%;
    }

    *::-ms-backdrop,
    .sec-profile .name,
    .sec-profile .email {
        padding: 1.25vw 3.906vw;
    }

    /* Website About
  --------------------------------------------------------- */
    .sec-about .page-title {
        margin-bottom: 5.938vw;
    }

    .sec-about .content-text {
        margin-bottom: 4.531vw;
    }

    .sec-about .content-text,
    .sec-about .thank-text {
        padding: 0 2.813vw 0 3.906vw;
        font-size: 2.8vw;
    }

    .sec-about .thank-text {
        margin: 13.281vw 0 6.563vw;
    }

    /* Discipline 
  --------------------------------------------------------- */
    .sec-discipline .inner-wrap,
    .discipline-content {
        padding: 4.688vw;
    }

    .sec-discipline .discipline-content .last-update {
        margin-bottom: 3.125vw;
        padding-left: 2.344vw;
        font-size: 3vw;
    }

    .sec-discipline .discipline-content .last-update::before {
        width: 1.406vw;
        height: 1.406vw;
    }

    .sec-discipline .blk-title {
        margin-bottom: 3.125vw;
        font-size: 3vw;
    }

    .sec-discipline .blk-sub-ttl {
        margin-bottom: 0.781vw;
        font-size: 2.8vw;
    }

    .sec-discipline p,
    .sec-discipline ul li {
        font-size: 2.8vw;
    }

    .sec-discipline ul li {
        padding: 0 2.344vw;
    }

    .sec-discipline ul li::before {
        top: 1.25vw;
        width: 1.094vw;
        height: 1.094vw;
    }

    .sec-discipline .info-collect,
    .sec-discipline .personal-facts,
    .sec-discipline .share-personal-info {
        margin-top: 4.688vw;
    }

    .sec-discipline .delete-info {
        margin-top: 7.813vw;
    }

    .sec-discipline .personal-facts ul,
    .sec-discipline .delete-info ul {
        padding: 0 2.344vw;
    }

    .profile-delete .profile-delete-ttl {
        padding: 7.032vw 0vw 0vw 4.428vw;
        font-size: 2.344vw;
    }
    .profile-delete .profile-delete-desc {
        font-size: 1.823vw;
        padding-left: 4.428vw;
    }
    .profile-delete .profile-delete-btn {
        padding: 0.651vw 2.084vw;
        font-size: 1.823vw;
        margin: 3.125vw 0vw 0vw 4.428vw;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .sec-content .page-title {
        font-size: 0.75rem;
    }

    /* Profile 
  --------------------------------------------------------- */
    .sec-profile .profile-contents .content-facts {
        font-size: 0.75rem;
    }

    .sec-profile .profile-contents input,
    .sec-profile .profile-contents .profile-img,
    .sec-profile .name,
    .sec-profile .email {
        font-size: 0.75rem;
    }

    .sec-profile .upload-btn {
        font-size: 0.65rem;
    }

    /* Website About
  --------------------------------------------------------- */
    .sec-about .content-text,
    .sec-about .thank-text {
        font-size: 0.75rem;
    }

    /* Discipline 
  --------------------------------------------------------- */
    .sec-discipline .discipline-content .last-update,
    .sec-discipline .blk-title {
        font-size: 0.75rem;
    }

    .sec-discipline .blk-sub-ttl,
    .sec-discipline p,
    .sec-discipline ul li {
        font-size: 0.65rem;
    }

    .profile-delete .profile-delete-ttl {
        padding: 7.032vw 0vw 0vw 4.428vw;
        font-size: 2.344vw;
    }
    .profile-delete .profile-delete-desc {
        font-size: 3vw;
        padding-left: 4.428vw;
    }
    .profile-delete .profile-delete-btn {
        padding: 0.651vw 2.084vw;
        font-size: 1.823vw;
        border-radius: 0.781vw;
        margin: 3.125vw 0vw 0vw 4.428vw;
    }
}