body, select, button, input, textarea,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Microsoft JhengHei','微軟正黑體';
}

/* ul.ul-padding-vertical-05 */
ul.ul-padding-vertical-05 {
    margin: 0.5em 0;
}

    ul.ul-padding-vertical-05 > li {
        padding: 0.5em 0;
    }

/* 手機 */
@media (max-width: 767px) {
    .mobile-hide {
        display: none;
    }
}

@media (min-width: 768px) {
    .mobile-show {
        display: none;
    }
}

/* 這樣的搭配，上下的padding太大了，設成沒有吧 */
.btn.btn-link {
    padding-top: 0;
    padding-bottom: 0;
}

/* 顯示美東時間的div */
*#div-meiDonNow {
    margin-left: 15px;
}

/* 
    因為提升bootstrap版本的關係(升級到3.1.4)
    讓blockquote的文字變成17.5px
    不喜歡，先用這樣改回來
*/
blockquote {
    font-size: 14px;
}

/* 修正modal裡面的datepicker會被隱藏在後面的bug */
.datepicker-dropdown {
    z-index: 2000 !important;
}

input[datepicker] {
    padding-left: 10px;
    padding-right: 10px;
}

/* 排序相關 */
.sortable:hover {
    cursor: pointer;
    text-decoration: underline;
}

.sort-icon {
    display: inline-block;
    width: 10px;
    min-height: 1px;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.no-padding-horizontal {
    padding-left: 0;
    padding-right: 0;
}

/* btn-link 加上 btn-no-border-padding 就不會有 border 和 padding，就跟 a 一樣了 */
.btn-link.btn-no-border-padding {
    border: none;
    padding: 0;
}

/* 說明 */
.description {
    border-bottom: 1px dashed #333;
}

/* 過長顯示用 */
.text-ellipsis {
    max-width: 9.3em;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* 问号符号mouseover显示问号 */
.fa-question-circle {
    cursor: help;
}

/***** 這是要配合[凍結窗格]用的設定，另外還有 js 部分，參考來源 http://stackoverflow.com/questions/19737306/bootstrap-3-responsive-table-with-fixed-first-column *****/
.table-responsive > .fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
    background-color: white;
}

@media(min-width:768px) {
    .table-responsive > .fixed-column {
        display: none;
    }
}

.clipboard {
    margin: 0 5px;
    cursor: pointer;
}

.box-shadow {
    -moz-box-shadow: 1px 1px 5px 0 #a2958a;
    -webkit-box-shadow: 1px 1px 5px 0 #a2958a;
    box-shadow: 1px 1px 5px 0 #a2958a;
}

/*#region fileimg CSS */
.fileinput {
    display: inline-block;
    margin-bottom: 9px;
}

.btn-file {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

    .btn-file > input {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        font-size: 23px;
        cursor: pointer;
        filter: alpha(opacity=0);
        opacity: 0;
        direction: ltr;
    }

.fileinput .preview {
    position: relative;
    width: 250px;
    margin: 10px 0;
    -moz-box-shadow: 1px 1px 5px 0 #a2958a;
    -webkit-box-shadow: 1px 1px 5px 0 #a2958a;
    box-shadow: 1px 1px 5px 0 #a2958a;
}

    .fileinput .preview.light-shadow {
        background: #f7f7f7;
        -moz-box-shadow: 1px 1px 10px 0 #66AFE9;
        -webkit-box-shadow: 1px 1px 10px 0 #66AFE9;
        box-shadow: 1px 1px 10px 0 #66AFE9;
    }

    .fileinput .preview .file-drop {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    .fileinput .preview .file-title {
        position: absolute;
        top: 40%;
        left: 0;
        right: 0;
        z-index: -1;
        font-size: 20px;
        text-align: center;
    }

.preview img {
    width: 250px;
    height: 250px;
}

.preview .filename {
    line-height: 2em;
    text-align: center;
}

/*#endregion fileimg CSS*/