@charset "UTF-8";
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.input-text {
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 16px;
    padding: 6px 6px 5px;
}
select.input-text {
    height: 38px;
}
.seed-confirm-form * {
    box-sizing: border-box;
    line-height: 1.6;
}
.seed-confirm-form .sc-row {
    clear: both;
}
.seed-confirm-form .sc-col,
.seed-confirm-form textarea {
    margin-bottom: 15px;
}
.seed-confirm-form .seed-confirm-slip {
    margin-bottom: 15px;
}
.seed-confirm-form .seed-confirm-email-group {
    margin-bottom: 15px;
}
.seed-confirm-message {
    max-width: 840px;
    margin: 0 auto 1.5em;
    text-align: center;
    border-radius: 5px;
    background-color: #57ad68;
    color: #fff;
    padding: 10px 30px;
    font-weight: bold;
}
.seed-confirm-message.error {
    background-color: #e56a6a;
}
.seed-confirm-message a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}
.seed-confirm-form {
    max-width: 840px;
    margin: 0 auto 30px;
}
.seed-confirm-form .btn-primary {
    margin-top: 10px;
}
.seed-confirm-form .input-text {
    width: 100%;
}
.seed-confirm-form .help-block {
    margin-top: 5px;
    font-size: 0.875em;
}
.seed-confirm-form .help-block.form-error {
    color: #c00;
}
.seed-confirm-form .required.-invalid {
    border: 1px solid #c00;
}
.seed-confirm-form .input-text.hasDatepicker {
    background-image: url(//www.aqua.co.th/wp-content/plugins/seed-confirm-pro/img/calendar.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 30px auto;
}
.seed-confirm-form .form-check {
    margin-bottom: 10px;
    clear: both;
}
.seed-confirm-form label {
    display: block;
    font-weight: normal;
}
.scf-bank {
    margin-bottom: 1.5em;
    width: auto;
    border-collapse: collapse;
    border: none;
    border-top: 1px solid #ddd;
}
.scf-bank td {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 12px;
}
.scf-bank .scf-bank-logo {
    text-align: center;
    padding-left: 0;
}
.scf-bank-logo img {
    border-radius: 5px;
}
.scf-bank-info > h4 {
    margin: 0 0 4px;
}
.scf-bank-account-name {
    display: block;
}
.wc-bacs-bank-details-heading,
.wc-bacs-bank-details,
body.woocommerce-order-received .seed_confirm_order_meta {
    display: none;
}

.seed-confirm-bank-info {
    margin-bottom: 18px;
}
.seed-confirm-check-wrap {
    float: left;
}
.seed-confirm-check-wrap.-logo {
    padding-top: 10px;
}
.seed-confirm-bank-info .form-check-label {
    cursor: pointer;
    clear: both;
}
.seed-confirm-bank-info .form-check-label:after {
    content: "";
    display: block;
    clear: both;
}
.seed-confirm-bank-info .form-check-input {
    margin-top: 7px;
    margin-right: 5px;
    vertical-align: top;
}
.seed-confirm-bank-info-logo {
    display: inline-block;
}
.seed-confirm-bank-info-logo img {
    width: 32px;
    margin-right: 15px;
    border-radius: 5px;
    vertical-align: middle;
}
.seed-confirm-bank-info-bank,
.seed-confirm-bank-info-account-number,
.seed-confirm-bank-info-account-name {
    display: block;
}
.seed-confirm-time .input-text {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    min-width: 64px;
    margin-right: 8px;
    height: 38px;
}
.seed-confirm-slip input {
    border-radius: 4px;
    line-height: 1em;
    font-size: 0.9em;
}

td.woocommerce-orders-table__cell-order-actions a.button {
    margin: 3px;
}
td.woocommerce-orders-table__cell-order-actions {
    width: 1%;
    white-space: nowrap;
}

/* datepicker */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #111;
    transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 1px;
    width: 30px;
    font-size: 22px;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
    content: "\2190";
    font-family: sans-serif;
}
.ui-datepicker .ui-datepicker-next:before {
    content: "\2192";
    font-family: sans-serif;
}
.ui-datepicker .ui-state-disabled {
    color: #999;
}
.ui-datepicker .ui-icon {
    display: none;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 3px;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
    color: #fff;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}
.ui-datepicker .ui-datepicker-unselectable {
    color: #999;
}

#seed-promptpay-qr {
    border: 1px solid #003d6a;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 1.5em;
}
#seed-promptpay-qr .seed-promptpay-qr-title {
    display: none;
}
#seed-promptpay-qr .seed-promptpay-qr-qrcode {
    float: left;
    margin-right: 20px;
}
#seed-promptpay-qr .seed-promptpay-qr-qrcode > img {
    max-width: 150px;
}
#seed-promptpay-qr .seed-promptpay-qr-detail {
    overflow: hidden;
}
#seed-promptpay-qr .seed-promptpay-qr-detail > p {
    margin: 0 0 2px;
}
#seed-promptpay-qr .seed-promptpay-qr-logo {
    width: 135px;
    margin: 0 0 2.5px;
    display: inline-block;
}
#seed-promptpay-qr .seed-promptpay-qr-detail .seed-promptpay-qr-detail-title {
    font-size: 18px;
    margin: 0 0 10px;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

