/* $$all */
:root {
    --Fontfamily900: "Noto", "Microsoft JhengHei", sans-serif, Arial !important;
    --footerheight: 44px;
    --phonewidth: 450px;
}

@media screen and (max-width: 560px) {
    :root {
        --phonewidth: 350px;
    }
}


/* $$01__font */
/* font family - Noto */
@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansTC-Black.otf') format('opentype');
    font-display: fallback
}

.font-w900 {
    font-weight: bolder;
}


/* $$page */
.smsqa {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.smsqa__page__top {
    flex: 1;
}

.smsqa__page__footer {
    color: #fff;
    width: 100%;
    height: var(--footerheight);
    font-size: 16px;
    text-align: center;
    padding: 10px;
    z-index: 1;
    background: rgb(0, 60, 103, 0.90);
    position: sticky;
    bottom: 0;
}

/* $$$01__home */


.smsqa__home {
    width: 100vw;
    min-height: calc(100vh - var(--footerheight));
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 1rem;
}

.smsqa__home__bg {
    position: fixed;
    min-height: 100vh;
    top: 0;
    left: 0;
}

.smsqa__home__bg .bg1 {
    width: 100vw;
    min-height: 100vh;

    /* background: #7F7FD5; 
    background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);
    background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); */

    /* background: #83a4d4;
    background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4);
    background: linear-gradient(to right, #b6fbff, #83a4d4); */

    /* background: #83a4d4;
    background: -webkit-linear-gradient(135deg, #b6fbff 0%, #83a4d4 100%);
    background: linear-gradient(135deg,  #b6fbff 0%,#83a4d4 100%);  */

    background: #448dc9;
    background: -webkit-linear-gradient(135deg, #b6fbff 10%, #448dc9 100%);
    background: linear-gradient(135deg, #b6fbff 10%, #448dc9 100%);

    /* background: #448dc9;
    background: -webkit-linear-gradient(135deg,#328acd, #c0fdfe , #328acd 100%);
    background: linear-gradient(135deg,#328acd, #c0fdfe , #328acd 100%); */

    background-size: 100%;

}


.smsqa__home__bg .bg1:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 1s ease-in-out;
    /* background: linear-gradient(10deg,  #b6fbff 30%,#448dc9 100%); */
    /* background: radial-gradient(ellipse at center,  rgb(125,185,232) 30%,rgb(30,87,153) 100%); */
    /* background: radial-gradient(ellipse at top, #fff ,  #e66465),radial-gradient(ellipse at bottom, transparent , #4d9f0c); */
    background-image: radial-gradient(farthest-corner at 45vw 50vh, #b6fbff 0%, #4083ba 80%, #043b63 110%);
}

@media screen and (max-width: 767px) {
    .smsqa__home__bg .bg1:before {
        background-image: linear-gradient(#0075ca 0%, #a4faff 110%);
    }

}

body:hover .smsqa__home__bg .bg1:before {
    opacity: 1;
}

/* sms-message */
.smsqa__home__inner {
    border: 6px solid #ceeeff;
    position: relative;
    border-radius: 30px;
    /* transform: scale(0);*/
    opacity: 0;
    animation: messagemove 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) 1;
    animation-fill-mode: both;
}

@keyframes messagemove {
    0% {
        margin-bottom: -200px;
        transform: scale(0.8);
        opacity: 0;
    }

    100% {
        margin-bottom: 0;
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes messagescale {
    0% {
        transform: scale(0);
    }

    85% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.smsqa__home__inner .message__top {
    /* background: #4568DC;
    background: -webkit-linear-gradient(to right, #B06AB3, #4568DC);
    background: linear-gradient(to right, #B06AB3, #4568DC); */

    /* background: #56CCF2; 
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2); 
    background: linear-gradient(to right, #2F80ED, #56CCF2);  */

    /* background: #00c6ff;
    background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);
    background: linear-gradient(to right, #0072ff, #00c6ff); */

    background: rgba(255, 255, 255, 0.15);
    border-radius: 26px 26px 0 0;
    padding: 1rem;
    display: flex;
    align-items: center;
    border-bottom: 4px solid #d0efff;
    min-width: 750px;
}

@media screen and (max-width: 991px) {
    .smsqa__home__inner .message__top {
        min-width: 500px;
    }
}

@media screen and (max-width: 767px) {
    .smsqa__home__inner .message__top {
        min-width: auto;
    }
}

.smsqa__home__inner .message__top .left {
    padding-right: 3rem;
    position: relative;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    margin-right: 1rem;
    overflow: hidden;
    background: url('https://www.ite2.com/imgs/logo.jpg?ab2508a28b1'), #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 108px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

.smsqa__home__inner .message__top .center {
    font-size: 24px;
    color: #fff;
    flex: 1 auto;
    text-shadow: 0 0 8px #80b9e6;
    font-weight: bolder;
}

.smsqa__home__inner .message__center {
    padding: 2rem 2rem 8rem 2rem;
    min-height: 527px;
}

@media screen and (max-width: 991px) {
    .smsqa__home__inner .message__center {
        padding: 1rem 1rem 10rem 1rem;
    }
}

@media screen and (max-width: 560px) {
    .smsqa__home__inner .message__center {
        padding: 1rem 1rem 10rem 1rem;
    }
}

.smsqa__home__inner .message__center>div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: right;
    justify-self: self-start;
    width: 100%;
}

.smsqa__home__inner .message__center .left {
    width: 100%;
    padding-right: 2rem;
    position: relative;
}

@media screen and (max-width: 767px) {
    .smsqa__home__inner .message__center .left {
        padding-right: 1.5rem;
    }
}


.smsqa__home__inner .message__center .left>div,
.smsqa__home__inner .message__center .right>div {
    padding: 25px 50px 25px 15px;
    border-radius: 35px 35px 35px 0px;
    background: #fff;
    position: relative;
    width: fit-content;
    transition: box-shadow 0.9s ease-in-out;
    /* animation: whbg 8s ease infinite; */
    font-size: 20px;
}

@keyframes whbg {
    0% {
        box-shadow: 0 0 0px 0 #fff;
    }

    20% {
        box-shadow: 0 0 20px 0 #fff;
    }

    40% {
        box-shadow: 0 0 10px 0 #fff;
    }

    60% {
        box-shadow: 0 0 0px 0 #fff;
    }

    80% {
        box-shadow: 0 0 30px 0 #fff;
    }

    100% {
        box-shadow: 0 0 0px 0 #fff;
    }
}

@media screen and (max-width: 1920px) {
    .smsqa__home__inner .message__center .left>div {
        font-size: 18px;
    }
}

@media screen and (max-width: 991px) {
    .smsqa__home__inner .message__center .left>div {
        padding: 1.5rem;
    }
}

@media screen and (max-width: 767px) {
    .smsqa__home__inner .message__center .left>div {
        padding: 0.8rem;
    }
}


.smsqa__home__inner .message__center .left>div:hover {
    box-shadow: 0 0 30px 0 #fff;
}

.smsqa__home__inner .message__center .left>div:first-child {
    padding: 1.0rem;
    margin-bottom: 30px;
    cursor: default;
    animation: inner2show 0.5s ease-in 0.2s 1;
    opacity: 0;
    animation-fill-mode: both;
}

.smsqa__home__inner .message__center .left>div::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    border-top: 10px solid #fff;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #fff;
    z-index: -1;
}


.smsqa__home__inner .message__center .left>div:first-child::before {
    bottom: -15px;
}


.smsqa__home__inner .message__center .left>div::after {
    content: "";
    position: absolute;
    left: 2px;
    bottom: -8px;
    width: 3px;
    height: 24px;
    background: #fff;
    z-index: -1;
    transition: box-shadow 1s ease-in-out;
    animation: whbg 8s ease infinite;
}

.smsqa__home__inner .message__center .left>div:hover:after {
    box-shadow: -1px 11px 30px 0 #fff;
}


/* right---message-inner */
.smsqa__home__inner .message__center .right {
    padding: 0 0 0 2rem;
}

.smsqa__home__inner .message__center .right .message {
    padding: 25px 15px 25px 15px;
    border-radius: 35px 35px 0px 35px;
    animation: inner2show 0.5s ease-in 0.6s 1;
    opacity: 0;
    animation-fill-mode: both;
}

@keyframes inner2show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.smsqa__home__inner .message__center .right .message::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -30px;
    border-top: 30px solid #fff;
    border-right: 30px solid #fff;
    border-bottom: 30px solid transparent;
    border-left: 30px solid transparent;
    z-index: -1;
}


.smsqa__home__inner .message__center .right .message::before {
    bottom: -15px;
}


.smsqa__home__inner .message__center .right .message::after {
    content: "";
    position: absolute;
    right: 2px;
    bottom: -8px;
    width: 3px;
    height: 24px;
    background: #fff;
    z-index: -1;
    transition: box-shadow 1s ease-in-out;
    animation: whbg 8s ease infinite;
}

.smsqa__home__inner .message__center .right .message:hover:after {
    box-shadow: -1px 11px 30px 0 #fff;
}


.smsqa__home__inner .message__center .right .message:hover {
    box-shadow: 0 0 30px 0 #fff;
}



.smsqa__home__inner .message__center .right .message .btn {
    position: relative;
    z-index: 1;
    flex-basis: 40px;
    text-align: center;
    padding: 15px 10px;
    border: 0;
    display: block;
}

@media screen and (max-width: 767px) {
    .smsqa__home__inner .message__center .right .message .btn {
        padding: 15px 0px 15px 0px;
    }
}


.smsqa__home__inner .message__center .right .message .btn:hover {
    font-weight: bolder;
    font-family: var(--Fontfamily800);
    color: #000000;
    background: linear-gradient(to right, #d3f5ff 40%, #ffffff 80%);
    border: 0;
    border-radius: 40px;
}

.smsqa__home__inner .message__center .right .message .btn>div {
    display: flex;
    padding: 5px;
    font-size: 20px;
}

.smsqa__home__inner .message__center .right .message .btn .num {
    display: inline-block;
    padding: 0;
    width: 35px;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-right: 5px;
}

.smsqa__home__inner .message__center .right .message .btn .num::before {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    left: 1px;
    top: -4px;
    border-radius: 100%;
    background: #eee;
    z-index: -1;
}

.smsqa__home__inner .message__center .right .message .btn:hover .num::before {
    background: #fff;
}


.smsqa__home__inner .message__center .right .message .btn .text {
    flex: 1;
    text-align: left;
}



.smsqa__home__inner .message__center .right .message .hr {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dashed #ddd;
}





/* ans-template------------------ */
.smsqa .smsqa__antemp {
    padding: 2rem;
    width: 100%;
    min-height: calc(100vh - var(--footerheight));
    background: #448dc9;
    /* background: -webkit-linear-gradient(135deg, #b6fbff 10%, #448dc9 100%); */
    /* background: linear-gradient(135deg, #b6fbff 10%, #448dc9 100%); */
    background-image: -webkit-linear-gradient(58deg, #bcfcff 0%, #1799fc 100%);
    background-image: linear-gradient(58deg, #bcfcff 0%, #1799fc 100%);
    background-size: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

@media screen and (max-width: 767px) {
    .smsqa .smsqa__antemp {
        padding: 1rem;
    }

}


/* .smsqa__antemp__bg{
    width: 100%;
    min-height: calc(100vh - var(--footerheight));
    position: absolute;
    background-color: #0e67b0;
    opacity: 0.2;
    background-image: radial-gradient(#448dc9 1.6px, #b6fbff 1.6px);
    background-size: 32px 32px;

} */

.smsqa__antemp__bg {
    /* position: absolute; */
}

.whbg img {
    width: 100%;
    height: auto;
}

.whbg__left {
    position: fixed;
    left: 0;
    opacity: .5;
    width: 50vw;
}

.whbg__right {
    position: fixed;
    right: 0;
    opacity: .5;
    width: 50vw;
}

.smsqa.ai1 .whbg__right,
.smsqa.ai2 .whbg__right,
.smsqa.ai3 .whbg__right,
.smsqa.ai4 .whbg__right {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

.whbg__bottom {
    position: fixed;
    bottom: 0;
    width: 100vw;
    opacity: .5;
}

.point-row {
    position: fixed;
    overflow: hidden;
    width: 100%;
    min-height: calc(100vh - var(--footerheight));
}

.point-bg {
    width: 100%;
    min-height: calc(100vh - var(--footerheight));
}


.point {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    animation: shootout 3s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
    animation-name: shootout, fade;
}


.point:nth-child(1) {
    transform: translate(2vw, 44vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.15s;
    animation-delay: -345.723s;
}

.point:nth-child(2) {
    transform: translate(45vw, 68vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.05s;
    animation-delay: -666.701s;
}

.point:nth-child(3) {
    transform: translate(60vw, 39vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.03s;
    animation-delay: -332.5223s;
}

.point:nth-child(4) {
    transform: translate(23vw, 78vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.36s;
    animation-delay: -447.5108s;
}

.point:nth-child(5) {
    transform: translate(16vw, 33vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.47s;
    animation-delay: -615.9384s;
}

.point:nth-child(6) {
    transform: translate(46vw, 2vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.17s;
    animation-delay: -49.5102s;
}

.point:nth-child(7) {
    transform: translate(11vw, 25vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.1s;
    animation-delay: -564.489s;
}

.point:nth-child(8) {
    transform: translate(12vw, 77vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.2s;
    animation-delay: -447.228s;
}

.point:nth-child(9) {
    transform: translate(62vw, 82vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.12s;
    animation-delay: -254.2372s;
}

.point:nth-child(10) {
    transform: translate(20vw, 62vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.5s;
    animation-delay: -223.21s;
}

.point:nth-child(11) {
    transform: translate(76vw, 27vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.33s;
    animation-delay: -168.266s;
}

.point:nth-child(12) {
    transform: translate(75vw, 25vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.49s;
    animation-delay: -257.247s;
}

.point:nth-child(13) {
    transform: translate(90vw, 32vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.07s;
    animation-delay: -24.4521s;
}

.point:nth-child(14) {
    transform: translate(76vw, 61vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.32s;
    animation-delay: -126.048s;
}

.point:nth-child(15) {
    transform: translate(62vw, 16vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.01s;
    animation-delay: -695.7486s;
}

.point:nth-child(16) {
    transform: translate(71vw, 57vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.33s;
    animation-delay: -100.9596s;
}

.point:nth-child(17) {
    transform: translate(49vw, 56vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.08s;
    animation-delay: -48.9648s;
}

.point:nth-child(18) {
    transform: translate(76vw, 67vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.42s;
    animation-delay: -170.084s;
}

.point:nth-child(19) {
    transform: translate(57vw, 65vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.2s;
    animation-delay: -132.512s;
}

.point:nth-child(20) {
    transform: translate(67vw, 67vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.44s;
    animation-delay: -196.0612s;
}

.point:nth-child(21) {
    transform: translate(30vw, 39vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.11s;
    animation-delay: -253.9241s;
}

.point:nth-child(22) {
    transform: translate(92vw, 12vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.29s;
    animation-delay: -569.3572s;
}

.point:nth-child(23) {
    transform: translate(19vw, 75vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.29s;
    animation-delay: -510.7469s;
}

.point:nth-child(24) {
    transform: translate(70vw, 72vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.42s;
    animation-delay: -680.336s;
}

.point:nth-child(25) {
    transform: translate(51vw, 47vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.08s;
    animation-delay: -620.2208s;
}

.point:nth-child(26) {
    transform: translate(60vw, 52vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.21s;
    animation-delay: -638.4917s;
}

.point:nth-child(27) {
    transform: translate(48vw, 45vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.14s;
    animation-delay: -320.6346s;
}

.point:nth-child(28) {
    transform: translate(69vw, 46vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.28s;
    animation-delay: -167.256s;
}

.point:nth-child(29) {
    transform: translate(22vw, 84vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.09s;
    animation-delay: -163.418s;
}

.point:nth-child(30) {
    transform: translate(4vw, 66vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.31s;
    animation-delay: -310.5447s;
}

.point:nth-child(31) {
    transform: translate(58vw, 15vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.43s;
    animation-delay: -127.7145s;
}

.point:nth-child(32) {
    transform: translate(13vw, 25vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.25s;
    animation-delay: -424.9575s;
}

.point:nth-child(33) {
    transform: translate(85vw, 21vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.38s;
    animation-delay: -499.3642s;
}

.point:nth-child(34) {
    transform: translate(58vw, 49vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.33s;
    animation-delay: -706.7172s;
}

.point:nth-child(35) {
    transform: translate(5vw, 38vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.01s;
    animation-delay: -622.9377s;
}

.point:nth-child(36) {
    transform: translate(51vw, 87vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.13s;
    animation-delay: -385.9311s;
}

.point:nth-child(37) {
    transform: translate(34vw, 75vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.04s;
    animation-delay: -259.8528s;
}

.point:nth-child(38) {
    transform: translate(3vw, 25vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.17s;
    animation-delay: -462.0952s;
}

.point:nth-child(39) {
    transform: translate(53vw, 76vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.01s;
    animation-delay: -56.6307s;
}

.point:nth-child(40) {
    transform: translate(37vw, 75vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.21s;
    animation-delay: -132.6736s;
}

.point:nth-child(41) {
    transform: translate(28vw, 96vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.48s;
    animation-delay: -556.712s;
}

.point:nth-child(42) {
    transform: translate(35vw, 79vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.48s;
    animation-delay: -668.0544s;
}

.point:nth-child(43) {
    transform: translate(61vw, 23vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.3s;
    animation-delay: -452.682s;
}

.point:nth-child(44) {
    transform: translate(44vw, 90vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.4s;
    animation-delay: -67.872s;
}

.point:nth-child(45) {
    transform: translate(91vw, 48vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.16s;
    animation-delay: -197.7984s;
}

.point:nth-child(46) {
    transform: translate(21vw, 60vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.49s;
    animation-delay: -565.9434s;
}

.point:nth-child(47) {
    transform: translate(32vw, 67vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.03s;
    animation-delay: -381.1841s;
}

.point:nth-child(48) {
    transform: translate(84vw, 91vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.27s;
    animation-delay: -141.9959s;
}

.point:nth-child(49) {
    transform: translate(22vw, 95vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.13s;
    animation-delay: -98.5356s;
}

.point:nth-child(50) {
    transform: translate(9vw, 85vh);
    background: rgba(255, 255, 255, 1);
    animation-duration: 8.23s;
    animation-delay: -41.5615s;
}

@keyframes shootout {
    0% {
        transform: translate(50vw, 50vh);
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    60% {
        opacity: 0.6;
    }

    100% {
        opacity: 0;
    }
}

.smsqa .smsqa__antemp .inner-row {
    animation: Anin 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) 1;
    animation-fill-mode: both;
}

@keyframes Anin {
    0% {
        /* margin-bottom: -20px; */
        /* transform: scale(0.8); */
        opacity: 0;

        margin-bottom: -50px;
    }

    100% {
        /* margin-bottom: 0; */
        /* transform: scale(1); */
        opacity: 1;

        margin-bottom: 0px;
    }
}


/* title1 */
.smsqa .smsqa__antemp .inner-head label {
    font-size: 35px;
    font-weight: bolder;
    color: #fff;
    padding-left: 2rem;
    text-shadow: 0 0 0.2em #007da8;
    font-family: var(--Fontfamily900);
}

@media screen and (max-width: 1920px) {
    .smsqa .smsqa__antemp .inner-head label {
        font-size: 32px;
    }
}


@media screen and (max-width: 767px) {
    .smsqa .smsqa__antemp .inner-head label {
        font-size: 28px;
    }
}


.smsqa .smsqa__antemp .inner-row .inner-center {
    padding: 3rem 3rem 3rem 3rem;
    background: #fff;
    border-radius: 30px;
}


@media screen and (max-width: 1080px) {
    .smsqa .smsqa__antemp>.inner-center {
        flex-direction: column;
        align-items: center;
    }

}

@media screen and (max-width: 767px) {
    .smsqa .smsqa__antemp .inner-row .inner-center {
        padding: 1.5rem;
    }

}



.smsqa .smsqa__antemp .inner-row .inner-center .center {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* flex-wrap: wrap; */
}


@media screen and (max-width: 1080px) {
    .smsqa .smsqa__antemp .inner-row .inner-center .center {
        flex-direction: column;
        align-items: center;
    }

}




/* title2 */
.smsqa .smsqa__antemp .inner-center h1 {
    font-weight: bolder;
    font-family: var(--Fontfamily900);
    background-image: -webkit-linear-gradient(0deg, #000, #000 0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(58deg, #00c0ff 0%, #1957b2 100%);
    background-image: linear-gradient(58deg, #00c0ff 0%, #1957b2 100%);
    font-size: 3rem;
    padding-bottom: .5rem;
}


@media screen and (max-width: 1920px) {
    .smsqa .smsqa__antemp .inner-center h1 {
        font-size: 2.5rem;
    }

}

@media screen and (max-width: 767px) {
    .smsqa .smsqa__antemp .inner-center h1 {
        font-size: 32px;
    }

}

@media screen and (max-width: 560px) {
    .smsqa .smsqa__antemp .inner-center h1 {
        font-size: 30px;
    }

}


.smsqa .smsqa__antemp .left {
    max-width: 990px;
}





/* title3 */
.smsqa .smsqa__antemp .left .inner h2 {
    font-family: var(--Fontfamily900);
    font-weight: bolder;
    padding-top: 2.5rem;
    color: #393939;
}

/* ps-row */
.ps-row {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    padding: 1rem 2rem 1rem 0rem;
    display: inline-block;
    background: #fff9f0;
    color: #333;
    border-left: 5px solid #FFC107;
}


.smsqa .smsqa__antemp .left .inner p,
.modal-body .img-row p,
#popup2 .modal-body p {
    font-size: 1.3rem;
    margin-bottom: 0;
    line-height: 1.7;
    position: relative;
    padding-left: 20px;
}

@media screen and (max-width: 1920px) {

    .smsqa .smsqa__antemp .left .inner p,
    .modal-body .img-row p {
        font-size: 20px;
    }
}

@media screen and (max-width: 767px) {

    .smsqa .smsqa__antemp .left .inner p,
    .modal-body .img-row p {
        font-size: 18px;
    }
}

@media screen and (max-width: 600px) {

    .smsqa .smsqa__antemp .left .inner p,
    .modal-body .img-row p {
        font-size: 16px;
    }
}

.smsqa .smsqa__antemp .left .inner .list-tpye2 {
    line-height: 2.5;
}

.smsqa .smsqa__antemp .left .inner .list-tpye2 a {
    color: #393939;
    text-decoration: underline;
    text-decoration-color: #c4c4c4;
    text-decoration-line: grammar-error;
    padding: 5px;
    border-radius: 7px;
}

.smsqa .smsqa__antemp .left .inner .list-tpye2 a:hover {
    color: #ffffff;
    background: #0fb3ff;
    text-decoration: underline;
    text-decoration-color: #81d6fd;
    text-decoration-line: underline;
}

.smsqa .smsqa__antemp .left .inner .list-tpye1::before,
.modal-body .img-row .list-tpye1::before,
#popup2 .modal-body .list-tpye1::before {
    content: "◆";
    position: absolute;
    left: 0;
    color: #ff9300;
}

.smsqa .smsqa__antemp .left .inner .list-tpye2::before {
    content: ">>";
    position: absolute;
    left: -3px;
    top: -1px;
    color: #00aeff;
    font-weight: bolder;
    letter-spacing: -8px;
    transform: scale(0.5, 1.1);
}


.space {
    width: 5px;
    /* border: 1px solid red; */
}

/* btn */
.smsqa .smsqa__antemp .btn.btn-dark {
    text-decoration: none !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 3px 13px;
    margin-bottom: 10px;
}

.smsqa .smsqa__antemp .btn.btn-dark:hover {
    border-color: #008ac8;
    background: #008ac8;
}

.smsqa .smsqa__antemp .btn.btn-info {
    background: #03A9F4;
    border-color: #03A9F4;
    text-decoration: none !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 3px 13px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.smsqa .smsqa__antemp .btn.btn-info:hover {
    border-color: #1799fc;
    background: #1799fc;
}


/* document-ps */
.document-ps {
    position: absolute;
    z-index: 1;
    width: 365px;
    background: #fff;
    padding: 1rem;
    border-radius: 30px;
    text-align: left;
}

.document-ps p {
    font-size: 18px;
}

.document-ps-arrow {
    position: absolute;
    transform: translate(0px, 51px);
    top: -16px;
    left: -40px;
}

.document-ps.ps3 .document-ps-arrow {
    position: absolute;
    transform: translate(0px, 51px);
    top: auto;
    bottom: 65px;
    left: 44px;
}

.document-ps-arrow::after,
.document-ps-arrow::before {
    content: "";
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
}

.document-ps-arrow::before {
    left: 0;
    border-width: 15px 40px 15px 0;
    border-right-color: #cccccc;
}

.document-ps-arrow::after {
    left: 1px;
    border-width: 15px 40px 15px 0;
    border-right-color: #fff;
}

.document-ps.ps3 .document-ps-arrow::before,
.document-ps.ps3 .document-ps-arrow::after {
    border-width: 15px 15px 15px 0px;
    border-right-color: #fff;
}

@media (max-width: 576px) {
    .document-ps-arrow {
        left: -19px;
    }

    .document-ps-arrow::before {
        border-width: 10px 20px 10px 0;
    }

    .document-ps-arrow::after {
        border-width: 10px 20px 10px 0;
    }

}


/* document-ps--1 */
.document-ps.ps1 {
    box-shadow: 0 0 30px #868686;
    top: 10px;
    right: -40%;
    left: 0;
    margin: auto;
    display: block;
}

.document-ps.ps1::before {
    content: "";
    position: absolute;
    transform: translate(0px, 51px);
    top: -2px;
    left: -31px;
    width: 20px;
    height: 3px;
    background: red;
    box-shadow: -10px 0px 20px #7b7b7b;
}



/* document-ps--2 */
.document-ps.ps2 {
    width: 280px;
    box-shadow: 0 0 30px #868686;
    top: 150px;
    right: -40%;
    left: 0;
    margin: auto;
    display: block;
}


.document-ps.ps2::before {
    content: "";
    position: absolute;
    transform: translate(0px, 51px);
    top: -2px;
    left: -31px;
    width: 20px;
    height: 3px;
    background: red;
    box-shadow: -4px 0px 20px 1px #615e5e;
}

/* document-ps--3 */
.document-ps.ps3 {
    width: 260px;
    box-shadow: 0 0 20px #cacaca;
    bottom: 200px;
    right: -50%;
    left: 0;
    margin: auto;
    display: block;
    padding: 10px 5px;
}

.document-ps.ps3::before {
    content: "";
    position: absolute;
    transform: translate(0px, 51px);
    top: 30px;
    left: 56px;
    width: 3px;
    height: 5px;
    background: red;
    box-shadow: 2px 4px 15px 1px #958e8e;
}

@media (max-width: 1400px) {
    .document-ps.ps1 {
        right: -35vw;
        width: 35vw;
    }

    .document-ps.ps2 {
        right: -60vw;
        width: 25vw;
    }
}

@media (max-width: 1090px) {
    .document-ps.ps3 {
        bottom: 17vw;
    }

}


@media (max-width: 900px) {
    .document-ps.ps1 {
        top: -15px;
    }

    .document-ps.ps2 {
        top: 95px;
    }
}

@media (max-width: 680px) {
    .document-ps.ps1 {
        right: -45vw;
        width: 43vw;
        display: none;
    }

    .document-ps.ps2 {
        top: 11vw;
        width: 30vw;
        display: none;
    }

    .document-ps.ps3 {
        width: 235px;
        bottom: 118px;
    }

}

@media (max-width: 576px) {
    .document-ps.ps1 {
        padding: 10px;
    }

    .document-ps.ps2 {
        top: 9vw;
        width: 37vw;
        right: -58vw;
        display: none;
        padding: 10px;
    }

    .document-ps.ps3 {
        width: 235px;
        bottom: 107px;
        padding: 10px;
    }

    .document-ps.ps1::before {
        top: -7px;
        left: -16px;
        width: 16px;
        height: 1px;
    }

    .document-ps.ps2::before {
        top: -7px;
        left: -16px;
        width: 16px;
        height: 1px;
    }

}



.toggle-btn.ps1 {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 0;
    max-width: max-content;
    top: 8vw;
    display: none;
    padding: 2px 23px;
}


.toggle-btn.ps2 {
    position: absolute;
    right: calc(-50vw + 650px);
    left: 0;
    margin: auto;
    z-index: 0;
    max-width: max-content;
    top: 15vw;
    display: none;
    padding: 2px 23px;
}

.toggle-btn.ps3 {
    position: absolute;
    right: calc(-50vw + 650px);
    left: 0;
    margin: auto;
    z-index: 0;
    max-width: max-content;
    top: 25vw;
    display: none;
    padding: 2px 10px;
}

@media (max-width: 680px) {
    .toggle-btn.ps1 {
        display: block;
    }

    .toggle-btn.ps2 {
        display: block;
        right: 5vw;
        left: auto;
        width: 185px;
    }

    .toggle-btn.ps3 {
        display: block;
        right: 5vw;
        left: auto;
    }

}




/* popup-documents-file */
#popup-documents-file .modal-dialog {
    width: 100%;
    max-width: none;
    padding: 0;
    text-align: center;
    margin: 0;
}


@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 1rem);
    }

    .modal-dialog-scrollable {
        height: calc(100% - 1rem);
    }

}


#popup-documents-file .modal-content {
    background-color: transparent;
    border: 0px solid rgba(0, 0, 0, .2);
}

#popup-documents-file .modal-body {
    padding: 0;
}


#popup-documents-file .modal-body .close {
    position: fixed;
    width: 100px;
    height: 100px;
    right: 35px;
    top: 0;
    background: #000;
    font-size: 50px;
    font-weight: bolder;
    z-index: 99;
    color: #fff;
    transform: rotateX(52deg);
}


@media (max-width: 576px) {
    #popup-documents-file .modal-body .close {
        right: 0;
        top: -18px;
        width: 80px;
        height: 85px;
        font-size: 40px;
    }

}


#popup-documents-file .modal-body .btn.btn-dark.close-end {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    width: max-content;
    padding: 15px 50px;
    z-index: 999;
}

@media (max-width: 576px) {
    #popup-documents-file .modal-body .btn.btn-dark.close-end {
        padding: 5px 30px;
    }

}


#popup-documents-file .modal-body .img-center {
    padding: 30px 0;
}

#popup-documents-file .modal-body .img-row {
    position: relative;
    /* display: inline-block; */
}

#popup-documents-file .modal-body .img-row img {
    width: 98%;
    max-width: 1100px;
}



/* smsqa smsqa__antemp-btn-style */
.smsqa .smsqa__antemp .inner-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


@media screen and (max-width: 560px) {
    .smsqa .smsqa__antemp .inner-footer {
        flex-direction: column;
        padding-top: 20px;
    }
}

.smsqa .smsqa__antemp .inner-footer .backhome {
    background: #8045ff;
    padding: 6px 25px;
    margin-right: 10px;
    color: #ffffff;
    width: fit-content;
    border-radius: 7px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bolder;
    font-size: 20px;
}

.smsqa .smsqa__antemp .inner-footer .backhome:hover {
    background: #a011ff;
    color: #fff;
    transition: all 0.2s;
    box-shadow: 0 0 0px 5px rgba(160, 17, 255, 0.5), 0 0 0px 10px rgba(160, 17, 255, 0.2), 0 0 0px 15px rgba(160, 17, 255, 0.1);
}

.smsqa .smsqa__antemp .inner-footer .goout {
    background: #0db4eb;
    padding: 6px 25px;
    color: #fff;
    width: fit-content;
    border-radius: 7px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bolder;
    font-size: 20px;
}


.smsqa .smsqa__antemp .inner-footer .goout:hover {
    background: #00c0ff;
    color: #fff;
    transition: all 0.2s;
    box-shadow: 0 0 0px 5px rgba(0, 200, 255, 0.5), 0 0 0px 10px rgba(0, 200, 255, 0.2), 0 0 0px 15px rgba(0, 200, 255, 0.1);
}

.smsqa .smsqa__antemp .inner-footer .backapply {
    background: #135483;
    padding: 6px 25px;
    color: #fff;
    width: fit-content;
    border-radius: 7px;
    cursor: pointer;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bolder;
    font-size: 20px;
    margin-right: 10px;
}

@media screen and (max-width: 560px) {
    .smsqa .smsqa__antemp .inner-footer .backhome,
    .smsqa .smsqa__antemp .inner-footer .goout,
    .smsqa .smsqa__antemp .inner-footer .backapply {
        margin: 10px 5px 15px 5px;
        padding: 10px;
        width: 90%;
    }
}


.smsqa .smsqa__antemp .inner-footer .backapply:hover {
    background: #173951;
    color: #fff;
    transition: all 0.2s;
    box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.3), 0 0 0px 10px rgba(0, 0, 0, 0.2);
}


/* faq-page */
.faq-type__item {
    width: 100%;
    border-bottom: 1px dotted #dfe3e6;
    padding: 1rem;
}

.faq-type__item .faq-item__q {
    padding: 15px 0px 15px 30px;
    position: relative;
    cursor: default;
    font-size: 18px;
}

.faq-type__item .faq-item__q::before {
    content: 'Q';
    position: absolute;
    left: -3px;
    display: block;
    background: #9eddff;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    padding: 1px 7px 0;
}

.faq-type__item .faq-item__a {
    padding: 0px 0px 0px 30px;
    word-break: break-all;
    line-height: 2;
    cursor: default;
    color: #0060a1;
    font-size: 18px;
}

.right-btn-row {
    position: fixed;
    right: calc(25vw - 200px);
    padding: 10px 0px 10px 10px;
    bottom: 40vh;
    background: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 30px rgb(137, 162, 178, 0.70);
}

@media screen and (max-width: 2200px) {
    .right-btn-row {
        right: 0vw;
        border-radius: 10px 0px 0px 10px;
    }
}

@media screen and (max-width: 767px) {

    .faq-type__item .faq-item__q,
    .faq-type__item .faq-item__a {
        font-size: 16px;
    }

    .right-btn-row {
        bottom: 15vh;
    }
}


@media screen and (max-width: 560px) {

    .faq-type__item .faq-item__q,
    .faq-type__item .faq-item__a {
        font-size: 14px;
    }

    .right-btn-row {
        bottom: 10vh;
    }

}



.right-btn-row a {
    display: block;
    text-decoration: none;
    color: #333;
}

.right-btn-row div {
    padding: 7px 15px 7px 27px;
    margin-bottom: 10px;
    margin-top: 5px;
    position: relative;
}


.right-btn-row div:hover {
    background: #fff3cf;
    border-radius: 10px 0 0 10px;
}


.right-btn-row div::before {
    content: "◆";
    position: absolute;
    left: 10px;
    color: #ff9300;
}


.rw-img_width {
    Width: 100%;
    height: auto;
}