.unlock{width:100%;padding:0 0 0 0;position:relative;z-index:1;margin:0 auto 0 auto; color: #111;}
.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:4.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:left;}
.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}

.send{cursor:pointer;}

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

 /*lock*/
.lock{float:left;width:100%; margin:40px 0 0 0; padding:0; font-size:15px}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:70%; text-align:center; margin:0 15% 0 15%; letter-spacing:2px;}
.send-mail{font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif; display:block; height:48px; background-color:#c8a063;padding:0;font-size: 15px; color: #fff;text-decoration: none;border:1px solid #c8a063; line-height:48px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;cursor: pointer;}
.send-mail:hover {border:1px solid #c8a063;background-color:#ffffff; color:#000;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 0 40px 0; color: #111;}

/* content */
.contact-wrapper{float:left; width:100%; padding:0; margin:0;}
.contact-content{width:90%; margin:30px auto 50px auto;}
.sidebar_a{float:left;width:100%; margin:0 0 30px 0; padding:0;}
.sidebar_b{float:left;width:100%; margin:0; padding:0;}
.site_a{float:left;width:100%; margin:0 0 20px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_a h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_a p{margin:0; padding:0;}
  .site_a a{font-size:17px; color:#c8a063;text-decoration:none;}
  .site_a a:hover {color: #f9c268;text-decoration: none;}
.site_b{float:left;width:100%; margin:0 0 20px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_b h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_b p{margin:0; padding:0;color:#02519b; line-height:32px; font-size:16px}
  .site_b span{color:#000; font-size:18px; font-weight:700}
.site_c{float:left;width:100%; margin:0; padding:0; text-align:left; font-size:16px;line-height:1.2em}
.site_c h3{margin:0 0 10px 0; padding:0; font-size:16px; font-weight:700; }
.site_c p{margin:0; padding:0;color:#666;}
  .site_c span{color:#000; font-size:18px; font-weight:700}

.forms-a{float:left; width:100%; margin:0 0 40px 0}
.forms-b{float:left; width:100%; margin:0 0 34px 0}
.message{float:left;width:100%; margin:0; padding:0;}
.contactSf3{float:left;width:100%; margin-top:25px;}
.information{width:100%; height:32px; padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
.information5{width:100%; height:100px;padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
}

@media only screen and (min-width: 481px) {

 /*lock*/
.lock{float:left;width:100%; margin:40px 0 0 0; padding:0; font-size:15px}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:50%; text-align:center; margin:0 auto 0 0; letter-spacing:2px;}
.send-mail{font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif; display:block; height:48px; background-color:#c8a063;padding:0;font-size: 15px; color: #fff;text-decoration: none;border:1px solid #c8a063; line-height:48px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;cursor: pointer;}
.send-mail:hover {border:1px solid #c8a063;background-color:#ffffff; color:#000;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 0 40px 0; color: #111;}

/* content */
.contact-wrapper{float:left; width:100%; padding:0; margin:0;}
.contact-content{width:90%; margin:50px auto 60px auto;}
.sidebar_a{float:left;width:37%; margin:0; padding:0;}
.sidebar_b{float:left;width:55%; margin:0 0 0 8%; padding:0;}
.site_a{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_a h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_a p{margin:0; padding:0;}
  .site_a a{font-size:17px; color:#c8a063;text-decoration:none;}
  .site_a a:hover {color: #f9c268;text-decoration: none;}
.site_b{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_b h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_b p{margin:0; padding:0;color:#02519b; line-height:32px; font-size:16px}
  .site_b span{color:#000; font-size:18px; font-weight:700}
.site_c{float:left;width:100%; margin:0; padding:0; text-align:left; font-size:16px;line-height:1.2em}
.site_c h3{margin:0 0 10px 0; padding:0; font-size:16px; font-weight:700; }
.site_c p{margin:0; padding:0;color:#666;}
  .site_c span{color:#000; font-size:18px; font-weight:700}

.forms-a{float:left; width:100%; margin:0 0 34px 0}
.forms-b{float:left; width:100%; margin:0 0 34px 0}
.message{float:left;width:100%; margin:0; padding:0;}
.contactSf3{float:left;width:100%; margin-top:25px;}
.information{width:100%; height:32px; padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
.information5{width:100%; height:100px;padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
}

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

 /*lock*/
.lock{float:left;width:100%; margin:40px 0 0 0; padding:0; font-size:15px}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:50%; text-align:center; margin:0 auto 0 0; letter-spacing:2px;}
.send-mail{font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif; display:block; height:48px; background-color:#c8a063;padding:0;font-size: 15px; color: #fff;text-decoration: none;border:1px solid #c8a063; line-height:48px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;cursor: pointer;}
.send-mail:hover {border:1px solid #c8a063;background-color:#ffffff; color:#000;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 0 40px 0; color: #111;}

/* content */
.contact-wrapper{float:left; width:100%; padding:0; margin:0;}
.contact-content{width:90%; margin:50px auto 60px auto;}
.sidebar_a{float:left;width:37%; margin:0; padding:0;}
.sidebar_b{float:left;width:55%; margin:0 0 0 8%; padding:0;}
.site_a{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_a h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_a p{margin:0; padding:0;}
  .site_a a{font-size:17px; color:#c8a063;text-decoration:none;}
  .site_a a:hover {color: #f9c268;text-decoration: none;}
.site_b{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_b h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_b p{margin:0; padding:0;color:#02519b; line-height:32px; font-size:16px}
  .site_b span{color:#000; font-size:18px; font-weight:700}
.site_c{float:left;width:100%; margin:0; padding:0; text-align:left; font-size:16px;line-height:1.2em}
.site_c h3{margin:0 0 10px 0; padding:0; font-size:16px; font-weight:700; }
.site_c p{margin:0; padding:0;color:#666;}
  .site_c span{color:#000; font-size:18px; font-weight:700}

.forms-a{float:left; width:100%; margin:0 0 34px 0}
.forms-b{float:left; width:100%; margin:0 0 34px 0}
.message{float:left;width:100%; margin:0; padding:0;}
.contactSf3{float:left;width:100%; margin-top:25px;}
.information{width:100%; height:32px; padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
.information5{width:100%; height:100px;padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
}

@media only screen and (min-width: 981px) {

 /*lock*/
.lock{float:left;width:100%; margin:40px 0 0 0; padding:0; font-size:15px}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:35%; text-align:center; margin:0 auto 0 0; letter-spacing:2px;}
.send-mail{font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif; display:block; height:48px; background-color:#c8a063;padding:0;font-size: 15px; color: #fff;text-decoration: none;border:1px solid #c8a063; line-height:48px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;cursor: pointer;}
.send-mail:hover {border:1px solid #c8a063;background-color:#ffffff; color:#000;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 0 40px 0; color: #111;}

/* content */
.contact-wrapper{float:left; width:100%; padding:0; margin:0;}
.contact-content{width:90%; margin:70px auto;}
.sidebar_a{float:left;width:37%; margin:0; padding:0;}
.sidebar_b{float:left;width:55%; margin:0 0 0 8%; padding:0;}
.site_a{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_a h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_a p{margin:0; padding:0;}
  .site_a a{font-size:17px; color:#c8a063;text-decoration:none;}
  .site_a a:hover {color: #f9c268;text-decoration: none;}
.site_b{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_b h2{margin:0 0 10px 0; padding:0; font-size:20px; font-weight:700}
.site_b p{margin:0; padding:0;color:#02519b; line-height:32px; font-size:16px}
  .site_b span{color:#000; font-size:18px; font-weight:700}
.site_c{float:left;width:100%; margin:0; padding:0; text-align:left; font-size:16px;line-height:1.2em}
.site_c h3{margin:0 0 10px 0; padding:0; font-size:16px; font-weight:700; }
.site_c p{margin:0; padding:0;color:#666;}
  .site_c span{color:#000; font-size:18px; font-weight:700}

.forms-a{float:left; width:47%; margin:0 3% 34px 0}
.forms-b{float:left; width:47%; margin:0 0 34px 3%}
.message{float:left;width:100%; margin:0; padding:0;}
.contactSf3{float:left;width:100%; margin-top:25px;}
.information{width:100%; height:32px; padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
.information5{width:100%; height:100px;padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}

}



@media only screen and (min-width: 1281px) {

 /*lock*/
.lock{float:left;width:100%; margin:40px 0 0 0; padding:0; font-size:15px}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:35%; text-align:center; margin:0 auto 0 0; letter-spacing:2px;}
.send-mail{font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif; display:block; height:48px; background-color:#c8a063;padding:0;font-size: 15px; color: #fff;text-decoration: none;border:1px solid #c8a063; line-height:48px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;cursor: pointer;}
.send-mail:hover {border:1px solid #c8a063;background-color:#ffffff; color:#000;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 0 40px 0; color: #111;}

/* content */
.contact-wrapper{float:left; width:100%; padding:0; margin:0;}
.contact-content{width:90%; margin:100px auto 100px auto;}
.sidebar_a{float:left;width:37%; margin:0; padding:0;}
.sidebar_b{float:left;width:55%; margin:0 0 0 8%; padding:0;}
.site_a{float:left;width:100%; margin:0 0 60px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_a h2{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:700}
.site_a p{margin:0; padding:0;}
  .site_a a{font-size:17px; color:#c8a063;text-decoration:none;}
  .site_a a:hover {color: #f9c268;text-decoration: none;}
.site_b{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_b h2{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:700}
.site_b p{margin:0; padding:0;color:#666; line-height:32px; font-size:16px}
  .site_b span{color:#000; font-size:18px; font-weight:700}
.site_c{float:left;width:100%; margin:0; padding:0; text-align:left; font-size:16px;line-height:1.2em}
.site_c h3{margin:0 0 10px 0; padding:0; font-size:16px; font-weight:700; }
.site_c p{margin:0; padding:0;color:#666;}
  .site_c span{color:#000; font-size:18px; font-weight:700}

.forms-a{float:left; width:47%; margin:0 3% 34px 0}
.forms-b{float:left; width:47%; margin:0 0 34px 3%}
.message{float:left;width:100%; margin:0; padding:0;}
.contactSf3{float:left;width:100%; margin-top:25px;}
.information{width:100%; height:32px; padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
.information5{width:100%; height:100px;padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
}

@media only screen and (min-width: 1601px) {

 /*lock*/
.lock{float:left;width:100%; margin:40px 0 0 0; padding:0; font-size:15px}
.sendwf{float:left;width:100%; margin:0; padding:0;}
.send {width:35%; text-align:center; margin:0 auto 0 0; letter-spacing:2px;}
.send-mail{font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif; display:block; height:48px; background-color:#c8a063;padding:0;font-size: 15px; color: #fff;text-decoration: none;border:1px solid #c8a063; line-height:48px;transition: 500ms;-moz-transition: 500ms;-webkit-transition: 500ms;-o-transition: 500ms;cursor: pointer;}
.send-mail:hover {border:1px solid #c8a063;background-color:#ffffff; color:#000;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 0 40px 0; color: #111;}

/* content */
.contact-wrapper{float:left; width:100%; padding:0; margin:0;}
.contact-content{width:1200px; margin:100px auto 100px auto;}
.sidebar_a{float:left;width:37%; margin:0; padding:0;}
.sidebar_b{float:left;width:55%; margin:0 0 0 8%; padding:0;}
.site_a{float:left;width:100%; margin:0 0 60px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_a h2{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:700}
.site_a p{margin:0; padding:0;}
  .site_a a{font-size:17px; color:#c8a063;text-decoration:none;}
  .site_a a:hover {color: #f9c268;text-decoration: none;}
.site_b{float:left;width:100%; margin:0 0 40px 0; padding:0; text-align:left; font-size:16px;line-height:32px}
.site_b h2{margin:0 0 15px 0; padding:0; font-size:20px; font-weight:700}
.site_b p{margin:0; padding:0;color:#666; line-height:32px; font-size:16px}
  .site_b span{color:#000; font-size:18px; font-weight:700}
.site_c{float:left;width:100%; margin:0; padding:0; text-align:left; font-size:16px;line-height:1.2em}
.site_c h3{margin:0 0 10px 0; padding:0; font-size:16px; font-weight:700; }
.site_c p{margin:0; padding:0;color:#666;}
  .site_c span{color:#000; font-size:18px; font-weight:700}

.forms-a{float:left; width:47%; margin:0 3% 34px 0}
.forms-b{float:left; width:47%; margin:0 0 34px 3%}
.message{float:left;width:100%; margin:0; padding:0;}
.contactSf3{float:left;width:100%; margin-top:25px;}
.information{width:100%; height:32px; padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
.information5{width:100%; height:100px;padding: 5px 0; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #bebebe;font-family:"微軟正黑體","Microsoft JhengHei", "Arial", "Helvetica", "sans-serif";font-size: 15px; color: #111111; box-sizing:border-box;border-radius:0;}
	
}
div.text-warning{
    margin: 2px 0 -10px 0;
    color: #c14948;
    font-size: 15px;
	display:block;
	padding: 0;
}
span.text-warning{
    margin: 2px 0px 0px 0px;
    color: #c14948;
    font-size: 15px;
	padding: 0;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#111;}
input:-moz-placeholder, textarea:-moz-placeholder { color:#111;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#111;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#111;} 
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;  } 
input{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}


textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#111;}
textarea:-moz-placeholder, textarea:-moz-placeholder { color:#111;}
textarea::-moz-placeholder, textarea::-moz-placeholder { color:#111;}
textarea:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#111;} 
textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;  } 
textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}