/* Slip Modal */
.jquery-modal.blocker {
    padding-left: 0;
    padding-right: 0;
}

#seed-confirm-slip-modal {
    padding: 20px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.seed-confirm-slip-modal-header {
    padding: 20px;
    background-color: #bbb;
    color: #fff;
    margin: -20px -20px 20px;
    text-align: center;
}

.seed-confirm-slip-modal-header-title {
    margin: 0;
    color: #fff;
}

.seed-confirm-slip-form {
    margin-bottom: 0;
}

#seed-confirm-slip-label {
    display: block;
    width: 100%;
    background-color: #fafafa;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-dection: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 10px;
}

#seed-confirm-slip-label > img.upload-icon {
    max-width: 70px;
    margin-bottom: 20px;
    cursor: pointer;
}

.seed-confirm-slip-title {
    cursor: pointer;
    margin-bottom: 10px;
}

.seed-confirm-slip-help {
    font-size: 14px;
    color: #999;
}

.seed-confirm-slip-upload-link {
    margin-top: 10px;
    border-bottom: 1px dashed #e8e8e8;
    display: inline-block;
    outline: none;
}

.seed-confirm-slip-upload-link:hover {
    border-bottom-color: #ddd;
}

.seed-confirm-slip-file-selected-box {
    display: none;
    width: 100%;
    padding: 2px 5px;
    background-color: #fff;
    border-radius: 20px;
    margin-top: 12px;
    border: 1px solid #efefef;
    font-size: 14px;
}

#seed-confirm-slip-label .seed-confirm-slip-upload-button {
    margin-top: 16px;
}

.seed-confirm-slip-form button[type="submit"] {
    display: block;
    width: 100%;
}

.seed-confirm-upload-success {
    text-align: center;
    display: none;
}

.seed-confirm-upload-success-icon {
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    background-color: #fff;
    border-radius: 100%;
    margin: 0 auto;
    border: 4px solid rgba(165, 220, 134, 0.3);
    margin-bottom: 10px;
    opacity: 0;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -o-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.seed-confirm-upload-success-icon.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.seed-confirm-upload-success-icon > img {
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.seed-confirm-upload-success-title {
    margin-bottom: 10px;
}

#seed-confirm-slip-modal-success-loading {
    position: absolute;
}

/** Loading */
.seed-confirm-slip-modal-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    display: none;
}

.seed-confirm-upload-success-message {
    font-size: 16px;
}

.seed-confirm-upload-success-close {
    margin-top: 15px;
    display: inline-block;
}

