MAG CH130 X

Opis produktu

Datasheet * { padding: 0; margin: 0; box-sizing: border-box; -webkit-box-sizing: border-box; } #msi-feature { font-family: "CenturyGothic", "微軟正黑體", "Aril", sans-serif; font-size: 18px; background: #fff; color: #000; line-height: 1.6; padding: 0px; display: block; } #msi-feature * { -webkit-box-sizing: border-box; box-sizing: border-box; } #msi-feature img { max-width: 100%; /* width: expression(document.body.clientWidth>100? "100%": "auto"); */ overflow: hidden; } .pm { padding-bottom: 0 !important; } .pt { padding-top: 0 !important; } #msi-feature .msi-feature { width: 100%; max-width: 1200px; margin: 0 auto; padding: 20px 0 60px; } #msi-feature .msi-feature__img--full { width: 100%; } #msi-feature .msi-feature--center { text-align: center; } #msi-feature .msi-feature:first-child { padding-top: 60px; } #msi-feature .msi-feature__imgbox { padding-bottom: 25px; } #msi-feature .msi-feature__imgbox--order1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #msi-feature .msi-feature__imgbox--order2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #msi-feature .msi-feature__icon { padding-bottom: 20px; } #msi-feature .msi-feature__common--red { color: #ea2023; } #msi-feature .msi-feature__common--gray { color: #999; } #msi-feature .msi-feature__title { font-size: 28px; font-weight: bold; padding-bottom: 15px; text-transform: uppercase; } #msi-feature .msi-feature__title_sub { font-weight: bold; font-size: 20px; padding-bottom: 15px; text-transform: uppercase; } #msi-feature .msi-feature__text { padding-bottom: 25px; } #msi-feature .msi-feature__note { font-size: 16px; padding-bottom: 25px; } #msi-feature .msi-feature__items { margin: 0 0 0 20px; padding: 0 0 25px 0; } #msi-feature .msi-feature__items li { padding: 2px 0; font-size: 18px; } #msi-feature .msi-feature__btn { padding: 20px 0 25px; } #msi-feature .msi-feature__btn a, #msi-feature .msi-feature__btn button { color: #fff; display: inline-block; padding: 10px 30px; text-decoration: none; outline: none; margin: 0 5px; font-size: 18px; cursor: pointer; } #msi-feature .msi-feature__btn a:hover, #msi-feature .msi-feature__btn button:hover { background: none; } #msi-feature .msi-feature__btn--gray a, #msi-feature .msi-feature__btn--gray button { border: #999 1px solid; background: #999; } #msi-feature .msi-feature__btn--red a, #msi-feature .msi-feature__btn--red button { border: #ea2023 1px solid; background: #ea2023; } #msi-feature .msi-feature__btn--red a:hover, #msi-feature .msi-feature__btn--red button:hover { color: #ea2023; } #msi-feature .msi-feature__textbox { width: calc(50% - 20px); } #msi-feature .msi-feature__textbox--order1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #msi-feature .msi-feature__textbox--order2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #msi-feature .msi-feature__box--col2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #msi-feature .msi-feature__box--col2 .msi-feature__imgbox { width: calc(50% - 20px); } #msi-feature .msi-feature__box--col2 .msi-feature__imgbox img { width: 100%; } #msi-feature .msi-feature__box--col2--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #msi-feature .msi-feature__box--col3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #msi-feature .msi-feature__box--col3 .msi-feature__imgbox img { width: 100%; } #msi-feature .msi-feature__box--col3 .msi-feature__item { width: calc(100% / 3 - 20px); } #msi-feature .msi-feature__videobox { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } #msi-feature .msi-feature__videobox iframe, #msi-feature .msi-feature__videobox object, #msi-feature .msi-feature__videobox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } #msi-feature .msi-feature__table { display: table; width: 100%; border-spacing: 5px; margin-bottom: 25px; } #msi-feature .msi-feature__table .tr { display: table-row; } #msi-feature .msi-feature__table .th { display: table-cell; padding: 10px; border-bottom: #999 2px solid; font-weight: bold; vertical-align: middle; background: #111; } #msi-feature .msi-feature__table .td { display: table-cell; padding: 10px; color: #ccc; vertical-align: middle; border-bottom: #333 1px solid; } #msi-feature .msi-feature__table2 { display: table; width: 100%; border-spacing: 5px; margin-bottom: 25px; } #msi-feature .msi-feature__table2 .tr { display: table-row; } #msi-feature .msi-feature__table2 .th { display: table-cell; padding: 10px; font-weight: bold; vertical-align: middle; background: #111; } #msi-feature .msi-feature__table2 .td { display: table-cell; padding: 10px; color: #ccc; vertical-align: middle; border-bottom: #333 1px solid; } #msi-feature .btnsty { display: flex; align-items: center; flex-flow: wrap; }