.bottomsidebar {
    position: fixed;
    right: 0;
    bottom: -268px;
    width: 437px;
    height: 268px;
    z-index: 20000;
}

.bottomsidebar img {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
}

.bottomsidebar .bottomcontent {
    position: absolute;
    left: 10px;
    bottom: 6px;
    width: 420px;
    height: 180px;
    background: #245192;
    border-radius: 10px;
}

.bottomsidebar .bottomlist {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 252px;
    height: 160px;
    background: #fff;
    border-radius: 10px;
    z-index: 1;
}



.bottomsidebar .bottomlist .wel01 {
    padding: 20px 0 10px;

}

.bottomsidebar .bottomlist .wel01,
.bottomsidebar .bottomlist .wel02 {

    display: none;

    padding-left: 10px;

}

.bottomsidebar .bottomlist p span {

    color: #F00;

}

.bottomsidebar .choose-button {

    position: relative;

    margin: 15px 0 0 10px;



}

.bottomsidebar .choose-button .close,
.bottomsidebar .choose-button .goon {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    height: 25px;

    line-height: 25px;

    padding: 0 15px;

    font-family: "SourceSansProSemibold";

    color: #FFF;

    border-radius: 5px;

    display: none;

    background: #737373;

    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#8f8f8f', endColorStr='#707070', gradientType='0');



    background: -moz-linear-gradient(top, #8f8f8f, #707070);



    background: -o-linear-gradient(top, #8f8f8f, #707070);



    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8f8f8f), to(#707070));

}

.bottomsidebar .choose-button .close {

    margin: 0 15px 0 0;

}

.bottomsidebar .choose-button .goon {

    background: #5aa910;

    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#5bb90f', endColorStr='#599d11', gradientType='0');



    background: -moz-linear-gradient(top, #5bb90f, #599d11);



    background: -o-linear-gradient(top, #5bb90f, #599d11);



    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5bb90f), to(#599d11));

}











.bootom-inquiry {

    position: fixed;

    right: 0;

    bottom: -500px;

    width: 430px;

    border: 1px solid #ACACAC;

    border-top-width: 2px;

    background: #FFF;

    z-index: 20000;

}

.bootom-inquiry .ico-close-pop {

    position: absolute;

    right: 0;

    top: 0;

    width: 30px;

    height: 30px;

    background: url(img/custom_service/fancy_close.png) no-repeat center center;

    background: url(img/custom_service/fancy_close.png) no-repeat center center;

    cursor: pointer;

    z-index: 1;

}



.bootom-inquiry .inquiry-form-wrap {

    width: auto;

    padding: 20px;

}

.bootom-inquiry .inquiry-form-wrap .inquiry-form-title {

    display: block;

    padding: 0;

    color: inherit;

    background: none;

    margin: 0 0 20px;

}

.bootom-inquiry .inquiry-form {

    padding: 0;

    border: none;



}

.bootom-inquiry .inquiry-form input[type="text"].form-input {

    width: 60%;

}

.inquiry-form .form-btn-wrap img.ajax-loader {
    position: absolute !important;
    right: -20px !important;
    ;
    top: 7px !important;
}







/* ---------------------------------
 * contact form 妤犲矁鐦夊鍦崶
 * --------------------------------- */
.contact-verify-pop,
.wpcf7-response-output {
    width: 490px;
    background-color: #fff;
    padding: 45px 30px 10px !important;
    border-radius: 3px;
    min-height: 180px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -121px !important;
    margin-left: -275px !important;
    border: 1px solid #666 !important;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, .25);
    z-index: 999999;
    font-size: 14px;
    line-height: 1.5;
    display: none;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
}

.contact-verify-pop .verify-pop-close,
.wpcf7-response-output .verify-pop-close {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url(img/contact_form_img/contact-form-icons.png);
    background-repeat: no-repeat;
    background-position: -196px 5px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.contact-verify-pop .verify-pop-close:hover,
.wpcf7-response-output .verify-pop-close:hover {
    background-position: -226px 5px;
    background-color: #000;
}

.wpcf7-validation-errors:before,
.wpcf7-mail-sent-ok:before,
.ajax-loader:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 15px;
    background-image: url(img/contact_form_img/contact-form-icons.png);
    background-repeat: no-repeat;
}

.wpcf7-validation-errors:before {
    background-position: 0 0;
}

.wpcf7-mail-sent-ok:before {
    background-position: -100px 0;
}

.ajax-loader:before {
    background: url(img/contact_form_img/loader.gif) center no-repeat !important;
}

.contact-pop-mask {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999991;
}

.contact-pop-mask:before {
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background: #fff url(img/contact_form_img/loader.gif) center no-repeat !important;
    border-radius: 15px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, .25);
    opacity: .9;
}

.ajax-loader {
    display: none;
}

.contact-validation-active .contact-pop-mask {
    display: block;
}

.contact-validation-active .bootom-inquiry {
    z-index: 999999;
}

.contact-verify-pop,
.wpcf7-response-output {
    -webkit-animation: popOut .25s linear forwards;
    animation: popOut .25s linear forwards;
}

.contact-validation-active .contact-verify-pop,
.contact-validation-active .wpcf7-response-output {
    -webkit-animation: popIn .25s linear forwards;
    animation: popIn .25s linear forwards;
    opacity: 1;
}

@-webkit-keyframes popIn {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes popIn {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes popOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0;
    }
}

@keyframes popOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0;
    }
}

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

    div.contact-verify-pop,
    div.wpcf7-response-output {
        width: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0 !important;
        padding: 45px 30px !important;
        padding-top: 30px;
    }

    .contact-pop-mask:before {
        background-size: auto 35px !important;
    }

    .wpcf7-validation-errors:before,
    .wpcf7-mail-sent-ok:before,
    .ajax-loader:before {
        margin-bottom: 0;
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

}