.seed-confirm-slip-modal-loading > .sk-fading-circle {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.seed-confirm-slip-modal-loading > .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    39%,
    100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    .seed-confirm-form {
        border: 1px solid #ddd;
        padding: 25px 30px;
    }
    .seed-confirm-form .sc-row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .seed-confirm-form .sc-row:after {
        content: "";
        display: block;
        clear: both;
    }
    .seed-confirm-form .sc-col {
        padding-left: 15px;
        padding-right: 15px;
        width: 50%;
        float: left;
    }
    .seed-confirm-check-wrap.-logo {
        padding-top: 0;
    }
    .seed-confirm-check-wrap.-detail {
        width: calc(100% - 75px);
        display: table;
        float: none;
    }
    .seed-confirm-bank-info-bank,
    .seed-confirm-bank-info-account-number,
    .seed-confirm-bank-info-account-name {
        display: table-cell;
        width: 33%;
        vertical-align: top;
    }
    .seed-confirm-bank-info-account-number {
        padding-left: 15px;
        padding-right: 15px;
    }

    .scf-bank-account-name {
        display: inline;
    }

    /** Modal */
    #seed-confirm-slip-modal {
        padding: 32px;
    }

    .seed-confirm-slip-modal-header {
        padding: 32px;
        margin: -32px -32px 32px;
    }
}

