@charset "utf-8";

* {font-size:15px;}
html , body , form {width:100%;height:100%;}
body {background:url(../image/bg.jpg) repeat-x #6298c4;}
form {background:url(../image/bg.gif) top left;padding-top:20px;}

.container-fluid {
    margin:auto;width:90%;height:900px;min-width:1170px;
    background:white;position:relative;
    top:0;left:0;bottom:0;right:0;
    border-radius:20px;box-shadow:0 0 8px rgba(0,0,0,.8);
}

.container-fluid .header ,.container-fluid .footer {text-align:center;position:relative;}
.container-fluid .header * { padding-top:10px;border-radius:2px;font-weight:bold; }

.container-fluid > .section {
    margin:20px auto;width:300px;
}
.container-fluid > .section .form-group {}
.container-fluid > .section * {vertical-align:top;}
.container-fluid > .section img { width:34px;margin-right:10px; }
.container-fluid > .section input {width:250px;display:inline-block;}

.warning {
    position:fixed;top:0;text-align:center;
    width:100%;
}
.warning > div {
    padding:10px;display:inline-block;
    border-radius:2px;
}
.warning > div .fa {padding:3px;}


.main {height:410px;}
.input-group {margin-bottom:14px;}
.input-group * {display:inline-block;vertical-align:middle;}

/* 輸入框樣式 */
.text {margin-bottom:15px;}
.text-input {
    width:250px;
    padding:10px;
    border:1px solid #ddd;
    border-radius:4px;
    font-size:15px;
    background:#fff;
}

/* 按鈕樣式 */
.sure-btn {
    width:100%;
    padding:12px;
    background:#299ee8;
    color:white;
    border:none;
    border-radius:4px;
    font-size:16px;
    cursor:pointer;
    margin-top:10px;
}

.sure-btn:hover {
    background:#1e7bb8;
}

/* 驗證區域 */
.verif {
    margin:15px 0;
    text-align:center;
}

/* 錯誤訊息 */
.error {
    margin-top:10px;
    padding:8px;
    border-radius:4px;
}

@media(max-width:1450px){
    .container-fluid {height:800px;}
}