﻿.bg-forLogin {
    /*background: rgba(0,0,0,0) url("../../Images/MasterPage/1.jpg") no-repeat left;*/
    background-repeat: repeat;
    background-image: url("../../Images/MasterPage/bg/nologin.jpg");
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    background-clip: content-box;
    /*max-height:700px;
    height:auto;*/
    flex: 1;
}


.bg-Login {
    /*background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.1), rgba(200,220,240,0.3), rgba(180,200,220,0.3)), url("../../Images/MasterPage/5.jpeg");*/
    /*background-image: url("../../Images/MasterPage/5.jpeg");*/
    background-image: url("../../Images/MasterPage/bg/islogin.jpg");    
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-clip: content-box;
    /*background: linear-gradient(to right bottom,#FBFBEF 40%,#ECFAF1, #F1FAEC, #D9D9D9 100%);*/
    /*    background-image: linear-gradient(0deg, black 1px,transparent 0);
    background-size:20px 20px;*/
    /*background-size: 75px 75px,75px 75px,15px 15px,15px 15px;*/
    /*background: #FBFBEF;*/
    /*background: #ECFAF1;*/
    /*background: #F1FAEC;*/
    /*background: linear-gradient(186deg,#e1edff,#ded8ff);*/
    /*background: rgba(0,0,0,0) url("../../Images/MasterPage/1.jpg") no-repeat left;*/
    /*background-repeat: repeat;*/
    /*background: linear-gradient(to right,#ccc 1px,transparent 1px), linear-gradient(to bottom,#ccc 1px,transparent 1px);
    background-repeat: repeat;*/ /* 默认为 repeat */
    /*background-size: 10px 10px;*/
    /*background-color: mistyrose;*/
    /*   background-color: #ebf0fa;
    background-image: linear-gradient(90deg,#fffff 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(#ffffff 10%, rgba(0, 0, 0, 0) 10%);
    background-size: 10px 10px;    */
    /*
    background: linear-gradient(180deg, #fff, #f0f0f0);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-clip: content-box;*/
    /*max-height:700px;
    height:auto;*/
    flex: 1;
}

.txt-required {
    font-weight: bolder;
    font-size: 20px;
    top: -0.1em;
}

.txt-example {
    font-weight: bolder;
    font-size: 16px;
    top: -0.1em;
    color:royalblue;
}

.welcome-user {
    color: darkslateblue;
    font-weight:bolder;
}

.lbl-noticeFormat {
    font-size: 16px;
    color: royalblue;
    font-weight: bolder;
/*    padding-top: 8px;
    padding-left: 5px;
    vertical-align: bottom;*/
}

.lbl-noticeFixNo {
    font-size: 14px;
    color: forestgreen;
}

.lbl-noticeFixNo-list {
    font-size: 14px;
    color: #eee;
}
.lbl-noticeFormation {
    border-bottom: 1px solid #666;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
}


.lbl-noticeFormation-list {
    border-bottom: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom:2px;
}


.lbl_Show {
    display: block;
    padding: 0px 20px;
    line-height: 1.538461538461539;
    color: #333;
    vertical-align: middle;
    /*background-color: #fff;*/
}

    .lbl_Show.notuse {
        cursor: not-allowed;
        color: #aaa;
    }

a .lbl_Show {
    font-weight: bolder;
    color: magenta;
    text-decoration: none;
}

a:hover .lbl_Show {
    color: brown;
    text-decoration: none;
}

