﻿.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(../images/fancy_close.png) no-repeat center center;

	background:url(../images/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(../images/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(../images/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(../images/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(../images/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);}
	
}