/* 主題顏色 獨立檔案 */ /* lightGray */ .resellerContainer--theme { --theme-background #ffffff; --theme--titleColor #0f1111; --theme-textColor #0f1111; } .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 15px; padding-right 15px; padding-top 25px; padding-bottom 25px; flex 0 0 100%; } @media (min-width 576px) { .resellerContainer .resellerCol-4, .resellerContainer .resellerCol-3 { padding-left 15px; padding-right 15px; padding-top 25px; padding-bottom 25px; flex 0 0 50%; } } .resellerContainer .resellerRow { display flex; flex-wrap wrap; margin 0 -15px; } @media (min-width 992px) { .resellerContainer .resellerCol-3 { padding-left 15px; padding-right 15px; padding-top 25px; padding-bottom 25px; flex 0 0 33.3333333333%; } } @media (min-width 992px) { .resellerContainer .resellerCol-4 { padding-left 15px; padding-right 15px; padding-top 25px; padding-bottom 25px; flex 0 0 33.3333333333%; } } .resellerContainer .resellerCol-12 { padding-left 15px; padding-right 15px; padding-top 25px; padding-bottom 25px; 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__imageBoxbefore { content ""; display block; padding-top 50%; } } @media (min-width 992px) { .resellerContainer .resellerOneCard .cardImage { position absolute; top -50%; left 0; } } .resellerBigFeature__content ol libefore, .resellerBigFeature__content ul libefore, .resellerContainer .contentBulletPoint__itembefore, .resellerContainer .msiCard__content ol libefore, .resellerContainer .msiCard__content ul libefore { 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__imageBoxbefore { content ""; display block; padding-top 50%; } @media (min-width 992px) { .msiCard__imageBoxbefore { 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 libefore { 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 libefore { counter-increment d
.