<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
#kolab_logo{
    width: 65%;
    display: inline-block;
}

#point_label{
    margin-top: 5px;
    display: inline-block;
    font-size: 1.5em;
}

/* ì&nbsp;„ì²´ ì»¨í…Œì´ë„ˆ ë° ê°„ê²© ì„¤ì&nbsp;• */
.col-6 {
    width: 50%; /* ì»¨í…Œì´ë„ˆ ë„ˆë¹„ë¥¼ ë¶€ëª¨ì˜ 50%ë¡œ ì„¤ì&nbsp;• */
    float: left; /* ì˜†ìœ¼ë¡œ ë‚˜ëž€ížˆ ë°°ì¹˜ */
    box-sizing: border-box; /* íŒ¨ë”©ê³¼ í…Œë‘ë¦¬ë¥¼ ë„ˆë¹„ì— í¬í•¨ */
    padding: 5px; /* ì•ˆìª½ ì—¬ë°± ì„¤ì&nbsp;• */
}
.row_center{
    display: flex;
    background-color: white;
    text-align: right;
    padding: 22px;
    border-radius: 10px; /* í…Œë‘ë¦¬ ë‘¥ê¸€ê²Œ ì„¤ì&nbsp;• */
}
/* ì‚¬ìš©ìž ì¸ì‚¬ë§ ìŠ¤íƒ€ì¼ */
.hello_name {
    background: white; /* ë°°ê²½ìƒ‰ ì„¤ì&nbsp;• */
    border-radius: 10px; /* í…Œë‘ë¦¬ ë‘¥ê¸€ê²Œ ì„¤ì&nbsp;• */
    padding: 15px; /* ì•ˆìª½ ì—¬ë°± ì„¤ì&nbsp;• */
    text-align: center;
}

/* ì‚¬ìš©ìž ì´ë¦„ ìŠ¤íƒ€ì¼ */
.my_name strong {
    color: #333; /* ê¸€ì”¨ ìƒ‰ìƒ ì„¤ì&nbsp;• */
    font-size: 20px; /* ê¸€ì”¨ í¬ê¸° ì„¤ì&nbsp;• */
}

/* ë²„íŠ¼ ìŠ¤íƒ€ì¼ */
.btn-e {
    background-color: #333333; /* ë°°ê²½ìƒ‰ ì„¤ì&nbsp;• */
    color: white; /* ê¸€ì”¨ ìƒ‰ìƒ ì„¤ì&nbsp;• */
    border: none; /* í…Œë‘ë¦¬ ì&nbsp;œê±° */
    padding: 10px 20px; /* ì•ˆìª½ ì—¬ë°± ì„¤ì&nbsp;• */
    cursor: pointer; /* ë§ˆìš°ìŠ¤ ì˜¤ë²„ ì‹œ ì»¤ì„œ ë³€ê²½ */
    border-radius: 5px; /* í…Œë‘ë¦¬ ë‘¥ê¸€ê²Œ ì„¤ì&nbsp;• */
}
#order_select{
    display: block;
    width: 100%;
    padding: 10px;
    height: 85px;
}


#search_form{
    background-color: white;
}

#form-title{
    font-size: 1.6em;
    padding-left: 30px;
    padding-top: 30px ;
}


#smb_my_od{
    /*background-color: white;*/
}

.list-group-item{
    margin: 10px 0;
    /*background-color: white;*/
}

#status{
    padding-left: 20px;
    font-weight: bold;
}

#profile{
    height: 120px;
}

/* í¬ì¸íŠ¸ í‘œì‹œ ìŠ¤íƒ€ì¼ */
.my_po {
    color: #f8b500 !important; /* ê¸€ì”¨ ìƒ‰ìƒ ì„¤ì&nbsp;• */
    font-size: 1.4em;
    font-weight: 900; /* ê¸€ì”¨ êµµê²Œ ì„¤ì&nbsp;• */
    text-align: center; /* ê¸€ì”¨ ì¤‘ì•™ ì&nbsp;•ë&nbsp;¬ */
}

/* ì£¼ë¬¸ë‚´ì—­/ë°°ì†¡ì¡°íšŒ ë²„íŠ¼ ìŠ¤íƒ€ì¼ */
.tap_btn {
    display: block; /* ë¸”ë¡ ìš”ì†Œë¡œ ì„¤ì&nbsp;• */
    background-color: white; /* ë°°ê²½ìƒ‰ ì„¤ì&nbsp;• */
    text-align: center; /* ê¸€ì”¨ ì¤‘ì•™ ì&nbsp;•ë&nbsp;¬ */
    padding: 15px 0; /* ìƒí•˜ ì•ˆìª½ ì—¬ë°± ì„¤ì&nbsp;• */
    margin-bottom: 10px; /* ì•„ëž˜ìª½ ë§ˆì§„ ì„¤ì&nbsp;• */
    text-decoration: none; /* ë°‘ì¤„ ì&nbsp;œê±° */
    border-radius: 5px; /* í…Œë‘ë¦¬ ë‘¥ê¸€ê²Œ ì„¤ì&nbsp;• */
}

