html,body,#main { height: 100%; }

#main { position: fixed; width:100vw; padding-top: 80px; overflow-y: scroll; -webkit-overflow-scrolling: touch; font-size: 14px; }

/* #bg 區域 */
#bg { position: absolute; left: 0; top: 0; width: 100vw; height: 100%; z-index: -1; background: url(../../Res/Image/Mission/mission_bg1.svg) center; background-size: cover; overflow: hidden; }


/* #container 區域 */
#container { background: #fff; }
#container img { width: 100%; height: auto; }


/* #content 區域 */
#content { padding: 20px 25px; }
#content #submenu { text-align: center; margin-bottom: 40px; }
#content #submenu span { display: inline-block; padding: 0 5px; transform: translateY(-2px); color: #B3B3B3;  }
#content #submenu a { color: #4d4d4d; }
#content #submenu a:nth-of-type(2) { color: #B3B3B3; }
#content #goback { height: 16px; width: auto; float: left; }

#content form { margin: 40px 0; }
#content form input[type=text] { text-align: left; padding: 5px 10px; width: 80%; font-size: 16px; line-height: 1em; background: rgba(128, 128, 128, 0.25); border: 0; border-radius: 5px; }
#content form input[type=submit] { background-color: #8aba28!important; color: #fff; border: none; border-radius: 5px; padding: 5px 7px; font-size: 13px; -webkit-appearance: none; }
#content form input::placeholder { font-size: 13px!important; text-align: center; }
#content p { margin: 0 12px 10px; }
#content p a { color: #0071BC; text-decoration: underline; }

/* loading 區域 */
.loading { text-align: center; }
.loading img { width: 40px; height: auto; margin: 20px; animation: loadingAni 1s linear infinite; }


@keyframes loadingAni {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media(max-width:350px){ 
  #storedBtn, form{margin:10px 20px;} 
}