*{ padding: 0; margin: 0; list-style: none; } a{ text-decoration: none; color: #009dd9; } .toptitle{ width: 100%; height: 100px; line-height: 100px; background: transparent url('https://p4-ofp.static.pub/ShareResource/cap/where-to-buy/img/top-banner-1920x200-0105.png') 0% 0% no-repeat padding-box; } .toptitle h2{ margin-left: 10%; } #container{ width: 80%; margin: 0 auto; padding: 10px 0 50px 0; } .firsttab{ width: 100%; height: 35px; border-bottom: 1px solid; } .firsttab ul li{ float: left; width: 20%; height: 35px; line-height: 35px; text-align: center; font-size: 14px; margin-right: 10px; cursor: pointer; } .firsttab ul li:hover{ background: rgba(41, 78, 149, 1)  !important; color: #fff; } .secondtab{ width: 100%; margin-top: 20px; } .firsttab .active{ background: rgba(41, 78, 149, 1)  !important; color: #fff; } .secondtab-first p:nth-child(2){ color: #f93; font-weight: bold; font-size: 20px; } .secondtab-first{ font-size: 14px; } .secondtab-first p,.secondtab-first ul{ margin: 5px 0 20px 30px; } .secondtab-first ul li{ list-style: disc  !important; } .secondtab-second .content{ display: none; } .secondtab-second .title{ background-image: url(https://p1-ofp.static.pub/fes/cms/2020/12/23/th5vvug8miz54q3jcwqrb8oikur5f3558517.jpg); background-repeat: no-repeat; background-position: 98% 15px; background-size: 20px; border-bottom: 1px solid; height: 50px; line-height: 50px; font-weight: bold; cursor: pointer; } .secondtab-second .title.active{ background-image: url(https://p4-ofp.static.pub/fes/cms/2021/05/27/sca6f2oyjpnmc5ytz7kog6iv8k7kcv538406.svg); border-bottom: none; } .secondtab-second .content .dataintable{ width: 90%; margin: 10px auto; border-collapse: collapse; font-size: 11px; } .secondtab-second .content .even{ background: #f5f5f5; } .secondtab-second .content .even th{ padding: 5px 15px 5px 5px; border: 1px solid #c3aeae; background: #f5eaea; text-align: left; } .secondtab-second td{ padding: 3px 10px 3px 5px; border: 1px solid #ccc; } @media screen and (max-width:667px) { #container{ width: 95%; } .toptitle{ background: transparent url('https://p2-ofp.static.pub/ShareResource/cap/where-to-buy/img/top-banner-750x118-0105.png') 0% 0% no-repeat padding-box; } .toptitle h2{ font-size: 18px; margin-left: 5px; } .firsttab{ border: none; } .firsttab ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .firsttab ul li{ width: 45%; font-size: 12px; border: 1px solid; margin-right: 0; margin-bottom: 10px; } }