body{
    background-image: url('../images/背景A.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:cover;background-color: rgba(255,255,255,0);background-blend-mode: lighten;
    vertical-align:top;
    margin:0px;
    padding:0px;
}

/*上方置頂的橫條*/
#head{
    background-color:#4A678C;
    width:100%;
    height:60px;
    vertical-align:top; /*垂直對齊頂部*/
    margin:0px;  /*外界距離*/
    padding:0px; /*內距*/
    background-attachment: fixed; 
    font-size: 0; /*字體大小*/
}

/*上方logo*/
#fju{
    background-image:url("../images/6-管理者.png"); 
    width:100%;
    height:60px;
    background-repeat: no-repeat; /*不重複*/
    background-size: contain;/*盡可能的縮放背景並保持圖像的寬高比例（圖像不會被壓縮）*/
}

/*管理者登入*/
#login{
    font-size: 30px;
    text-align: center;
    color: black;
}

/*管理者登入的框*/
#login_frame {
    width: 400px;
    height: 350px;
    padding: 13px;
    position: absolute;
    margin-top: 13%;
    margin-left: 37%;
    background-color: #c4daec;
    border-radius: 60px;  /*圓角*/
    text-align: center;
}
 
/*Selects all <*> elements where the parent is a <p> elements inside <form> elements*/
form p > * {
    display: inline-block;
    vertical-align: middle;
}

/*管理者帳號&密碼*/
.label_input {
    font-size: 26px;
    width: 65px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: black;
}

/*管理者帳號&密碼輸入框*/
.text_field {
    width: 278px;
    height: 30px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 0;
}

/*登入按鈕*/
    #btn_login {
    font-size: 20px;
    font-family: "微軟正黑體";
    width: 120px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color:  #4A678C;
    border-radius: 6px;
    border: 0;
    float: center;
}

/*登入*/
#login_control {
    padding: 0 28px;
}


/*============ 2/7新增 ===============*/

/*學測字體*/
#p1 {
    font-weight: bold;
    color: #000000;
    display: block;
    font-size: 30px;
}

/*分科字體*/
#p2 {
    font-weight: bold;
    color: #000000;
    display: block;
    font-size: 30px;
}

/*按鈕動畫效果*/
#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9 {
    display: inline-block;
    margin: 5px 15px 15px 15px;
    padding: 10px 20px;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #4A678C;
    background-color: #FFFFFF;
    border: 3px solid #4A678C;
    border-radius: 100px;
    box-shadow: 6px 6px 0px #C6C6C6;
    width: 250 px;
    font-weight: bold;
}

/*鼠標移至按鈕變換的顏色*/
#a1:hover,#a2:hover,#a3:hover,#a4:hover,#a5:hover,#a6:hover,#a7:hover,#a8:hover,#a9:hover{
    color: #FFFFFF;
    background-color: #4A678C;
    border: 3px solid #FFFFFF;
    box-shadow: 6px 6px 0px #C6C6C6;
}
/*按鈕按下變換的顏色*/
#a1:active,#a2:active,#a3:active,#a4:active,#a5:active,#a6:active,#a7:active,#a8:active,#a9:active{
    background-color:#4A678C;
    color: #FFFFFF;
    box-shadow: none; 
    transform: translateY(4px);
}

/*返回鍵*/
button {
    /* 按鈕樣式設定 */
    width: 60px;
    height: 30px;
    font-size: 16px;
    font-family: "微軟正黑體";
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #4A678C;
    border-radius: 6px;  /*圓角*/
}



/*RWD手機*/
@media (max-width: 480px){
    
    /*背景*/
    body{
        background-image: url("../images/背景（手機）三版.png") !important;
        background-color: rgba(255,255,255,0);
        background-blend-mode: lighten;
        background-repeat: no-repeat;
        background-attachment: fixed !important;
        background-size: cover;
        background-position: center;
    }

    #head {
        width: 100% !important;
        height: 55px !important;
    }

    #back {
        font-size: 18px !important;
        margin-left: -40px; /* 向左移動5個像素 */
    }

    #fju {
        background-image:url("../images/6-管理者.png");
        width:100%;
        height:55px;
        background-repeat: no-repeat;/*圖片不重複*/
        background-size: 130%; /*盡可能的縮放背景並保持圖像的寬高比例（圖像不會被壓縮）*/
    }

    a {
        font-size: 18px !important;
    }

    /*管理者登入*/
    #login{
        font-size: 30px;
        text-align: center;
        color: black;
    }

    /*管理者登入的框*/
    #login_frame {
        width: 400px;
        height: 350px;
        padding: 13px;
        position: absolute;
        margin-top: 15%;
        background-color: #c4daec;
        border-radius: 60px;  /*圓角*/
        text-align: center;
    }
     

    /* 調整 #login_frame 的寬度 */
      #login_frame {
        padding: 13px;
        position: absolute;
        margin-top: 15%;
        text-align: center;
        width: 75%;
        margin-left: 10%;
      }

      /* 調整 .label_input 的字體大小 */
      .label_input {
        font-size: 20px;
      }

      /* 調整 .text_field 的寬度 */
      .text_field {
        width: 70%;
      }

      /* 調整 #btn_login 的寬度 */
      #btn_login {
        width: 50%;
      }

      /* 調整按鈕 #a1 - #a9 的寬度 */
      #a1, #a2, #a3, #a4, #a5, #a6, #a7, #a8, #a9 {
        width: 80%;
      }

      /* 調整返回鍵 button 的寬度 */
      button {
        width: 40%;
      }

      #dep_select,#dep_select2,#dep_select3,#dep_select4,#dep_select5,#dep_select6,#dep_select7,#dep_select8,#dep_select9{
        width: 70%;
      }
    
    
}