a{transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
a:hover{transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}

.unlock{width:100%;padding:0 0 0 0;position:relative;z-index:1;margin:0 auto 2.22222rem auto; color: #000;}
.unlock input[type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.unlock input[type="checkbox"]:focus + label:before,.unlock input[type="checkbox"]:hover + label:before{border-color:#cdc0b0;border-width:2px;}.unlock input[type="checkbox"]:active + label:before{-webkit-transition-duration:0;transition-duration:0;-webkit-filter:brightness(0.2);filter:brightness(0.2);}.unlock input[type="checkbox"] + label{position:relative;padding:10px;padding-left:3.05556rem;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-left:0;}.unlock input[type="checkbox"] + label:before{box-sizing:content-box;content:'';color:#900;position:absolute;top:50%;left:0;width:26px;height:26px;margin-top:-15px;border:2px solid grey;text-align:center;}.unlock input[type="checkbox"] + label:after{box-sizing:content-box;content:'';background-color:#cdc0b0;position:absolute;top:50%;left:4px;width:22px;height:22px;margin-top:-11px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out;}.unlock input[type="checkbox"] + label:after{background-color:transparent;top:50%;left:5px;width:0px;height:0px;margin-top:-10px;border-style:solid;border-color:#cdc0b0;border-width:10px;-o-border-image:none;border-image:none;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:none;transition:none;}.unlock input[type="checkbox"]:checked + label:after{content:'';-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out;}

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#f6f6f6}
.ctwf{max-width:92%; margin:50px auto; padding:0;}

.titlet{float:left;width:100%; margin:0;padding:0; background-image:url(../images/house.png); background-repeat:no-repeat; background-position:100% 30%;background-size:100%}
  .titlet ul{list-style-type:none; padding: 0px;margin: 0px;}
  .titlet li{margin:0 0 15px 0; padding:0; color:#222; font-size:16px; font-weight:400 !important}
  .titlet a{font-size:16px;color:#222;-mox-opacity:1.0; filter:alpha(opacity=100); opacity:100; text-decoration:none}
  .titlet a:hover{-mox-opacity:0.6; filter:alpha(opacity=60); opacity:0.6;}
  .titlet span{color:#000; font-size:20px; letter-spacing:4px; font-weight:bold}
  .titlet i{margin:0 0 0 10px; padding:0; color:#c20000;}

/*wf*/
.cnfdn{float:left;width:100%; margin:35px 0 0 0; padding:0} 
.cnfdnL{float:left;width:100%; margin:0; padding:0}
.cnfdnR{float:left;width:100%; margin:0; padding:0}
 
/*表格*/
.contactTbc{float:left; width:100%; height:42px; margin:8px 0 0 0;padding:0;}
.contactTb4{float:left;width:100%; margin:8px 0 0 0;}
.information3{width:100%; height:32px; padding: 10px; border:1px solid #999; font-size: 14px; color: #111; box-sizing:border-box; background:none}
.information5{width:100%; height:120px; padding: 10px; border:1px solid #999;font-size: 14px; color: #111; box-sizing:border-box; background:none}
 
/*lock*/
.contactSf3{float:left;width:100%; margin-top:30px;}
.cpbtnwf{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 auto 0 auto;}
.cpLink a {display:block; height:40px; background-color:#f6f6f6;padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}

}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#f6f6f6}
.ctwf{max-width:94%; margin:70px auto; padding:0;}

.titlet{float:left;width:100%; margin:0;padding:0; background-image:url(../images/house.png); background-repeat:no-repeat; background-position:100% 60%;background-size:100%}
  .titlet ul{list-style-type:none; padding: 0px;margin: 0px;}
  .titlet li{margin:0 0 10px 0; padding:0; color:#222; font-size:16px; font-weight:400 !important}
  .titlet a{font-size:16px;color:#222;-mox-opacity:1.0; filter:alpha(opacity=100); opacity:100; text-decoration:none}
  .titlet a:hover{-mox-opacity:0.6; filter:alpha(opacity=60); opacity:0.6;}
  .titlet span{color:#000; font-size:20px; letter-spacing:6px; font-weight:bold}
  .titlet i{margin:0 0 0 10px; padding:0; color:#c20000;}

/*wf*/
.cnfdn{float:left;width:100%; margin:50px 0 0 0; padding:0} 
.cnfdnL{float:left;width:48%; margin:0 2% 0 0; padding:0}
.cnfdnR{float:left;width:48%; margin:0 0 0 2%; padding:0}
 
/*表格*/
.contactTbc{float:left; width:100%; height:42px; margin:8px 0 0 0;padding:0;}
.contactTb4{float:left;width:100%; margin:8px 0 0 0;}
.information3{width:100%; height:32px; padding: 10px; border:1px solid #999;font-size: 14px; color: #111; box-sizing:border-box; background:none}
.information5{width:100%; height:180px; padding: 10px; border:1px solid #999; font-size: 14px; color: #111; box-sizing:border-box; background:none}
 
/*lock*/
.contactSf3{float:left;width:100%; margin-top:30px;}
.cpbtnwf{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 0 0 auto;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px;background-color:#f6f6f6;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}
	
}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#f6f6f6}
.ctwf{max-width:90%; margin:80px auto 80px auto; padding:0;}

.titlet{float:left;width:100%; margin:0;padding:0; background-image:url(../images/house.png); background-repeat:no-repeat; background-position:bottom right;background-size:80%}
  .titlet ul{list-style-type:none; padding: 0px;margin: 0px;}
  .titlet li{margin:0 0 10px 0; padding:0; color:#222; font-size:16px; font-weight:100 !important}
  .titlet a{font-size:16px;color:#222;-mox-opacity:1.0; filter:alpha(opacity=100); opacity:100; text-decoration:none}
  .titlet a:hover{-mox-opacity:0.6; filter:alpha(opacity=60); opacity:0.6;}
  .titlet span{color:#000; font-size:20px; letter-spacing:6px; font-weight:bold}
  .titlet i{margin:0 0 0 10px; padding:0; color:#c20000;}

/*wf*/
.cnfdn{float:left;width:100%; margin:50px 0 0 0; padding:0} 
.cnfdnL{float:left;width:48%; margin:0 2% 0 0; padding:0}
.cnfdnR{float:left;width:48%; margin:0 0 0 2%; padding:0}
 
/*表格*/
.contactTbc{float:left; width:100%; height:42px; margin:8px 0 0 0;padding:0;}
.contactTb4{float:left;width:100%; margin:8px 0 0 0;}
.information3{width:100%; height:32px; padding: 10px; border:1px solid #999; font-size: 14px; color: #111; box-sizing:border-box; background:none}
.information5{width:100%; height:180px; padding: 10px; border:1px solid #999; font-size: 14px; color: #111; box-sizing:border-box; background:none}
 
/*lock*/
.contactSf3{float:left;width:100%; margin-top:30px;}
.cpbtnwf{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 0 0 auto;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px;background-color:#f6f6f6;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}

}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#f6f6f6}
.ctwf{max-width:80%; margin:130px auto 130px auto; padding:0;}

.titlet{float:left;width:100%; margin:0;padding:0; background-image:url(../images/house.png); background-repeat:no-repeat; background-position:bottom right;background-size:100%}
  .titlet ul{list-style-type:none; padding: 0px;margin: 0px;}
  .titlet li{margin:0 0 10px 0; padding:0; color:#222; font-size:16px; font-weight:100 !important}
  .titlet a{font-size:16px;color:#222;-mox-opacity:1.0; filter:alpha(opacity=100); opacity:100; text-decoration:none}
  .titlet a:hover{-mox-opacity:0.6; filter:alpha(opacity=60); opacity:0.6;}
  .titlet span{color:#000; font-size:20px; letter-spacing:6px; font-weight:bold}
  .titlet i{margin:0 0 0 10px; padding:0; color:#c20000;}

/*wf*/
.cnfdn{float:left;width:100%; margin:50px 0 0 0; padding:0} 
.cnfdnL{float:left;width:48%; margin:0 2% 0 0; padding:0}
.cnfdnR{float:left;width:48%; margin:0 0 0 2%; padding:0}
 
/*表格*/
.contactTbc{float:left; width:100%; height:42px; margin:8px 0 0 0;padding:0;}
.contactTb4{float:left;width:100%; margin:8px 0 0 0;}
.information3{width:100%; height:32px; padding: 10px; border:1px solid #999; font-size: 14px; color: #111; box-sizing:border-box; background:none}
.information5{width:100%; height:180px; padding: 10px; border:1px solid #999;font-size: 14px; color: #111; box-sizing:border-box; background:none}
 
/*lock*/
.contactSf3{float:left;width:100%; margin-top:30px;}
.cpbtnwf{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 0 0 auto;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px;background-color:#f6f6f6;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}

}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {

/* content */
.cnbwf{float:left; width:100%; padding:0; margin:0; background-color:#f6f6f6}
.ctwf{max-width:1100px; margin:130px auto 130px auto; padding:0;}

.titlet{float:left;width:100%; margin:0;padding:0; background-image:url(../images/house.png); background-repeat:no-repeat; background-position:bottom right;background-size:100%}
  .titlet ul{list-style-type:none; padding: 0px;margin: 0px;}
  .titlet li{margin:0 0 10px 0; padding:0; color:#222; font-size:16px; font-weight:100 !important}
  .titlet a{font-size:16px;color:#222;-mox-opacity:1.0; filter:alpha(opacity=100); opacity:100; text-decoration:none}
  .titlet a:hover{-mox-opacity:0.6; filter:alpha(opacity=60); opacity:0.6;}
  .titlet span{color:#000; font-size:20px; letter-spacing:6px; font-weight:bold}
  .titlet i{margin:0 0 0 10px; padding:0; color:#c20000;}

/*wf*/
.cnfdn{float:left;width:100%; margin:70px 0 0 0; padding:0} 
.cnfdnL{float:left;width:48%; margin:0 2% 0 0; padding:0}
.cnfdnR{float:left;width:48%; margin:0 0 0 2%; padding:0}
 
/*表格*/
.contactTbc{float:left; width:100%; height:42px; margin:8px 0 0 0;padding:0;}
.contactTb4{float:left;width:100%; margin:8px 0 0 0;}
.information3{width:100%; height:32px; padding: 10px; border:1px solid #999; font-size: 14px; color: #111; box-sizing:border-box; background:none;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif"}
.information5{width:100%; height:180px; padding: 10px; border:1px solid #999; font-size: 14px; color: #111; box-sizing:border-box; background:none;font-family: "微軟正黑體","Microsoft JhengHei","Arial", "Helvetica", "sans-serif";}
 
/*lock*/
.contactSf3{float:left;width:100%; margin-top:30px;}
.cpbtnwf{float:left;width:100%; margin:40px 0 0 0; padding:0;}
.cpLink{width:130px; text-align:center; margin:0 0 0 auto;}
.cpLink a {display:block; height:40px; padding:0;font-size: 15px;color: #111;text-decoration: none;border:1px solid #969286; line-height:40px; background-color:#f6f6f6;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;}
.cpLink a:hover {border:1px solid #969286;background-color:#969286; color:#fff;transition: 500ms;
-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms}
}

/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {
				
#form select.alert , #form input.alert{ border:1px solid #ae2b37;}
#form textarea.alert{ border:1px solid #ae2b37;}
#form input.alert-email{ border:1px solid #ae2b37;}

}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
			
#form select.alert , #form input.alert{ border:1px solid #ae2b37;}
#form textarea.alert{ border:1px solid #ae2b37;}
#form input.alert-email{ border:1px solid #ae2b37;}

}


/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {
		
#form select.alert , #form input.alert{ border:1px solid #ae2b37;}
#form textarea.alert{ border:1px solid #ae2b37;}
#form input.alert-email{ border:1px solid #ae2b37;}

}


/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {
	
#form select.alert , #form input.alert{ border:1px solid #ae2b37;}
#form textarea.alert{ border:1px solid #ae2b37;}
#form input.alert-email{ border:1px solid #ae2b37;}

}


/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {

#form select.alert , #form input.alert{ border:1px solid #ae2b37;}
#form textarea.alert{ border:1px solid #ae2b37;}
#form input.alert-email{ border:1px solid #ae2b37;}

}