@charset "UTF-8";

@font-face {
font-family: 'Seg';
src: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/fonts/SegoeUI-Semilight.eot);
src: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/fonts/SegoeUI-Semilight.eot?#iefix) format('embedded-opentype'),
url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/fonts/SegoeUI-Semilight.woff) format('woff'),
url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/fonts/SegoeUI-Semilight.ttf) format('truetype');
font-weight: 200;
font-style: normal;
}
#mw_ebp #mc_ebp {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
#mw_ebp #mc_ebp {
margin: 0 auto;
}
#mw_ebp #mc_ebp>div {
width: inherit;
}
#mw_ebp #mc_ebp [data-ebp] {
background-color: #ffffff;
}
#mw_ebp #mc_ebp [data-ebp] article,
#mw_ebp #mc_ebp [data-ebp] aside,
#mw_ebp #mc_ebp [data-ebp] details,
#mw_ebp #mc_ebp [data-ebp] figcaption,
#mw_ebp #mc_ebp [data-ebp] figure,
#mw_ebp #mc_ebp [data-ebp] footer,
#mw_ebp #mc_ebp [data-ebp] header,
#mw_ebp #mc_ebp [data-ebp] hgroup,
#mw_ebp #mc_ebp [data-ebp] main,
#mw_ebp #mc_ebp [data-ebp] nav,
#mw_ebp #mc_ebp [data-ebp] section,
#mw_ebp #mc_ebp [data-ebp] summary {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] audio,
#mw_ebp #mc_ebp [data-ebp] canvas,
#mw_ebp #mc_ebp [data-ebp] progress,
#mw_ebp #mc_ebp [data-ebp] video {
display: inline-block;
vertical-align: baseline;
}
#mw_ebp #mc_ebp [data-ebp] audio:not([controls]) {
display: none;
height: 0;
}
#mw_ebp #mc_ebp [data-ebp] [hidden],
#mw_ebp #mc_ebp [data-ebp] template {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] a {
background: transparent;
}
#mw_ebp #mc_ebp [data-ebp] a:active,
#mw_ebp #mc_ebp [data-ebp] a:hover {
outline: 0;
}
#mw_ebp #mc_ebp [data-ebp] abbr[title] {
border-bottom: 1px dotted;
}
#mw_ebp #mc_ebp [data-ebp] b,
#mw_ebp #mc_ebp [data-ebp] strong {
font-weight: bold;
}
#mw_ebp #mc_ebp [data-ebp] dfn {
font-style: italic;
}
#mw_ebp #mc_ebp [data-ebp] h1 {
font-size: 2em;
margin: 0.67em 0;
}
#mw_ebp #mc_ebp [data-ebp] mark {
background: #ff0;
color: #000;
}
#mw_ebp #mc_ebp [data-ebp] small {
font-size: 80%;
}
#mw_ebp #mc_ebp [data-ebp] sub,
#mw_ebp #mc_ebp [data-ebp] sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
#mw_ebp #mc_ebp [data-ebp] sup {
top: -0.5em;
}
#mw_ebp #mc_ebp [data-ebp] sub {
bottom: -0.25em;
}
#mw_ebp #mc_ebp [data-ebp] img {
border: 0;
}
#mw_ebp #mc_ebp [data-ebp] svg:not(:root) {
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] figure {
margin: 1em 40px;
}
#mw_ebp #mc_ebp [data-ebp] hr {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
#mw_ebp #mc_ebp [data-ebp] pre {
overflow: auto;
}
#mw_ebp #mc_ebp [data-ebp] code,
#mw_ebp #mc_ebp [data-ebp] kbd,
#mw_ebp #mc_ebp [data-ebp] pre,
#mw_ebp #mc_ebp [data-ebp] samp {
font-family: monospace, monospace;
font-size: 1em;
}
#mw_ebp #mc_ebp [data-ebp] button,
#mw_ebp #mc_ebp [data-ebp] input,
#mw_ebp #mc_ebp [data-ebp] optgroup,
#mw_ebp #mc_ebp [data-ebp] select,
#mw_ebp #mc_ebp [data-ebp] textarea {
color: inherit;
font: inherit;
margin: 0;
}
#mw_ebp #mc_ebp [data-ebp] button {
overflow: visible;
}
#mw_ebp #mc_ebp [data-ebp] button,
#mw_ebp #mc_ebp [data-ebp] select {
text-transform: none;
}
#mw_ebp #mc_ebp [data-ebp] button,
#mw_ebp #mc_ebp [data-ebp] input[type="button"],
#mw_ebp #mc_ebp [data-ebp] input[type="reset"],
#mw_ebp #mc_ebp [data-ebp] input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
#mw_ebp #mc_ebp [data-ebp] button[disabled],
#mw_ebp #mc_ebp [data-ebp] input[disabled] {
cursor: default;
}
#mw_ebp #mc_ebp [data-ebp] button::-moz-focus-inner,
#mw_ebp #mc_ebp [data-ebp] input::-moz-focus-inner {
border: 0;
padding: 0;
}
#mw_ebp #mc_ebp [data-ebp] input {
line-height: normal;
}
#mw_ebp #mc_ebp [data-ebp] input[type="checkbox"],
#mw_ebp #mc_ebp [data-ebp] input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
#mw_ebp #mc_ebp [data-ebp] input[type="number"]::-webkit-inner-spin-button,
#mw_ebp #mc_ebp [data-ebp] input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
#mw_ebp #mc_ebp [data-ebp] input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
#mw_ebp #mc_ebp [data-ebp] input[type="search"]::-webkit-search-cancel-button,
#mw_ebp #mc_ebp [data-ebp] input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
#mw_ebp #mc_ebp [data-ebp] fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
#mw_ebp #mc_ebp [data-ebp] legend {
border: 0;
padding: 0;
}
#mw_ebp #mc_ebp [data-ebp] textarea {
overflow: auto;
}
#mw_ebp #mc_ebp [data-ebp] optgroup {
font-weight: bold;
}
#mw_ebp #mc_ebp [data-ebp] table {
border-collapse: collapse;
border-spacing: 0;
}
#mw_ebp #mc_ebp [data-ebp] td,
#mw_ebp #mc_ebp [data-ebp] th {
padding: 0;
}
#mw_ebp #mc_ebp [data-ebp] {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#mw_ebp #mc_ebp [data-ebp] {
font-family: 'Seg', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 1.3;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
color: inherit;
}
#mw_ebp #mc_ebp [data-ebp] *:before,
#mw_ebp #mc_ebp [data-ebp] *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#mw_ebp #mc_ebp [data-ebp] input,
#mw_ebp #mc_ebp [data-ebp] button,
#mw_ebp #mc_ebp [data-ebp] select,
#mw_ebp #mc_ebp [data-ebp] textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
#mw_ebp #mc_ebp [data-ebp] a {
color: #1abc9c;
text-decoration: none;
}
#mw_ebp #mc_ebp [data-ebp] a:hover,
#mw_ebp #mc_ebp [data-ebp] a:focus {
color: #117964;
text-decoration: none;
}
#mw_ebp #mc_ebp [data-ebp] a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#mw_ebp #mc_ebp [data-ebp] figure {
margin: 0;
}
#mw_ebp #mc_ebp [data-ebp] img {
vertical-align: middle;
}
#mw_ebp #mc_ebp [data-ebp] .img-responsive_ebp {
display: block;
width: 100% \9;
max-width: 100%;
height: auto;
}
#mw_ebp #mc_ebp [data-ebp] .img-rounded_ebp {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#mw_ebp #mc_ebp [data-ebp] .img-circle_ebp {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#mw_ebp #mc_ebp [data-ebp] hr {
margin-top: 19px;
margin-bottom: 19px;
border: 0;
border-top: 1px solid #eee;
}
#mw_ebp #mc_ebp [data-ebp] .sr-only_ebp {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#mw_ebp #mc_ebp [data-ebp] .sr-only-focusable_ebp:active,
#mw_ebp #mc_ebp [data-ebp] .sr-only-focusable_ebp:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
#mw_ebp #mc_ebp [data-ebp] h1,
#mw_ebp #mc_ebp [data-ebp] h2,
#mw_ebp #mc_ebp [data-ebp] h3,
#mw_ebp #mc_ebp [data-ebp] h4,
#mw_ebp #mc_ebp [data-ebp] h5,
#mw_ebp #mc_ebp [data-ebp] h6 {
line-height: 1.3;
color: inherit;
font-family: 'Seg', Arial, Vedana, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
}
#mw_ebp #mc_ebp [data-ebp] h1 small,
#mw_ebp #mc_ebp [data-ebp] h2 small,
#mw_ebp #mc_ebp [data-ebp] h3 small,
#mw_ebp #mc_ebp [data-ebp] h4 small,
#mw_ebp #mc_ebp [data-ebp] h5 small,
#mw_ebp #mc_ebp [data-ebp] h6 small {
font-weight: normal;
line-height: 1;
color: #777;
}
#mw_ebp #mc_ebp [data-ebp] h1,
#mw_ebp #mc_ebp [data-ebp] .h1_ebp,
#mw_ebp #mc_ebp [data-ebp] h2,
#mw_ebp #mc_ebp [data-ebp] .h2_ebp {
margin-top: 19px;
margin-bottom: 9.5px;
}
#mw_ebp #mc_ebp [data-ebp] h1 small,
#mw_ebp #mc_ebp [data-ebp] .h1_ebp small,
#mw_ebp #mc_ebp [data-ebp] h2 small,
#mw_ebp #mc_ebp [data-ebp] .h2_ebp small,
#mw_ebp #mc_ebp [data-ebp] h1 .small_ebp,
#mw_ebp #mc_ebp [data-ebp] .h1_ebp .small_ebp,
#mw_ebp #mc_ebp [data-ebp] h2 .small_ebp,
#mw_ebp #mc_ebp [data-ebp] .h2_ebp .small_ebp {
font-size: 65%;
}
#mw_ebp #mc_ebp [data-ebp] h3,
#mw_ebp #mc_ebp [data-ebp] .h3_ebp,
#mw_ebp #mc_ebp [data-ebp] h4,
#mw_ebp #mc_ebp [data-ebp] .h4_ebp,
#mw_ebp #mc_ebp [data-ebp] h5,
#mw_ebp #mc_ebp [data-ebp] .h5_ebp,
#mw_ebp #mc_ebp [data-ebp] h6,
#mw_ebp #mc_ebp [data-ebp] .h6_ebp {
margin-top: 9.5px;
margin-bottom: 9.5px;
}
#mw_ebp #mc_ebp [data-ebp] h3 small,
#mw_ebp #mc_ebp [data-ebp] .h3_ebp small,
#mw_ebp #mc_ebp [data-ebp] h4 small,
#mw_ebp #mc_ebp [data-ebp] .h4_ebp small,
#mw_ebp #mc_ebp [data-ebp] h5 small,
#mw_ebp #mc_ebp [data-ebp] .h5_ebp small,
#mw_ebp #mc_ebp [data-ebp] h6 small,
#mw_ebp #mc_ebp [data-ebp] .h6_ebp small,
#mw_ebp #mc_ebp [data-ebp] h3 .small_ebp,
#mw_ebp #mc_ebp [data-ebp] .h3_ebp .small_ebp,
#mw_ebp #mc_ebp [data-ebp] h4 .small_ebp,
#mw_ebp #mc_ebp [data-ebp] .h4_ebp .small_ebp,
#mw_ebp #mc_ebp [data-ebp] h5 .small_ebp,
#mw_ebp #mc_ebp [data-ebp] .h5_ebp .small_ebp,
#mw_ebp #mc_ebp [data-ebp] h6 .small_ebp,
#mw_ebp #mc_ebp [data-ebp] .h6_ebp .small_ebp {
font-size: 75%;
}
#mw_ebp #mc_ebp [data-ebp] h1 {
font-size: 39px;
}
#mw_ebp #mc_ebp [data-ebp] h2 {
font-size: 56px;
}
#mw_ebp #mc_ebp [data-ebp] h3 {
font-size: 36px;
}
#mw_ebp #mc_ebp [data-ebp] h4 {
font-size: 35px;
}
#mw_ebp #mc_ebp [data-ebp] h5 {
font-size: 24px;
}
#mw_ebp #mc_ebp [data-ebp] h6 {
font-size: 12px;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] h1 {
font-size: 39px;
}
#mw_ebp #mc_ebp [data-ebp] h2 {
font-size: 49px;
}
#mw_ebp #mc_ebp [data-ebp] h3 {
font-size: 36px;
}
#mw_ebp #mc_ebp [data-ebp] h4 {
font-size: 49px;
}
#mw_ebp #mc_ebp [data-ebp] h5 {
font-size: 24px;
}
#mw_ebp #mc_ebp [data-ebp] h6 {
font-size: 12px;
}
}
#mw_ebp #mc_ebp [data-ebp] p {
margin: 0 0 9.5px;
}
#mw_ebp #mc_ebp [data-ebp] .lead_ebp {
margin-bottom: 19px;
font-size: 17px;
font-weight: 400;
line-height: 1.4;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .lead_ebp {
font-size: 22.5px;
}
}
#mw_ebp #mc_ebp [data-ebp] small,
#mw_ebp #mc_ebp [data-ebp] .small_ebp {
font-size: 86%;
}
#mw_ebp #mc_ebp [data-ebp] cite {
font-style: normal;
}
#mw_ebp #mc_ebp [data-ebp] mark,
#mw_ebp #mc_ebp [data-ebp] .mark_ebp {
padding: 0.2em;
}
#mw_ebp #mc_ebp [data-ebp] .text-left_ebp {
text-align: left;
}
#mw_ebp #mc_ebp [data-ebp] .text-right_ebp {
text-align: right;
}
#mw_ebp #mc_ebp [data-ebp] .text-center_ebp {
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] .text-justify_ebp {
text-align: justify;
}
#mw_ebp #mc_ebp [data-ebp] .text-nowrap_ebp {
white-space: nowrap;
}
#mw_ebp #mc_ebp [data-ebp] .text-lowercase_ebp {
text-transform: lowercase;
}
#mw_ebp #mc_ebp [data-ebp] .text-uppercase_ebp {
text-transform: uppercase;
}
#mw_ebp #mc_ebp [data-ebp] .text-capitalize_ebp {
text-transform: capitalize;
}
#mw_ebp #mc_ebp [data-ebp] .text-muted_ebp {
color: #777;
}
#mw_ebp #mc_ebp [data-ebp] .bg-primary_ebp {
color: #fff;
}
#mw_ebp #mc_ebp [data-ebp] .bg-color-1_ebp {
background-color: #c98a59;
}
#mw_ebp #mc_ebp [data-ebp] a.bg-color-1_ebp:hover {
background-color: #b4703b;
}
#mw_ebp #mc_ebp [data-ebp] .bg-color-2_ebp {
background-color: #f7a500;
}
#mw_ebp #mc_ebp [data-ebp] a.bg-color-2_ebp:hover {
background-color: #c48300;
}
#mw_ebp #mc_ebp [data-ebp] .bg-color-3_ebp {
background-color: #2ecc71;
}
#mw_ebp #mc_ebp [data-ebp] a.bg-color-3_ebp:hover {
background-color: #25a25a;
}
#mw_ebp #mc_ebp [data-ebp] .bg-color-4_ebp {
background-color: #3498db;
}
#mw_ebp #mc_ebp [data-ebp] a.bg-color-4_ebp:hover {
background-color: #217dbb;
}
#mw_ebp #mc_ebp [data-ebp] .bg-color-5_ebp {
background-color: #e67e22;
}
#mw_ebp #mc_ebp [data-ebp] a.bg-color-5_ebp:hover {
background-color: #bf6516;
}
#mw_ebp #mc_ebp [data-ebp] .bg-color-6_ebp {
background-color: #e74c3c;
}
#mw_ebp #mc_ebp [data-ebp] a.bg-color-6_ebp:hover {
background-color: #d62c1a;
}
#mw_ebp #mc_ebp [data-ebp] .page-header_ebp {
padding-bottom: 8.5px;
margin: 38px 0 19px;
border-bottom: 1px solid #eee;
}
#mw_ebp #mc_ebp [data-ebp] ul,
#mw_ebp #mc_ebp [data-ebp] ol {
margin-top: 0;
margin-bottom: 9.5px;
}
#mw_ebp #mc_ebp [data-ebp] ul ul,
#mw_ebp #mc_ebp [data-ebp] ol ul,
#mw_ebp #mc_ebp [data-ebp] ul ol,
#mw_ebp #mc_ebp [data-ebp] ol ol {
margin-bottom: 0;
}
#mw_ebp #mc_ebp [data-ebp] .list-unstyled_ebp,
#mw_ebp #mc_ebp [data-ebp] [data-ebp] .list-inline_ebp,
#mw_ebp #mc_ebp [data-ebp] [data-ebp] .list-inline_ebp {
padding-left: 0;
list-style: none;
}
#mw_ebp #mc_ebp [data-ebp] .list-inline_ebp {
margin-left: -5px;
}
#mw_ebp #mc_ebp [data-ebp] .list-inline_ebp>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
#mw_ebp #mc_ebp [data-ebp] .list-square_ebp {
list-style: square;
}
#mw_ebp #mc_ebp [data-ebp] .list-square_ebp>li {
list-style: square;
}
#mw_ebp #mc_ebp [data-ebp] dl {
margin-top: 0;
margin-bottom: 19px;
}
#mw_ebp #mc_ebp [data-ebp] dt,
#mw_ebp #mc_ebp [data-ebp] dd {
line-height: 1.3;
}
#mw_ebp #mc_ebp [data-ebp] dt {
font-weight: bold;
}
#mw_ebp #mc_ebp [data-ebp] dd {
margin-left: 0;
}
#mw_ebp #mc_ebp [data-ebp] .dl-horizontal_ebp dd:before,
#mw_ebp #mc_ebp [data-ebp] .dl-horizontal_ebp dd:after {
content: " ";
display: table;
}
#mw_ebp #mc_ebp [data-ebp] .dl-horizontal_ebp dd:after {
clear: both;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .dl-horizontal_ebp dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
#mw_ebp #mc_ebp [data-ebp] .dl-horizontal_ebp dd {
margin-left: 180px;
}
}
#mw_ebp #mc_ebp [data-ebp] abbr[title],
#mw_ebp #mc_ebp [data-ebp] abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
#mw_ebp #mc_ebp [data-ebp] .initialism_ebp {
font-size: 90%;
text-transform: uppercase;
}
#mw_ebp #mc_ebp [data-ebp] blockquote {
padding: 9.5px 19px;
margin: 0 0 19px;
font-size: 18.75px;
border-left: 5px solid #eee;
}
#mw_ebp #mc_ebp [data-ebp] blockquote p:last-child,
#mw_ebp #mc_ebp [data-ebp] blockquote ul:last-child,
#mw_ebp #mc_ebp [data-ebp] blockquote ol:last-child {
margin-bottom: 0;
}
#mw_ebp #mc_ebp [data-ebp] blockquote footer,
#mw_ebp #mc_ebp [data-ebp] blockquote small,
#mw_ebp #mc_ebp [data-ebp] blockquote .small_ebp {
display: block;
font-size: 80%;
line-height: 1.3;
color: #777;
}
#mw_ebp #mc_ebp [data-ebp] blockquote footer:before,
#mw_ebp #mc_ebp [data-ebp] blockquote small:before,
#mw_ebp #mc_ebp [data-ebp] blockquote .small_ebp:before {
content: '\2014 \00A0';
}
#mw_ebp #mc_ebp [data-ebp] .blockquote-reverse_ebp,
#mw_ebp #mc_ebp [data-ebp] blockquote.pull-right_ebp {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right;
}
#mw_ebp #mc_ebp [data-ebp] .blockquote-reverse_ebp footer:before,
#mw_ebp #mc_ebp [data-ebp] blockquote.pull-right_ebp footer:before,
#mw_ebp #mc_ebp [data-ebp] .blockquote-reverse_ebp small:before,
#mw_ebp #mc_ebp [data-ebp] blockquote.pull-right_ebp small:before,
#mw_ebp #mc_ebp [data-ebp] .blockquote-reverse_ebp .small_ebp:before,
#mw_ebp #mc_ebp [data-ebp] blockquote.pull-right_ebp .small_ebp:before {
content: '';
}
#mw_ebp #mc_ebp [data-ebp] .blockquote-reverse_ebp footer:after,
#mw_ebp #mc_ebp [data-ebp] blockquote.pull-right_ebp footer:after,
#mw_ebp #mc_ebp [data-ebp] .blockquote-reverse_ebp small:after,
#mw_ebp #mc_ebp [data-ebp] blockquote.pull-right_ebp small:after,
#mw_ebp #mc_ebp [data-ebp] .blockquote-reverse_ebp .small_ebp:after,
#mw_ebp #mc_ebp [data-ebp] blockquote.pull-right_ebp .small_ebp:after {
content: '\00A0 \2014';
}
#mw_ebp #mc_ebp [data-ebp] blockquote:before,
#mw_ebp #mc_ebp [data-ebp] blockquote:after {
content: "";
}
#mw_ebp #mc_ebp [data-ebp] address {
margin-bottom: 19px;
font-style: normal;
line-height: 1.3;
}
#mw_ebp #mc_ebp {
min-width: 320px;
max-width: 1200px;
}
#mw_ebp #mc_ebp [data-ebp] .container_ebp,
#mw_ebp #mc_ebp [data-ebp] .section_ebp {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
#mw_ebp #mc_ebp [data-ebp] .container_ebp:before,
#mw_ebp #mc_ebp [data-ebp] .section_ebp:before,
#mw_ebp #mc_ebp [data-ebp] .container_ebp:after,
#mw_ebp #mc_ebp [data-ebp] .section_ebp:after {
content: " ";
display: table;
}
#mw_ebp #mc_ebp [data-ebp] .container_ebp:after,
#mw_ebp #mc_ebp [data-ebp] .section_ebp:after {
clear: both;
}
#mw_ebp #mc_ebp [data-ebp] .container-fluid_ebp {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
#mw_ebp #mc_ebp [data-ebp] .container-fluid_ebp:before,
#mw_ebp #mc_ebp [data-ebp] .container-fluid_ebp:after {
content: " ";
display: table;
}
#mw_ebp #mc_ebp [data-ebp] .container-fluid_ebp:after {
clear: both;
}
#mw_ebp #mc_ebp [data-ebp] .row_ebp {
margin-left: -7px;
margin-right: -7px;
}
#mw_ebp #mc_ebp [data-ebp] .row_ebp:before,
#mw_ebp #mc_ebp [data-ebp] .row_ebp:after {
content: " ";
display: table;
}
#mw_ebp #mc_ebp [data-ebp] .row_ebp:after {
clear: both;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp,
.col-sm-1_ebp,
.col-md-1_ebp,
.col-lg-1_ebp,
.col-xs-2_ebp,
.col-sm-2_ebp,
.col-md-2_ebp,
.col-lg-2_ebp,
.col-xs-3_ebp,
.col-sm-3_ebp,
.col-md-3_ebp,
.col-lg-3_ebp,
.col-xs-4_ebp,
.col-sm-4_ebp,
.col-md-4_ebp,
.col-lg-4_ebp,
.col-xs-5_ebp,
.col-sm-5_ebp,
.col-md-5_ebp,
.col-lg-5_ebp,
.col-xs-6_ebp,
.col-sm-6_ebp,
.col-md-6_ebp,
.col-lg-6_ebp,
.col-xs-7_ebp,
.col-sm-7_ebp,
.col-md-7_ebp,
.col-lg-7_ebp,
.col-xs-8_ebp,
.col-sm-8_ebp,
.col-md-8_ebp,
.col-lg-8_ebp,
.col-xs-9_ebp,
.col-sm-9_ebp,
.col-md-9_ebp,
.col-lg-9_ebp,
.col-xs-10_ebp,
.col-sm-10_ebp,
.col-md-10_ebp,
.col-lg-10_ebp,
.col-xs-11_ebp,
.col-sm-11_ebp,
.col-md-11_ebp,
.col-lg-11_ebp,
.col-xs-12_ebp,
.col-sm-12_ebp,
.col-md-12_ebp,
.col-lg-12_ebp {
position: relative;
min-height: 1px;
padding-left: 7px;
padding-right: 7px;
}
#mw_ebp #mc_ebp [data-ebp] .clearfix_ebp:before,
#mw_ebp #mc_ebp [data-ebp] .clearfix_ebp:after {
content: " ";
display: table;
}
#mw_ebp #mc_ebp [data-ebp] .clearfix_ebp:after {
clear: both;
}
#mw_ebp #mc_ebp [data-ebp] .center-block_ebp {
display: block;
margin-left: auto;
margin-right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .pull-right_ebp {
float: right !important;
}
#mw_ebp #mc_ebp [data-ebp] .pull-left_ebp {
float: left !important;
}
#mw_ebp #mc_ebp [data-ebp] .hide_ebp {
display: none !important;
}
#mw_ebp #mc_ebp [data-ebp] .show_ebp {
display: block !important;
}
#mw_ebp #mc_ebp [data-ebp] .invisible_ebp {
visibility: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .text-hide_ebp {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
#mw_ebp #mc_ebp [data-ebp] .hidden_ebp {
display: none !important;
visibility: hidden !important;
}
#mw_ebp #mc_ebp [data-ebp] .affix_ebp {
position: fixed;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mw_ebp #mc_ebp [data-ebp] .bg-black_ebp {
background: #000;
}
#mw_ebp #mc_ebp [data-ebp] .resize_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .rel_ebp {
position: relative;
}
#mw_ebp #mc_ebp [data-ebp] .visuallyhidden_ebp {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
left: -9999em;
}
#mw_ebp #mc_ebp [data-ebp] .visuallyvisible_ebp {
clip: auto;
width: auto;
height: auto;
overflow: visible;
left: 0;
}
#mw_ebp #mc_ebp [data-ebp] .ir_ebp {
display: block;
border: 0;
text-indent: -999em;
overflow: hidden;
background-color: transparent;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
#mw_ebp #mc_ebp [data-ebp] .ir_ebp br {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .section_ebp {
position: relative;
}
#mw_ebp #mc_ebp [data-ebp] .no-margin_ebp {
margin: 0;
padding: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-top-margin_ebp {
margin-top: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-bottom-margin_ebp {
margin-bottom: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-left-margin_ebp {
margin-left: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-right-margin_ebp {
margin-right: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-top-padding_ebp {
padding-top: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-bottom-padding_ebp {
padding-bottom: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-left-padding_ebp {
padding-left: 0;
}
#mw_ebp #mc_ebp [data-ebp] .no-right-padding_ebp {
padding-right: 0;
}
#mw_ebp #mc_ebp [data-ebp] .right_ebp {
display: block;
float: right;
}
#mw_ebp #mc_ebp [data-ebp] .left_ebp {
display: block;
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .center_ebp {
display: block;
margin: 0 auto;
}
#mw_ebp #mc_ebp [data-ebp] .el-absolute_ebp {
position: absolute;
}
#mw_ebp #mc_ebp [data-ebp] .overflow-hidden_ebp {
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .no-padding_ebp {
padding: 0;
}
#mw_ebp #mc_ebp [data-ebp] [data-video-wrapper_ebp="true"] {
position: relative;
}
#mw_ebp #mc_ebp [data-ebp] [data-video-cover_ebp="true"] {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: none;
}
#mw_ebp #mc_ebp [data-ebp] iframe {
border: 0;
}
#mw_ebp #mc_ebp [data-ebp] .embed-responsive_ebp {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .embed-responsive_ebp .embed-responsive-item_ebp,
#mw_ebp #mc_ebp [data-ebp] .embed-responsive_ebp iframe,
#mw_ebp #mc_ebp [data-ebp] .embed-responsive_ebp embed,
#mw_ebp #mc_ebp [data-ebp] .embed-responsive_ebp object {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .embed-responsive_ebp.embed-responsive-16by9_ebp {
padding-bottom: 56.25%;
}
#mw_ebp #mc_ebp [data-ebp] .embed-responsive_ebp.embed-responsive-4by3_ebp {
padding-bottom: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .button_ebp.link [class*="icon-"] {
text-decoration: none;
}
#mw_ebp #mc_ebp [data-ebp] .button_ebp.large_ebp,
#mw_ebp #mc_ebp [data-ebp] button.large_ebp {
padding: 12px 19px;
font-size: 18px;
}
#mw_ebp #mc_ebp [data-ebp] .button_ebp.medium_ebp,
#mw_ebp #mc_ebp [data-ebp] button.medium_ebp {
padding: 5px 12px;
font-size: 16px;
}
#mw_ebp #mc_ebp [data-ebp] .button_ebp.small_ebp,
#mw_ebp #mc_ebp [data-ebp] button.small_ebp {
padding: 3px 10px;
font-size: 12px;
}
#mw_ebp #mc_ebp [data-ebp] .button_ebp.mini_ebp,
#mw_ebp #mc_ebp [data-ebp] button.mini_ebp {
padding: 1px 6px;
font-size: 10px;
}
#mw_ebp #mc_ebp [data-ebp] button.blue_ebp,
#mc_ebp [data-ebp] a.blue_ebp,
#mc_ebp [data-ebp] div.blue_ebp {
background: #505050;
color: white;
font-size: 16px;
width: 180px;
padding: 2px;
position: relative;
border: 2px solid transparent !important;
transition: all 0.3s ease;
}
#mc_ebp [data-ebp] div.blue_ebp {
margin: 0 auto;
}  #mw_ebp #mc_ebp [data-ebp] button.blue_ebp:before,
#mc_ebp [data-ebp] a.blue_ebp:before,
#mc_ebp [data-ebp] div.blue_ebp:before {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: "";
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
background: white;
}
#mw_ebp #mc_ebp [data-ebp] button.blue_ebp:hover:before,
#mc_ebp [data-ebp] a.blue_ebp:hover:before,
#mc_ebp [data-ebp] div.blue_ebp:hover:before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
#mw_ebp #mc_ebp [data-ebp] button.blue_ebp .btn-copy_ebp,
#mc_ebp [data-ebp] a.blue_ebp .btn-copy_ebp,
#mc_ebp [data-ebp] div.blue_ebp .btn-copy_ebp {
color: white;
position: relative;
z-index: 10;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
font-size: 16px !important;
}
#mw_ebp #mc_ebp [data-ebp] button.blue_ebp:hover .btn-copy_ebp,
#mc_ebp [data-ebp] a.blue_ebp:hover .btn-copy_ebp,
#mc_ebp [data-ebp] div.blue_ebp:hover .btn-copy_ebp { color: #505050 !important;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
#mw_ebp #mc_ebp [data-ebp] button.blue_ebp:hover,
#mc_ebp [data-ebp] a.blue_ebp:hover,
#mc_ebp [data-ebp] div.blue_ebp:hover {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border: 2px solid #0078d7;
}
#mw_ebp #mc_ebp [data-ebp] button.blue_ebp.smaller_ebp,
#mw_ebp #mc_ebp [data-ebp] a.blue_ebp.smaller_ebp,
#mw_ebp #mc_ebp [data-ebp] div.blue_ebp.smaller_ebp {
font-size: 16px;
padding: 20px 10px;
min-width: 180px;
}
#mw_ebp #mc_ebp [data-ebp] button.white_ebp,
#mw_ebp #mc_ebp [data-ebp] a.white_ebp {
background: white;
color: #0078d7;
border: 2px solid #0078d7;
font-size: 14px;
width: 70px;
height: 70px;
transition: all 0.3s ease;
}
#mw_ebp #mc_ebp [data-ebp] button.white_ebp:hover,
#mw_ebp #mc_ebp [data-ebp] a.white_ebp:hover {
width: 130px;
transition: all 0.3s ease;
}
#mw_ebp #mc_ebp [data-ebp] button.white_ebp span,
#mw_ebp #mc_ebp [data-ebp] a.white_ebp span {
font-size: 20px;
}
#mw_ebp #mc_ebp [data-ebp] button.white_ebp:hover span,
#mw_ebp #mc_ebp [data-ebp] a.white_ebp:hover span {
text-align: right;
}
#mw_ebp #loader-wrapper_ebp {
margin: 10px auto;
text-align: center;
background: transparent;
}
#mw_ebp #loader-wrapper_ebp * {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #666;
}
#mw_ebp #loader-wrapper_ebp span {
display: inline-block;
height: 20px;
width: 20px;
background: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#mw_ebp #loader-wrapper_ebp .border-radius {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
#mw_ebp #loader-wrapper_ebp *[id*="loader-"] {
margin-bottom: 30px;
}
#mw_ebp #loader-wrapper_ebp #loader-6 span:nth-child(1) {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
transform-perspective: 100px;
-webkit-animation: cuve-loader_sisms 1s 0.5s infinite;
-moz-animation: cuve 1s 0.5s infinite;
-o-animation: cuve 1s 0.5s infinite;
animation: cuve 1s 0.5s infinite;
}
#mw_ebp #loader-wrapper_ebp #loader-6 span:nth-child(2) {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
transform-perspective: 100px;
-webkit-animation: cuve-loader_sisms 1s 1s infinite;
-moz-animation: cuve-loader_sisms 1s 1s infinite;
-o-animation: cuve-loader_sisms 1s 1s infinite;
animation: cuve-loader_sisms 1s 1s infinite;
}
#mw_ebp #loader-wrapper_ebp #loader-6 span:nth-child(3) {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
transform-perspective: 100px;
-webkit-animation: cuve-loader_sisms 1s 1.5s infinite;
-moz-animation: cuve-loader_sisms 1s 1.5s infinite;
-o-animation: cuve-loader_sisms 1s 1.5s infinite;
animation: cuve-loader_sisms 1s 1.5s infinite;
}
#mw_ebp #loader-wrapper_ebp #loader-6 span:nth-child(4) {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
transform-perspective: 100px;
-webkit-animation: cuve-loader_sisms 1s 2s infinite;
-moz-animation: cuve-loader_sisms 1s 2s infinite;
-o-animation: cuve-loader_sisms 1s 2s infinite;
animation: cuve-loader_sisms 1s 2s infinite;
}
#mw_ebp #loader-wrapper_ebp #loader-6 span:nth-child(5) {
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%;
transform-perspective: 100px;
-webkit-animation: cuve-loader_sisms 1s 2.5s infinite;
-moz-animation: cuve-loader_sisms 1s 2.5s infinite;
-o-animation: cuve-loader_sisms 1s 2.5s infinite;
animation: cuve-loader_sisms 1s 2.5s infinite;
}
@-webkit-keyframes cuve-loader_sisms {
0% {
-webkit-transform: rotateY(-90deg) perspective(50px);
transform: rotateY(-90deg) perspective(50px);
background: #ccc;
}
50% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
background: #fff;
}
100% {
-webkit-transform: rotateY(90deg) perspective(50px);
transform: rotateY(90deg) perspective(50px);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
background: #ccc;
}
}
@-moz-keyframes cuve-loader_sisms {
0% {
-webkit-transform: rotateY(-90deg) perspective(50px);
-moz-transform: rotateY(-90deg) perspective(50px);
transform: rotateY(-90deg) perspective(50px);
background: #ccc;
}
50% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
background: #fff;
}
100% {
-webkit-transform: rotateY(90deg) perspective(50px);
-moz-transform: rotateY(90deg) perspective(50px);
transform: rotateY(90deg) perspective(50px);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
transform-origin: 100% 50%;
background: #ccc;
}
}
@-o-keyframes cuve-loader_sisms {
0% {
-webkit-transform: rotateY(-90deg) perspective(50px);
transform: rotateY(-90deg) perspective(50px);
background: #ccc;
}
50% {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
background: #fff;
}
100% {
-webkit-transform: rotateY(90deg) perspective(50px);
transform: rotateY(90deg) perspective(50px);
-webkit-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
background: #ccc;
}
}
@keyframes cuve-loader_sisms {
0% {
-webkit-transform: rotateY(-90deg) perspective(50px);
-moz-transform: rotateY(-90deg) perspective(50px);
transform: rotateY(-90deg) perspective(50px);
background: #ccc;
}
50% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
transform: rotateY(0deg);
background: #fff;
}
100% {
-webkit-transform: rotateY(90deg) perspective(50px);
-moz-transform: rotateY(90deg) perspective(50px);
transform: rotateY(90deg) perspective(50px);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%;
background: #ccc;
}
} #mw_ebp #mc_ebp [data-ebp] .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
#mw_ebp #mc_ebp [data-ebp] .slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
#mw_ebp #mc_ebp [data-ebp] .slick-list:focus {
outline: none;
}
#mw_ebp #mc_ebp [data-ebp] .slick-list.dragging {
cursor: pointer;
cursor: hand;
}
#mw_ebp #mc_ebp [data-ebp] .slick-slider .slick-track,
#mw_ebp #mc_ebp [data-ebp] .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#mw_ebp #mc_ebp [data-ebp] .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .slick-track:before,
#mw_ebp #mc_ebp [data-ebp] .slick-track:after {
display: table;
content: '';
}
#mw_ebp #mc_ebp [data-ebp] .slick-track:after {
clear: both;
}
#mw_ebp #mc_ebp [data-ebp] .slick-loading .slick-track {
visibility: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .slick-slide {
display: none;
float: left;
outline: none;
min-height: 1px;
}
#mw_ebp #mc_ebp [data-ebp] .slick-slide:focus,
#mw_ebp #mc_ebp [data-ebp] .slick-slide:hover {
outline: none;
}
#mw_ebp #mc_ebp [data-ebp] [dir='rtl'] .slick-slide {
float: right;
}
#mw_ebp #mc_ebp [data-ebp] .slick-slide.slick-loading img {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .slick-slide.dragging img {
pointer-events: none;
}
#mw_ebp #mc_ebp [data-ebp] .slick-initialized .slick-slide {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .slick-loading .slick-slide {
visibility: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
#mw_ebp #mc_ebp [data-ebp] .slick-arrow.slick-hidden {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .slick-prev,
#mw_ebp #mc_ebp [data-ebp] .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
padding: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
}
#mw_ebp #mc_ebp [data-ebp] .slick-prev:hover,
#mw_ebp #mc_ebp [data-ebp] .slick-prev:focus,
#mw_ebp #mc_ebp [data-ebp] .slick-next:hover,
#mw_ebp #mc_ebp [data-ebp] .slick-next:focus {
color: transparent;
outline: none;
}
#mw_ebp #mc_ebp [data-ebp] .slick-prev {
left: 0px;
display: block;
width: 30px;
height: 50px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 100;
background: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/technical-data/chevron.svg) no-repeat center center/contain;
}
#mw_ebp #mc_ebp [data-ebp] .slick-next {
right: 0px;
display: block;
width: 30px;
height: 50px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
z-index: 100;
background: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/technical-data/chevron.svg) no-repeat center center/contain;
}
#mw_ebp #mc_ebp [data-ebp] .slick-dotted.slick-slider {
margin-bottom: 30px;
}
#mw_ebp #mc_ebp [data-ebp] .slick-dots {
position: absolute;
bottom: 20px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
z-index: 10;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] .slick-dots li {
position: relative;
display: inline-block;
width: 30px;
height: 3px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
#mw_ebp #mc_ebp [data-ebp] .slick-dots li button {
position: absolute;
top: 0;
left: 0;
font-size: 0;
line-height: 0;
width: 30px;
height: 3px;
background: white;
outline: none;
border: none;
}
#mw_ebp #mc_ebp [data-ebp] .slick-dots li button:hover,
#mw_ebp #mc_ebp [data-ebp] .slick-dots li button:focus {
outline: none;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
#mw_ebp #mc_ebp [data-ebp] .slick-dots .slick-active button {
background: #0078d7;
} .swiper-container_ebp {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-container-no-flexbox_ebp .swiper-slide_ebp {
float: left;
}
.swiper-container-vertical_ebp>.swiper-wrapper_ebp {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper_ebp {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android_ebp .swiper-slide_ebp,
.swiper-wrapper_ebp {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow_ebp>.swiper-wrapper_ebp {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode_ebp>.swiper-wrapper_ebp {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide_ebp {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide_ebp {
visibility: hidden;
} .swiper-container-autoheight_ebp,
.swiper-container-autoheight_ebp .swiper-slide_ebp {
height: auto;
}
.swiper-container-autoheight_ebp .swiper-wrapper_ebp {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
} .swiper-container-3d_ebp {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d_ebp .swiper-wrapper_ebp,
.swiper-container-3d_ebp .swiper-slide_ebp,
.swiper-container-3d_ebp .swiper-slide-shadow-left_ebp,
.swiper-container-3d_ebp .swiper-slide-shadow-right_ebp,
.swiper-container-3d_ebp .swiper-slide-shadow-top_ebp,
.swiper-container-3d_ebp .swiper-slide-shadow-bottom_ebp,
.swiper-container-3d_ebp .swiper-cube-shadow_ebp {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d_ebp .swiper-slide-shadow-left_ebp,
.swiper-container-3d_ebp .swiper-slide-shadow-right_ebp,
.swiper-container-3d_ebp .swiper-slide-shadow-top_ebp,
.swiper-container-3d_ebp .swiper-slide-shadow-bottom_ebp {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d_ebp .swiper-slide-shadow-left_ebp {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d_ebp .swiper-slide-shadow-right_ebp {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d_ebp .swiper-slide-shadow-top_ebp {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d_ebp .swiper-slide-shadow-bottom_ebp {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-container-wp8-horizontal_ebp,
.swiper-container-wp8-horizontal_ebp>.swiper-wrapper_ebp {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical_ebp,
.swiper-container-wp8-vertical_ebp>.swiper-wrapper_ebp {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev_ebp,
.swiper-button-next_ebp {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev_ebp.swiper-button-disabled_ebp,
.swiper-button-next_ebp.swiper-button-disabled_ebp {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev_ebp,
.swiper-container-rtl_ebp .swiper-button-next_ebp {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next_ebp,
.swiper-container-rtl_ebp .swiper-button-prev_ebp {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev_ebp.swiper-button-white_ebp,
.swiper-container-rtl_ebp .swiper-button-next_ebp.swiper-button-white_ebp {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next_ebp.swiper-button-white_ebp,
.swiper-container-rtl_ebp .swiper-button-prev_ebp.swiper-button-white_ebp {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev_ebp.swiper-button-black_ebp,
.swiper-container-rtl_ebp .swiper-button-next_ebp.swiper-button-black_ebp {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next_ebp.swiper-button-black_ebp,
.swiper-container-rtl_ebp .swiper-button-prev_ebp.swiper-button-black_ebp {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination_ebp {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination_ebp.swiper-pagination-hidden_ebp {
opacity: 0;
} .swiper-pagination-fraction_ebp,
.swiper-pagination-custom_ebp,
.swiper-container-horizontal_ebp>.swiper-pagination-bullets_ebp {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic_ebp {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet_ebp {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet-active_ebp {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet-active-prev_ebp {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet-active-prev-prev_ebp {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet-active-next_ebp {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet-active-next-next_ebp {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet_ebp {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet_ebp {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable_ebp .swiper-pagination-bullet_ebp {
cursor: pointer;
}
.swiper-pagination-bullet-active_ebp {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical_ebp>.swiper-pagination-bullets_ebp {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical_ebp>.swiper-pagination-bullets_ebp .swiper-pagination-bullet_ebp {
margin: 6px 0;
display: block;
}
.swiper-container-vertical_ebp>.swiper-pagination-bullets_ebp.swiper-pagination-bullets-dynamic_ebp {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical_ebp>.swiper-pagination-bullets_ebp.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet_ebp {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal_ebp>.swiper-pagination-bullets_ebp .swiper-pagination-bullet_ebp {
margin: 0 4px;
}
.swiper-container-horizontal_ebp>.swiper-pagination-bullets_ebp.swiper-pagination-bullets-dynamic_ebp {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal_ebp>.swiper-pagination-bullets_ebp.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet_ebp {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal_ebp.swiper-container-rtl_ebp>.swiper-pagination-bullets-dynamic_ebp .swiper-pagination-bullet_ebp {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar_ebp {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar_ebp .swiper-pagination-progressbar-fill_ebp {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl_ebp .swiper-pagination-progressbar_ebp .swiper-pagination-progressbar-fill_ebp {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal_ebp>.swiper-pagination-progressbar_ebp {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical_ebp>.swiper-pagination-progressbar_ebp {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white_ebp .swiper-pagination-bullet-active_ebp {
background: #ffffff;
}
.swiper-pagination-progressbar_ebp.swiper-pagination-white_ebp {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar_ebp.swiper-pagination-white_ebp .swiper-pagination-progressbar-fill_ebp {
background: #ffffff;
}
.swiper-pagination-black_ebp .swiper-pagination-bullet-active_ebp {
background: #000000;
}
.swiper-pagination-progressbar_ebp.swiper-pagination-black_ebp {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar_ebp.swiper-pagination-black_ebp .swiper-pagination-progressbar-fill_ebp {
background: #000000;
} .swiper-scrollbar_ebp {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal_ebp>.swiper-scrollbar_ebp {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical_ebp>.swiper-scrollbar_ebp {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag_ebp {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag_ebp {
cursor: move;
}
.swiper-zoom-container_ebp {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container_ebp>img,
.swiper-zoom-container_ebp>svg,
.swiper-zoom-container_ebp>canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed_ebp {
cursor: move;
} .swiper-lazy-preloader_ebp {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader_ebp:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white_ebp:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-container_ebp .swiper-notification_ebp {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade_ebp.swiper-container-free-mode_ebp .swiper-slide_ebp {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade_ebp .swiper-slide_ebp {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade_ebp .swiper-slide_ebp .swiper-slide_ebp {
pointer-events: none;
}
.swiper-container-fade_ebp .swiper-slide-active_ebp,
.swiper-container-fade_ebp .swiper-slide-active_ebp .swiper-slide-active_ebp {
pointer-events: auto;
}
.swiper-container-cube_ebp {
overflow: visible;
}
.swiper-container-cube_ebp .swiper-slide_ebp {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube_ebp .swiper-slide_ebp .swiper-slide_ebp {
pointer-events: none;
}
.swiper-container-cube_ebp.swiper-container-rtl_ebp .swiper-slide_ebp {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube_ebp .swiper-slide-active_ebp,
.swiper-container-cube_ebp .swiper-slide-active_ebp .swiper-slide-active_ebp {
pointer-events: auto;
}
.swiper-container-cube_ebp .swiper-slide-active_ebp,
.swiper-container-cube_ebp .swiper-slide-next_ebp,
.swiper-container-cube_ebp .swiper-slide-prev_ebp,
.swiper-container-cube_ebp .swiper-slide-next_ebp+.swiper-slide_ebp {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube_ebp .swiper-slide-shadow-top_ebp,
.swiper-container-cube_ebp .swiper-slide-shadow-bottom_ebp,
.swiper-container-cube_ebp .swiper-slide-shadow-left_ebp,
.swiper-container-cube_ebp .swiper-slide-shadow-right_ebp {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube_ebp .swiper-cube-shadow_ebp {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip_ebp {
overflow: visible;
}
.swiper-container-flip_ebp .swiper-slide_ebp {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip_ebp .swiper-slide_ebp .swiper-slide_ebp {
pointer-events: none;
}
.swiper-container-flip_ebp .swiper-slide-active_ebp,
.swiper-container-flip_ebp .swiper-slide-active_ebp .swiper-slide-active_ebp {
pointer-events: auto;
}
.swiper-container-flip_ebp .swiper-slide-shadow-top_ebp,
.swiper-container-flip_ebp .swiper-slide-shadow-bottom_ebp,
.swiper-container-flip_ebp .swiper-slide-shadow-left_ebp,
.swiper-container-flip_ebp .swiper-slide-shadow-right_ebp {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow_ebp .swiper-wrapper_ebp { -ms-perspective: 1200px;
}#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp, .col-xs-2_ebp, .col-xs-3_ebp, .col-xs-4_ebp, .col-xs-5_ebp, .col-xs-6_ebp, .col-xs-7_ebp, .col-xs-8_ebp, .col-xs-9_ebp, .col-xs-10_ebp, .col-xs-11_ebp, .col-xs-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-12_ebp {
margin-left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-xs_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-xs_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-xs_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-xs_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-xs_ebp {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
display: block;
float: left;
width: 140px;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th {
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-rtl.tablepress-responsive-all_ebp thead {
float: right;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tfoot {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr {
display: block;
border: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td:empty:before {
content: "\00a0";
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr {
display: inline-block;
vertical-align: top;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th {
width: auto !important;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr td:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] svg[class*="icon-"] {
width: 18px;
height: 18px;
fill: currentColor;
}
#mw_ebp #mc_ebp [data-ebp] [class*="column-"] {
height: 78px;
}
#mw_ebp #mc_ebp [data-ebp] [class*="row-"] [class*="column-"]:first-child {
height: 140px;
width: 115px;
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
background: #ccc;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:first-child {
background: #fff;
}
#mw_ebp #mc_ebp [data-ebp] tbody [class*="row-"]:hover > [class*="column-"] {
background: #eee;
}
#mw_ebp #mc_ebp [data-ebp] thead th span, #mw_ebp #mc_ebp [data-ebp] tbody tr td span {
font-size: 12px;
line-height: 14px;
display: block;
padding: 5px;
white-space: normal;
}
#mw_ebp #mc_ebp [data-ebp] tbody tr td img {
padding: 5px;
}
#mw_ebp #mc_ebp [data-ebp] #ra_ebp .ra-item_gCards {
padding: 10px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] {
position: relative;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 67%;
position: absolute;
top: 5%;
left: 6.3%;
margin: 0;
line-height: 1;
color: #fff;
font-size: 41px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.mob-text_ebp {
font-size: 34px;
position: absolute;
top: 33%;
left: 6.3%;
color: #fff;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp {
margin: 0.5em 6.3% 3.25em 6.3%;
}
@media(min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 83%;
font-size: 56px;
top: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp  {
margin: 0;
color: #fff;
position: absolute;
top: 23%;
left: 6.3%;
max-width: 59%;
font-size: 42px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  {
position: absolute;
bottom: 1.5%;
left: 6.3%;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #fff;
padding: 4px 0 6px 6px;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  .img-play_ebp {
width: 20%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp .text-play_ebp {
display: inline-block;
margin: 6px 5px 0 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
top: 5%;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
padding: 0 7% 7% 7%;
border-bottom: 1px solid #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp {
flex: 0 0 100%;
text-align: left;
padding: 0 5px;
min-height: 85px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p {
font-size: 32px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p span {
color: #ff00ff;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] {
background: #eeeeee;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .mobile-col_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .des-col_ebp{
display: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp {
margin: 0.5em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp h4 {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp {
width: 100%;
padding: 0 10px 0 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-title_ebp {
font-weight: 400;
font-weight: 600;
margin: 1.90em auto 0;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
padding: 20px 5px 0 5px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:before, #mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:after {
content: ' ';
display: table;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp.text-right_ebp img {
margin-right: -20px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp img {
max-width: 100%;
padding: 0 10%;
margin: 0 auto;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
text-align: center;
width: 70%;
display: block;
margin-top: 0;
border: 2px solid #505050;
position: relative;
color: #505050;
overflow: hidden;
background: transparent;
padding: 10px 15px 15px 5px;
margin: 0 auto 1.50em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a span {
position: relative;
z-index: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a:after {
content: '';
display: block;
background: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/cross-sell-3/arrow.png) no-repeat;
position: absolute;
top: calc(50% - 10.5px);
right: 3%;
width: 14px;
height: 21px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] {
padding: 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-sec_ebp {
text-align: center;
padding:  1.12em 6.3% 1em 6.3%;
color: #fff;
background: #505050;
font-size: 18px;
padding: 1em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp:last-of-type {
border-bottom: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp.border-padding_ebp {
padding-top: 5px;
padding-right: 6.3%;
padding-bottom: 5px;
padding-left: calc(6.3% + 5px);
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
width: 50%;
padding: 5px;
font-weight: 300;
font-size: 14px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp.full-cell_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-table_ebp {
width: 100%;
font-size: 16px;
margin-bottom: 5px;
font-weight: 600;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .for-width_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp .pill_ebp {
display: inline-block;
background-color: #9f9f9f;
border-radius: 5px;
color: #ffffff;
padding: 11px 7px;
margin: 0 3px 3px 0;
text-align: center;
min-width: 100px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .software_ebp .flex-cell_ebp:last-of-type {
text-align: right;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .memory_ebp .flex-cell_ebp:last-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .drive_ebp .flex-cell_ebp:last-of-type { }
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp {
text-align: center;
margin-bottom: 2em;
width: 48%;
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child img {
width: 160px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp img {
width: 80px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .footer_ebp {
padding: 6.3%;
background: #505050;
color: #fff;
font-size: 10px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 0 6.3%;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
font-size: 15px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type {
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp, .col-xs-2_ebp, .col-xs-3_ebp, .col-xs-4_ebp, .col-xs-5_ebp, .col-xs-6_ebp, .col-xs-7_ebp, .col-xs-8_ebp, .col-xs-9_ebp, .col-xs-10_ebp, .col-xs-11_ebp, .col-xs-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-12_ebp {
margin-left: 100%;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .col-sm-1_ebp, .col-sm-2_ebp, .col-sm-3_ebp, .col-sm-4_ebp, .col-sm-5_ebp, .col-sm-6_ebp, .col-sm-7_ebp, .col-sm-8_ebp, .col-sm-9_ebp, .col-sm-10_ebp, .col-sm-11_ebp, .col-sm-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-12_ebp {
margin-left: 100%;
}
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-xs_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-xs_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-xs_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-xs_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-xs_ebp {
display: none;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .visible-sm_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-sm_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-sm_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-sm_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-sm_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-sm_ebp {
display: none;
}
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
display: block;
float: left;
width: 140px;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th {
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-rtl.tablepress-responsive-all_ebp thead {
float: right;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tfoot {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr {
display: block;
border: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td:empty:before {
content: "\00a0";
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr {
display: inline-block;
vertical-align: top;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th {
width: auto !important;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr td:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] svg[class*="icon-"] {
width: 18px;
height: 18px;
fill: currentColor;
}
#mw_ebp #mc_ebp [data-ebp] [class*="column-"] {
height: 78px;
}
#mw_ebp #mc_ebp [data-ebp] [class*="row-"] [class*="column-"]:first-child {
height: 140px;
width: 115px;
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
background: #ccc;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:first-child {
background: #fff;
}
#mw_ebp #mc_ebp [data-ebp] tbody [class*="row-"]:hover > [class*="column-"] {
background: #eee;
}
#mw_ebp #mc_ebp [data-ebp] thead th span, #mw_ebp #mc_ebp [data-ebp] tbody tr td span {
font-size: 12px;
line-height: 14px;
display: block;
padding: 5px;
white-space: normal;
}
#mw_ebp #mc_ebp [data-ebp] tbody tr td img {
padding: 5px;
}
#mw_ebp #mc_ebp [data-ebp] #ra_ebp .ra-item_gCards {
padding: 10px;
}
@media (min-width: 560px) {
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] {
position: relative;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 67%;
position: absolute;
top: 5%;
left: 6.3%;
margin: 0;
line-height: 1;
color: #fff;
font-size: 41px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.mob-text_ebp {
font-size: 34px;
position: absolute;
top: 33%;
left: 6.3%;
color: #fff;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp {
margin: 0.5em 6.3% 3.25em 6.3%;
}
@media(min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 83%;
font-size: 56px;
top: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp  {
margin: 0;
color: #fff;
position: absolute;
top: 23%;
left: 6.3%;
max-width: 59%;
font-size: 42px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  {
position: absolute;
bottom: 1.5%;
left: 6.3%;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #fff;
padding: 4px 0 6px 6px;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  .img-play_ebp {
width: 20%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp .text-play_ebp {
display: inline-block;
margin: 6px 5px 0 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
top: 5%;
}
}
@media(min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
top: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp {
bottom: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp {
max-width: 43.7%;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
padding: 0 7% 7% 7%;
border-bottom: 1px solid #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp {
flex: 0 0 100%;
text-align: left;
padding: 0 5px;
min-height: 85px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p {
font-size: 32px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p span {
color: #ff00ff;
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] {
padding: 0 7%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp {
flex: 0 0 30%;
margin-bottom: 20px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp:nth-of-type(1) {
flex: 0 0 40%;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] {
background: #eeeeee;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .mobile-col_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .des-col_ebp{
display: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp {
margin: 0.5em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp h4 {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp {
width: 100%;
padding: 0 10px 0 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-title_ebp {
font-weight: 400;
font-weight: 600;
margin: 1.90em auto 0;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
padding: 20px 5px 0 5px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:before, #mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:after {
content: ' ';
display: table;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp.text-right_ebp img {
margin-right: -20px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp img {
max-width: 100%;
padding: 0 10%;
margin: 0 auto;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
text-align: center;
width: 70%;
display: block;
margin-top: 0;
border: 2px solid #505050;
position: relative;
color: #505050;
overflow: hidden;
background: transparent;
padding: 10px 15px 15px 5px;
margin: 0 auto 1.50em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a span {
position: relative;
z-index: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a:after {
content: '';
display: block;
background: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/cross-sell-3/arrow.png) no-repeat;
position: absolute;
top: calc(50% - 10.5px);
right: 3%;
width: 14px;
height: 21px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .device-col_ebp {
background-color: transparent;
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] {
background: transparent;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .mobile-col_ebp {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .des-col_ebp{
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #eeeeee;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp {
width: 33.333333%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-border_ebp{
width: 85%;
margin: 0 auto;
padding-top: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
align-content: space-between;
justify-content: space-between;
height: 500px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-1_ebp .device-border_ebp:after,
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-2_ebp .device-border_ebp:after  {
content: '';
display: block;
height: 100%;
width: 5px;
background: #fff;
position: absolute;
top: 0;
right: -7.5%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-3_ebp {
margin-left: 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-title_ebp {
min-height: 63px;
text-align: left;
margin-left: 0; }
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
min-height: 78px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
width: 80%;
margin-left: 6%; }
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-wrap_ebp img {
max-width: 340px;
padding: 0;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] {
padding: 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-sec_ebp {
text-align: center;
padding:  1.12em 6.3% 1em 6.3%;
color: #fff;
background: #505050;
font-size: 18px;
padding: 1em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp:last-of-type {
border-bottom: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp.border-padding_ebp {
padding-top: 5px;
padding-right: 6.3%;
padding-bottom: 5px;
padding-left: calc(6.3% + 5px);
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
width: 50%;
padding: 5px;
font-weight: 300;
font-size: 14px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp.full-cell_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-table_ebp {
width: 100%;
font-size: 16px;
margin-bottom: 5px;
font-weight: 600;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .for-width_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp .pill_ebp {
display: inline-block;
background-color: #9f9f9f;
border-radius: 5px;
color: #ffffff;
padding: 11px 7px;
margin: 0 3px 3px 0;
text-align: center;
min-width: 100px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .software_ebp .flex-cell_ebp:last-of-type {
text-align: right;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .memory_ebp .flex-cell_ebp:last-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .drive_ebp .flex-cell_ebp:last-of-type { }
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp {
text-align: center;
margin-bottom: 2em;
width: 48%;
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child img {
width: 160px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp img {
width: 80px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .footer_ebp {
padding: 6.3%;
background: #505050;
color: #fff;
font-size: 10px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 0 6.3%;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
font-size: 15px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type {
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
padding: 20px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 20px 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp.image_ebp {
width: calc(100% + 20px);
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp.image_ebp .flex-cell_ebp:first-of-type {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
width: 33.3333%;
font-size: 16px;
line-height: 1.5;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .for-width-tablet_ebp {
width: 66.6666%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp {
width: 33.3333%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type {
width: 33.3333%;
font-size: 24px;
margin-bottom: 0;
text-align: left;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp.full-cell_ebp {
width: 66.6666%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .footer_ebp {
padding: 6.3% 2%;
font-size: 12px;
}
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp, .col-xs-2_ebp, .col-xs-3_ebp, .col-xs-4_ebp, .col-xs-5_ebp, .col-xs-6_ebp, .col-xs-7_ebp, .col-xs-8_ebp, .col-xs-9_ebp, .col-xs-10_ebp, .col-xs-11_ebp, .col-xs-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-12_ebp {
margin-left: 100%;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .col-sm-1_ebp, .col-sm-2_ebp, .col-sm-3_ebp, .col-sm-4_ebp, .col-sm-5_ebp, .col-sm-6_ebp, .col-sm-7_ebp, .col-sm-8_ebp, .col-sm-9_ebp, .col-sm-10_ebp, .col-sm-11_ebp, .col-sm-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-12_ebp {
margin-left: 100%;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] .col-md-1_ebp, .col-md-2_ebp, .col-md-3_ebp, .col-md-4_ebp, .col-md-5_ebp, .col-md-6_ebp, .col-md-7_ebp, .col-md-8_ebp, .col-md-9_ebp, .col-md-10_ebp, .col-md-11_ebp, .col-md-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-12_ebp {
margin-left: 100%;
}
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-xs_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-xs_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-xs_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-xs_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-xs_ebp {
display: none;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .visible-sm_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-sm_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-sm_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-sm_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-sm_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-sm_ebp {
display: none;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] .visible-md_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-md_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-md_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-md_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-md_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-md-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-md-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-md-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-md_ebp {
display: none;
}
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
display: block;
float: left;
width: 140px;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th {
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-rtl.tablepress-responsive-all_ebp thead {
float: right;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tfoot {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr {
display: block;
border: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td:empty:before {
content: "\00a0";
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr {
display: inline-block;
vertical-align: top;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th {
width: auto !important;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr td:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] svg[class*="icon-"] {
width: 18px;
height: 18px;
fill: currentColor;
}
#mw_ebp #mc_ebp [data-ebp] [class*="column-"] {
height: 78px;
}
#mw_ebp #mc_ebp [data-ebp] [class*="row-"] [class*="column-"]:first-child {
height: 140px;
width: 115px;
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
background: #ccc;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:first-child {
background: #fff;
}
#mw_ebp #mc_ebp [data-ebp] tbody [class*="row-"]:hover > [class*="column-"] {
background: #eee;
}
#mw_ebp #mc_ebp [data-ebp] thead th span, #mw_ebp #mc_ebp [data-ebp] tbody tr td span {
font-size: 12px;
line-height: 14px;
display: block;
padding: 5px;
white-space: normal;
}
#mw_ebp #mc_ebp [data-ebp] tbody tr td img {
padding: 5px;
}
#mw_ebp #mc_ebp [data-ebp] #ra_ebp .ra-item_gCards {
padding: 10px;
}
@media (min-width: 560px) {
}
@media (min-width: 940px) {
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] {
position: relative;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 67%;
position: absolute;
top: 5%;
left: 6.3%;
margin: 0;
line-height: 1;
color: #fff;
font-size: 41px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.mob-text_ebp {
font-size: 34px;
position: absolute;
top: 33%;
left: 6.3%;
color: #fff;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp {
margin: 0.5em 6.3% 3.25em 6.3%;
}
@media(min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 83%;
font-size: 56px;
top: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp  {
margin: 0;
color: #fff;
position: absolute;
top: 23%;
left: 6.3%;
max-width: 59%;
font-size: 42px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  {
position: absolute;
bottom: 1.5%;
left: 6.3%;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #fff;
padding: 4px 0 6px 6px;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  .img-play_ebp {
width: 20%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp .text-play_ebp {
display: inline-block;
margin: 6px 5px 0 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
top: 5%;
}
}
@media(min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
top: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp {
bottom: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp {
max-width: 43.7%;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
padding: 0 7% 7% 7%;
border-bottom: 1px solid #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp {
flex: 0 0 100%;
text-align: left;
padding: 0 5px;
min-height: 85px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p {
font-size: 32px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p span {
color: #ff00ff;
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] {
padding: 0 7%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp {
flex: 0 0 30%;
margin-bottom: 20px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp:nth-of-type(1) {
flex: 0 0 40%;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] {
background: #eeeeee;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .mobile-col_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .des-col_ebp{
display: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp {
margin: 0.5em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp h4 {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp {
width: 100%;
padding: 0 10px 0 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-title_ebp {
font-weight: 400;
font-weight: 600;
margin: 1.90em auto 0;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
padding: 20px 5px 0 5px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:before, #mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:after {
content: ' ';
display: table;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp.text-right_ebp img {
margin-right: -20px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp img {
max-width: 100%;
padding: 0 10%;
margin: 0 auto;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
text-align: center;
width: 70%;
display: block;
margin-top: 0;
border: 2px solid #505050;
position: relative;
color: #505050;
overflow: hidden;
background: transparent;
padding: 10px 15px 15px 5px;
margin: 0 auto 1.50em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a span {
position: relative;
z-index: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a:after {
content: '';
display: block;
background: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/cross-sell-3/arrow.png) no-repeat;
position: absolute;
top: calc(50% - 10.5px);
right: 3%;
width: 14px;
height: 21px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .device-col_ebp {
background-color: transparent;
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] {
background: transparent;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .mobile-col_ebp {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .des-col_ebp{
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #eeeeee;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp {
width: 33.333333%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-border_ebp{
width: 85%;
margin: 0 auto;
padding-top: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
align-content: space-between;
justify-content: space-between;
height: 500px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-1_ebp .device-border_ebp:after,
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-2_ebp .device-border_ebp:after  {
content: '';
display: block;
height: 100%;
width: 5px;
background: #fff;
position: absolute;
top: 0;
right: -7.5%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-3_ebp {
margin-left: 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-title_ebp {
min-height: 63px;
text-align: left;
margin-left: 0; }
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
min-height: 78px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
width: 80%;
margin-left: 6%; }
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-wrap_ebp img {
max-width: 340px;
padding: 0;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp h4 {
font-size: 26px;
min-height: 66px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp h4 > img {
height: 33px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp.text-right_ebp img {
margin-right: -30px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
padding: 15px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
min-height: 51px;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] {
padding: 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-sec_ebp {
text-align: center;
padding:  1.12em 6.3% 1em 6.3%;
color: #fff;
background: #505050;
font-size: 18px;
padding: 1em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp:last-of-type {
border-bottom: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp.border-padding_ebp {
padding-top: 5px;
padding-right: 6.3%;
padding-bottom: 5px;
padding-left: calc(6.3% + 5px);
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
width: 50%;
padding: 5px;
font-weight: 300;
font-size: 14px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp.full-cell_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-table_ebp {
width: 100%;
font-size: 16px;
margin-bottom: 5px;
font-weight: 600;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .for-width_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp .pill_ebp {
display: inline-block;
background-color: #9f9f9f;
border-radius: 5px;
color: #ffffff;
padding: 11px 7px;
margin: 0 3px 3px 0;
text-align: center;
min-width: 100px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .software_ebp .flex-cell_ebp:last-of-type {
text-align: right;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .memory_ebp .flex-cell_ebp:last-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .drive_ebp .flex-cell_ebp:last-of-type { }
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp {
text-align: center;
margin-bottom: 2em;
width: 48%;
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child img {
width: 160px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp img {
width: 80px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .footer_ebp {
padding: 6.3%;
background: #505050;
color: #fff;
font-size: 10px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 0 6.3%;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
font-size: 15px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type {
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
padding: 20px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 20px 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp.image_ebp {
width: calc(100% + 20px);
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp.image_ebp .flex-cell_ebp:first-of-type {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
width: 33.3333%;
font-size: 16px;
line-height: 1.5;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .for-width-tablet_ebp {
width: 66.6666%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp {
width: 33.3333%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type {
width: 33.3333%;
font-size: 24px;
margin-bottom: 0;
text-align: left;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp.full-cell_ebp {
width: 66.6666%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .footer_ebp {
padding: 6.3% 2%;
font-size: 12px;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
padding: 30px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 30px 6.3%;
}
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp, .col-xs-2_ebp, .col-xs-3_ebp, .col-xs-4_ebp, .col-xs-5_ebp, .col-xs-6_ebp, .col-xs-7_ebp, .col-xs-8_ebp, .col-xs-9_ebp, .col-xs-10_ebp, .col-xs-11_ebp, .col-xs-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-xs-offset-12_ebp {
margin-left: 100%;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .col-sm-1_ebp, .col-sm-2_ebp, .col-sm-3_ebp, .col-sm-4_ebp, .col-sm-5_ebp, .col-sm-6_ebp, .col-sm-7_ebp, .col-sm-8_ebp, .col-sm-9_ebp, .col-sm-10_ebp, .col-sm-11_ebp, .col-sm-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-sm-offset-12_ebp {
margin-left: 100%;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] .col-md-1_ebp, .col-md-2_ebp, .col-md-3_ebp, .col-md-4_ebp, .col-md-5_ebp, .col-md-6_ebp, .col-md-7_ebp, .col-md-8_ebp, .col-md-9_ebp, .col-md-10_ebp, .col-md-11_ebp, .col-md-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-md-offset-12_ebp {
margin-left: 100%;
}
}
@media (min-width: 1080px) {
#mw_ebp #mc_ebp [data-ebp] .col-lg-1_ebp, .col-lg-2_ebp, .col-lg-3_ebp, .col-lg-4_ebp, .col-lg-5_ebp, .col-lg-6_ebp, .col-lg-7_ebp, .col-lg-8_ebp, .col-lg-9_ebp, .col-lg-10_ebp, .col-lg-11_ebp, .col-lg-12_ebp {
float: left;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-1_ebp {
width: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-2_ebp {
width: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-3_ebp {
width: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-4_ebp {
width: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-5_ebp {
width: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-6_ebp {
width: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-7_ebp {
width: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-8_ebp {
width: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-9_ebp {
width: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-10_ebp {
width: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-11_ebp {
width: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-12_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-0_ebp {
right: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-1_ebp {
right: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-2_ebp {
right: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-3_ebp {
right: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-4_ebp {
right: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-5_ebp {
right: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-6_ebp {
right: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-7_ebp {
right: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-8_ebp {
right: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-9_ebp {
right: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-10_ebp {
right: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-11_ebp {
right: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-pull-12_ebp {
right: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-0_ebp {
left: auto;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-1_ebp {
left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-2_ebp {
left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-3_ebp {
left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-4_ebp {
left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-5_ebp {
left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-6_ebp {
left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-7_ebp {
left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-8_ebp {
left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-9_ebp {
left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-10_ebp {
left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-11_ebp {
left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-push-12_ebp {
left: 100%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-0_ebp {
margin-left: 0%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-1_ebp {
margin-left: 8.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-2_ebp {
margin-left: 16.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-3_ebp {
margin-left: 25%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-4_ebp {
margin-left: 33.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-5_ebp {
margin-left: 41.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-6_ebp {
margin-left: 50%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-7_ebp {
margin-left: 58.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-8_ebp {
margin-left: 66.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-9_ebp {
margin-left: 75%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-10_ebp {
margin-left: 83.33333%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-11_ebp {
margin-left: 91.66667%;
}
#mw_ebp #mc_ebp [data-ebp] .col-lg-offset-12_ebp {
margin-left: 100%;
}
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-xs_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-xs_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-xs_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-xs_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-xs-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-xs_ebp {
display: none;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] .visible-sm_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-sm_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-sm_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-sm_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-sm_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-sm-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-sm_ebp {
display: none;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] .visible-md_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-md_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-md_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-md_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-md_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-md-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-md-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-md-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-md_ebp {
display: none;
}
}
@media (min-width: 1080px) {
#mw_ebp #mc_ebp [data-ebp] .visible-lg_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] table.visible-lg_ebp {
display: table;
}
#mw_ebp #mc_ebp [data-ebp] tr.visible-lg_ebp {
display: table-row;
}
#mw_ebp #mc_ebp [data-ebp] th.visible-lg_ebp, #mw_ebp #mc_ebp [data-ebp] td.visible-lg_ebp {
display: table-cell;
}
#mw_ebp #mc_ebp [data-ebp] .visible-lg-block_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .visible-lg-inline_ebp {
display: inline;
}
#mw_ebp #mc_ebp [data-ebp] .visible-lg-inline-block_ebp {
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] .hidden-lg_ebp {
display: none;
}
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
display: block;
float: left;
width: 140px;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th {
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-rtl.tablepress-responsive-all_ebp thead {
float: right;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tfoot {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody {
display: block;
width: auto;
position: relative;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th, #mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr {
display: block;
border: none;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody td:empty:before {
content: "\00a0";
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr {
display: inline-block;
vertical-align: top;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead th {
width: auto !important;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp tbody tr td:not(:last-child) {
border-bottom: 1px solid #ddd;
}
#mw_ebp #mc_ebp [data-ebp] svg[class*="icon-"] {
width: 18px;
height: 18px;
fill: currentColor;
}
#mw_ebp #mc_ebp [data-ebp] [class*="column-"] {
height: 78px;
}
#mw_ebp #mc_ebp [data-ebp] [class*="row-"] [class*="column-"]:first-child {
height: 140px;
width: 115px;
overflow: hidden;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead {
background: #ccc;
}
#mw_ebp #mc_ebp [data-ebp] .tablepress-responsive-all_ebp thead tr th:first-child {
background: #fff;
}
#mw_ebp #mc_ebp [data-ebp] tbody [class*="row-"]:hover > [class*="column-"] {
background: #eee;
}
#mw_ebp #mc_ebp [data-ebp] thead th span, #mw_ebp #mc_ebp [data-ebp] tbody tr td span {
font-size: 12px;
line-height: 14px;
display: block;
padding: 5px;
white-space: normal;
}
#mw_ebp #mc_ebp [data-ebp] tbody tr td img {
padding: 5px;
}
#mw_ebp #mc_ebp [data-ebp] #ra_ebp .ra-item_gCards {
padding: 10px;
}
@media (min-width: 560px) {
}
@media (min-width: 940px) {
}
@media (min-width: 1080px) {
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] {
position: relative;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 67%;
position: absolute;
top: 5%;
left: 6.3%;
margin: 0;
line-height: 1;
color: #fff;
font-size: 41px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.mob-text_ebp {
font-size: 34px;
position: absolute;
top: 33%;
left: 6.3%;
color: #fff;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp {
margin: 0.5em 6.3% 3.25em 6.3%;
}
@media(min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
max-width: 83%;
font-size: 56px;
top: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp  {
margin: 0;
color: #fff;
position: absolute;
top: 23%;
left: 6.3%;
max-width: 59%;
font-size: 42px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  {
position: absolute;
bottom: 1.5%;
left: 6.3%;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border: 2px solid #fff;
padding: 4px 0 6px 6px;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp  .img-play_ebp {
width: 20%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp .text-play_ebp {
display: inline-block;
margin: 6px 5px 0 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
top: 5%;
}
}
@media(min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] h2 {
top: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] .play-video_ebp {
bottom: 8%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="kv_"] p.des-text_ebp {
max-width: 43.7%;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] {
display: flex;
flex-wrap: wrap;
margin: 20px 0;
padding: 0 7% 7% 7%;
border-bottom: 1px solid #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp {
flex: 0 0 100%;
text-align: left;
padding: 0 5px;
min-height: 85px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p {
font-size: 32px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp p span {
color: #ff00ff;
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] {
padding: 0 7%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp {
flex: 0 0 30%;
margin-bottom: 20px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="short_"] .box_ebp:nth-of-type(1) {
flex: 0 0 40%;
}
} #mw_ebp #mc_ebp [data-ebp] [id^="cross_"] {
background: #eeeeee;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .mobile-col_ebp {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .des-col_ebp{
display: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp {
margin: 0.5em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .title-sec_ebp h4 {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp {
width: 100%;
padding: 0 10px 0 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-title_ebp {
font-weight: 400;
font-weight: 600;
margin: 1.90em auto 0;
text-align: center;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
padding: 20px 5px 0 5px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:before, #mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp:after {
content: ' ';
display: table;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp.text-right_ebp img {
margin-right: -20px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp img {
max-width: 100%;
padding: 0 10%;
margin: 0 auto;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
text-align: center;
width: 70%;
display: block;
margin-top: 0;
border: 2px solid #505050;
position: relative;
color: #505050;
overflow: hidden;
background: transparent;
padding: 10px 15px 15px 5px;
margin: 0 auto 1.50em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a span {
position: relative;
z-index: 1;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a:after {
content: '';
display: block;
background: url(//instore.bnn.in.th/ms-surface/Surface_Laptop_2_Platinium_TH_files/assets/cross-sell-3/arrow.png) no-repeat;
position: absolute;
top: calc(50% - 10.5px);
right: 3%;
width: 14px;
height: 21px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .device-col_ebp {
background-color: transparent;
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] {
background: transparent;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .mobile-col_ebp {
display: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .des-col_ebp{
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background: #eeeeee;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp {
width: 33.333333%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-border_ebp{
width: 85%;
margin: 0 auto;
padding-top: 20px;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
align-content: space-between;
justify-content: space-between;
height: 500px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-1_ebp .device-border_ebp:after,
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-2_ebp .device-border_ebp:after  {
content: '';
display: block;
height: 100%;
width: 5px;
background: #fff;
position: absolute;
top: 0;
right: -7.5%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp.device-3_ebp {
margin-left: 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-title_ebp {
min-height: 63px;
text-align: left;
margin-left: 0; }
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
min-height: 78px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
width: 80%;
margin-left: 6%; }
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-wrap_ebp img {
max-width: 340px;
padding: 0;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp h4 {
font-size: 26px;
min-height: 66px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp h4 > img {
height: 33px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-wrap_ebp.text-right_ebp img {
margin-right: -30px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp a {
padding: 15px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="cross_"] .flex-row_ebp .device-col_ebp .device-content_ebp {
min-height: 51px;
}
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] {
margin-top: 2em;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4 {
margin: 0.5em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
margin: 0 6.3% 3.25em 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] h4,
#mw_ebp #mc_ebp [data-ebp] [id^="feature-image_"] p {
max-width: 83%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] {
padding: 10px;
color: #505050;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-sec_ebp {
text-align: center;
padding:  1.12em 6.3% 1em 6.3%;
color: #fff;
background: #505050;
font-size: 18px;
padding: 1em 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp:last-of-type {
border-bottom: none;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
width: 50%;
padding: 5px;
font-weight: 300;
font-size: 14px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp.border-padding_ebp {
padding-top: 5px;
padding-right: 6.3%;
padding-bottom: 5px;
padding-left: calc(6.3% + 5px);
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp.full-cell_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .title-table_ebp {
width: 100%;
font-size: 16px;
margin-bottom: 5px;
font-weight: 600;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .for-width_ebp {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp .pill_ebp {
display: inline-block;
background-color: #9f9f9f;
border-radius: 5px;
color: #ffffff;
padding: 11px 7px;
margin: 0 3px 3px 0;
text-align: center;
min-width: 100px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .software_ebp .flex-cell_ebp:last-of-type {
text-align: right;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .memory_ebp .flex-cell_ebp:last-of-type,
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .drive_ebp .flex-cell_ebp:last-of-type { }
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp {
text-align: center;
margin-bottom: 2em;
width: 48%;
display: inline-block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child {
display: block;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp:first-child img {
width: 160px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp img {
width: 80px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .footer_ebp {
padding: 6.3%;
background: #505050;
color: #fff;
font-size: 10px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 0 6.3%;
}
@media (min-width: 560px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
font-size: 15px;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type {
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
}
@media (min-width: 768px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
padding: 20px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 20px 6.3%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp.image_ebp {
width: calc(100% + 20px);
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp.image_ebp .flex-cell_ebp:first-of-type {
width: 100%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp {
width: 33.3333%;
font-size: 16px;
line-height: 1.5;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .for-width-tablet_ebp {
width: 66.6666%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-cell_ebp .wrap-img_ebp {
width: 33.3333%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp:first-of-type {
width: 33.3333%;
font-size: 24px;
margin-bottom: 0;
text-align: left;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp .flex-cell_ebp.full-cell_ebp {
width: 66.6666%;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .footer_ebp {
padding: 6.3% 2%;
font-size: 12px;
}
}
@media (min-width: 940px) {
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .flex-row_ebp {
padding: 30px 0;
}
#mw_ebp #mc_ebp [data-ebp] [id^="tech-data_"] .border-padding_ebp {
padding: 30px 6.3%;
}
}