# LUBA1 AWD Series

# Unboxing

# QSG

<div class="custom-container" id="bkmrk-luba-series-luba-ser"> <header> <div class="dropdown" id="bkmrk-luba-series-luba-ser-1"><div class="dropdown-selected">LUBA Series</div><div class="dropdown-options" id="bkmrk-luba-series-yuka-ser"><div class="dropdown-option">LUBA Series</div><div class="dropdown-option">YUKA Series</div> </div> </div>  ![Product Image](/uploads/images/luba2.webp) </header>---

 <div class="accordion-item">  [ ]  <label class="accordion-label" for="accordion-1">Unboxing</label><div class="accordion-content">- [Unboxing Video](/books/luba-series/page/unboxing-video)
 
 </div> </div><div class="accordion-item">  [ ]  <label class="accordion-label" for="accordion-2">Quick Start Guide</label><div class="accordion-content">- [How to install 4G SIM Card](/books/luba-series/page/quick-start)
 
 </div> </div></div><style id="bkmrk-%2F%2A-container-%2A%2F-.cus">
/* Container */
.custom-container {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 8px;
    max-width: 800px;
    margin: 0 auto;
}

/* Dropdown Menu */
.dropdown {
    position: relative;
    display: inline-block;
    width: 130px;
}

.dropdown-selected {
    padding: 8px 10px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

.dropdown-selected::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
}

.dropdown-options {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 4px;
    width: 100%;
}

.dropdown-option {
    padding: 8px 10px;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.dropdown-option:last-child {
    border-bottom: none;
}

.dropdown-option:hover {
    background-color: #f0f0f0;
}

/* Product Image */
.product-image {
    width: 120px;
    height: auto;
    border-radius: 8px;
}

/* Accordion */
.accordion-item {
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}

.accordion-label {
    display: block;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    background-color: #fff;
    cursor: pointer;
    border-radius: 4px;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    background-color: #fff;
    padding: 0 15px;
    font-size: 16px;
    list-style: none;
    margin: 0;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]:checked + label + .accordion-content {
    max-height: 200px; /* Adjust to fit content */
}

.accordion-content ul {
    padding: 10px 0;
    margin: 0;
    list-style: none;
}

.accordion-content ul li {
    padding: 5px 0;
}

.accordion-content ul li a {
    color: #007bff;
    text-decoration: none;
}

.accordion-content ul li a:hover {
    text-decoration: underline;
}
</style>