MSI Pro MP242 23.8 inch IPS 75Hz Eye Care Monitor
- 23.8 inch
- 1920 x 1080
- IPS
- 75HZ
- 250NITS
- 5MS
- VGA HDMI
- 3Y WARRANTY
100?”100%”:”auto”);
overflow: hidden;
}
#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;
color: #666;
}
#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–gray a:hover, #msi-feature .msi-feature__btn–gray button:hover {
color: #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: #eee 2px solid;
font-weight: bold;
vertical-align: middle;
background: #999;
color: #fff;
}
#msi-feature .msi-feature__table .td {
display: table-cell;
padding: 10px;
color: #666;
vertical-align: middle;
border-bottom: #ccc 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: #999;
color: #fff;
}
#msi-feature .msi-feature__table2 .td {
display: table-cell;
padding: 10px;
color: #666;
vertical-align: middle;
border-bottom: #ccc 1px solid;
}
@media screen and (max-width: 960px) {
#msi-feature .msi-feature {
padding: 15px 10px 40px;
}
#msi-feature .msi-feature__title {
font-size: 24px;
}
#msi-feature .msi-feature__icon {
max-width: 25%;
margin: 0 auto;
}
#msi-feature .msi-feature__box–col2, #msi-feature .msi-feature__box–col3 {
display: block;
}
#msi-feature .msi-feature__box–col2 .msi-feature__item,
#msi-feature .msi-feature__box–col2 .msi-feature__imgbox, #msi-feature .msi-feature__box–col3 .msi-feature__item,
#msi-feature .msi-feature__box–col3 .msi-feature__imgbox {
width: 100%;
}
#msi-feature .msi-feature__textbox {
width: 100%;
}
}
–>
With Efficiency & Effectiveness
Screen Colors & Brightness