body { font-size: 100%; font-family: 'Microsoft JhengHei', sans-serif; font-weight: 400; }

div, textarea, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.container { max-width: 480px; min-width: 324px; margin: 50px auto 0; background-color: white; border: 1px solid #cfcfcf; border-bottom: 3px solid #cccccc; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); }

.row { width: 100%; margin: 0 0 1em 0; padding: 0 2.5em; }
.row.header { padding: 1.5em 2.5em; border-bottom: 1px solid #cccccc; color: #555555; }
.row.body { padding: .5em 2.5em 1em; }

.pull-right { float: right; }

h1 { font-family: 'Microsoft JhengHei', sans-serif; font-weight: 300; display: inline-block; font-weight: 100; font-size: 2em; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin: 0 0 0.1em 0; }

.btn { font-size: 1.0625em; display: inline-block; padding: 0.74em 1.5em; margin: 1.5em 0 0; color: white; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #b3b3b3; border-bottom-color: #8c8c8c; font-family: 'Microsoft JhengHei', sans-serif; font-weight: 300; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.btn:hover { background-color: #8c8c8c; }
.btn.btn-submit { background-color: #222222; border-bottom-color: black; }
.btn.btn-submit:hover { background-color: black; }

form { max-width: 100%; display: block; }
form ul { margin: 0; padding: 0; list-style: none; }
form ul .li-submit { text-align: center; }
form ul li { margin: 0 0 0.25em 0; clear: both; display: inline-block; width: 100%; }
form ul li:last-child { margin: 0; }
form ul li p { width: 100%; margin: 0; padding: 0; float: left; }
form ul li p.right { float: right; }
form ul li .divider { margin: 0.5em 0 0.5em 0; border: 0; height: 1px; width: 100%; display: block; background-color: #222222; }
form label { display: block; margin: 0 0 0.5em 0; color: #222222; font-size: 1em; }
form input { width: 100%; margin: 0 0 0.5em 0; border: 1px solid #cccccc; padding: 6px 10px; color: #555555; font-size: 1em; }
form textarea { border: 1px solid #cccccc; padding: 6px 10px; width: 100%; color: #555555; }

@media only screen and (max-width: 767px) { .pull-right { float: none; }
  input { width: 100%; }
  label { width: 100%; display: inline-block; float: left; clear: both; }
  input.btn { margin: 1.5em 0 0.5em; }
  h1 { font-size: 2.25em; } }