body {
}

.row {
    /* border-bottom: #999999 1px solid;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
    margin:0 auto;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 600px;
}

.field-validation-error,
.validation-summary-errors {
    color: Red;
}

.logindiv {
    width: 100%;
    background-image: url("../Images/logon_back.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #FFFFFF;
}

.topblock {
    min-height: 55px;
    background-image: url("../Images/srm_logo.png");
    background-repeat: no-repeat;
    width: 100%;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    padding: 5px 15px 5px 15px;
    background-color: #FFFFFF;
    opacity: 0.95;
    border-radius: 5px;
    float:initial;
}

.card:hover {
    box-shadow: -2px -2px 16px 4px rgba(0,0,0,0.2);
}


/*設定固定寬度*/
.width-es {
    width: 10%;
    min-width: 100px;
    max-width: 150px;
}

.width-s {
    width: 25%;
    min-width: 150px;
    max-width: 200px;
}

.width-sm {
    width: 40%;
    min-width: 190px;
    max-width: 250px;
}


.width-m {
    width: 50%;
    min-width: 250px;
}

.width-l {
    width: 75%;
    min-width: 300px;
}

.width-el {
    width: 100%;
    min-width: 300px;
}

.height-s {
    height: 20px;
}

.height-m {
    height: 30px;
}

.loader {
  border: 10px solid #CECECE; /* Light grey */
  border-top: 10px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}