@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

.tabs_lightgray {
    width: auto;
    margin: 0px auto;
}
.tabs_lightgray .tabs {
    overflow: hidden;
    border-bottom: 6px solid #555;
    padding: 0 0 60px 0;
}
.tabs_lightgray ul {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
    gap: 20px;
    list-style: none;
    padding-inline-end: 40px;
}
.tabs_lightgray ul li {
    border-right: 1px solid #fff;
}
.tabs_lightgray ul li:last-child {
    margin: 0;
    padding: 0;
    border-right: 0px solid #fff;
}
.tabs_lightgray ul li h2 {
    cursor: pointer;
    line-height: 1;
}
.tabs_lightgray ul li:hover h2 {
    color: #aa9f52;
}
.tabs_lightgray ul li.current h2 {
    color: #aa9f52;
}

.panes_body {
    display: none;
}
.panes_body:first-child {
    display: block;
}
.tab {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}



/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*iPad Pro*/
@media screen and (max-width: 1279px) {
}

/*iPad*/
@media screen and (max-width: 1023px) {
}

/*iPhone*/
@media screen and (max-width: 767px) {
    .tabs_lightgray ul {
        justify-content: space-between;
    }
}