main {overflow-x: hidden; font-size: 16pt; line-height: 24pt; margin: 0; padding: 0; font-family: 'Rajdhani', sans-serif, 'Microsoft JhengHei', Arial;}
main p {font-size: 16pt; line-height: 24pt; margin: 0;}
section:not(.section-header) {padding-left: 1rem; padding-right: 1rem;}
main .section-hero {padding-top: 90px; background: url('https://images.evga.com/articles/01559/hero-bg.png') no-repeat center top; background-size: cover;}
main .section-hero .flex-direction {display: flex; flex-direction: row;}
main .section-hero img {margin: 0 auto 15px;}
main .section-hero title {margin-bottom: 15px;}
main .section-hero p {margin: 15px auto;}
main .section-hero a.nv-btn {margin: 15px auto;}
main .section-hero .partner-Logo {display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width: 135px; margin-top: 15px;}
main .section-hero .partner-Logo img {width: 100%; height: 100%; margin: 15px 15px 0 0;}
main .section-shopnow {margin-top: 45px;}
main .section-shopnow .shoplist {display: flex; flex-wrap: wrap;}
main .section-shopnow h2 {font-size: 36pt; line-height: 36pt; font-weight: bold; margin: 15px auto;}
main .section-shopnow img {margin-bottom: 15px; margin-top: 45px; transform: scale(1.0); transition: .2s;}
main .section-shopnow img:hover {transform: scale(1.1); transition: .5s;}
main .section-shopnow p.product-name {font-size: 18pt; font-weight: bold; margin: 15px auto; text-align: center; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;*/}
main .section-shopnow p.product-price {font-size: 24pt; font-weight: bold; margin: 15px auto; text-align: center;}
main .section-shopnow a.nv-btn {margin: 15px auto;}
main .section-hr .scontainer {max-width: 1400px;}
main .section-hr img {width: 100%;}
main .section-footer {margin: 45px auto;}
main .section-footer .partner-Logo {display: flex; align-items: center; flex-direction: row; width: auto; margin: 15px auto;}
main .section-footer p {font-size: 12pt; line-height: 16pt; font-weight: 500; color: #666; margin: 15px auto;}

main .section-shopnow .scontainer .row {display: flex; justify-content: center;}
main .section-shopnow .scontainer .row .tab {color: #fff; width: 90%;}
main .section-shopnow .scontainer .row .tab nav ul {list-style-type: none; overflow: hidden; border-bottom: 1px solid #ccc; margin: 10px 25px; display: flex;}
main .section-shopnow .scontainer .row .tab nav ul li {border-bottom: 3px solid transparent; display: flex; justify-content: center; align-items: center; width: 33.33%; padding: 5px 0px; margin: 0; text-align: center; color: #888; cursor: pointer; transition: all .3s ease;}
main .section-shopnow .scontainer .row .tab nav ul li p {font-weight: 600;}
main .section-shopnow .scontainer .row .tab nav ul li img {transition: .3s;}
main .section-shopnow .scontainer .row .tab nav ul li:hover img {transform: scale(1.05);}
main .section-shopnow .scontainer .row .tab nav ul li.btnActive {border-bottom: 3px solid #fff; color: #fff; background: -webkit-linear-gradient(180deg, rgb(255, 255, 255) 0, rgb(255, 255, 255) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index: 1; margin: 0;}
main .section-shopnow .scontainer .row .tab .tabBody section {padding: 0; width: 100%; position: relative;}
main .section-shopnow .scontainer .row .tab .tabBody section p {padding: 0; color: #fff;}
/* main .section-shopnow .scontainer .row .tab .tabBody section .col-12 {position: relative; padding-bottom: calc(100% * 580 / 1000);} */
/* main .section-shopnow .scontainer .row .tab .tabBody section .col-12 img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin-bottom: 0;} */

/* .fade-enter-active, .fade-leave-active {transition: all .3s ease; opacity: 1;} */
/* .fade-enter, .fade-leave, .fade-leave-to {transform: translateX(10px); opacity: 0;} */
/* .fade-leave-to {display: none;} */

/* .fade-enter-active {animation: bounce-in .5s;} */
/* .fade-leave-active {animation: bounce-in .5s reverse;} */
/* @keyframes bounce-in { 0% {transform: scale(0);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}} */

.nv-btn {padding: 10px 15px; display: inline-block; background-color: #76b900; color: #fff; border: 0; font-size: 16pt; font-weight: 600; transition: .2s;}
.nv-btn:hover {background-color: #76d300;}
.text-center {text-align: center;}
.spanBlock30 {width: 30px; height: 30px;}
.mobile-br:before {content: ''; display: block;}

@media (max-width: 800px) {
  main .section-hero {padding-top: 0px; background-size: auto 35%;}
  main .section-hero .flex-direction {flex-direction: column-reverse;}
  main .section-hero img {margin: 15px auto;}
  main .section-hero .partner-Logo {display: flex; flex-direction: column; margin-top: 0;}
  main .section-hero .partner-Logo img {margin: 15px auto;}
  main .section-hero .partner-Logo .spanBlock30 {display: none;}
  main .section-shopnow h2 {font-size: 24pt; line-height: 24pt;}
  main .section-shopnow img {margin-bottom: 15px; margin-top: 30px;}
  main .section-footer .partner-Logo {flex-direction: column; width: 135px;}
  .mobile-br:before {content: ''; display: inline-block;}

  main .section-shopnow .scontainer .row .tab nav ul li {padding: 5px; display: flex; justify-content: center; align-items: center;}
  /* main .section-shopnow .scontainer .row .tab nav ul li p {font-size: 1.1rem; line-height: 1.3;} */
  /* main .section-shopnow .scontainer .row .tab .tabBody section p {font-size: 1.0rem;} */
}

@media (max-width: 500px) {
  /* main .section-shopnow .scontainer .row .tab .tabBody section p {padding: 0 5%; font-size: 0.9rem; line-height: 1.5; text-align: left;} */
  main .section-shopnow .scontainer .row .tab nav ul {display: block;}
  main .section-shopnow .scontainer .row .tab nav ul li {display: flex; justify-content: flex-start; width: 100%; border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; transform: translateY(2px); transition: transform .3s ease; font-size: 14px; font-weight: 600;}
  /* main .section-shopnow .scontainer .row .tab nav ul li p {font-size: 1.3rem; line-height: 1.2; text-align: left;} */
  main .section-shopnow .scontainer .row .tab nav ul li.btnActive {-webkit-text-fill-color: white;}
}