@font-face{font-family:Socicon;src:url(//www.aqua.co.th/wp-content/plugins/social-icons/assets/fonts/Socicon.eot);src:url(//www.aqua.co.th/wp-content/plugins/social-icons/assets/fonts/Socicon.eot?#iefix) format("embedded-opentype"),url(//www.aqua.co.th/wp-content/plugins/social-icons/assets/fonts/Socicon.woff2) format("woff2"),url(//www.aqua.co.th/wp-content/plugins/social-icons/assets/fonts/Socicon.woff) format("woff"),url(//www.aqua.co.th/wp-content/plugins/social-icons/assets/fonts/Socicon.ttf) format("truetype"),url(//www.aqua.co.th/wp-content/plugins/social-icons/assets/fonts/Socicon.svg#Socicon) format("svg");font-weight:400;font-style:normal}[class*=socicon-],[class^=socicon-]{font-family:Socicon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.socicon-moddb::before{content:""}.socicon-indiedb::before{content:""}.socicon-traxsource::before{content:""}.socicon-gamefor::before{content:""}.socicon-pixiv::before{content:""}.socicon-myanimelist::before{content:""}.socicon-blackberry::before{content:""}.socicon-wickr::before{content:""}.socicon-spip::before{content:""}.socicon-napster::before{content:""}.socicon-beatport::before{content:""}.socicon-hackerone::before{content:""}.socicon-hackernews::before{content:""}.socicon-smashwords::before{content:""}.socicon-kobo::before{content:""}.socicon-bookbub::before{content:""}.socicon-mailru::before{content:""}.socicon-gitlab::before{content:""}.socicon-instructables::before{content:""}.socicon-portfolio::before{content:""}.socicon-codered::before{content:""}.socicon-origin::before{content:""}.socicon-nextdoor::before{content:""}.socicon-udemy::before{content:""}.socicon-livemaster::before{content:""}.socicon-crunchbase::before{content:""}.socicon-homefy::before{content:""}.socicon-calendly::before{content:""}.socicon-realtor::before{content:""}.socicon-tidal::before{content:""}.socicon-qobuz::before{content:""}.socicon-natgeo::before{content:""}.socicon-mastodon::before{content:""}.socicon-unsplash::before{content:""}.socicon-homeadvisor::before{content:""}.socicon-angieslist::before{content:""}.socicon-codepen::before{content:""}.socicon-slack::before{content:""}.socicon-openaigym::before{content:""}.socicon-logmein::before{content:""}.socicon-fiverr::before{content:""}.socicon-gotomeeting::before{content:""}.socicon-aliexpress::before{content:""}.socicon-guru::before{content:""}.socicon-appstore::before{content:""}.socicon-homes::before{content:""}.socicon-zoom::before{content:""}.socicon-alibaba::before{content:""}.socicon-craigslist::before{content:""}.socicon-wix::before{content:""}.socicon-redfin::before{content:""}.socicon-googlecalendar::before{content:""}.socicon-shopify::before{content:""}.socicon-freelancer::before{content:""}.socicon-seedrs::before{content:""}.socicon-bing::before{content:""}.socicon-doodle::before{content:""}.socicon-bonanza::before{content:""}.socicon-squarespace::before{content:""}.socicon-toptal::before{content:""}.socicon-gust::before{content:""}.socicon-ask::before{content:""}.socicon-trulia::before{content:""}.socicon-loomly::before{content:""}.socicon-ghost::before{content:""}.socicon-upwork::before{content:""}.socicon-fundable::before{content:""}.socicon-booking::before{content:""}.socicon-googlemaps::before{content:""}.socicon-zillow::before{content:""}.socicon-niconico::before{content:""}.socicon-toneden::before{content:""}.socicon-augment::before{content:""}.socicon-bitbucket::before{content:""}.socicon-fyuse::before{content:""}.socicon-yt-gaming::before{content:""}.socicon-sketchfab::before{content:""}.socicon-mobcrush::before{content:""}.socicon-microsoft::before{content:""}.socicon-pandora::before{content:""}.socicon-messenger::before{content:""}.socicon-gamewisp::before{content:""}.socicon-bloglovin::before{content:""}.socicon-tunein::before{content:""}.socicon-gamejolt::before{content:""}.socicon-trello::before{content:""}.socicon-spreadshirt::before{content:""}.socicon-500px::before{content:""}.socicon-8tracks::before{content:""}.socicon-airbnb::before{content:""}.socicon-alliance::before{content:""}.socicon-amazon::before{content:""}.socicon-amplement::before{content:""}.socicon-android::before{content:""}.socicon-angellist::before{content:""}.socicon-apple::before{content:""}.socicon-appnet::before{content:""}.socicon-baidu::before{content:""}.socicon-bandcamp::before{content:""}.socicon-battlenet::before{content:""}.socicon-mixer::before{content:""}.socicon-bebee::before{content:""}.socicon-bebo::before{content:""}.socicon-behance::before{content:""}.socicon-blizzard::before{content:""}.socicon-blogger::before{content:""}.socicon-buffer::before{content:""}.socicon-chrome::before{content:""}.socicon-coderwall::before{content:""}.socicon-curse::before{content:""}.socicon-dailymotion::before{content:""}.socicon-deezer::before{content:""}.socicon-delicious::before{content:""}.socicon-deviantart::before{content:""}.socicon-diablo::before{content:""}.socicon-digg::before{content:""}.socicon-discord::before{content:""}.socicon-disqus::before{content:""}.socicon-douban::before{content:""}.socicon-draugiem::before{content:""}.socicon-dribbble::before{content:""}.socicon-drupal::before{content:""}.socicon-ebay::before{content:""}.socicon-ello::before{content:""}.socicon-endomondo::before{content:""}.socicon-envato::before{content:""}.socicon-etsy::before{content:""}.socicon-facebook::before{content:""}.socicon-feedburner::before{content:""}.socicon-filmweb::before{content:""}.socicon-firefox::before{content:""}.socicon-flattr::before{content:""}.socicon-flickr::before{content:""}.socicon-formulr::before{content:""}.socicon-foursquare::before{content:""}.socicon-github::before{content:""}.socicon-goodreads::before{content:""}.socicon-google::before{content:""}.socicon-googlescholar::before{content:""}.socicon-googlegroups::before{content:""}.socicon-googlephotos::before{content:""}.socicon-googleplus::before{content:""}.socicon-grooveshark::before{content:""}.socicon-hackerrank::before{content:""}.socicon-hearthstone::before{content:""}.socicon-hellocoton::before{content:""}.socicon-heroes::before{content:""}.socicon-smashcast::before{content:""}.socicon-horde::before{content:""}.socicon-houzz::before{content:""}.socicon-icq::before{content:""}.socicon-identica::before{content:""}.socicon-imdb::before{content:""}.socicon-instagram::before{content:""}.socicon-issuu::before{content:""}.socicon-istock::before{content:""}.socicon-itunes::before{content:""}.socicon-keybase::before{content:""}.socicon-lanyrd::before{content:""}.socicon-lastfm::before{content:""}.socicon-line::before{content:""}.socicon-linkedin::before{content:""}.socicon-livejournal::before{content:""}.socicon-lyft::before{content:""}.socicon-macos::before{content:""}.socicon-mail::before{content:""}.socicon-medium::before{content:""}.socicon-meetup::before{content:""}.socicon-mixcloud::before{content:""}.socicon-modelmayhem::before{content:""}.socicon-mumble::before{content:""}.socicon-myspace::before{content:""}.socicon-nintendo::before{content:""}.socicon-npm::before{content:""}.socicon-odnoklassniki::before{content:""}.socicon-openid::before{content:""}.socicon-opera::before{content:""}.socicon-outlook::before{content:""}.socicon-overwatch::before{content:""}.socicon-patreon::before{content:""}.socicon-paypal::before{content:""}.socicon-periscope::before{content:""}.socicon-pinterest::before{content:""}.socicon-play::before{content:""}.socicon-player::before{content:""}.socicon-playstation::before{content:""}.socicon-pocket::before{content:""}.socicon-qq::before{content:""}.socicon-quora::before{content:""}.socicon-raidcall::before{content:""}.socicon-ravelry::before{content:""}.socicon-reddit::before{content:""}.socicon-renren::before{content:""}.socicon-researchgate::before{content:""}.socicon-residentadvisor::before{content:""}.socicon-reverbnation::before{content:""}.socicon-rss::before{content:""}.socicon-sharethis::before{content:""}.socicon-skype::before{content:""}.socicon-slideshare::before{content:""}.socicon-smugmug::before{content:""}.socicon-snapchat::before{content:""}.socicon-songkick::before{content:""}.socicon-soundcloud::before{content:""}.socicon-spotify::before{content:""}.socicon-stackexchange::before{content:""}.socicon-stackoverflow::before{content:""}.socicon-starcraft::before{content:""}.socicon-stayfriends::before{content:""}.socicon-steam::before{content:""}.socicon-storehouse::before{content:""}.socicon-strava::before{content:""}.socicon-streamjar::before{content:""}.socicon-stumbleupon::before{content:""}.socicon-swarm::before{content:""}.socicon-teamspeak::before{content:""}.socicon-teamviewer::before{content:""}.socicon-telegram::before{content:""}.socicon-tripadvisor::before{content:""}.socicon-tripit::before{content:""}.socicon-triplej::before{content:""}.socicon-tumblr::before{content:""}.socicon-twitch::before{content:""}.socicon-twitter::before{content:""}.socicon-uber::before{content:""}.socicon-ventrilo::before{content:""}.socicon-viadeo::before{content:""}.socicon-viber::before{content:""}.socicon-viewbug::before{content:""}.socicon-vimeo::before{content:""}.socicon-vine::before{content:""}.socicon-vkontakte::before{content:""}.socicon-warcraft::before{content:""}.socicon-wechat::before{content:""}.socicon-weibo::before{content:""}.socicon-whatsapp::before{content:""}.socicon-wikipedia::before{content:""}.socicon-windows::before{content:""}.socicon-wordpress::before{content:""}.socicon-wykop::before{content:""}.socicon-xbox::before{content:""}.socicon-xing::before{content:""}.socicon-yahoo::before{content:""}.socicon-yammer::before{content:""}.socicon-yandex::before{content:""}.socicon-yelp::before{content:""}.socicon-younow::before{content:""}.socicon-youtube::before{content:""}.socicon-zapier::before{content:""}.socicon-zerply::before{content:""}.socicon-zomato::before{content:""}.socicon-zynga::before{content:""}.social-icons-lists .socicon{position:relative;top:3px;padding:10px;font-size:16px;display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box}.social-icons-lists li.social-icons-list-item{margin:4px;padding:0!important;display:inline-block;border:none!important;list-style:none!important;background:0 0!important}.social-icons-lists li.social-icons-list-item a.social-icon{text-decoration:none}.social-icons-lists li.social-icons-list-item a.social-icon:active,.social-icons-lists li.social-icons-list-item a.social-icon:focus{outline:0}.social-icons-lists li.social-icons-list-item a.social-icon:hover .socicon{opacity:.8}.social-icons-lists li.social-icons-list-item a.social-icon span.social-icons-list-label{margin-left:4px}.social-icons-lists li.social-icons-list-item::after,.social-icons-lists li.social-icons-list-item::before{visibility:hidden}.social-icons-lists.show-icons-label{list-style:outside}.social-icons-lists.icons-background-rounded .socicon{border-radius:100%}.social-icons-lists.icons-background-rounded .socicon,.social-icons-lists.icons-background-square .socicon{color:#fff}.social-icons-lists.icons-background-rounded.centre,.social-icons-lists.icons-background-square.centre{padding:0;text-align:center}.social-icons-lists.icons-background-none .socicon{padding:0;background:0 0}.widget .social-icons-lists.show-icons-label li.social-icons-list-item{display:block}.widget .social-icons-lists.show-icons-label.icons-background-rounded.centre,.widget .social-icons-lists.show-icons-label.icons-background-square.centre{text-align:left}/**
 * WooCommerce Dynamic Pricing & Discounts Plugin Frontend Styles
 */

.rp_wcdpd_product_page {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.rp_wcdpd_product_page_title {
    font-weight: bold;
}

.rp_wcdpd_product_page_modal_link span {
    text-decoration: underline;
    cursor: pointer;
}

.rp_wcdpd_pricing_table {
    width: 100%;
    padding-top: 5px;
}

.rp_wcdpd_pricing_table table {
    width: 100%;
    border-top: 1px solid #c4c4c4;
}

.rp_wcdpd_pricing_table tr {
    border-bottom: 1px solid #c4c4c4;
}

.rp_wcdpd_pricing_table td {
    white-space: nowrap;
    padding: 2px 10px 2px 8px;
    color: #444;
}

.rp_wcdpd_pricing_table td.last_cell {
    width: 99%;
}

.rp_wcdpd_pricing_table td.rp_wcdpd_longer_cell {
    padding: 2px 10px 2px 20px;
}

.rp_wcdpd_modal {
    position: fixed;
    z-index: 101;
    display: none;
    padding: 20px 20px 25px 20px;
    background-color: #fff;
}

.rp_wcdpd_modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.7);
}

.rp_wcdpd_pricing_table_variation {
    display: none;
}.wpmenucart-icon-shopping-cart-0:before {
	font-family: 'WPMenuCart';
	speak: none;
	font-style: normal;
	font-weight: normal;
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
    margin-right: 0.25em;
}

.wpmenucart-icon-shopping-cart-0:before{content:"\f07a"}@font-face {
    font-family:'WPMenuCart';
    src: url(//www.aqua.co.th/wp-content/plugins/woocommerce-menu-bar-cart/font/WPMenuCart.eot);
    src: url(//www.aqua.co.th/wp-content/plugins/woocommerce-menu-bar-cart/font/WPMenuCart.eot?#iefix) format('embedded-opentype'),
         url(//www.aqua.co.th/wp-content/plugins/woocommerce-menu-bar-cart/font/WPMenuCart.woff2) format('woff2'),
         url(//www.aqua.co.th/wp-content/plugins/woocommerce-menu-bar-cart/font/WPMenuCart.woff) format('woff'),
         url(//www.aqua.co.th/wp-content/plugins/woocommerce-menu-bar-cart/font/WPMenuCart.ttf) format('truetype'),
         url(//www.aqua.co.th/wp-content/plugins/woocommerce-menu-bar-cart/font/WPMenuCart.svg#WPMenuCart) format('svg');
    font-weight:normal;
	font-style:normal;
	font-display:swap;
}.hidden-wpmenucart,
.empty-wpmenucart {
	display: none !important;
}

.cartcontents + .amount:before {
	content: '-';
	margin: 0 0.25em;
}

.wpmenucart-display-standard {
	
}
.wpmenucart-display-right {
	float: right !important;
}
.wpmenucart-display-left {
	float: left !important;
}
.wpmenucart-icon-shopping-cart {
	background-image: none;
	vertical-align: inherit;
}

.wpmenucart-thumbnail img {
	width: 32px;
	height: auto;	
	margin-right: 8px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}

.wpmenucart-submenu-item a {
	overflow: hidden;
    white-space:nowrap !important;
}

.wpmenucart-thumbnail, .wpmenucart-order-item-info {
   display:inline-block;
   vertical-align:middle;
}

.wpmenucart-product-name, .wpmenucart-product-quantity-price {
	display:block;
}

.wpmenucart .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wpmenucart .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .wpmenucart .clearfix {height: 1%;}
.wpmenucart .clearfix {display: block;}
/* End hide from IE-mac */
/* Force Inline Display */
li.wpmenucartli a.wpmenucart-contents span{
	display: inline-block !important;
}
/*************Modern Layout Stylesheet ***/
#wizard #place_order, .woocommerce-billing-fields > h3{display:none}
.woocommerce #payment div.form-row, .woocommerce-page #payment div.form-row{border-top: none;padding:0}
#ship-to-different-address{margin:0}
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods{border-bottom:none;padding-bottom:5px
}

.wizard > .content
{
    display: block;
    margin: 0.5em;
    overflow: hidden;
    position: relative;
    width: auto;

}

.wizard > .content > .body
{
    float: left;
    height: 95%;
    padding: 0;
    width: 98%; 
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
}

.wizard.wizard a
{
    outline: 0;
}

.wizard > .steps > ul{
    list-style: none !important;
    padding-left: 20px;
    margin-left: 10px;
}

.wizard.five-steps > .steps > ul > li
{
    width: 20%;
}

.wizard.three-steps > .steps > ul > li
{
    width: 33.33333%;
}

.wizard > .steps > ul > li {
    width: 25%;
}


.wizard.wizard > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard.wizard > .content > .title
{
    position: absolute;
    left: -999em;
}

.wizard.wizard > .steps.clearfix:before,
.wizard.wizard > .steps.clearfix:after
{
    display:block;
}

.wizard.wizard > .steps.clearfix:after
{
    display:block;
    margin-bottom: 10px;
}

.wizard.wizard > .steps
{
    margin:20px 10px 0px 10px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.wizard.wizard > .steps > ul > li
{
    position:relative;

}

.wizard.wizard > .steps > ul > li,
.wizard.wizard > .actions > ul > li
{
    float: left;
    list-style: none !important;
    padding: 0;
    margin: 0;
}

.wizard.wizard > .steps a {
    position:relative;
    display:block;
    width:80%;
    margin-right:30px;
    padding:10px;
    float: left;
    font-size:15px;
    line-height:40px;
    text-decoration:none;
    transition: 0.1s;
}

#wizard.three-steps > .steps a{
     width:85%;
}
.wizard.wizard > .steps a:before {
    width:0px;
    height:0px;
    position: absolute;
    content: "";
    top: 0px;
    left: -20px;
    transition: 0.1s;
}
.wizard.wizard > .steps a:after {
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    top: 0px;
    right: -20px;
    transition: 0.1s;
}

.wizard.wizard > .steps li span
{
    display: block;
    float: left;
    font-size: 14px;
    text-align:center;
    width:26px;
    margin: 5px 5px 5px 0;
    line-height:26px;
    border: 2px solid;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}

.wizard.wizard > .steps li.done span {
    text-shadow:none;
    border: 2px solid #eee;
    text-shadow:none;
}

.wizard.wizard > .steps li.current span {
    text-shadow:none;
    border: 2px solid;
}

.wizard.wizard > .steps li.current.error span {
    text-shadow:none;
    border: 2px solid;
}

.wizard.wizard > .actions > ul > li
{
    float: left;
}

.wizard.wizard > .content  ul  li
{
    list-style: none !important;
}

.wizard.wizard > .content
{
    display: block;
    margin: 0 1%;
    position: relative; 
    width: 98%;
}


.wizard.wizard > .content > .body
{
    float: left;
    position: relative;
    width: 100%;
    padding: 0;
}

.wizard > .actions .disabled a {
    background: #eee;
    color: #aaa;
}

.woocommerce-checkout #payment{
    background: transparent !important;
}

.wizard.wizard > .actions
{
    margin-top: 10px;
    position: relative;
    display: inline-block;
    text-align: right;
    width: 100%;
}


.wizard.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}


/******************** Modern Style ***/

.wizard > .steps li.done a {
    color: #fff;
    background-color: #b99fcc;
}
.wizard > .steps li.done a:before {
    border-top: 30px solid #b99fcc;
    border-bottom: 30px solid #b99fcc;
}
.wizard > .steps li.done a:after {
    border-left: 20px solid #b99fcc;
}

.wizard > .steps li.done span {
    color: #163038;
    background-color: #FFF;
    border-color: #163038;
}


.wizard > .steps a {
    color: #333;
    background-color: #eee;
}
.wizard > .steps a:before {

    border-top: 30px solid #eee;
    border-bottom: 30px solid #eee;
    border-left:20px solid transparent;
}
.wizard > .steps a:after {

    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left:20px solid #eee;
}

.wizard > .steps li span
{
    color: #ccc;
    background-color: #FFF;
    border-color: #ccc;
}

.wizard > .steps li.current a {
    color: #ffffff;
    background-color: #5d2e78;
}
.wizard > .steps li.current a:before {
    border-top: 30px solid #5d2e78;
    border-bottom: 30px solid #5d2e78;
}
.wizard > .steps li.current a:after {
    border-left: 20px solid #5d2e78;
}

.wizard > .steps li.current span {
    color: #163038;
    background-color: #FFF;
    border-color: #A3C1C9;
}

.wizard > .steps li.current.error a {
    color: #fff;
    background-color: #b81c23;
}
.wizard > .steps li.current.error a:before {
    border-top: 30px solid #b81c23;
    border-bottom: 30px solid #b81c23;
}
.wizard > .steps li.current.error a:after {
    border-left: 20px solid #b81c23;
}

.wizard > .steps li.current.error span {
    color: #8F061E;
    background-color: #FFF;
    border-color: #A3C1C9;
}

.wizard > .actions > ul {
    display: inline-block;
    text-align: right;
}


.wizard > .actions > ul > li {
    margin: 0 0.5em;
}

.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{
    background: none repeat scroll 0 0 #5d2e78;
    color: #fff;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
}
form.login .button, .woocommerce form.login input[type="submit"]{
    background: #5d2e78;
} 

.wizard a, .tabcontrol a {
    outline: 0 none;
}


/**********Media qUERIES ***/
/***For smart phones **/
@media(max-width: 767px){

    .wizard > .steps > ul > li, .wizard.five-steps > .steps > ul > li{
        float: none;
        font-size: 14px;
        margin-left: 0;
        width: 100%;
    }

    .wizard > .steps .actions.clearfix ul li{
        float: right;
    }
    .wizard > .steps .actions.clearfix ul li:first-child{
        float: left;
    }


    .wizard.wizard > .steps > ul > li,
    .wizard.wizard > .actions > ul > li
    {
        margin-bottom: 5px;
        clear: both;
        float:left;
    }
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after, #wizard{
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

form.checkout{
    display:none;
}

.error-msg{
     color: #8a1f11;
}

label.error-class{
    color: #8a1f11 !important;
    display: block;
}

#s2id_billing_state.invalid-state, #s2id_shipping_state.invalid-state{
    border: 1px solid #a00 !important;
}

@media(max-width: 767px){
.wizard.three-steps > .steps > ul > li {
    width: 100%;
}

.actions.clearfix li {
    clear: none !important;
    display: inline-block;
    float: left;
}
}