@charset "utf-8";

body, p, h3, input, form, ul { margin: 0; padding: 0; }
body { font-family: "Microsoft JhengHei","Roboto", Arial, Helvetica, sans-serif; color: #333; }
input[type="text"], input[type="email"], input[type="submit"], input[type="tel"], input[type="password"], textarea, select { font-family: inherit; margin: 0; border-radius: 0; -webkit-appearance: none; box-sizing: border-box;}
input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
a{text-decoration: none;}
ul{list-style: none;}
/*reset*/

.main{font-size: 15px;max-width: 600px; padding: 20px; margin: 0 auto;}
.title{font-size: 3.3em; color: #ee6e73; line-height: 110%; font-weight: normal; margin-bottom: 0.52em;}
.desc{margin-bottom: 2.5em;}
.text{font-size: 1em; line-height: 1.5; margin-bottom: 1em;}
.input-field{font-size: 1em; color: #888888; position: relative; margin-bottom: 2.3em; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.input{ font-size: 1em; color: #333; height: 3em; border: none;border-bottom: 1px solid #9e9e9e; width: 100%; outline: none;}
.ie8 .input{line-height: 3em;}
.input-label{line-height: 1em;position: absolute; left: 0; top: 0.8em; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: text; z-index: 2;}
.input-field.active{padding-top: 1em;}
.input:focus{border-bottom: 1px solid #26a69a;box-shadow: 0 1px 0 0 #26a69a;}
.input.error{border-color: #F44336;box-shadow: 0 1px 0 0 #F44336;}
.active .input-label{font-size: 0.8em; top: 0; margin-top: 0; left: 0; }
.form-btn{margin-top: 3.5em;}
.ie8 .input-field.active{padding-top: 0;}
.ie8 .active .input-label{padding: 0; position: static;}
.select-box:after{content: '▼'; color: #000; font-size: 10px; position: absolute; right: 10px; bottom: 12px;}
.select-list{color: #26a69a; line-height: 1.5; display: none; position: absolute; left: 0; top: 0.93em; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-sizing: border-box; width: 100%; background-color: #fff; z-index: 3;}
.ie8 .select-list{border: 1px solid #9e9e9e;}
.select-item{font-size: 1.2em;padding: 0.83em; cursor: pointer;}
.select-item:hover, .select-item.active{background-color: #eee;}
.active .select-list{display: none;}
span.error{line-height: 2.5em; font-size: 0.8em; color: #F44336; display: block; position: absolute;}
.main .btn{color: #fff;font-size: 1.06em;line-height: 2.25em; letter-spacing: 0.5px;text-align: center; border-radius: 2px; padding: 0 1.875em; border: none; background-color: #26a69a; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); position: relative; overflow: hidden; outline: none; cursor: pointer;}
.btn:hover{background-color: #2bbbad; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}
.waves-ripple{background: #2098d1;
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none; }
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, 0.45);
}
.waves-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
/*index*/

.thank-main{ padding: 5em 2.5em 2.5em;}
.thank-main .desc{padding: 3em 0 2em;}
.thank-main .btn{ display: inline-block;}
/*thank*/

@media(max-width: 767px){
    .main{font-size: 14px;}
}