/* ======================== */
/*                          */
/* Bootstrap style 自行調整 */
/*                          */
/* ======================== */

/* ====== */
/* Dialog */
/* ====== */
.modal * {
    font-family: 'Microsoft JhengHei';
    font-size: 16px !important;
    font-weight: bold;
}

.modal-content{
    background:#6ee0d5;    /*         */
    background:#fdd580;    /* antifat */
}
/* Dialog 抬頭的高度 */
.modal-header {
    height: 34px;
    padding-top: 4px;
}
    .modal-header .close {
        margin-top: 2px;
    }


/* Dialog 內容 */
.modal-body {
    padding: 4px;
}

/* ================================= */
/* Tabcontrol 內容部份作 border 效果 */
/* ================================= */
.tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}
/* ======================= */
/* box 效果 作一個灰色區塊 */
/* ======================= */
.box {
    padding: 10px;
    background: #eee;
}
/* ============================= */
/* box 效果 作一個灰色區塊(圓角) */
/* ============================= */
.box-rounded {
    padding: 10px;
    background: #eee;
    /* 圓角 */
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* ==================== */
/* 隱藏 Table 右側 功能 */
/* ==================== */
table.frame-box, table.frame-box td, table.frame-box td textarea {
    height: 100%;
    min-height: 100%;
    border: none;
    resize: none;
    overflow: hidden;
}

    table.frame-box td iframe {
        width: 100%;
        display: block;
    }

    table.frame-box td {
        width: 50%;
        text-align: left;
    }

.outer-wrapper {
    position: relative;
    background: #f3f3f3;
    padding: 6px 6px 0 0;
}

.output-area {
    border: 1px solid #cccccc;
    border-bottom: none;
}

.show-right-pane, .hide-right-pane {
    width: 7px;
    height: 23px;
    position: absolute;
    z-index: 999;
    top: 45px;
    display: block;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    background-image: url('../Images/toggle-button.png');
}

.show-right-pane {
    right: 6px;
    display: none;
    background-position: 0 0;
}

.hide-right-pane {
    left: 0;
    background-position: 0 -23px;
}

/* ===================== */
/* Carousel(Slider) 功能 */
/* ===================== */
.item {
    background: #333;
    text-align: center;
}

.carousel {
    margin-top: 20px;
}

.bs-example {
    margin: 20px;
}
/* ========= */
/* Info Icon */
/* ========= */
.info-tab {
    width: 36px;
    height: 50px;
    float: left;
    margin-left: -21px;
    position: relative;
    top: 6px;
    background-image: url('../Images/sprite.png');
}

.note-box, .warning-box, .tip-box {
    padding: 15px 15px 4px 25px;
}

.note-box {
    color: #144261;
    background: #d5e9f6;
}

.warning-box {
    color: #913944;
    background: #ecd2d7;
}

.tip-box {
    color: #2e5014;
    background: #d5efc2;
}

.note-icon {
    background-position: 0 0;
}

.warning-icon {
    background-position: 0 -60px;
}

.tip-icon {
    background-position: 0 -120px;
}

.blockquote {
    color: #bf5e00;
    background: #fff4d9 url(../Images/important.png) no-repeat 26px 6px;
    padding: 14px 10px 10px 90px;
    margin: 0;
    min-height: 50px;
}

/* ======== */
/* ListView */
/* ======== */
#listview li {
    display: block;
}