MSI -/* 主題顏色 獨立檔案 */ /* lightGray */ .resellerContainer--theme{--theme-background: #ffffff; --theme--titleColor: #0f1111; --theme-textColor: #0f1111;} body, .resellerReset div, .resellerReset p, .resellerReset section, .resellerReset article, .resellerReset figure, .resellerReset h1, .resellerReset h2, .resellerReset h3, .resellerReset span, .resellerReset ol, .resellerReset ul, .resellerReset li{margin: 0; padding: 0;}.resellerReset{box-sizing: border-box;}.resellerReset *{box-sizing: border-box;}.resellerReset li{list-style: none;}.resellerReset .imageDefault{width: 100%; vertical-align: middle;}.resellerContainer{width: 100%; position: relative; padding: 0 15px; margin: 0 auto; min-width: 320px; background-color: var(--theme-background);}@media (min-width: 576px){.resellerContainer{max-width: 540px;}}@media (min-width: 768px){.resellerContainer{max-width: 720px;}}@media (min-width: 992px){.resellerContainer{max-width: 960px;}}@media (min-width: 1300px){.resellerContainer{max-width: 1170px;}}.resellerContainer--font{--font-title: 32px; --font-text: 16px; --font-cardTitle: 24px; --font-cardText: 16px; --font-contentTitle: 17px; --font-contentSubTitle: 17px; --font-contentDescription: 14px; --font-bulletPointItem: 13px; --font-noticeTitle: 13px; --font-noticeContent: 12px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", "Meiryo UI", Helvetica, Arial, sans-serif;}.resellerContainer .resellerCol-4, .resellerContainer .resellerCol-3{padding-left: 8px; padding-right: 8px; padding-top: 16px; padding-bottom: 16px; flex: 0 0 100%;}@media (min-width: 576px){.resellerContainer .resellerCol-4, .resellerContainer .resellerCol-3{padding-left: 8px; padding-right: 8px; padding-top: 16px; padding-bottom: 16px; flex: 0 0 50%;}}.resellerContainer .resellerRow{display: flex; flex-wrap: wrap; margin: 0 -15px;}@media (min-width: 992px){.resellerContainer .resellerCol-3{padding-left: 8px; padding-right: 8px; padding-top: 16px; padding-bottom: 16px; flex: 0 0 25%;}}@media (min-width: 992px){.resellerContainer .resellerCol-4{padding-left: 8px; padding-right: 8px; padding-top: 16px; padding-bottom: 16px; flex: 0 0 33.3333333333%;}}.resellerContainer .resellerCol-12{padding-left: 8px; padding-right: 8px; padding-top: 16px; padding-bottom: 16px; flex: 0 0 100%;}.resellerContainer .resellerOneCard .msiCard__content ul, .resellerContainer .resellerOneCard .msiCard__content ol{margin: 25px auto 0; text-align: left;}@media (min-width: 992px){.resellerContainer .resellerOneCard .msiCard__content ul, .resellerContainer .resellerOneCard .msiCard__content ol{width: 60%;}}.resellerContainer .resellerOneCard .msiCard__content{text-align: center;}@media (min-width: 992px){.resellerContainer .resellerOneCard .msiCard__content{width: 80%; margin: auto;}}.resellerContainer .resellerOneCard .msiCard__content .title{margin-top: 30px;}@media (min-width: 992px){.resellerContainer .resellerOneCard .msiCard__imageBox::before{content: ""; display: block; padding-top: 50%;}}@media (min-width: 992px){.resellerContainer .resellerOneCard .cardImage{position: absolute; top: -50%; left: 0;}}.resellerBigFeature__content ol li::before, .resellerBigFeature__content ul li::before, .resellerContainer .contentBulletPoint__item::before, .resellerContainer .msiCard__content ol li::before, .resellerContainer .msiCard__content ul li::before{display: inline; margin-right: 10px;}.resellerContainer .msiCard__content ul, .resellerContainer .msiCard__content ol, .resellerContainer .msiCard__content .text p, .resellerContainer .msiCard__content{margin-top: 15px;}.msiCard__imageBox{position: relative; overflow: hidden;}.msiCard__imageBox::before{content: ""; display: block; padding-top: 50%;}@media (min-width: 992px){.msiCard__imageBox::before{display: none;}}.msiCard__imageBox .cardImage{position: absolute; top: -50%; left: 0;}@media (min-width: 992px){.msiCard__imageBox .cardImage{position: static; top: unset; left: unset;}}.resellerContainer .msiCard__content ol{counter-reset: num;}.resellerContainer .msiCard__content ol li p{margin-top: 0;}.resellerContainer .msiCard__content ol li + li{margin-top: 10px;}.resellerContainer .msiCard__content ol li::before{counter-increment: num; content: counter(num) ".";}.resellerContainer .msiCard__content ul{counter-reset: dot;}.resellerContainer .msiCard__content ul li p{margin-top: 0;}.resellerContainer .msiCard__content ul li + li{margin-top: 10px;}.resellerContainer .msiCard__content ul li::before{counter-increment: dot; content: counter(dot, disc);}.resellerContainer .msiCard__content .title{color: var(--theme--titleColor); font-size: var(--font-cardTitle); font-weight: bold; line-height: 1.2;}.resellerContainer .msiCard__conten