body{margin:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Arial,"Microsoft JhengHei",sans-serif}
.hidden{visibility:hidden}
.disappear{display:none}
.donly{display:block}
.monly{display:none}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.left{float:left}
.right{float:right}
@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(.98,.98,.98);transform:scale3d(.98,.98,.98)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}

/* ===== Form ===== */
#form .body{background:#FFF;padding:0 40px 40px;text-align:center}
#form .body .form{display:inline-block;vertical-align:top;margin:auto;width:64%;text-align:left}
#form .body .form .block{position:relative;width:90%;margin-left:5%;height:50px;margin-bottom:10px;display:inline-block}
#form .body .form .block input[type=text],#form .body .form .block select{width:100%;height:100%;outline:0;padding:5px 10px;-webkit-appearance:none;-moz-appearance:none;background:#fff;color:#707070;font-size:20px;border:2px solid #78AD42;border-radius:10px}
#form .body .form .block input[type=text]::placeholder{opacity:1;color:#707070}
#form .body .form .note{padding:10px 0 0px;color:#707070;font:normal normal normal 15px/21px Noto Sans TC Medium;margin-left: -20px;}
#form .body .form .agger{position:relative;display:block;width:100%;padding-left:28px;color:#707070;font:normal normal normal 15px/21px Arial,"Microsoft JhengHei",sans-serif;margin-bottom:0}
#form .body .form .agger a{color:#707070;font:unset;text-decoration:none}
#form .body .form .agger input{position:absolute;opacity:0}
#form .body .form .agger .checkmark{position:absolute;top:3px;left:0;height:16px;width:16px;background:#fff;border:1px solid #707070}
#form .body .form .agger .checkmark:after{content:"";position:absolute;display:none;left:5px;top:3px;width:3px;height:6px;border:solid #000;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);box-sizing:unset}
#form .body .form .agger input:checked~.checkmark:after{display:block}
#form .form_text{width:90%;margin:auto;padding-right:20px}
#form .body .form .submit{margin-top:25px;text-align:center}
#form .body .form .submit button{border:0;width:200px;height:60px;font:normal normal normal 32px/40px Noto Sans TC Bold;color:#fff;background:transparent linear-gradient(90deg,#78AD42 0%,#78B43C 100%) 0 0 no-repeat padding-box;cursor:pointer;outline:0;border-radius:15px}
#form .body .form .submit button:hover{color:#fff;background:transparent linear-gradient(180deg,#78AD42 0%,#78B43C 100%) 0 0 no-repeat padding-box}

.block select, .block #date {  -webkit-appearance: none; -moz-appearance: none;   background: transparent; background: url(../img/index/arrow.png) no-repeat top right !important; border: 1px solid #dfdfdf; border-radius: 2px;    margin-right: 2rem;  padding: 1rem; padding-right: 2rem;}

/* ===== Footer ===== */
footer{border-top:1px solid #e5e5e5;background:#f2f2f2;text-align:center;padding:0 15px 15px;color:#494949;margin-bottom:-20px}
footer a{color:#494949;text-decoration:none}
footer div{display:inline-block;margin:15px 10px 0;font-size:12px;height:40px;padding:14px 0;line-height:15px;vertical-align:middle}

/* ===== Autofill ===== */
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#707070!important;transition:background-color 5000s ease-in-out 0s}

/* ===== 響應式 ===== */
@media(max-width:1024px){
    .donly{display:none}
    .monly{display:block}
    #form .body .form{width:100%;max-width:768px;margin-left:0;margin-top:0px}
    #form .body{padding:0 0px 20px}
	#form .body .form .note{padding:10px 0 0px;color:#707070;font:normal normal normal 13px/16px Noto Sans TC Medium}
	#form .body .form .agger{font:normal normal normal 13px/16px Noto Sans TC Medium;padding-left: 24px;margin-left: 10px;}
	#form .body .form .note ul{ margin-left:10px;}
	#form .body .form .block input[type=text], #form .body .form .block select {
        font: normal normal normal 16px / 22px 'Noto Sans TC', sans-serif;
    }
	#form .body .form .submit button {
		width: 200px;
		height: 50px;
		font: normal normal normal 24px / 40px Noto Sans TC Bold;
	}
	
	#form .body .form .agger .checkmark {
		top: 1px;
		left: 3px;
		height: 13px;
		width: 13px;
	}

}

@media(max-width:768px){
    .donly{display:none}
    .monly{display:block}
}