/*body,input,button,select,textarea{ 20140704 armykong
body{
font-family: "微軟正黑體","Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:150%;
background-image: url('images/background_images.jpg');
    background-repeat: repeat-y;
}
    */

/*h1,h2,h3,h4,h5,h6{  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  }*/

/*替單純文字加一點變化 20140704 aarmykong
.label {
    padding: 1px 3px 2px;
    font-size: 9.75px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.label.important {
    background-color: #c43c35;
}
.label.warning {
    background-color: #f89406;
}
.label.success {
    background-color: #46a546;
}
.label.notice {
    background-color: #62cffc;
}
*/


.navbar-default {
    background-color: #fff;
    border-color: aqua;
}

    .navbar-default .navbar-brand {
        color: #ffffff;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #ffffff;
            background-color: none;
        }

    .navbar-default .navbar-text {
        color: #dddddd;
    }

    .navbar-default .navbar-nav > li > a {
        color: #140F7E;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #ffffff;
            background-color: #178acc;
        }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #ffffff;
        background-color: #178acc;
    }

    .navbar-default .navbar-nav > .disabled > a,
    .navbar-default .navbar-nav > .disabled > a:hover,
    .navbar-default .navbar-nav > .disabled > a:focus {
        color: #dddddd;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #178acc;
    }

        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:focus {
            background-color: #178acc;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #1995dc;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #178acc;
        color: #ffffff;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #ffffff;
            background-color: #178acc;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #178acc;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #dddddd;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #ffffff;
}

    .navbar-default .navbar-link:hover {
        color: #ffffff;
    }

/* ==================== 寬度 ====================*/
.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}

.w500 {
    width: 500px;
}

.w600 {
    width: 600px;
}


a.btn {
    text-decoration: none;
}

/*透明度*/
.well {
    background-color: rgba(245, 245, 245, 0.3);
}

/*漸層色 http://www.colorzilla.com/gradient-editor/ */


body {
    font-family: "微軟正黑體","Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 150%;
    /*background-image: url('background_BOTTOM_1920_450.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
}

/*最上方的目錄按鍵圖*/
.topmenu-bg {
	margin: 0;
	padding: 0;    
	list-style: none;
	background: #fff;
    background: url(../../../images/topmenu/banner_1920_95.jpg);
    background-size: cover;
    background-repeat:no-repeat;   
    /*background: url(../../../images/topmenu/banner_1920_150_new.jpg);*/
    /*
    background: url(../../../images/topmenu/banner_1920_150.jpg);
    background-size: contain;
    
    */
    background-repeat: repeat-x;
}
.topmenu-bg li {
	padding: 0;
	margin: 0;
	list-style: none;
	background-repeat: no-repeat;
    height: 73px;
}

.topmenu-bg li a, .topmenu-bg li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
    height: 73px; 
    padding-left:-10px;
}

/*
li#aa {background-image: url(../../../images/topmenu/button_A_96_96.png);width: 62px; height:72px; background-size: 60px 60px;margin-top:20px;margin-left:10px;}
li#aa:hover {background-image: url(../../../images/topmenu/button_A_HOVER_CLICK.png);width: 62px; height:72px;background-size: 60px 60px;margin-top:20px;padding-left:10px;}
li#aa.active {background-image: url(../../../images/topmenu/button_A_HOVER_CLICK.png);width: 62px; height:72px;background-size: 60px 60px;margin-top:20px;padding-left:10px;}
   
li#sa {background-image: url(../../../images/topmenu/button_S_96_96.png);width: 62px; height:62px;background-size: 60px 60px;margin-top:20px;padding-left:10px;}
li#sa:hover {background-image: url(../../../images/topmenu/button_S_HOVER_CLICK.png);width: 62px; height:62px;background-size: 60px 60px;margin-top:20px;padding-left:10px;}
li#sa.active {background-image: url(../../../images/topmenu/button_S_HOVER_CLICK.png);width: 62px; height:62px;background-size: 60px 60px;margin-top:20px;padding-left:10px;}

li#ca {background-image: url(../../../images/topmenu/button_T.png);width: 62px; height:62px; background-size: 60px 60px;margin-top:20px;padding-left:10px;}
li#ca:hover {background-image: url(../../../images/topmenu/button_T_HOVER_CLICK.png);width: 62px; height:62px;background-size: 60px 60px;margin-top:20px;padding-left:10px;}
li#ca.active {background-image: url(../../../images/topmenu/button_T_HOVER_CLICK.png);width: 62px; height:62px;background-size: 60px 60px;margin-top:20px;padding-left:10px;}



li#chgpwd {background-image: url(../../../images/topmenu/button_C_70_70.png); width: 45px; height:45px;background-size: 42px 42px;margin-top:25px;margin-left:20px;}
li#chgpwd:hover {background-image: url(../../../images/topmenu/button_C_HOVER_CLICK.png);width: 45px; height:45px;background-size: 42px 42px;margin-top:25px;margin-left:20px;}


li#signInOut {background-image: url(../../../images/topmenu/button_L_70_70.png);width: 45px; height:45px;background-size: 42px 42px;margin-top:25px;padding-left:10px;}
li#signInOut:hover {background-image: url(../../../images/topmenu/button_L_HOVER_CLICK.png);width:45px;height:45px;background-size: 42px 42px;margin-top:25px;padding-left:10px;}
*/ 

img.myimgsize01
{
	width: inherit;  /* This makes the next two lines work in IE8. */
	max-width:615px;
    width: 60px;
    height: auto; 
    padding-top:20px;
    margin-left:12px;
}
img.myimgsize02
{
	width: inherit;  /* This makes the next two lines work in IE8. */
	max-width:615px;
	width: 60px;
	height: 60px; 
    padding-top:25px;
    padding-left:20px;
    
}
/* sample
li.signInOut {background-image: url(../../../images/topmenu/button_L_70_70.png);width: 72px; height:72px;margin-top:10px;background-size: 60px 60px;}
li.signInOut:hover {background-image: url(../../../images/topmenu/button_L_HOVER_CLICK.png);width:72px;height:72px;padding-top:10px;background-size: 60px 60px;}
*/
ul.topmenu-bg li a:hover {background: none;}
.topmenu-bg li {float: left;}
.topmenu-bg:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*目錄的背景圖,原先會在左右各留一些padding空白,用這個消去*/
.navbar-collapse-full {
 
  padding-right: 0px;
  padding-left: 0px;
 
}


.colorCenter {
    background-color: #83CBFE;
    text-align:center;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #E9F2F2;
}

 
.table thead > tr > th { background-color:#AAAAAA;color:black;font-weight: bold; text-align:center; }

.well {
            border-style: groove ;
            border-color:#AAAAAA;
            border-width: 4px; 
            
        }
div.gray-background {
    width:100%;
    background-color:lightgray;

}
div.white-background {
    width:100%;
    background-color:#FFFFBB;

}

.well {
    border: 2px solid #4545FF;
    padding: 10px 40px;
    background: #ffffff;
    
    border-radius: 10px;
    box-shadow: 6px 6px 5px #ABABAB
}