.cls_Input {
    background: #fff;
    border: 1px solid #afb0b2;
    margin: 0px 2px;
    padding: 2px 5px 2px 5px;
    border-radius: 100px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .cls_Input:hover,
    .cls_Input:active,
    .cls_Input:focus {
        cursor: pointer;
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
        background: #ffc;
    }


.rad-nextlabel-display-inline label {
    display: inline;
}

/*contnet start*/
/*@media only screen and (max-width: 600px) {.wrapper {padding-bottom: 0px;}}*/
/*@media(min-width:600px) {.wrapper {padding-bottom: 100px;}}*/
/*目前位置 css*/
/*#lbl_CurrentMap a {
    color: #428bca;
}
    #lbl_CurrentMap a:hover, a:focus {color: green;text-decoration: none;        }*/
/*contnet end*/

/*footer start*/
/*.cls_Footer {
    color: #444;
    width: 100%;
    background: #f6f6f6 url("../../Images/MasterPage/grad3.gif") repeat-x scroll center bottom;
    border-top: 3px solid #ccc;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 0px;
}
@media only screen and (max-width: 600px) {
    .cls_Footer {
        padding-bottom: 12px;
        padding-top: 12px;
    }
}

@media (min-width:600px) and (max-width: 1835px) {
    .cls_Footer {
        position: fixed;
        left: 0;
        bottom: 0;
        padding-bottom: 3px;
        padding-top: 3px;
    }
}
@media(min-width:1836px) {
    .cls_Footer {
        position: fixed;
        left: 0;
        bottom: 0;
        padding-bottom: 18px;
        padding-top: 18px;
    }
}

.cls_Footer_A {
    color: #428bca;
    text-decoration: none;
}

    .cls_Footer_A:hover, .cls_Footer_A:active, .cls_Footer_A:focus {
        color: darkblue;
    }

.footer_Float {
    float: left;
    padding-right: 40px;
    padding-top: 3px;
    padding-bottom: 3px;
}*/
/*footer end*/




/*a {    
    outline: none; /* for Firefox Google Chrome */
    /*behavior: expression(this.onFocus=this.blur()); for IE */
   /* text-decoration: none;
    cursor: pointer;
}*/
/*a img {border:0px;}*/

/*.div_Outer {
    padding-left: 10px;
    padding-top: 10px;
}*/









/*.div_Jump {
    margin-top: 20px;
    margin-bottom: 20px;
}
.div_Title_Right {
    margin-top: 10px;
    padding-right: 20px;
}

.div_Index_Reduce_1 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 100%;
    max-width: 350px;
}


.div_Bottom_Green2 {
    color: #EEEEEE;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;    
    background-color: rgba(20%,50%,20%,1);
    border-radius: 0px 0px 10px 10px;
}
.div_Top_Green {
    font-size: 24px;
    color: #EEEEEE;
    margin-top: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    height: 80px;    
    background-color: rgba(20%,40%,20%,.8);
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px 1px 3px 0px darkgrey;
}
.div_Bottom_Green {
    color: #EEEEEE;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 60px;    
    background-color: rgba(20%,50%,20%,.5);
    border-radius: 0px 0px 10px 10px;
}
.Table_Green {
    width: 100%;
    border-top: 1px solid grey;
    color: black;
    text-align: center;
}

    .Table_Green tr:nth-child(even) {
        
        background: rgba(250,250,250,.2);        
    }

    .Table_Green tr:nth-child(odd) {
            
        color: black;
    }

    .Table_Green td:nth-child(odd) {
        
        border-left: 1px solid grey;
        border-bottom: 1px solid grey;
    }

    .Table_Green td:nth-child(even) {
        
        border-left: 1px solid grey;
        border-bottom: 1px solid grey;
    }

    .Table_Green td:nth-child(1) {
        border-left: none;
        
        padding-top: 5px;
        padding-bottom: 5px;
    }
*/













/*.cls_TopMenu {

    line-height: 41px;    

}


.cls_TopMenu_UL {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 16px;    
}

    
    .cls_TopMenu_UL li {
        
        margin: 0;
        font-weight: bold;
        color: #666;
        cursor: pointer;
        display: block;
        float: left;
    }

        
        .cls_TopMenu_UL li a {
            color: #000;
            padding: 10px 20px;
            text-decoration: none;
            background: rgba(0%,30%,80%,.5);            
        }


    .cls_TopMenu_UL li:hover,
    .cls_TopMenu_UL li:active,
    
    .cls_TopMenu_UL li:focus {
        color: #fff;
        background: rgba(20%,50%,20%,1);
    }

        .cls_TopMenu_UL li a:hover {
            color: #fff;
            background: rgba(0%,30%,80%,1);
            
        }*/

/* 置頂選單 已選擇 */
/*.cls_TopMenu_UL .cls_TopMenu_Current{background:#fff}



#divHTML {    margin-top: 0px;    margin-bottom: 10px;    padding-left: 5%;}*/

/* 左側選單框架 */
/*.cls_LeftMenu{padding:25px 25px 0px 25px}
.cls_LeftMenu a{color:#799e07;font-size:13px;}
.cls_LeftMenu a:hover,
.cls_LeftMenu a:active,
.cls_LeftMenu a:focus{color:#333}
.cls_LeftMenu_Bottom{background:url("../../Images/Main/Index/hdot.gif") repeat-x center bottom;margin-top:30px;margin-bottom:10px;height:2px}*/

/* 左側選單標題 */
/*.cls_LeftMenu_Title{color:#799e07;font-family:"微軟正黑體","Segoe UI",Arial,Helvetica,sans-serif;font-weight:bold;font-size:15px}
.cls_LeftMenu .cls_LeftMenu_Sub{border-top:1px dotted #BBB;border-bottom:1px dotted #BBB;padding:3px 0 5px 5px;color:#333;width:100%;display:block}
.cls_LeftMenu .cls_LeftMenu_Sub:hover{background:#ddd}
.cls_LeftMenu .cls_LeftMenu_Sub_Current{border-top:1px dotted #BBB;border-bottom:1px dotted #BBB;padding:3px 0 5px 5px;width:100%;display:block;color:#799e07;font-weight:bold;background:#fff}
.cls_LeftMenu .cls_LeftMenu_Sub_Current:hover{background:#fff;color:#799e07}
.cls_LeftMenu .cls_LeftMenu_Sub_MenuList{padding:3px 0 5px 5px;width:100%;display:block;color:#799e07;}*/

/* 主內容路徑 */
/*.cls_Nav_URL{color:#799e07;text-decoration:none;font-size:10px}
.cls_Nav_URL:hover,
.cls_Nav_URL:active,
.cls_Nav_URL:focus{color:#333}
.cls_Nav_Txt{color:#bbb;text-decoration:none;font-size:10px;cursor:text}*/

/* 頁面標題 */
/*.cls_Nav_Title{margin-top:10px;margin-bottom:10px;color:#333;font-size:25px;font-weight:bold;display:block;font-family:"微軟正黑體","Segoe UI",Arial,Helvetica,sans-serif}*/
/*.cls_Input {
    background: #fff;
    border: 1px solid #afb0b2;
    margin: 0px 2px;    
    padding: 2px 0px 2px 10px;
    border-radius: 100px;    
}
.cls_Input:hover,
.cls_Input:active,
.cls_Input:focus{background:#ffc}*/


/*option {
    background-color: #ffc;
}*/


/*.cls_Condition {
    font-size: 12px
}
*/


/* 查無資料 */
/*.tb_EmptyData {border-collapse: collapse; border:none; width:100%;margin-top:5px;}
.tb_EmptyData th{border-collapse:collapse;border-right:1px solid #fff;padding:4px;background:#444;color:#fff;text-align:left;font-weight:normal}
.tb_EmptyData td{border-collapse: collapse; border-bottom:1px dotted #BBB; color:Red; text-align:center;padding: 8px 5px;text-align:center}
*/


/* 文章詳細內容 */
/*.cls_Detail_Title{display:block;font-family: "微軟正黑體","Segoe UI",Arial,Helvetica,sans-serif;color:#333333;font-size:25px;margin-top:15px;}
.cls_Detail_PublishDate {border-top:1px dotted #bbb;color:#666666; font-size:12px; margin-top:10px;margin-bottom:15px; background: #ececec url("../../Images/Common/icon-date.gif") no-repeat 7px 7px;padding: 8px 8px 8px 30px;}*/

/*.link_document_btn a {
    background: #799e07 url("../images/ui/icon_link_04.gif") no-repeat scroll right center;
    border: 1px solid #5a7605;
    color: #ffffff;
    padding: 3px 28px 3px 8px;
    text-decoration: none;
}*/

/* 下載連結 */
/*.link_document {
    background: #ffffcc url("../../Images/Main/icon_paper.gif") no-repeat scroll 0 0;
    display: block;
    font-size: 13px;
    line-height: 190%;
    padding: 10px 10px 9px 45px;
}*/

/* 共用表格 */
/*.table_white       {border-collapse:collapse}
.table_white th    {background:#555 none repeat scroll 0 0;border:1px solid #999;color:#fff;padding:5px;text-align:left}
.table_white th p  {color:#fff}
.table_white td    {border:1px solid #999;padding:5px;text-align:left}
.table_white td p  {margin:0;padding:0}

.table_black        {border-collapse:collapse}
.table_black th     {background:#555 none repeat scroll 0 0;border:1px solid #999;color:#fff;padding:5px;text-align:center}
.table_black th p   {color:#fff}
.table_black td     {border:1px solid #999;padding:5px;text-align:center}
.table_black td p   {margin:0;padding:0}

.table_black_left        {border-collapse:collapse}
.table_black_left th     {background:#555 none repeat scroll 0 0;border:1px solid #999;color:#fff;padding:5px;text-align:left}
.table_black_left th p   {color:#fff}
.table_black_left td     {border:1px solid #999;padding:5px;text-align:left}
.table_black_left td p   {margin:0;padding:0}*/

/*.title {    
    font-weight: bolder;    
    text-shadow: 1px 1px 2px darkgrey;
    letter-spacing: 2px;
    color: #0367A6;
}

.title_Main {
    font-size: 20px;
    font-weight: bolder;
}


.align_Center {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.Padding_All_0 {
    padding: 0px;
}

.Padding_All_10 {
    padding: 10px;
}

.Padding_T_25 {
    padding-top: 25px;
}

.Padding_R_5 {
    padding-right: 5px;
}

.Padding_L_5 {
    padding-left: 5px;
}

.Padding_L_10 {
    padding-left: 10px;
}

.Padding_L_20 {
    padding-left: 20px;
}

.Padding_LRB_30 {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.txt_12 {
    font-size: 12px;
}
.txt_14 {
    font-size: 14px;
}
.txt_15 {
    font-size: 15px;
}
.txt_16 {
    font-size: 16px;
}
.txt_17 {
    font-size: 17px;
}
.txt_20 {
    font-size: 20px;
}
.txt_22 {
    font-size: 22px;
}
.txt_24 {
    font-size: 24px;
}
.txt_14 tr {
    font-size: 14px;
}
.txt_Bolder {
    font-weight: bolder;
}
.txt_Center {
    text-align: center;
}
.txt_L {
    text-align: left;
}
.txt_R {
    text-align: right;    
}
.txt_FontFamily {
    font-family: 'Microsoft JhengHei','Times New Roman','Arial';
}
.flost_right {
    float: right;
}
.height_20 {
    height:20px;
}
.fake_TextBox {
    background: rgba(60%,80%,80%,.2);
    border: 1px solid rgba(80%,80%,80%,1);
}
.div_Top {
    padding-top: 13px;
    padding-bottom: 13px;
    background-color: rgba(20%,20%,20%,.1);
    box-shadow: 0px 0px 2px 0px darkgrey inset;
}

.div_Bottom {
    background-color: rgba(40%,40%,40%,.1);
    box-shadow: 0px 0px 2px 0px darkgrey inset;
}

.div_Yellow {
    background-color: rgba(100%,70%,0%,.6);
}

.div_Green {
    background-color: rgba(0%,70%,0%,.4);
}

.div_Blue {
    background-color: rgba(5%,25%,80%,.4);
}

.div_Gray {
    background-color: rgba(50%,50%,50%,.4);
}
.noUnderLine {
    color: #333333;
}
    .noUnderLine :active {
        text-decoration: none;
        color: #333333;
    }
    .noUnderLine:hover {
        text-decoration: none;
        color: #333333;
    }
.div_Top_2 {
    color: white;
    padding-top: 13px;
    padding-bottom: 13px;    
    background-color: #eeeeee;    
    vertical-align: central;    
}
.div_Bottom_2 {
    color: white;
    background-color: #eeeeee;
}
.siteMap_table {
    font-size: 14px;
}
.cls_LV2 {
    font-size: 20px;
    font-weight: bolder;
}
.cls_LV3 {
    font-size: 18px;
}
.Current_Possition {
    padding-top: 15px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 16px;
    color: black;
}
    .Current_Possition a {
        text-align: left;
        font-size: 16px;
        color: black;
    }
.default_Div {
    width: 100%;
    max-width: 480px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.big_Div {
    width: 100%;
    margin-left: 6%;
}*/

