@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
body,html { font-family:'cwTeXYen' ,"微軟正黑體", Tahoma; margin:0; padding:0; height:100%; font-size: 18px; background-color: #016db5; }
a { text-decoration:none;}
* { margin:0; padding:0;}
img {border:0; width: 100%;}

.title{font-size: 300%;}
.d1{display: block; max-width: 100%; margin:auto;  text-align: center; font-size: 120%; color: #ffffff;  }

.d1 .C1{ position: absolute; width: 160px; margin-left: -200px; margin-top: 30px;}
.d1 .C2{ position: absolute; width: 120px; margin-left: 30px; margin-top: -30px;}

.d2{ max-width: 980px; margin: auto; font-size: 120%; padding:50px 10px; background-color: #ffffff; }
.d2 .title{font-size: 150%;}

input#address{width: 350px;}
input.btn{font-size: 150%;}

@media screen and (max-width: 980px) {
body,html {font-size: 13px;  font-family:"微軟正黑體", Tahoma;}
.title{font-size: 250%;}
.d1 .C1{width: 120px; margin-left: -130px; margin-top: 20px;}
.d1 .C2{ width: 80px; margin-left: 10px; margin-top: -20px;}
.d2 { width: 95%; box-sizing: border-box; padding:50px 20px 50px 10px; margin-bottom: 30px;}
input#CUST_NAME,input#EMAIL,input#MOBILE,input#address{width: 100%;}
}