.brand-img{
    width:170px;
}
a {
    outline: none !important;
    blr: expression(this.onFocus=this.blur()) !important;
}

.img-col{
    height:100px;
}

/* style optimize */
.opz-br-top{
    border-top:1px solid #DDD;
}
.opz-a-nodec{
    text-decoration:none !important;
}

.opz-eventlist .btn-floating{
    position:absolute;
    top:35px;
    right:28px;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.opz-photoblock{
    padding:0.5em !important;
}

.opz-td-border td{
    border:0px !important;
}

.opz-a-breakword{
    word-wrap: break-word;
    word-break: break-all;
}
/* system style */
.opz-card:hover{
    background-color:rgba(0,150,136,0.069) !important;
    text-shadow:1px 1px 1px #CCC;

    -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    -webkit-font-smoothing: subpixel-antialiased;
}
.opz-card:hover .opz-br-top{
    border-color:#009688;
}

.opz-member-image,
.opz-member-banner{
    text-align:center !important;
}
.opz-member-image img {
    max-width:226px;
    width:80%;
}
.opz-member-banner img {
    width:100%;
}

/* Color of valid field */
.has-success .control-label,
.has-success .help-block,
.has-success .form-control-feedback {
    color: #4caf50;
}
/* Color of invalid field */
.has-danger .control-label,
.has-danger .help-block,
.has-danger .form-control-feedback {
    color: #f44336;
}



.opz-sysmsg,
.opz-debug{
    color:#EE0B5B !important;
    font-size:10px;
}
.opz-debug .list-group-item{
    background-color:rgba(255,255,255,0.6) !important;
}
.opz-noshow{
    display:none !important;
}


/* style rewrite */
.navbar-brand-text {
    text-shadow: 2px 1px 1px #696969;
}

.site-menu-icon {
    color: #668284;
}

.site-menubar-fold .site-menu-icon{
    padding-top:18px;
}

.site-gridmenu {
    background-color:#E0F2F1 !important;
}
.site-gridmenu li > a{
    color: #00897b !important;
}

.table-hover tbody tr:hover {
    background-color: #F5F5F5 !important;
}

.tablesaw thead tr:first-child th {
    padding-top: .4em;
    padding-bottom: .2em;
    line-height: 1.5em !important;
}

.input-daterange input {
    text-align: left !important;
}

.uploader-inline {
    border:2px dashed #ff8822 !important;
    background-image: -webkit-linear-gradient(135deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(135deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,#f6f6f6 25%,transparent 25%,transparent 50%,#f6f6f6 50%,#f6f6f6 75%,transparent 75%,transparent);
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    -webkit-animation: stripes 2s linear infinite;
    -o-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}

.upload-instructions{
    margin:60px 20px !important;
}

pre{
    white-space:pre-wrap;
    word-wrap:break-word;
    word-break:break-all;
    padding:0px !important;
    margin:0px !important;
    font-size:inherit !important;
    border:none !important;
    font-family:Helvetica, 蘋果正黑體, 微軟正黑體, sans-serif !important; 
    line-height:1.8 !important;
}