/* Add here all your css styles (customizations) */

.da-slide {
    margin-top:-50px;
}

.header .logo img {
    margin: 15px 0;
}

.header-fixed .header.header-fixed-shrink .logo img {
    max-width: 200px;
    margin: 45px 0 -4px;
}

.footer {
    margin-top: 50px;
}


.da-slide .da-img {
    margin-left: 0%; 
    margin-top:30px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

    background-color:transparent;
    border-color: #ddd;
}

slide p i {
    padding: 0px; 
}
body {
font-family:Microsoft JhengHei,微軟正黑體;
font-size:1.5em;
}

* {
font-family:Microsoft JhengHei,微軟正黑體;
}

h1, h2, h3, h4, h5, h6 {
font-family:Microsoft JhengHei,微軟正黑體;
font-weight:bold;
}


.line-icon-page .item-box {
    width: 33.33333333333333%;
    padding: 15px 10px;
}

.line-icon-page .item-box a {
text-decoration:none;
}

.breadcrumbs.breadcrumbs-dark {
    background: #222;
    padding: 10px 0 10px; 
    border-bottom: solid 3px #777;
}

.info-blocks-in a {
text-decoration:none;
}
.da-slide h2 i {
    background-color:transparent;
    font-weight:bold;
}

.sidebar-nav-v1 li ul a {
    font-size: 15px;
}

.da-slide h2 {
    text-shadow: #000000 0px 0px 10px;
}

.da-slide p i {
    text-shadow: #fef365 0px 0px 10px;
    color: #000;
    background-image:none;
}

.footer-v1 .footer {
    background: #721f6e;
}

.MyPager td {
    padding-left: 10px;
}


.rbl td{
padding-right:15px;
}

/*訊息對話框RWD*/
.blockMsg {
    width: 60% !important;
    left: 20% !important;
    font-size: 12pt !important;
}

@media screen and (min-width: 601px) and (max-width: 1024px) {
    .blockMsg {
        width: 70% !important;
        left: 15% !important;
        font-size: 12pt !important;
    }
}

@media screen and (max-width: 600px) {
    .blockMsg {
        width: 90% !important;
        left: 5% !important;
        font-size: 11pt !important;
    }

        .blockMsg font {
            font-size: 12pt;
        }
}

label {
    margin-right: 10px;
}

.main-footer{
    padding-bottom:30px;
    font-size:9pt;
}

.skin-blue .main-header .navbar {
    background-color: #21af98;
}

.skin-blue .main-header .logo {
    background-color: #198876 ;
}

    .skin-blue .main-header .logo:hover {
        background-color: #176f61;
    }

.box-default {
    padding: 15px
}

   

    .box-default .container-fluid {
        padding: 0
    }
.table-bordered>tbody>tr:first-child>td , .table-bordered>tbody>tr:first-child>th{background: #21af98 !important; color: #FFF !important }
.table-striped>tbody>tr:nth-of-type(odd){
    background-color: #eaeaea;
}
.table-consider>tbody>tr:nth-of-type(odd){
    background-color: #eaeaea;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
td p{margin:0}
.col-md-12>.col-md-12 , .container-fluid>.col-md-12 {padding: 0}
.table>tbody>tr>td {vertical-align: middle;}
.nav-tabs-custom>.nav-tabs>li>a:hover {
    color: inherit;
}
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
    background-color: #e6e6e6;
    border: 0;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #21af98;
}
.nav-tabs-custom>.nav-tabs {
	border-bottom-color: #cccccc;}
.table-bordered{width: 100%}
#tb_search td{padding: 10px}
#tb_search{background: #eaeaea;}
#ContentPlaceHolder1_UpdatePanel1>.container{padding: 0}
#tb_search{margin-bottom: 10px}
#ContentPlaceHolder1_btnTrun , #ContentPlaceHolder1_btnTrunDelete , #ContentPlaceHolder1_btnTrunColumn , #ContentPlaceHolder1_btnTrunDeleteColumn{margin: 10px}
.box.box-solid.box-success {
    border: 1px solid #ff8535;
}
.box.box-solid.box-success>.box-header {
    color: #fff;
    background: #ff8535;
    background-color: #ff8535;
}
.box>.row>.col-md-12>.col-md-3{padding: 0}

.table-page>tbody>tr:first-child>td{background: inherit!important;color:inherit !important;padding: 8px;}

.table-page table td span{box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);    margin-right: 8px;    display: block;    border-radius: 4px;background: #21af98;color: #FFF;padding: 6px 9px;}

.table-page table td a{box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);    margin-right: 8px;    display: block;    border-radius: 4px;padding: 6px 9px;color: #21af98;transition: all 0.5s}

.table-page table td a:hover{    color: #ffffff;  background: #21af98; transition: all 0.5s}
.table-page tr:nth-child(2){background: #eaeaea;}
.table-page{width:100% !important}

table input , table select{color: #333}