/*******************************************************************************************************************
    @name               skin.css
    @version            nBIMS 2.0v
    @copyright          Copyright (C) 2021.03.03
    @license            Eric Wang (TW) 王聖華 (AHCS) Asia-Hua Clouds Studio, [EMail] myeraic@gmail.com, [LINE.ID] myeraic
********************************************************************************************************************/
html, body {
    font-family: cbims-font, Arial, 微軟正黑體, 新細明體;
    font-size: 100%;
    color: black;
    margin:0;
    height: 100%;
    box-sizing: border-box;
    background-image: url("../Image/Background.png");
    background-repeat: repeat;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    scrollbar-3d-light-color : Blue;
    scrollbar-face-color : #00BFFF;
    scrollbar-base-color : #00BFFF;
    scrollbar-dark-shadow-color : Gray;
    scrollbar-highlight-color : White;
    scrollbar-shadow-color : gray;
    scrollbar-arrow-color : gray;
}

a:link    { color: #179FFF; text-decoration: none;}
a:visited { color: #179FFF; text-decoration: none; }
a:hover   { color: blue; text-decoration: none; }

hr{
    width: 100%;
    color: gray;
    height: 2px;
}

input[type='checkbox'], input[type='radio']{
    width: 22px;
    height: 22px;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
input[type='text'], input[type='password']{
    font-size: 110%;
    font-family: Arial, cbims-font, 微軟正黑體, 新細明體;
    height   : 30px;
    color    : #333;
    background-color: white;
    border   : 1px solid #ddd;
    box-sizing: border-box;
    position : relative;
    top : -1px;
}
input[type='text']:focus, input[type='password']:focus{ 
    color : #5800B2;
    background-color: #f0fff0;
    border: 1px solid gold;
}
input[type='text']:not(:focus), input[type='password']:not(:focus){
    background-color: white;
    border: 1px solid #ddd;
}
input[type='text']::placeholder, input[type='password']::placeholder {
    font-size: 80%;
    color: #D19275;
}
input::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
    font-size: 80%;
    color: #D19275;
}
input::-moz-placeholder {           /* Firefox 19+ */
    font-size: 80%;
    color: #D19275;
}
input:-ms-input-placeholder {       /* IE 10+ */
    font-size: 80%;
    color: #D19275;
}
input:-moz-placeholder {            /* Firefox 18- */
    font-size: 80%;
    color: #D19275;
}

select{
    font-size: 110%;
    font-family: Arial, cbims-font, 微軟正黑體, 新細明體;
    background-color : #FFDE9E;
    height: 30px;
    padding: 1px 0 2px 5px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
select:focus{ outline: none; }
option{
    font-size: 110%;
    color: #555;
    background: #f4f9fc;
}

td{ border: 1px solid white; }
table>thead>tr>td{
    height: 35px;
    vertical-align: middle;
    color: white;
    background-color: #81BE61;
}
table>tbody>tr>td{
    height: 35px;
    vertical-align: middle;
    color: black;
    background-color: #eee;
}

button{
    cursor : pointer;
}

/*******************************************************************************************************************/
/*****[ Desktops/Laptops/IPad 桌上型電腦/筆記型電腦/平板 768-1280 ]*****/
@media screen and (min-width: 768px) {
}

/*****[ Low Resolution Tablets / Mobiles 低分辨率平板與手機  481-767 ]*****/
@media screen and (min-width: 481px) and (max-width: 767px) {
}

/*****[ Mobiles 手機 320-480 ]*****/
@media screen and (max-width: 480px) {
}
/*****[ Print 列表機 ]*****/
@media only print {
}