/* í™œì„±í™”ëœ ë²„íŠ¼ ìŠ¤íƒ€ì¼ */
.act_btn {
    background-color: #f8b500; /* ë°°ê²½ìƒ‰ ì„¤ì&nbsp;• */
    color: white !important; /* ê¸€ì”¨ ìƒ‰ìƒ ì„¤ì&nbsp;• */
}

.btn-e-indigo{
    display: inline-block;
    width: 40%;
}

.config{
    text-align: center;
}



.col-3{
    width: 24%;
    display: inline-block;
    text-align: center;
    margin: auto;
}

.col-5{
    width: 45%;
    display: inline-block;
    text-align: left;
    margin: 5px 0;
    height: 40px;
}

.date{
    text-align: center;
    margin: 10px;
    border: 1px solid  rgba(185, 180, 180, 0.59);
    border-radius: 5px;
}

#date_at{
    font-size: 2em;
    font-weight: bold;
    margin: 0 20px;
}

.col-5  input{
    width: 100%;
    height: 100%;
    font-size: 1.5em;
    font-weight: bold;
    padding: 0 10px;
}



.search_btn i {
    font-size: 1.5em;
}

.m_container{
    text-align: center;
}

.date_btn:hover{
    border-color: #f8b500 ;
    color: #ffcc00 ;
    cursor: pointer;
}

.active_date{
    /*border-color: #ffcc00  !important;*/
    color: #f8b500 ;
    font-weight: bold;
    border: 2px solid #f8b500 !important;
}


.date_btn{
    width: 100%;
    /*background: #007bff;*/
    padding: 10px;
    text-align: center;
    border: 1px solid  rgba(185, 180, 180, 0.59);
}

.search_input{
    width: 93%;
    text-align: center;
    padding: 10px;
    border-bottom: 2px solid black;

}


.search_area{
    display: block;
    border-bottom: 1px solid rgba(185, 180, 180, 0.59);
}

.order_status{
    border: 1px solid  rgba(185, 180, 180, 0.59);
    text-align: center;
    padding: 10px;
    width: 93%;
    margin-left: 30px;
}

.submit_btn{
    margin-top: 20px;
    padding: 15px;
    margin-left: 30px;
    width: 93%;
    background-color:  rgba(185, 180, 180, 0.59);
    margin-bottom: 20px;
}

.spacer{
    margin: 20px 0;
}



.col-2 img{
    padding: 10px;
    width: 100%;
    height: 100%;
    display: block;
}


.col-2{
    display: inline-block;
    width: 13%;
    margin-right: 10px;
}

.col-10{
    display: inline-block;
    width: 80%;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    font-family: Arial, sans-serif;
}

/* Page number and navigation links */
.pagination a {
    text-decoration: none;
    padding: 8px;
    margin: 0 5px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
}

/* Current page */
.pagination .current-page {
    background-color: #f8c53d;
    color: #fff;
    padding: 8px;
    margin: 0 5px;
}

/* Previous and Next links */
.pagination a:hover {
    background-color: #f8b500;
    color: #fff;
}

/* Page info text */
.page-info {
    margin: 0 10px;
}

/*ì´ë¯¸ì§€ ìƒ‰ ì¡°ì&nbsp;•*/
.wrapper, .basic-layout {
    background-color: #f2f4f6 !important;
}

#smb_my_ov{
    background-color: white;
    border: none;
}

.basic-body .basic-body-page{
    border: none;
}


@media (max-width: 768px){
    .col-6 {
        width: 100%;
        margin: 0;
    }

    .date .col-5{
        width: 100%;
        display: block;
    }

    .date .col-5 input{
        text-align: center;
    }
    #form-title{
        text-align: center;
    }

    .order_status{
        margin: auto;
        display: block;
        text-align: center;
    }
    .submit_btn{
        margin:20px auto;
        display: block;
    }

    #search_form{
        padding: 20px 0 ;
    }

    .tap_btn{
        border: 1px solid black;
    }

    #smb_my_od{
        margin-top: 250px;
    }

}

</pre></body></html>