/* container */
.accordion{float:left;width:99%;height:0 auto;overflow:hidden;margin-top:20px;}
/* item */
.accordion-item{background: #fff;border-radius:8px;margin-bottom:10px;box-shadow:0 2px 6px rgba(0,0,0,0.1);overflow: hidden;}
    /* hide checkbox */
    .accordion-item input{display: none;}

/* title */
.header-title{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;cursor:pointer;font-weight:600;background:#1e5bb8;
    color: white;}
    /* icon */
    .header-title::after{content:"+";font-size:20px;transition:0.3s;}

/* content */
.accordion-content{max-height:0;overflow:hidden;transition: all 0.4s ease;background: #fafafa;padding: 0 20px;}
    .info-table{width:100%;border:3px solid #ccc;border-collapse:separate;border-spacing:0;font-family:"Times New Roman", serif;}

.info-table tr.line1{background-color:#e3e9f2;}
.info-table td{padding:10px 12px;vertical-align:middle;}

/* đường kẻ đôi giữa các dòng */
.info-table tr td{border-top:4px double #ccc;}
.info-table tr:first-child td{border-top:none;}
.info-table tr td.label{width:30%;border-right:2px solid #ccc;}
.info-table tr td.value{width:70%;}

/* open */
.accordion-item input:checked ~ .accordion-content{max-height:1500px;padding:15px 20px;}
.accordion-item input:checked + .header-title::after{content: "−";}

/* responsive */
@media(max-width:600px) {
    .header-title{font-size:14px;padding:12px;}
    .accordion-content{font-size: 14px;}
}


@media (min-width: 1821px) 
{
}
@media (min-width: 1440px) and (max-width: 1820px) 
{
}      
@media (min-width: 1024px) and (max-width: 1440px) 
{   
}        
@media (min-width: 768px) and (max-width: 1023px) 
{
}
@media (min-width: 480px) and (max-width: 767px) 
{
}
@media (max-width: 479px) 
{
}