body, html {
    height: 100%;
    overflow-x: hidden;
    background-image: url('../Img/背景_宜蘭非學1.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    font-family: 'Century Gothic','Arial','微軟正黑體','新細明體', sans-serif;
    font-size: 18px;
}

.headerbg {
    background-color: #5077bb;
    height: 200px;
    background: url('../Img/banner_宜蘭非學1.jpg') 0 0 no-repeat;
    /*background-position: center;*/
    background-size: cover;
    position: relative;
}

.kid{
    max-width: 280px;
    position: absolute;
    right: 6%;
    bottom:-120px;
    z-index: 9;
    display: block;
}

        .card-container.card {
            max-width: 350px;
            padding: 40px 40px;
        }

        .btn {
            font-weight: 700;
            height: 36px;
            -moz-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            cursor: default;
        }

        /*
        * Card component
        */
        .card {
            background-color: #fff;
            /* just in case there no content*/
            padding: 20px 25px 10px;
            margin: 0 auto 25px;
            margin-top: 50px;
            /* shadows and rounded borders */
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
            -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        }

        .profile-img-card {
            width: 110px;
            margin: 0 auto 10px;
            display: block;
        }

        /*
        * Form styles
        */
        .profile-name-card {
            font-size: 16px;
            font-weight: bold;
            text-align: center;
            margin: 10px 0 0;
            min-height: 1em;
        }

        .reauth-email {
            display: block;
            color: #404040;
            line-height: 2;
            margin-bottom: 10px;
            font-size: 14px;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .form-signin #inputID,
        .form-signin #inputPassword {
            direction: ltr;
            height: 44px;
            font-size: 16px;
        }

        .form-signin input[type=email],
        .form-signin input[type=password],
        .form-signin input[type=text],
        .form-signin button {
            width: 100%;
            display: block;
            margin-bottom: 10px;
            z-index: 1;
            position: relative;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .form-signin .form-control:focus {
            border-color: rgb(104, 145, 162);
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
        }

        .btn.btn-signin {
            background-color: #337ab7;
            padding: 0px;
            font-weight: 700;
            font-size: 17px;
            height: 36px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            border: none;
            -o-transition: all 0.218s;
            -moz-transition: all 0.218s;
            -webkit-transition: all 0.218s;
            transition: all 0.218s;
            cursor: pointer;
        }

            .btn.btn-signin:hover,
            .btn.btn-signin:active,
            .btn.btn-signin:focus {
                background-color: #1c3c86;
            }

        .forgot-password {
            color: rgb(104, 145, 162);
        }

            .forgot-password:hover,
            .forgot-password:active,
            .forgot-password:focus {
                color: #68ad8d;
            }
            h1{
                font-family: 'Century Gothic','Arial','微軟正黑體','新細明體', sans-serif;
                letter-spacing: 1.2px;
                font-size: 3em;
                color:#fff;
                text-align: center;
                margin-top: 20px;
                /* text-shadow: 0 0 0.2em #626f64; */
                letter-spacing: 1.5px;
                position: relative;

            }




h1 {
    padding: 8px 25px 25px;
    line-height: 1.1em!important;
}
.Report-content th {
    font-size:1.2rem;
   
}
    .Report-content th:nth-child(1) {
        width: 20%;
    }
    .Report-content th:nth-child(3) {
        width: 20%;
    }
    
    
    .card ul.news-tab {
        padding-left: 0;
        margin-top: 15px;
        border-bottom: 4px solid #3b5fad;
    }
.card ul.news-tab li{
    display: inline-block;
    margin-right: 3px;
    font-size: 1.3rem;
}
.card ul.news-tab li a{
    color: #111; 
    padding: 5px 20px;
    border-radius: 5px 5px 0 0 ;
    border:2px solid #3b5fad; 
    color: #3b5fad;
}

.card ul.news-tab li a:hover{
    text-decoration: none;
    background-color:#3b5fad; 
    color: #fff;
}

.card ul.news-tab li a.active{
    background-color:#3b5fad; 
    color: #fff;

}


.Report-content{
    padding-top:15px;
    
}
.Report-content tr td:nth-child(1){
    /* background-color: #aaa; */
    margin-right:10px; 
    width: 100px;
    vertical-align: top;
}
.module .module-head, .module.tabbed-post-module .tabs{
    border-top: 5px solid #3b5fad;
}
.pagination{
    margin-bottom: 0;
}
.et_pb_row .th {
    width:30%;
}

@media screen and (max-width:1200px){
    .kid{
        max-width: 250px;
        right: 3%;
        top:150px;
    }
}
@media screen and (max-width:768px){
    .kid{
        max-width: 150px;
        top:140px;
    }
    .headerbg{
        height: auto;
    }
    h1{
        font-size: 1.8em;
    }

}