form.twa--cp-form{border:1px solid #dce0ea;padding:1em;border-radius:4px;margin-bottom:3em}form.twa--cp-form label{font-size:16px;display:block;margin-bottom:3px;color:#44537c}.twa--cp-input[type=date],.twa--cp-input[type=email],.twa--cp-input[type=text],.twa--cp-input[type=time]{font-family:inherit;font-size:16px;width:100%;height:40px;line-height:40px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:1px solid #c3cad9;-webkit-box-shadow:none;box-shadow:none;background-color:#FFFFFF}.twa--cp-input[type=date].error,.twa--cp-input[type=email].error,.twa--cp-input[type=text].error,.twa--cp-input[type=time].error{border:1px solid red}select.twa--cp-input{font-family:inherit;font-size:16px;width:100%;height:40px;line-height:40px;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#FFFFFF url("data:image/svg+xml,%3Csvg width='15px' height='15px' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z'/%3E%3C/svg%3E") no-repeat right 10px top 55%;border-radius:4px;border:1px solid #c3cad9;-webkit-appearance:none;-moz-appearance:none}select.twa--cp-input.error{border:1px solid red}.twa--cp-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;width:100%;margin-bottom:1em}@media only screen and (max-width:768px){.twa--cp-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.twa--cp-col{width:100%}.twa_cp_error{color:red;font-size:16px;margin-top:5px}.twa--cp-bank{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.twa--cp-bank-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1em;margin-bottom:3em}.twa--cp-bank-list.grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1em 1fr 1em 1fr;grid-template-columns:1fr 1fr 1fr;gap:1em;margin-bottom:1em;border:1px solid #dadada;padding:1em;border-radius:8px}@media only screen and (max-width:1280px){.twa--cp-bank-list.grid{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media only screen and (max-width:768px){.twa--cp-bank-list.grid{-ms-grid-columns:1fr;grid-template-columns:1fr}}.twa--cp-bank img{display:block;width:70px;border-radius:8px}.twa--cp-bank h3,.twa--cp-bank h4,.twa--cp-bank h5{margin:0;padding:0;white-space:nowrap}.twa--cp-bank h4{font-size:16px;margin-bottom:3px;font-weight:300}.twa--cp-bank h3{font-size:20px;font-weight:500}.twa--cp-bank h5{font-size:16px;font-weight:500}#twa--cp-drop-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto 1em;min-height:120px;border-radius:4px;border:1px dashed #ccc;background-color:#FFFFFF;text-align:center;padding:1em;font-size:1em;cursor:pointer}#twa--cp-drop-area.error{border-color:red}#twa--cp-drag-drop-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;gap:10px}#twa--cp-drop-area.dragover{background-color:#e1e1e1}#twa--cp-file-input-container{display:none}#twa--cp-image-preview{width:100%;max-height:100%;display:none}#twa--cp-image-preview img{display:block;margin:auto;width:auto;max-height:300px}#twa--cp-error-message{display:none;font-size:16px;color:red;margin-top:10px}#twa--cp-error-message.show{display:block}button[type=submit].twa--cp-button{cursor:pointer;font-size:16px;display:block;padding:0!important;height:40px;line-height:35px;width:100%;border-radius:4px;font-weight:500;border:1px solid #c3cad9;border-radius:4px;margin-top:1em;-webkit-box-sizing:content-box;box-sizing:content-box}form.stylish .twa--cp-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;margin:0;width:100%;height:40px;line-height:40px}.twa--cp-fbanks{margin-bottom:1em}form.twa--cp-form .twa--cp-fbank{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;-ms-flex-line-pack:center;align-content:center}form.twa--cp-form .twa--cp-fbank img{display:block;width:40px;border-radius:4px}@media only screen and (max-width:768px){form.twa--cp-form .twa--cp-fbank img{width:70px}}form.twa--cp-form .twa--cp-fbank-detail{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1em;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}form.twa--cp-form .twa--cp-fbank-bname{width:30%}form.twa--cp-form .twa--cp-fbank-name{width:35%}form.twa--cp-form .twa--cp-fbank-radio{position:relative;min-width:20px}form.twa--cp-form .twa--cp-fbank-radio:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;content:"";width:15px;height:15px;border-radius:100%;border:1px solid #a2a6ba}form.twa--cp-form .twa--cp-fbank-radio:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;content:"";width:7px;height:7px;border-radius:100%;background-color:#ffffff}form.twa--cp-form .twa--cp-fbank label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:1em;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;border-radius:4px;border:1px solid transparent;cursor:pointer}form.twa--cp-form .twa--cp-fbank input[type=radio]{display:none}form.twa--cp-form .twa--cp-fbank input[type=radio]:checked+label{border:1px solid #dce0ea;background-color:#FFFFFF}form.twa--cp-form .twa--cp-fbank input[type=radio]:checked+label .twa--cp-fbank-detail{color:#333333}form.twa--cp-form .twa--cp-fbank input[type=radio]:checked+label .twa--cp-fbank-radio:before{border-color:#333333;background-color:#333333}form.twa--cp-form .twa--cp-fbank input[type=radio]:checked+label .twa--cp-fbank-radio:after{display:block}@media only screen and (max-width:768px){form.twa--cp-form .twa--cp-fbank-detail{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:0px}form.twa--cp-form .twa--cp-fbank-bname,form.twa--cp-form .twa--cp-fbank-name,form.twa--cp-form .twa--cp-fbank-number{width:100%}}.twa--notice-box{background-color:#e0ffd3;display:block;border-radius:4px;padding:10px 1em;margin-bottom:1em;clear:both}.twa--notice-box.error{background-color:#ffd3d3;border-color:#f0b6b6}.btn-line,
.btn-line:visited {
background-color: #00c300;
color: #fff;
border-radius: 2px;
padding: 0 0px 0 40px;
line-height: 40px;
border: none;
text-decoration: none;
display: block;
position: relative;
}
.btn-line img {
height: 40px;
max-height: 40px;
display: inline-block;
position: absolute;
left: 3px;
top: 0;
filter: brightness(0) invert(1);
}
.btn-line span {
display: block;
padding: 0 15px;
border-left: rgba(0, 0, 0, 0.1) solid 1px;
}
.btn-line:hover,
.btn-line:active {
background-color: #00e000;
color: #fff;
}
#login .btn-line {
display: block;
margin-bottom: 20px;
text-align: center;
}
#login .btn-line span {
padding: 0 40px 0 20px;
}
.woocommerce .wpdt-line-connect {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #f1f1f1 solid 1px;
padding-top: 20px;
padding: 0 0 20px;
text-align: center;
}
.woocommerce .wpdt-line-connect .btn-line {
display: block;
}
.woocommerce .wpdt-line-connect .btn-line span {
padding-right: 60px;
}
.woocommerce .wpdt-line-connect.bottom {
border-bottom: none;
padding: 10px 0 10px 0;
margin-bottom: 0;
}
.wpdt-live-connect-chat {
bottom: 20px;
position: fixed;
margin: 0;
right: 20px;
z-index: 998;
width: 56px;
height: 56px;
background-color: #00c300;
color: #fff;
padding: 6px;
text-align: center;
border-radius: 50%;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
cursor: pointer;
display: inline-block;
animation: wpdt_line_connect_jum 1.5s ease 0s normal;
}
.wpdt-live-connect-chat img {
width: 40px;
height: auto;
filter: brightness(0) invert(1);
position: relative;
z-index: 65;
}
.wpdt-live-connect-chat:after,
.wpdt-live-connect-chat:before {
content: "";
width: 56px;
height: 56px;
background-color: #00c300;
border-radius: 50%;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
z-index: 50;
}
.wpdt-live-connect-chat:before {
animation: pulse_animation 1.5s;
animation-delay: 3s;
}
.wpdt-live-connect-chat:after {
animation: pulse_animation_2 1.5s;
animation-delay: 3s;
}
.card.card-member {
border: none;
}
.card.card-member .card-body {
padding: 0;
}
@keyframes wpdt_line_connect_jum {
0% {
transform: translateY(0);
}
20% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
50% {
transform: translateY(0);
}
60% {
transform: translateY(-15px);
}
80% {
transform: translateY(0);
}
100% {
transform: translateY(0);
}
}
@keyframes pulse_animation {
0% {
box-shadow: 0 0 0 0 rgba(0, 195, 0, 0.8);
}
100% {
box-shadow: 0 0 0 15px rgba(254, 206, 104, 0);
}
}
@keyframes pulse_animation_2 {
0% {
box-shadow: 0 0 0 0 rgba(0, 195, 0, 0.8);
}
100% {
box-shadow: 0 0 0 30px rgba(254, 206, 104, 0);
}
}
.wpdt-live-connect-chat .line-hello-text {
word-wrap: break-word;
position: absolute;
right: -300px;
top: 50%;
margin-top: -20px;
text-align: right;
padding: 10px;
line-height: 20px;
background-color: #ffffff;
border-radius: 2px;
border: 1px solid #eaeff3;
color: initial;
font-size: 1em;
display: none;
}
.wpdt-live-connect-chat:hover .line-hello-text {
right: 74px;
}
.wpdt-live-connect-chat .line-hello-text:after,
.wpdt-live-connect-chat .line-hello-text:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.wpdt-live-connect-chat .line-hello-text:after {
border-color: rgba(243, 243, 243, 0);
border-left-color: #ffffff;
border-width: 6px;
margin-top: -6px;
}
.wpdt-live-connect-chat .line-hello-text:before {
border-color: rgba(234, 239, 243, 0);
border-left-color: #eaeff3;
border-width: 7px;
margin-top: -7px;
}
.wpdt-checkout-login-button {
text-align: center;
margin-bottom: 1em;
font-weight: bold;
}
.wpdt-button-line-chat,
.wpdt-button-line-chat:visited,
.wpdt-button-line-chat:focus {
background-color: #00c300;
color: #fff;
padding-right: 16px;
padding-left: 16px;
margin-left: 5px;
line-height: 20px;
height: 40px;
display: inline-block;
padding: 10px 5px;
border-radius: 20px;
}
.wpdt-button-line-chat:hover {
background-color: #00e000;
color: #fff;
}
.wpdt-button-line-chat img {
height: 40px !important;
margin: -9px -5px -9px 0px;
filter: brightness(0) invert(1);
float: left;
width: auto;
}
.wpdt-button-line-chat span {
display: none;
}
@media (min-width: 992px) {
.wpdt-live-connect-chat .line-hello-text {
display: block;
}
.card-line-connect {
max-width: 375px;
margin: auto;
padding: 1em;
}
.wpdt-button-line-chat {
margin: 0 -3px -12px 7px;
}
.wpdt-button-line-chat span {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
}