@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {
    height: 100%;
}
body {
    font-family: 'Nanum Gothic';
    height: 100%;
}


@media (max-width: 990px){
    .mobile {
        display: none;
    }
}

.dropdown-toggle::after {
    content: none;
}

.card-body img {
    width:100%;
}

.card-body table {
    font-size: 13px;
}

#main 
{
    
    min-height: 85%;
    position: relative;
}


.foot {
    position: absolute;
    bottom: 0;
    width: 100%;
}



.mySlides 
{
    display: none
}
    
.adviewImg
{
    vertical-align: middle;
    width: 1500px;
    height: 1000px;
}

/* Slideshow container */
.slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev, .next {
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: black;
    font-weight: bold;
    font-size: 18px;
      
}

/* Position the "next button" to the right */
.next {
    right: 0;      
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: silver;
}


/************************************************
*		其捞隆 : Paginate						*
************************************************/

.paginate{padding:15px 0;text-align:center;line-height:normal}
.paginate *{min-width:30px;height:30px;margin:0 3px;padding:0;font-size:14px;color:#999;line-height:30px;text-decoration:none;vertical-align:middle;position:relative;display:inline-block;}
.paginate a{background-color:#f1f1f1;border:1px solid #ddd;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus,
.paginate a.on{background-color:#c92428;border:1px solid #c92428;color:#fff;}
.paginate .prev{margin:0 17px 0 0;background:#f1f1f1 url(../images/icon/pn_prev_up1.png) no-repeat center 50%;border:1px solid #ddd;}
.paginate .next{margin:0 0 0 17px;background:#f1f1f1 url(../images/icon/pn_next_up1.png) no-repeat center 50%;border:1px solid #ddd;}
.paginate .prev:hover,
.paginate .prev:active,
.paginate .prev:focus{background:#c92428 url(../images/icon/pn_prev_ov1.png) no-repeat center 50%;border:1px solid #c92428;}
.paginate .next:hover,
.paginate .next:active,
.paginate .next:focus{background:#c92428 url(../images/icon/pn_next_ov1.png) no-repeat center 50%;border:1px solid #c92428;}

.pagebtn{height:30px;margin:20px 0 50px;position:relative;}
.pagebtn .pb_prev{width:90px;height:30px;padding:0 15px;background:#f1f1f1 url(../images/icon/pn_prev_up1.png) no-repeat 10px 50%;border:1px solid #ddd;text-align:right;line-height:30px;display:block;position:absolute;left:0;top:0;}
.pagebtn .pb_prev:hover,
.pagebtn .pb_prev:active,
.pagebtn .pb_prev:focus{background:#c92428 url(../images/icon/pn_prev_ov1.png) no-repeat 10px 50%;border:1px solid #c92428;color:#fff;}

.pagebtn .pb_list{width:90px;height:30px;margin:0 auto;padding:0 15px;background-color:#f1f1f1;border:1px solid #ddd;text-align:center;line-height:30px;display:block;}
.pagebtn .pb_list:hover,
.pagebtn .pb_list:active,
.pagebtn .pb_list:focus{background-color:#c92428;border:1px solid #c92428;color:#fff;}

.pagebtn .pb_next{width:90px;height:30px;padding:0 15px;text-align:left;line-height:30px;display:block;position:absolute;right:0;top:0;}
.pagebtn .pb_next{background:#f1f1f1 url(../images/icon/pn_next_up1.png) no-repeat 67px 50%;border:1px solid #ddd;}
.pagebtn .pb_next:hover,
.pagebtn .pb_next:active,
.pagebtn .pb_next:focus{background:#c92428 url(../images/icon/pn_next_ov1.png) no-repeat 67px 50%;border:1px solid #c92428;color:#fff;}


.clear{width:100% !important;height:0 !important;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;display:block !important;float:none !important;clear:both !important;overflow:hidden !important;}


/************************************************
*                    CSS 2019 07                *
************************************************/
#pannel_1
{
    border-right: 2px solid black;
    float: left;
    width:60%;
    height: 100%;
}

#pannel_2
{
        
    width:40%;
    float: right;
}

.table-wrapper
{
    width: 100%;
    height: 1000px;
    overflow: auto;

}

.ad_list{margin:0;padding:0;position:relative;}
#pannel_2 .table-wrapper button {width:60%;height:50px;margin:0 auto;background-color:#dc3545;text-align:center; font-size:16px; font-weight:400;color:#fff;line-height:50px; display:block;}

.user-row {
    margin-bottom: 14px;
}

.user-row:last-child {
    margin-bottom: 0;
}

.dropdown-user {
    margin: 13px 0;
    padding: 5px;
    height: 100%;
}

.dropdown-user:hover {
    cursor: pointer;
}

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

.table-user-information > tbody > tr:first-child {
    border-top: 0;
}


.table-user-information > tbody > tr > td {
    border-top: 0;
}
.toppad
{margin-top:20px;
}

.w_table{display:block;}
.m_table{display:none;}




/************************************************
*		RESPONSIVE								*
************************************************/
@media all and (max-width:980px)
{
    .ad_list{width:100% !important;position:relative;}
    .ad_list .container-fluid .row .col-md-3{width:100% !important;}

    #pannel_1 .table-wrapper{
        height: 160px;
    }
    #pannel_2{margin-bottom:50px;}
    #pannel_2 .table-wrapper table{width:100% !important;margin-left:0 !important;}
    #pannel_2 .table-wrapper button {width:100%;height:50px; background-color:#dc3545;text-align:center; font-size:16px; font-weight:400;color:#fff;line-height:50px; display:block;}
    #pannel_2 .table-wrapper{
        height: 500px;
    }

    .w_table{display:none;}
    .m_table{display:block;}
    
    
    
}