body { margin: 0; padding: 0; background-color: #eee; font-family: Arial, 'Microsoft JhengHei'; }
div { box-sizing: border-box; }

.panel-login .title-bar { padding: 0 0 10px 10px; width: 100%; }
.panel-login .title-bar .main-title { color: #333; font-size: 20px; font-weight: bold; }
.panel-login .title-bar .sub-title { color: #888; font-size: 13px; font-weight: normal; }

.panel-login { margin: auto; margin-top: 30px; padding: 40px; width: 400px; background-color: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); }
.panel-login .field { padding-top: 20px; display: table; width: 100%; }
.panel-login .field .column { display: table-cell; }
.panel-login .field .column:nth-child(1) { width: 80px; color: #333; font-size: 18px; font-weight: bold; text-align: right; }
.panel-login .field .column:nth-child(2) { padding-left: 20px; text-align: left; }
.panel-login .field .text { padding: 6px 10px 6px 10px; width: 100%; color: #333; font-size: 18px; font-weight: bold; border-radius: 3px; border: solid 1px #aaa; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-sizing: border-box; }
.panel-login .field .text:focus { outline: none; }
.panel-login .buttons { padding-top: 30px; width: 100%; text-align: center; }
.panel-login .buttons .button { padding: 8px 25px 8px 25px; color: #fff; font-size: 14px; background-color: #666; border-radius: 3px; }


/* controls */
#Button_Login { cursor: pointer; }