@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300);
/*
 * CSS Compiled on: Mon May 26 11:32:30 +0800 2014
 */
#videoplayer { position: fixed; left: 0; top: 0; z-index: 199999; width: 100%; height: 100%; background: url("../img/common/pop-overlay.png"); }
#videoplayer iframe.player { position: absolute; top: 10%; left: 10%; z-index: 1; width: 80%; height: 80%; border: 0; display: block; padding: 0; vertical-align: bottom; background: black; }
#videoplayer .close { position: absolute; right: 15px; top: 15px; float: left; z-index: 2; width: 44px; height: 44px; overflow: hidden; background: url("../img/common/pop-close.png") no-repeat; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#videoplayer .close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); }

#overview-top-nav.fixed { display: block; }
#overview-top-nav.fixed h1.page-title { display: block; }

#main-zone { padding-left: 0 !important; padding-right: 0 !important; }

.nav-tabs>li>a{margin: 0 12px;}

#special-sectionOverview .signpost { z-index: 600; top: 364.5px; width: 100%; height: 58px; position: absolute; }
#special-sectionOverview .signpost .prev, #special-sectionOverview .signpost .next { width: 30px; height: 58px; position: absolute; }
#special-sectionOverview .signpost .prev { left: 3%; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../img/common/signpost-left.png?1395977780'); background-repeat: no-repeat; background-position: 50% 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; background-position: 0px 0px; }
#special-sectionOverview .signpost .prev.dark { background-position: 0px 0px; }
#special-sectionOverview .signpost .prev.light { background-position: 0px -60px; }
#special-sectionOverview .signpost .prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
#special-sectionOverview .signpost .next { right: 3%; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../img/common/signpost-right.png?1395977780'); background-repeat: no-repeat; background-position: 50% 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; background-position: 0px 0px; }
#special-sectionOverview .signpost .next.dark { background-position: 0px 0px; }
#special-sectionOverview .signpost .next.light { background-position: 0px -60px; }
#special-sectionOverview .signpost .next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .signpost { display: none; } }
@media only screen and (max-width: 719px) { #special-sectionOverview .signpost { display: none; } }
#special-sectionOverview.lt-ie9 .signpost .prev, #special-sectionOverview.lt-ie9 .signpost .next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); }

#special-sectionOverview .pagination { height: 14px; position: absolute; z-index: 500; width: 100%; top: 12.5%; }
@media only screen and (min-width: 960px) { #special-sectionOverview .pagination { width: 100%; top: 12.5%; } }
#special-sectionOverview .pagination.lt-ie9 { width: 100%; top: 12.5%; }
#special-sectionOverview .pagination.lt-ie9.display img { visibility: visible; }
@media only screen and (max-width: 719px) { #special-sectionOverview .pagination { top: 2.5em; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .pagination { top: 2.5em; } }
#special-sectionOverview .pagination a { background-image: none; background-color: transparent; }
#special-sectionOverview .pagination a:first-child { margin-left: 0; }
#special-sectionOverview .pagination a b { display: block; text-indent: -9999px; width: 6px; height: 6px; margin: 0 14px 0 0; background-image: none; background-color: #C8C8C8; border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition-property: width; -moz-transition-property: width; -o-transition-property: width; transition-property: width; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
@media only screen and (max-width: 719px) { #special-sectionOverview .pagination a b { margin-left: 20px; width: 9px; height: 9px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .pagination a b { margin-left: 20px; width: 9px; height: 9px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } }
#special-sectionOverview .pagination a:hover b { background-color: #00A8FF; }
#special-sectionOverview .pagination a.active { cursor: pointer; }
#special-sectionOverview .pagination a.active b { width: 28px; background-color: #00A8FF; background-image: none; }

.tablet #special-sectionOverview .pagination a b { margin-left: 20px; width: 9px; height: 9px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.tablet #special-sectionOverview .pagination a.active b { width: 28px; }

#special-sectionOverview { padding: 0px; font-size: 12px; font-family: "Segoe UI Semilight", "Open Sans", Arial, sans-serif, Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "STHeiti Light", STXihei, STHeiti, "Apple LiGothic Medium", \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei"; }
#special-sectionOverview html, #special-sectionOverview body, #special-sectionOverview div, #special-sectionOverview span, #special-sectionOverview applet, #special-sectionOverview object, #special-sectionOverview iframe, #special-sectionOverview h1, #special-sectionOverview h2, #special-sectionOverview h3, #special-sectionOverview h4, #special-sectionOverview h5, #special-sectionOverview h6, #special-sectionOverview p, #special-sectionOverview blockquote, #special-sectionOverview pre, #special-sectionOverview a, #special-sectionOverview abbr, #special-sectionOverview acronym, #special-sectionOverview address, #special-sectionOverview big, #special-sectionOverview cite, #special-sectionOverview code, #special-sectionOverview del, #special-sectionOverview dfn, #special-sectionOverview em, #special-sectionOverview img, #special-sectionOverview ins, #special-sectionOverview kbd, #special-sectionOverview q, #special-sectionOverview s, #special-sectionOverview samp, #special-sectionOverview small, #special-sectionOverview strike, #special-sectionOverview strong, #special-sectionOverview sub, #special-sectionOverview sup, #special-sectionOverview tt, #special-sectionOverview var, #special-sectionOverview b, #special-sectionOverview u, #special-sectionOverview i, #special-sectionOverview center, #special-sectionOverview dl, #special-sectionOverview dt, #special-sectionOverview dd, #special-sectionOverview ol, #special-sectionOverview ul, #special-sectionOverview li, #special-sectionOverview fieldset, #special-sectionOverview form, #special-sectionOverview label, #special-sectionOverview legend, #special-sectionOverview table, #special-sectionOverview caption, #special-sectionOverview tbody, #special-sectionOverview tfoot, #special-sectionOverview thead, #special-sectionOverview tr, #special-sectionOverview th, #special-sectionOverview td, #special-sectionOverview article, #special-sectionOverview aside, #special-sectionOverview canvas, #special-sectionOverview details, #special-sectionOverview embed, #special-sectionOverview figure, #special-sectionOverview figcaption, #special-sectionOverview footer, #special-sectionOverview header, #special-sectionOverview hgroup, #special-sectionOverview menu, #special-sectionOverview nav, #special-sectionOverview output, #special-sectionOverview ruby, #special-sectionOverview section, #special-sectionOverview summary, #special-sectionOverview time, #special-sectionOverview mark, #special-sectionOverview audio, #special-sectionOverview video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }
#special-sectionOverview html { line-height: 1; }
#special-sectionOverview ol, #special-sectionOverview ul { list-style: none; }
#special-sectionOverview table { border-collapse: collapse; border-spacing: 0; }
#special-sectionOverview caption, #special-sectionOverview th, #special-sectionOverview td { text-align: left; font-weight: normal; vertical-align: middle; }
#special-sectionOverview q, #special-sectionOverview blockquote { quotes: none; }
#special-sectionOverview q:before, #special-sectionOverview q:after, #special-sectionOverview blockquote:before, #special-sectionOverview blockquote:after { content: ""; content: none; }
#special-sectionOverview a img { border: none; }
#special-sectionOverview article, #special-sectionOverview aside, #special-sectionOverview details, #special-sectionOverview figcaption, #special-sectionOverview figure, #special-sectionOverview footer, #special-sectionOverview header, #special-sectionOverview hgroup, #special-sectionOverview menu, #special-sectionOverview nav, #special-sectionOverview section, #special-sectionOverview summary { display: block; }
#special-sectionOverview a { outline: none !important; hlbr: expression(this.onFocus=this.blur()) !important; }
#special-sectionOverview img { max-width: none; }
#special-sectionOverview #wrap { width: 100%; background-color: #ccc; }
#special-sectionOverview.pin { z-index: 5000; }
#special-sectionOverview section { float: left; width: 100%; position: relative; height: 796.8px; overflow: hidden; }
@media only screen and (min-width: 960px) { #special-sectionOverview section { height: 796.8px; } }
#special-sectionOverview section.lt-ie9 { height: 796.8px; }
#special-sectionOverview section.lt-ie9.display img { visibility: visible; }
@media only screen and (max-width: 719px) { #special-sectionOverview section { min-height: 300px; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview section { min-height: 300px; } }
#special-sectionOverview .page { float: left; width: 100%; position: absolute; top: 0; z-index: 50; overflow: hidden; height: 796.8px; visibility: hidden; }
@media only screen and (min-width: 960px) { #special-sectionOverview .page { height: 796.8px; visibility: hidden; } }
#special-sectionOverview .page.lt-ie9 { height: 796.8px; visibility: hidden; }
#special-sectionOverview .page.lt-ie9.display img { visibility: visible; }
#special-sectionOverview .page.show { z-index: 100; visibility: visible; }
#special-sectionOverview .page.dark h1 { color: #fff; }
#special-sectionOverview .page.dark header p { color: #c2c2c2; }
#special-sectionOverview .page.dark p { color: #fff; }
#special-sectionOverview .page.dark a.func { color: #33b9ff; }
#special-sectionOverview .page.dark a.func:hover { color: #44c8ff; }
@media only screen and (max-width: 719px) { #special-sectionOverview .page > .center { width: auto; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .page > .center { width: auto; padding-top: 1.91667em; padding-bottom: 1.91667em; } }
@media only screen and (max-width: 719px) { #special-sectionOverview .page > .center figure { position: relative; margin-top: 2.08333em; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .page > .center figure { position: relative; margin-top: 2.08333em; } }
#special-sectionOverview .center { width: 960px; margin: 0 auto; height: 100%; position: relative; z-index: 10; }
@media only screen and (max-width: 719px) { #special-sectionOverview .center { width: auto; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .center { width: auto; } }
#special-sectionOverview .name { margin-bottom: 0.94828em; }
#special-sectionOverview h1 { line-height: 1.12069; margin: 0 0 12px 0; margin-bottom: 0.17241em; padding: 0px; font-weight: 300; font-family: "Segoe UI Light", "Open Sans", Arial, sans-serif, Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "STHeiti Light", STXihei, STHeiti, "Apple LiGothic Medium", \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei"; letter-spacing: -2px; font-size: 4.83333em; color: #363636; }
@media only screen and (max-width: 719px) { #special-sectionOverview h1 { font-size: 2.33333em; line-height: 1.14286; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview h1 { font-size: 4.83333em; line-height: 1.12069; } }
#special-sectionOverview .group { position: absolute; z-index: 1000; }
#special-sectionOverview .group > p { position: relative; z-index: 900; font-weight: 300; font-size: 1.66667em; line-height: 1.6; color: #363636; font-family: "Segoe UI Semilight", "Open Sans", Arial, sans-serif, Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "STHeiti Light", STXihei, STHeiti, "Apple LiGothic Medium", \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei"; letter-spacing: 0.015em; }
@media only screen and (max-width: 719px) { #special-sectionOverview .group > p { font-size: 1.25em; line-height: 1.6; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .group > p { font-size: 1.66667em; line-height: 1.6; } }
@media only screen and (max-width: 719px) { #special-sectionOverview .group { width: auto; position: relative; margin-left: 2.08333em; margin-right: 2.08333em; padding-top: 2.5em; }
  #special-sectionOverview .group br { content: ' '; }
  #special-sectionOverview .group br:after { content: ' '; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .group { width: 80%; position: relative; margin-left: 4.16667em; margin-right: 4.16667em; padding-top: 2.5em; }
  #special-sectionOverview .group br { content: ' '; }
  #special-sectionOverview .group br:after { content: ' '; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .multi .group { padding-top: 5em; } }
@media only screen and (max-width: 719px) { #special-sectionOverview .multi .group { padding-top: 5em; } }
#special-sectionOverview header { margin-bottom: 0.35em; }
@media only screen and (max-width: 719px) { #special-sectionOverview header { margin-bottom: 0.35em; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview header { margin-bottom: 0.35em; } }
#special-sectionOverview header p { color: #898989; font-family: "Segoe UI Light", "Open Sans", Arial, sans-serif, Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "STHeiti Light", STXihei, STHeiti, "Apple LiGothic Medium", \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei"; font-size: 2.66667em; line-height: 1.125; font-weight: 300; letter-spacing: -0.01em; }
@media only screen and (max-width: 719px) { #special-sectionOverview header p { font-size: 1.66667em; line-height: 1.15; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview header p { font-size: 2.66667em; line-height: 1; } }
#special-sectionOverview a.func { margin-top: 0.66667em; color: #00a8ff; font-family: "Segoe UI Light", "Open Sans", Arial, sans-serif, Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", "STHeiti Light", STXihei, STHeiti, "Apple LiGothic Medium", \5FAE\8EDF\6B63\9ED1\9AD4, "Microsoft JhengHei"; font-size: 1.5em; line-height: 1; font-weight: 300; display: block; }
@media only screen and (max-width: 719px) { #special-sectionOverview a.func { margin-top: 0.83333em; font-size: 1.25em; line-height: 1.6; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview a.func { margin-top: 0.83333em; font-size: 1.66667em; line-height: 1.6; } }
#special-sectionOverview a.func b { margin-left: 6px; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../img/common/play.png?1395394696'); background-repeat: no-repeat; background-position: 0 0; width: 6px; height: 10px; margin-top: 5px; display: inline-block; }
#special-sectionOverview a.func:hover, #special-sectionOverview a.func.active { color: #008fd9; }
#special-sectionOverview a.func:hover b, #special-sectionOverview a.func.active b { background-position: -10px 0px; }
@media only screen and (min-width: 960px) { #special-sectionOverview .award { position: absolute; }
  #special-sectionOverview .award.t { top: 150px; }
  #special-sectionOverview .award.b { bottom: 30px; } }
#special-sectionOverview .award.lt-ie9 { position: absolute; }
#special-sectionOverview .award.lt-ie9.t { top: 150px; }
#special-sectionOverview .award.lt-ie9.b { bottom: 30px; }
#special-sectionOverview .award.lt-ie9.display img { visibility: visible; }
#special-sectionOverview .video { margin-top: 1em; position: relative; z-index: 800; height: 18px; }
@media only screen and (max-width: 719px) { #special-sectionOverview .video { margin-top: 0.5em; } }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview .video { margin-top: 0.5em; } }
#special-sectionOverview .video li { float: left; margin-left: 10px; }
#special-sectionOverview .video li:first-child { margin-left: 0; }
#special-sectionOverview .video li a { margin-top: 0; }
#special-sectionOverview .bg-wrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
#special-sectionOverview .bg-wrap .bg { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; z-index: 50; position: absolute; top: 0; left: 0; }
@media only screen and (min-width: 960px) { #special-sectionOverview .bg-wrap .bg { visibility: hidden; } }
#special-sectionOverview .bg-wrap .bg.lt-ie9 { visibility: hidden; }
#special-sectionOverview .bg-wrap .bg.lt-ie9.display img { visibility: visible; }
#special-sectionOverview .bg-wrap .bg.show { visibility: visible; z-index: 100; }
#special-sectionOverview .tip { position: absolute; z-index: 200; top: 0; left: 0; display: none; }

@media only screen and (min-width: 960px) { #special-sectionOverview #kv .page.overview .group { top: 18.75%; }
  #special-sectionOverview #kv .page.overview .group > p { width: 84.375%; }
  #special-sectionOverview #kv .page.overview figure { position: relative; width: 100%; height: 100%; }
  #special-sectionOverview #kv .page.overview figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #kv .page.overview figure img.zenfone-blue { z-index: 40; width: 33.64583%; top: 46.75%; left: -13.22917%; }
  #special-sectionOverview #kv .page.overview figure img.zenfone-yellow { z-index: 50; width: 32.1875%; top: 41.625%; left: 11.97917%; }
  #special-sectionOverview #kv .page.overview figure img.zenfone-red { z-index: 30; width: 25.72917%; top: 37%; left: 44.47917%; }
  #special-sectionOverview #kv .page.overview figure img.zenfone-white { z-index: 20; width: 32.70833%; top: 40.875%; left: 56.14583%; }
  #special-sectionOverview #kv .page.overview figure img.zenfone-black { z-index: 10; width: 33.54167%; top: 46.875%; left: 79.58333%; }
  #special-sectionOverview #kv .page.overview.display img { visibility: visible; } }
#special-sectionOverview #kv .page.overview.lt-ie9 .group { top: 18.75%; }
#special-sectionOverview #kv .page.overview.lt-ie9 .group > p { width: 84.375%; }
#special-sectionOverview #kv .page.overview.lt-ie9 figure { position: relative; width: 100%; height: 100%; }
#special-sectionOverview #kv .page.overview.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #kv .page.overview.lt-ie9 figure img.zenfone-blue { z-index: 40; width: 33.64583%; top: 46.75%; left: -13.22917%; }
#special-sectionOverview #kv .page.overview.lt-ie9 figure img.zenfone-yellow { z-index: 50; width: 32.1875%; top: 41.625%; left: 11.97917%; }
#special-sectionOverview #kv .page.overview.lt-ie9 figure img.zenfone-red { z-index: 30; width: 25.72917%; top: 37%; left: 44.47917%; }
#special-sectionOverview #kv .page.overview.lt-ie9 figure img.zenfone-white { z-index: 20; width: 32.70833%; top: 40.875%; left: 56.14583%; }
#special-sectionOverview #kv .page.overview.lt-ie9 figure img.zenfone-black { z-index: 10; width: 33.54167%; top: 46.875%; left: 79.58333%; }
#special-sectionOverview #kv .page.overview.lt-ie9.display img { visibility: visible; }
#special-sectionOverview #kv .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #kv .page.overview figure { position: absolute; top: 0; width: 100%; height: 100%; }
  #special-sectionOverview #kv .page.overview img { position: absolute; }
  #special-sectionOverview #kv .page.overview img.zenfone-blue { z-index: 40; width: 33.64583%; top: 46.75%; left: -13.22917%; }
  #special-sectionOverview #kv .page.overview img.zenfone-yellow { z-index: 50; width: 32.1875%; top: 41.625%; left: 11.97917%; }
  #special-sectionOverview #kv .page.overview img.zenfone-red { z-index: 30; width: 25.72917%; top: 37%; left: 44.47917%; }
  #special-sectionOverview #kv .page.overview img.zenfone-white { z-index: 20; width: 32.70833%; top: 40.875%; left: 56.14583%; }
  #special-sectionOverview #kv .page.overview img.zenfone-black { z-index: 10; width: 33.54167%; top: 46.875%; left: 79.58333%; }
  #special-sectionOverview #kv .page.overview .award { left: 2.08333em; position: absolute; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #kv .page.overview figure { position: absolute; top: 0; margin-top: 0; width: 100%; height: 100%; }
  #special-sectionOverview #kv .page.overview img { position: absolute; }
  #special-sectionOverview #kv .page.overview img.zenfone-blue { z-index: 40; width: 33.64583%; top: 46.75%; left: -13.22917%; }
  #special-sectionOverview #kv .page.overview img.zenfone-yellow { z-index: 50; width: 32.1875%; top: 41.625%; left: 11.97917%; }
  #special-sectionOverview #kv .page.overview img.zenfone-red { z-index: 30; width: 25.72917%; top: 37%; left: 44.47917%; }
  #special-sectionOverview #kv .page.overview img.zenfone-white { z-index: 20; width: 32.70833%; top: 40.875%; left: 56.14583%; }
  #special-sectionOverview #kv .page.overview img.zenfone-black { z-index: 10; width: 33.54167%; top: 46.875%; left: 79.58333%; }
  #special-sectionOverview #kv .page.overview .award { left: 2.08333em; position: absolute; width: 100px; } }
#special-sectionOverview #kv .bg.overview { background: url('../img/kv/bg.png?1396963738'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#special-sectionOverview #pixelmaster .page.overview .name { text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../img/pixelmaster/logo.png?1396963766'); background-repeat: no-repeat; background-position: 0 0; width: 179px; height: 29px; }
@media only screen and (min-width: 960px) { #special-sectionOverview #pixelmaster .page.overview .group { top: 28.125%; left: 2.29167%; width: 46.875%; }
  #special-sectionOverview #pixelmaster .page.overview header > h1 { width: 100%; }
  #special-sectionOverview #pixelmaster .page.overview header > p { width: 67.33333%; }
  #special-sectionOverview #pixelmaster .page.overview p { width: 76.66667%; }
  #special-sectionOverview #pixelmaster .page.overview figure { position: absolute; width: 100%; top: 28.125%; left: 19.79167%; }
  #special-sectionOverview #pixelmaster .page.overview figure img { position: absolute; visibility: hidden; } }
#special-sectionOverview #pixelmaster .page.overview.lt-ie9 .group { top: 28.125%; left: 2.29167%; width: 46.875%; }
#special-sectionOverview #pixelmaster .page.overview.lt-ie9 header > h1 { width: 100%; }
#special-sectionOverview #pixelmaster .page.overview.lt-ie9 header > p { width: 67.33333%; }
#special-sectionOverview #pixelmaster .page.overview.lt-ie9 p { width: 76.66667%; }
#special-sectionOverview #pixelmaster .page.overview.lt-ie9 figure { position: absolute; width: 100%; top: 28.125%; left: 19.79167%; }
#special-sectionOverview #pixelmaster .page.overview.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #pixelmaster .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #pixelmaster .page.overview img { max-width: none !important; position: relative; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #pixelmaster .page.overview img { max-width: none !important; position: relative; } }
#special-sectionOverview #pixelmaster .page.overview.display img { visibility: visible; }
#special-sectionOverview #pixelmaster .bg.overview { background-color: #ffffff; background: url('../img/pixelmaster/bg.png?1396963764'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@media only screen and (min-width: 960px) { #special-sectionOverview #beauty-touch .page.overview .group { top: 27.125%; left: 64.58333%; width: 35.41667%; }
  #special-sectionOverview #beauty-touch .page.overview h1 { width: 85.29412%; }
  #special-sectionOverview #beauty-touch .page.overview header > p { width: 80%; }
  #special-sectionOverview #beauty-touch .page.overview p { width: 89.70588%; }
  #special-sectionOverview #beauty-touch .page.overview figure { position: relative; width: 100%; height: 100%; top: 15%; }
  #special-sectionOverview #beauty-touch .page.overview figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #beauty-touch .page.overview figure img.zenfone { height: 85%; }
  #special-sectionOverview #beauty-touch .page.overview figure img.finger { height: 46.25%; top: 390px; left: -310px; } }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 .group { top: 27.125%; left: 64.58333%; width: 35.41667%; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 h1 { width: 85.29412%; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 header > p { width: 80%; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 p { width: 89.70588%; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 figure { position: relative; width: 100%; height: 100%; top: 15%; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 figure img.zenfone { height: 85%; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9 figure img.finger { height: 46.25%; top: 390px; left: -310px; }
#special-sectionOverview #beauty-touch .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #beauty-touch .page.overview figure { width: 100%; position: relative; }
  #special-sectionOverview #beauty-touch .page.overview figure img.zenfone { position: absolute; }
  #special-sectionOverview #beauty-touch .page.overview figure img.finger { position: absolute; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #beauty-touch .page.overview figure { width: 100%; position: absolute; top: 0; margin-top: 0; }
  #special-sectionOverview #beauty-touch .page.overview figure img.zenfone { position: absolute; }
  #special-sectionOverview #beauty-touch .page.overview figure img.finger { position: absolute; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #beauty-touch .page.overview .group { width: 40%; left: 50%; } }
#special-sectionOverview #beauty-touch .page.overview.display img { visibility: visible; }
@media only screen and (min-width: 960px) { #special-sectionOverview #beauty-touch .page.sonicmaster .group { top: 32.5%; left: 65.625%; }
  #special-sectionOverview #beauty-touch .page.sonicmaster h1 { width: 100%; }
  #special-sectionOverview #beauty-touch .page.sonicmaster p { width: 500px; width: 100%; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure { position: absolute; width: 100%; height: 100%; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure img.zenfone, #special-sectionOverview #beauty-touch .page.sonicmaster figure img.wave, #special-sectionOverview #beauty-touch .page.sonicmaster figure img.speaker-light { top: 15%; height: 85%; } }
#special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 .group { top: 32.5%; left: 65.625%; }
#special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 h1 { width: 100%; }
#special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 p { width: 500px; width: 100%; }
#special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 figure { position: absolute; width: 100%; height: 100%; }
#special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 figure img.zenfone, #special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 figure img.wave, #special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9 figure img.speaker-light { top: 15%; height: 85%; }
#special-sectionOverview #beauty-touch .page.sonicmaster.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #beauty-touch .page.sonicmaster figure { width: 100%; position: relative; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure img.zenfone { position: relative; right: 28%; max-width: none !important; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure img.wave, #special-sectionOverview #beauty-touch .page.sonicmaster figure img.speaker-light { position: absolute; top: 0; right: 8%; max-width: none !important; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #beauty-touch .page.sonicmaster figure { width: 100%; position: relative; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure img.zenfone { position: relative; right: 28%; max-width: none !important; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure img.wave, #special-sectionOverview #beauty-touch .page.sonicmaster figure img.speaker-light { position: absolute; top: 0; right: 8%; max-width: none !important; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #beauty-touch .page.sonicmaster .group { width: 40%; left: 50%; }
  #special-sectionOverview #beauty-touch .page.sonicmaster figure { width: 100%; position: absolute; top: 0; margin-top: 0; } }
#special-sectionOverview #beauty-touch .page.sonicmaster.display img { visibility: visible; }
@media only screen and (min-width: 960px) { #special-sectionOverview #beauty-touch .page.gorilla-3 .group { top: 26.25%; left: 2.29167%; width: 39.58333%; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 .group p { width: 100%; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure { position: absolute; top: 0; left: 44.79167%; width: 100%; height: 100%; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone, #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone-gorilla-glass2 { bottom: 0; left: 50px; height: 92.875%; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone-gorilla-glass2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone-gorilla-glass { bottom: 0; left: 50px; height: 92.875%; } }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 .group { top: 26.25%; left: 2.29167%; width: 39.58333%; }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 .group p { width: 100%; }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 figure { position: absolute; top: 0; left: 44.79167%; width: 100%; height: 100%; }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 figure img.zenfone, #special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 figure img.zenfone-gorilla-glass2 { bottom: 0; left: 50px; height: 92.875%; }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 figure img.zenfone-gorilla-glass2 { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9 figure img.zenfone-gorilla-glass { bottom: 0; left: 50px; height: 92.875%; }
#special-sectionOverview #beauty-touch .page.gorilla-3.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #beauty-touch .page.gorilla-3 figure { width: 100%; position: relative; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone { position: relative; left: 30%; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone-gorilla-glass { position: absolute; left: 23%; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #beauty-touch .page.gorilla-3 figure { width: 100%; position: relative; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone { position: relative; left: 30%; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure img.zenfone-gorilla-glass { position: absolute; left: 23%; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #beauty-touch .page.gorilla-3 .group { width: 50%; }
  #special-sectionOverview #beauty-touch .page.gorilla-3 figure { width: 100%; position: absolute; top: 0; margin-top: 0; } }
#special-sectionOverview #beauty-touch .page.gorilla-3.display img { visibility: visible; }
#special-sectionOverview #beauty-touch .bg.overview { background-color: #f8f8f8; }
#special-sectionOverview #beauty-touch .bg.sonicmaster { background-color: #fafafa; }
#special-sectionOverview #beauty-touch .bg.gorilla-3 { background-color: #000; }

@media only screen and (min-width: 960px) { #special-sectionOverview #responsiveness .page.overview .group { top: 22.125%; left: 2.29167%; width: 41.66667%; }
  #special-sectionOverview #responsiveness .page.overview .group header { width: 100%; }
  #special-sectionOverview #responsiveness .page.overview .group header > p { width: 87.5%; }
  #special-sectionOverview #responsiveness .page.overview .group p { width: 72.5%; }
  #special-sectionOverview #responsiveness .page.overview figure { position: relative; top: 22.625%; left: 40.625%; }
  #special-sectionOverview #responsiveness .page.overview figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #responsiveness .page.overview figure img.zenfone { top: -13px; left: -40px; }
  #special-sectionOverview #responsiveness .page.overview figure img.zenfone-reflection { top: 382px; left: -39px; }
  #special-sectionOverview #responsiveness .page.overview figure img.zenfone-glow { top: 183px; left: -288px; } }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 .group { top: 22.125%; left: 2.29167%; width: 41.66667%; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 .group header { width: 100%; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 .group header > p { width: 87.5%; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 .group p { width: 72.5%; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 figure { position: relative; top: 22.625%; left: 40.625%; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 figure img.zenfone { top: -13px; left: -40px; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 figure img.zenfone-reflection { top: 382px; left: -39px; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9 figure img.zenfone-glow { top: 183px; left: -288px; }
#special-sectionOverview #responsiveness .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #responsiveness .page.overview figure { margin-top: 6.25em; }
  #special-sectionOverview #responsiveness .page.overview figure img.zenfone { position: relative; width: 90%; margin-left: 5%; }
  #special-sectionOverview #responsiveness .page.overview figure img.zenfone-reflection { position: absolute; top: 128.7px; left: -9px; width: 90%; margin-left: 5%; }
  #special-sectionOverview #responsiveness .page.overview figure img.zenfone-glow { position: absolute; top: 81px; width: 90%; margin-left: 5%; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #responsiveness .page.overview img.zenfone { position: relative; width: 90%; margin-left: 5%; }
  #special-sectionOverview #responsiveness .page.overview img.zenfone-reflection { position: absolute; top: 128.7px; left: -9px; width: 90%; margin-left: 5%; }
  #special-sectionOverview #responsiveness .page.overview img.zenfone-glow { position: absolute; top: 81px; width: 90%; margin-left: 5%; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #responsiveness .page.overview .group { width: 40%; }
  #special-sectionOverview #responsiveness .page.overview figure { position: absolute; top: 0; margin-top: 0; } }
#special-sectionOverview #responsiveness .page.overview.display img { visibility: visible; }
@media only screen and (min-width: 960px) { #special-sectionOverview #responsiveness .page.cpu .group { top: 22%; left: 2.91667%; width: 59.375%; }
  #special-sectionOverview #responsiveness .page.cpu p { width: 82.45614%; }
  #special-sectionOverview #responsiveness .page.cpu figure { position: absolute; visibility: hidden; top: 15.75%; left: 36.45833%; }
  #special-sectionOverview #responsiveness .page.cpu figure img.zenfone { position: absolute; top: -4px; left: -1px; }
  #special-sectionOverview #responsiveness .page.cpu figure img.whats-next { position: absolute; top: 112px; left: 108px; }
  #special-sectionOverview #responsiveness .page.cpu figure img.all-tasks { position: absolute; top: 112px; left: 108px; }
  #special-sectionOverview #responsiveness .page.cpu figure img.white-screen { position: absolute; top: 89px; left: 120px; } }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9 .group { top: 22%; left: 2.91667%; width: 59.375%; }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9 p { width: 82.45614%; }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9 figure { position: absolute; visibility: hidden; top: 15.75%; left: 36.45833%; }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9 figure img.zenfone { position: absolute; top: -4px; left: -1px; }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9 figure img.whats-next { position: absolute; top: 112px; left: 108px; }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9 figure img.all-tasks { position: absolute; top: 112px; left: 108px; }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9 figure img.white-screen { position: absolute; top: 89px; left: 120px; }
#special-sectionOverview #responsiveness .page.cpu.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #responsiveness .page.cpu img { margin-left: 5%; }
  #special-sectionOverview #responsiveness .page.cpu img.zenfone { position: relative; width: 90%; }
  #special-sectionOverview #responsiveness .page.cpu img.whats-next, #special-sectionOverview #responsiveness .page.cpu img.all-tasks, #special-sectionOverview #responsiveness .page.cpu img.white-screen { position: absolute; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); z-index: 1; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #responsiveness .page.cpu img { margin-left: 5%; }
  #special-sectionOverview #responsiveness .page.cpu img.zenfone { width: 90%; position: relative; }
  #special-sectionOverview #responsiveness .page.cpu img.whats-next, #special-sectionOverview #responsiveness .page.cpu img.all-tasks, #special-sectionOverview #responsiveness .page.cpu img.white-screen { position: absolute; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); z-index: 1; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #responsiveness .page.cpu .group { width: 40%; }
  #special-sectionOverview #responsiveness .page.cpu figure { position: absolute; top: 0; margin-top: 0; } }
#special-sectionOverview #responsiveness .page.cpu.display figure { visibility: visible; }
@media only screen and (min-width: 960px) { #special-sectionOverview #responsiveness .page.dual-sim-card .group { top: 61.25%; left: 0%; }
  #special-sectionOverview #responsiveness .page.dual-sim-card h1 { text-align: center; width: 100%; }
  #special-sectionOverview #responsiveness .page.dual-sim-card p { width: 88.54167%; text-align: center; left: 5.72917%; }
  #special-sectionOverview #responsiveness .page.dual-sim-card figure { position: absolute; top: 0; height: 100%; width: 100%; }
  #special-sectionOverview #responsiveness .page.dual-sim-card figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #responsiveness .page.dual-sim-card figure img.zenfone { height: 58.25%; } }
#special-sectionOverview #responsiveness .page.dual-sim-card.lt-ie9 .group { top: 61.25%; left: 0%; }
#special-sectionOverview #responsiveness .page.dual-sim-card.lt-ie9 h1 { text-align: center; width: 100%; }
#special-sectionOverview #responsiveness .page.dual-sim-card.lt-ie9 p { width: 88.54167%; text-align: center; left: 5.72917%; }
#special-sectionOverview #responsiveness .page.dual-sim-card.lt-ie9 figure { position: absolute; top: 0; height: 100%; width: 100%; }
#special-sectionOverview #responsiveness .page.dual-sim-card.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #responsiveness .page.dual-sim-card.lt-ie9 figure img.zenfone { height: 58.25%; }
#special-sectionOverview #responsiveness .page.dual-sim-card.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #responsiveness .page.dual-sim-card .group { padding-top: 0; }
  #special-sectionOverview #responsiveness .page.dual-sim-card figure { width: 100%; position: absolute; top: 0; margin-top: 0; }
  #special-sectionOverview #responsiveness .page.dual-sim-card figure img.zenfone { position: relative; top: 0; width: 100%; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #responsiveness .page.dual-sim-card .group { padding-top: 0; }
  #special-sectionOverview #responsiveness .page.dual-sim-card figure { width: 100%; position: absolute; top: 0; margin-top: 0; }
  #special-sectionOverview #responsiveness .page.dual-sim-card figure img.zenfone { position: relative; top: 0; width: 100%; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #responsiveness .page.dual-sim-card .group { width: 45%; padding-top: 5em; } }
#special-sectionOverview #responsiveness .page.dual-sim-card.display img { visibility: visible; }
#special-sectionOverview #responsiveness .bg.overview { background-color: #5b5b5b; background: url('../img/responsiveness/bg.jpg?1395629464'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#special-sectionOverview #responsiveness .bg.cpu { background: url('../img/responsiveness/bg-cpu.png?1396963800'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#special-sectionOverview #responsiveness .bg.dual-sim-card { background-color: #ffffff; }

.tablet #special-sectionOverview #responsiveness .page.cpu img.whats-next, .tablet #special-sectionOverview #responsiveness .page.cpu img.all-tasks, .tablet #special-sectionOverview #responsiveness .page.cpu img.white-screen { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); }

@media only screen and (min-width: 960px) { #special-sectionOverview #accessory .page.overview .group { top: 21.625%; left: 47.91667%; width: 52.08333%; }
  #special-sectionOverview #accessory .page.overview h1 { width: 86%; }
  #special-sectionOverview #accessory .page.overview header > p { width: 86%; }
  #special-sectionOverview #accessory .page.overview p { width: 86%; }
  #special-sectionOverview #accessory .page.overview figure { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
  #special-sectionOverview #accessory .page.overview figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #accessory .page.overview figure img.zenfone-yellow { top: 18.125%; }
  #special-sectionOverview #accessory .page.overview figure img.zenfone-bumper { bottom: 0px; left: 46.14583%; } }
#special-sectionOverview #accessory .page.overview.lt-ie9 .group { top: 21.625%; left: 47.91667%; width: 52.08333%; }
#special-sectionOverview #accessory .page.overview.lt-ie9 h1 { width: 86%; }
#special-sectionOverview #accessory .page.overview.lt-ie9 header > p { width: 86%; }
#special-sectionOverview #accessory .page.overview.lt-ie9 p { width: 86%; }
#special-sectionOverview #accessory .page.overview.lt-ie9 figure { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
#special-sectionOverview #accessory .page.overview.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #accessory .page.overview.lt-ie9 figure img.zenfone-yellow { top: 18.125%; }
#special-sectionOverview #accessory .page.overview.lt-ie9 figure img.zenfone-bumper { bottom: 0px; left: 46.14583%; }
#special-sectionOverview #accessory .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #accessory .page.overview figure { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
  #special-sectionOverview #accessory .page.overview figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #accessory .page.overview figure img.zenfone-yellow { left: 50px; }
  #special-sectionOverview #accessory .page.overview figure img.zenfone-bumper { left: 46.14583%; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #accessory .page.overview figure { height: 100%; }
  #special-sectionOverview #accessory .page.overview img.zenfone-yellow { position: absolute; width: 198px; left: -50px; top: -99px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  #special-sectionOverview #accessory .page.overview img.zenfone-bumper { position: absolute; height: 200px; left: 50%; } }
#special-sectionOverview #accessory .page.overview.display img { visibility: visible; }
@media only screen and (min-width: 960px) { #special-sectionOverview #accessory .page.zen-case .group { top: 21.25%; left: 2.08333%; width: 45.10417%; }
  #special-sectionOverview #accessory .page.zen-case h1 { width: 99.30716%; }
  #special-sectionOverview #accessory .page.zen-case header > p { width: 99.30716%; }
  #special-sectionOverview #accessory .page.zen-case p { width: 99.30716%; }
  #special-sectionOverview #accessory .page.zen-case figure { position: relative; left: 0; width: 100%; height: 100%; }
  #special-sectionOverview #accessory .page.zen-case figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #accessory .page.zen-case figure img.zenfone-red { top: 16%; left: 500px; }
  #special-sectionOverview #accessory .page.zen-case figure img.zenfone-yellow { top: 44.5%; left: 784px; }
  #special-sectionOverview #accessory .page.zen-case figure img.zenfone-white { top: 493px; left: 210px; }
  #special-sectionOverview #accessory .page.zen-case figure img.zenfone-blue { top: 490px; left: -353px; }
  #special-sectionOverview #accessory .page.zen-case figure img.zenfone-black { top: 28.625%; left: 1071px; } }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 .group { top: 21.25%; left: 2.08333%; width: 45.10417%; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 h1 { width: 99.30716%; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 header > p { width: 99.30716%; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 p { width: 99.30716%; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 figure { position: relative; left: 0; width: 100%; height: 100%; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 figure img.zenfone-red { top: 16%; left: 500px; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 figure img.zenfone-yellow { top: 44.5%; left: 784px; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 figure img.zenfone-white { top: 493px; left: 210px; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 figure img.zenfone-blue { top: 490px; left: -353px; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9 figure img.zenfone-black { top: 28.625%; left: 1071px; }
#special-sectionOverview #accessory .page.zen-case.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #accessory .page.zen-case figure { margin-left: 0%; max-width: none !important; }
  #special-sectionOverview #accessory .page.zen-case img { max-width: none !important; position: absolute; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-red { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-yellow { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-white { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-blue { width: 33.5%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-black { width: 17%; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #accessory .page.zen-case figure { margin-left: 8%; max-width: none !important; }
  #special-sectionOverview #accessory .page.zen-case img { max-width: none !important; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-red { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-yellow { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-white { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-blue { width: 33.5%; margin-left: -8%; margin-bottom: 8.5%; margin-right: -8%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-black { width: 17%; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #accessory .page.zen-case .group { width: auto; }
  #special-sectionOverview #accessory .page.zen-case figure { margin-left: 8%; max-width: none !important; }
  #special-sectionOverview #accessory .page.zen-case img { max-width: none !important; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-red { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-yellow { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-white { width: 17%; }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-blue { width: 33.5%; margin-left: -8%; margin-bottom: 8.5%; margin-right: -8%; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
  #special-sectionOverview #accessory .page.zen-case img.zenfone-black { width: 17%; } }
#special-sectionOverview #accessory .page.zen-case.display img { visibility: visible; }
@media only screen and (min-width: 960px) { #special-sectionOverview #accessory .page.bumper .group { top: 35.875%; left: 66.25%; width: 34.375%; }
  #special-sectionOverview #accessory .page.bumper h1 { width: 100%; }
  #special-sectionOverview #accessory .page.bumper header > p { width: 100%; }
  #special-sectionOverview #accessory .page.bumper p { width: 100%; }
  #special-sectionOverview #accessory .page.bumper figure { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
  #special-sectionOverview #accessory .page.bumper figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #accessory .page.bumper figure img.zenfone { height: 90%; top: 18.125%; left: 20.20833%; }
  #special-sectionOverview #accessory .page.bumper figure img.bumper { top: 42.375%; height: 65.75%; left: -21.66667%; } }
#special-sectionOverview #accessory .page.bumper.lt-ie9 .group { top: 35.875%; left: 66.25%; width: 34.375%; }
#special-sectionOverview #accessory .page.bumper.lt-ie9 h1 { width: 100%; }
#special-sectionOverview #accessory .page.bumper.lt-ie9 header > p { width: 100%; }
#special-sectionOverview #accessory .page.bumper.lt-ie9 p { width: 100%; }
#special-sectionOverview #accessory .page.bumper.lt-ie9 figure { position: relative; top: 0; left: 0; width: 100%; height: 100%; }
#special-sectionOverview #accessory .page.bumper.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #accessory .page.bumper.lt-ie9 figure img.zenfone { height: 90%; top: 18.125%; left: 20.20833%; }
#special-sectionOverview #accessory .page.bumper.lt-ie9 figure img.bumper { top: 42.375%; height: 65.75%; left: -21.66667%; }
#special-sectionOverview #accessory .page.bumper.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #accessory .page.bumper figure { position: absolute; top: 0; margin-top: 0; }
  #special-sectionOverview #accessory .page.bumper figure img.bumper { width: 45%; position: relative; }
  #special-sectionOverview #accessory .page.bumper figure img.zenfone { position: relative; width: 45%; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #accessory .page.bumper figure { position: absolute; top: 0; margin-top: 0; }
  #special-sectionOverview #accessory .page.bumper figure img.bumper { width: 45%; position: relative; }
  #special-sectionOverview #accessory .page.bumper figure img.zenfone { position: relative; width: 45%; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #accessory .page.bumper .group { width: 40%; left: 50%; }
  #special-sectionOverview #accessory .page.bumper figure { position: absolute; } }
#special-sectionOverview #accessory .page.bumper.display img { visibility: visible; }
#special-sectionOverview #accessory .bg.overview { background-color: #ffffff; background: url('../img/accessory/bg_grey.png?1397462864'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#special-sectionOverview #accessory .bg.zen-case { background-color: #ffffff; background: url('../img/accessory/bg_grey.png?1397462864'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#special-sectionOverview #accessory .bg.bumper { background-color: #ffffff; background: url('../img/accessory/bg_grey.png?1397462864'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@media only screen and (min-width: 960px) { #special-sectionOverview #design .page .group { top: 33.25%; left: 6.97917%; width: 43.02083%; }
  #special-sectionOverview #design .page .group header, #special-sectionOverview #design .page .group > p { width: 100%; }
  #special-sectionOverview #design .page figure { position: relative; width: 100%; height: 100%;              /*
top:calcDist(130px,$page-height);
left:calcDist(210px,$page-width);*/ }
  #special-sectionOverview #design .page figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #design .page figure img.zenfone-light { height: 100%; }
  #special-sectionOverview #design .page figure img.zenfone { height: 83.75%; } }
#special-sectionOverview #design .page.lt-ie9 .group { top: 33.25%; left: 6.97917%; width: 43.02083%; }
#special-sectionOverview #design .page.lt-ie9 .group header, #special-sectionOverview #design .page.lt-ie9 .group > p { width: 100%; }
#special-sectionOverview #design .page.lt-ie9 figure { position: relative; width: 100%; height: 100%;              /*
top:calcDist(130px,$page-height);
left:calcDist(210px,$page-width);*/ }
#special-sectionOverview #design .page.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #design .page.lt-ie9 figure img.zenfone-light { height: 100%; }
#special-sectionOverview #design .page.lt-ie9 figure img.zenfone { height: 83.75%; }
#special-sectionOverview #design .page.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #design .page figure { width: 100%; height: 100%; position: absolute; top: 0; }
  #special-sectionOverview #design .page img { position: absolute; }
  #special-sectionOverview #design .page img.zenfone-light { max-width: none !important; position: absolute; height: 100%; }
  #special-sectionOverview #design .page img.zenfone { width: 100%; max-width: none !important; }
  #special-sectionOverview #design .page img.award { left: 2.08333em; } }
@media only screen and (min-width: 721px) and (max-width: 959px) and (orientation: portrait) { #special-sectionOverview #design .page .group { width: 50%; }
  #special-sectionOverview #design .page figure { width: 100%; height: 100%; position: absolute; top: 0; }
  #special-sectionOverview #design .page img { position: absolute; }
  #special-sectionOverview #design .page img.zenfone-light { max-width: none !important; position: absolute; height: 100%; }
  #special-sectionOverview #design .page img.zenfone { width: 100%; max-width: none !important; }
  #special-sectionOverview #design .page img.award { left: 2.08333em; } }
@media only screen and (max-width: 719px) and (orientation: landscape) { #special-sectionOverview #design .page .group { width: 70%; }
  #special-sectionOverview #design .page figure { width: 100%; height: 80%; position: absolute; top: 0; }
  #special-sectionOverview #design .page img { position: absolute; }
  #special-sectionOverview #design .page img.zenfone-light { height: 100%; }
  #special-sectionOverview #design .page img.award { left: 2.08333em; width: 100px; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #design .page figure { width: 100%; height: 100%; position: absolute; top: 0; }
  #special-sectionOverview #design .page img { position: absolute; }
  #special-sectionOverview #design .page img.zenfone-light { height: 100%; }
  #special-sectionOverview #design .page img.award { left: 2.08333em; width: 100px; } }
#special-sectionOverview #design .page.display img { visibility: visible; }
#special-sectionOverview .bg.overview { background: url('../img/kv/bg.png?1396963738'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@media only screen and (min-width: 960px) { #special-sectionOverview #brand-spirit .page.overview .group, #special-design #brand-spirit .page.overview .group { top: 14.25%; left: 6.97917%; }
  #special-sectionOverview #brand-spirit .page.overview .group header, #special-sectionOverview #brand-spirit .page.overview .group > p, #special-design #brand-spirit .page.overview .group header, #special-design #brand-spirit .page.overview .group > p { width: 88.125%; }
  #special-sectionOverview #brand-spirit .page.overview figure, #special-design #brand-spirit .page.overview figure { position: relative; width: 100%; height: 100%; margin: 0 auto; }
  #special-sectionOverview #brand-spirit .page.overview figure img, #special-design #brand-spirit .page.overview figure img { position: absolute; visibility: hidden; }
  #special-sectionOverview #brand-spirit .page.overview figure img.zenfone, #special-design #brand-spirit .page.overview figure img.zenfone { top: 62.5%; left: -17.60417%; } }
#special-sectionOverview #brand-spirit .page.overview.lt-ie9 .group, #special-design #brand-spirit .page.overview.lt-ie9 .group { top: 14.25%; left: 6.97917%; }
#special-sectionOverview #brand-spirit .page.overview.lt-ie9 .group header, #special-sectionOverview #brand-spirit .page.overview.lt-ie9 .group > p, #special-design #brand-spirit .page.overview.lt-ie9 .group header, #special-design #brand-spirit .page.overview.lt-ie9 .group > p { width: 88.125%; }
#special-sectionOverview #brand-spirit .page.overview.lt-ie9 figure, #special-design #brand-spirit .page.overview.lt-ie9 figure { position: relative; width: 100%; height: 100%; margin: 0 auto; }
#special-sectionOverview #brand-spirit .page.overview.lt-ie9 figure img, #special-design #brand-spirit .page.overview.lt-ie9 figure img { position: absolute; visibility: hidden; }
#special-sectionOverview #brand-spirit .page.overview.lt-ie9 figure img.zenfone, #special-design #brand-spirit .page.overview.lt-ie9 figure img.zenfone { top: 62.5%; left: -17.60417%; }
#special-sectionOverview #brand-spirit .page.overview.lt-ie9.display img, #special-design #brand-spirit .page.overview.lt-ie9.display img { visibility: visible; }
#special-sectionOverview #brand-spirit .page.overview.display img, #special-design #brand-spirit .page.overview.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #brand-spirit .page.overview figure, #special-design #brand-spirit .page.overview figure { margin-top: 0; }
  #special-sectionOverview #brand-spirit .page.overview img, #special-design #brand-spirit .page.overview img { position: relative; width: 90%; left: 5%; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #brand-spirit .page.overview figure, #special-design #brand-spirit .page.overview figure { margin-top: 0; }
  #special-sectionOverview #brand-spirit .page.overview img, #special-design #brand-spirit .page.overview img { position: relative; width: 90%; left: 5%; } }
#special-sectionOverview #brand-spirit .bg.overview, #special-design #brand-spirit .bg.overview { background-color: #f4f4f4; }

@media only screen and (min-width: 960px) { #special-sectionOverview #concept .page.overview .group, #special-design #concept .page.overview .group { bottom: 10%; left: 5.41667%; }
  #special-sectionOverview #concept .page.overview .group header, #special-sectionOverview #concept .page.overview .group h1, #special-sectionOverview #concept .page.overview .group > p, #special-design #concept .page.overview .group header, #special-design #concept .page.overview .group h1, #special-design #concept .page.overview .group > p { width: 81.25%; }
  #special-sectionOverview #concept .page.overview figure, #special-design #concept .page.overview figure { position: absolute; width: 100%; height: 100%; }
  #special-sectionOverview #concept .page.overview figure img.zenfone, #special-design #concept .page.overview figure img.zenfone { position: absolute; top: 0%; left: -10%; } }
#special-sectionOverview #concept .page.overview.lt-ie9 .group, #special-design #concept .page.overview.lt-ie9 .group { bottom: 10%; left: 5.41667%; }
#special-sectionOverview #concept .page.overview.lt-ie9 .group header, #special-sectionOverview #concept .page.overview.lt-ie9 .group h1, #special-sectionOverview #concept .page.overview.lt-ie9 .group > p, #special-design #concept .page.overview.lt-ie9 .group header, #special-design #concept .page.overview.lt-ie9 .group h1, #special-design #concept .page.overview.lt-ie9 .group > p { width: 81.25%; }
#special-sectionOverview #concept .page.overview.lt-ie9 figure, #special-design #concept .page.overview.lt-ie9 figure { position: absolute; width: 100%; height: 100%; }
#special-sectionOverview #concept .page.overview.lt-ie9 figure img.zenfone, #special-design #concept .page.overview.lt-ie9 figure img.zenfone { position: absolute; top: 0%; left: -10%; }
#special-sectionOverview #concept .page.overview.lt-ie9.display img, #special-design #concept .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #concept .page.overview .group, #special-design #concept .page.overview .group { padding-top: 0; }
  #special-sectionOverview #concept .page.overview figure, #special-design #concept .page.overview figure { margin-top: 0; position: absolute; top: 0; }
  #special-sectionOverview #concept .page.overview figure img, #special-design #concept .page.overview figure img { width: 130%; left: -20%; position: relative; max-width: none !important; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #concept .page.overview .group, #special-design #concept .page.overview .group { padding-top: 0; }
  #special-sectionOverview #concept .page.overview figure, #special-design #concept .page.overview figure { margin-top: 0; position: absolute; top: 0; }
  #special-sectionOverview #concept .page.overview figure img, #special-design #concept .page.overview figure img { width: 130%; left: -20%; position: relative; max-width: none !important; } }
#special-sectionOverview #concept .page.overview.display img.zenfone, #special-design #concept .page.overview.display img.zenfone { visibility: visible; }
#special-sectionOverview #concept .bg.overview, #special-design #concept .bg.overview { background-color: #0c0c0c; background: url('../img/../1/img/design/bg-concept.jpg?1395238687'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

@media only screen and (min-width: 960px) { #special-sectionOverview #color-diy .page.overview .group, #special-design #color-diy .page.overview .group { top: 18.125%; left: 47.5%; width: 52.60417%; z-index: 1000; }
  #special-sectionOverview #color-diy .page.overview .group header, #special-sectionOverview #color-diy .page.overview .group > p, #special-design #color-diy .page.overview .group header, #special-design #color-diy .page.overview .group > p { width: 100%; }
  #special-sectionOverview #color-diy .page.overview .video, #special-design #color-diy .page.overview .video { width: 100%; }
  #special-sectionOverview #color-diy .page.overview .colors, #special-design #color-diy .page.overview .colors { clear: both; margin-top: 1.5em; }
  #special-sectionOverview #color-diy .page.overview .colors li, #special-design #color-diy .page.overview .colors li { float: left; display: block; padding-left: 5px; }
  #special-sectionOverview #color-diy .page.overview .colors li b, #special-design #color-diy .page.overview .colors li b { display: block; margin: 1px; width: 25px; height: 25px; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
  #special-sectionOverview #color-diy .page.overview .colors li:first-child, #special-design #color-diy .page.overview .colors li:first-child { padding-left: 0; }
  #special-sectionOverview #color-diy .page.overview .colors a, #special-design #color-diy .page.overview .colors a { margin: 1px; display: block; width: 27px; height: 27px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid transparent; }
  #special-sectionOverview #color-diy .page.overview .colors a b, #special-design #color-diy .page.overview .colors a b { -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.08); -moz-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.08); box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.08); }
  #special-sectionOverview #color-diy .page.overview .colors a.blue b, #special-design #color-diy .page.overview .colors a.blue b { background-color: #66dee7; background-image: -webkit-linear-gradient(45deg, #1cbac6, #66dee7); background-image: -moz-linear-gradient(45deg, #1cbac6, #66dee7); background-image: -o-linear-gradient(45deg, #1cbac6, #66dee7); background-image: linear-gradient(45deg, #1cbac6, #66dee7); }
  #special-sectionOverview #color-diy .page.overview .colors a.red b, #special-design #color-diy .page.overview .colors a.red b { background-color: #e2494d; background-image: -webkit-linear-gradient(45deg, #b61318, #e2494d); background-image: -moz-linear-gradient(45deg, #b61318, #e2494d); background-image: -o-linear-gradient(45deg, #b61318, #e2494d); background-image: linear-gradient(45deg, #b61318, #e2494d); }
  #special-sectionOverview #color-diy .page.overview .colors a.yellow b, #special-design #color-diy .page.overview .colors a.yellow b { background-color: #ffef4f; background-image: -webkit-linear-gradient(45deg, #ddcd39, #ffef4f); background-image: -moz-linear-gradient(45deg, #ddcd39, #ffef4f); background-image: -o-linear-gradient(45deg, #ddcd39, #ffef4f); background-image: linear-gradient(45deg, #ddcd39, #ffef4f); }
  #special-sectionOverview #color-diy .page.overview .colors a.black b, #special-design #color-diy .page.overview .colors a.black b { background-color: #636363; background-image: -webkit-linear-gradient(45deg, #363636, #636363); background-image: -moz-linear-gradient(45deg, #363636, #636363); background-image: -o-linear-gradient(45deg, #363636, #636363); background-image: linear-gradient(45deg, #363636, #636363); }
  #special-sectionOverview #color-diy .page.overview .colors a.white b, #special-design #color-diy .page.overview .colors a.white b { background-color: #fff; background-image: -webkit-linear-gradient(45deg, #dddddd, #ffffff); background-image: -moz-linear-gradient(45deg, #dddddd, #ffffff); background-image: -o-linear-gradient(45deg, #dddddd, #ffffff); background-image: linear-gradient(45deg, #dddddd, #ffffff); -webkit-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.2); -moz-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.2); box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.2); }
  #special-sectionOverview #color-diy .page.overview .colors a.purple b, #special-design #color-diy .page.overview .colors a.purple b { background-color: #7938ab; background-image: -webkit-linear-gradient(45deg, #7938ab, #9d65a6); background-image: -moz-linear-gradient(45deg, #7938ab, #9d65a6); background-image: -o-linear-gradient(45deg, #7938ab, #9d65a6); background-image: linear-gradient(45deg, #7938ab, #9d65a6); }
  #special-sectionOverview #color-diy .page.overview .colors a.gold b, #special-design #color-diy .page.overview .colors a.gold b { background-color: #ffe0af; background-image: -webkit-linear-gradient(45deg, #e1bf95, #ffe0af); background-image: -moz-linear-gradient(45deg, #e1bf95, #ffe0af); background-image: -o-linear-gradient(45deg, #e1bf95, #ffe0af); background-image: linear-gradient(45deg, #e1bf95, #ffe0af); }
  #special-sectionOverview #color-diy .page.overview .colors a:hover, #special-sectionOverview #color-diy .page.overview .colors a.active, #special-design #color-diy .page.overview .colors a:hover, #special-design #color-diy .page.overview .colors a.active { border: 1px solid #0096ff; }
  #special-sectionOverview #color-diy .page.overview figure, #special-design #color-diy .page.overview figure { z-index: 500; position: relative; width: 100%; height: 100%; top: 15%; }
  #special-sectionOverview #color-diy .page.overview figure img, #special-design #color-diy .page.overview figure img { position: absolute; }
  #special-sectionOverview #color-diy .page.overview figure img.shadow, #special-design #color-diy .page.overview figure img.shadow { top: -50px; left: -90px; height: 100%; }
  #special-sectionOverview #color-diy .page.overview figure img.yellow, #special-sectionOverview #color-diy .page.overview figure img.red, #special-sectionOverview #color-diy .page.overview figure img.white, #special-sectionOverview #color-diy .page.overview figure img.blue, #special-sectionOverview #color-diy .page.overview figure img.black, #special-design #color-diy .page.overview figure img.yellow, #special-design #color-diy .page.overview figure img.red, #special-design #color-diy .page.overview figure img.white, #special-design #color-diy .page.overview figure img.blue, #special-design #color-diy .page.overview figure img.black { display: none; left: -33.33333%; height: 85%; }
  #special-sectionOverview #color-diy .page.overview figure img.black, #special-design #color-diy .page.overview figure img.black { display: block; } }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .group, #special-design #color-diy .page.overview.lt-ie9 .group { top: 18.125%; left: 47.5%; width: 52.60417%; z-index: 1000; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .group header, #special-sectionOverview #color-diy .page.overview.lt-ie9 .group > p, #special-design #color-diy .page.overview.lt-ie9 .group header, #special-design #color-diy .page.overview.lt-ie9 .group > p { width: 100%; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .video, #special-design #color-diy .page.overview.lt-ie9 .video { width: 100%; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors, #special-design #color-diy .page.overview.lt-ie9 .colors { clear: both; margin-top: 1.5em; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors li, #special-design #color-diy .page.overview.lt-ie9 .colors li { float: left; display: block; padding-left: 5px; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors li b, #special-design #color-diy .page.overview.lt-ie9 .colors li b { display: block; margin: 1px; width: 25px; height: 25px; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors li:first-child, #special-design #color-diy .page.overview.lt-ie9 .colors li:first-child { padding-left: 0; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a, #special-design #color-diy .page.overview.lt-ie9 .colors a { margin: 1px; display: block; width: 27px; height: 27px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 1px solid transparent; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a b, #special-design #color-diy .page.overview.lt-ie9 .colors a b { -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.08); -moz-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.08); box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.08); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.blue b, #special-design #color-diy .page.overview.lt-ie9 .colors a.blue b { background-color: #66dee7; background-image: -webkit-linear-gradient(45deg, #1cbac6, #66dee7); background-image: -moz-linear-gradient(45deg, #1cbac6, #66dee7); background-image: -o-linear-gradient(45deg, #1cbac6, #66dee7); background-image: linear-gradient(45deg, #1cbac6, #66dee7); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.red b, #special-design #color-diy .page.overview.lt-ie9 .colors a.red b { background-color: #e2494d; background-image: -webkit-linear-gradient(45deg, #b61318, #e2494d); background-image: -moz-linear-gradient(45deg, #b61318, #e2494d); background-image: -o-linear-gradient(45deg, #b61318, #e2494d); background-image: linear-gradient(45deg, #b61318, #e2494d); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.yellow b, #special-design #color-diy .page.overview.lt-ie9 .colors a.yellow b { background-color: #ffef4f; background-image: -webkit-linear-gradient(45deg, #ddcd39, #ffef4f); background-image: -moz-linear-gradient(45deg, #ddcd39, #ffef4f); background-image: -o-linear-gradient(45deg, #ddcd39, #ffef4f); background-image: linear-gradient(45deg, #ddcd39, #ffef4f); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.black b, #special-design #color-diy .page.overview.lt-ie9 .colors a.black b { background-color: #636363; background-image: -webkit-linear-gradient(45deg, #363636, #636363); background-image: -moz-linear-gradient(45deg, #363636, #636363); background-image: -o-linear-gradient(45deg, #363636, #636363); background-image: linear-gradient(45deg, #363636, #636363); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.white b, #special-design #color-diy .page.overview.lt-ie9 .colors a.white b { background-color: #fff; background-image: -webkit-linear-gradient(45deg, #dddddd, #ffffff); background-image: -moz-linear-gradient(45deg, #dddddd, #ffffff); background-image: -o-linear-gradient(45deg, #dddddd, #ffffff); background-image: linear-gradient(45deg, #dddddd, #ffffff); -webkit-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.2); -moz-box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.2); box-shadow: inset 1px -1px 1px rgba(1, 1, 1, 0.2); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.purple b, #special-design #color-diy .page.overview.lt-ie9 .colors a.purple b { background-color: #7938ab; background-image: -webkit-linear-gradient(45deg, #7938ab, #9d65a6); background-image: -moz-linear-gradient(45deg, #7938ab, #9d65a6); background-image: -o-linear-gradient(45deg, #7938ab, #9d65a6); background-image: linear-gradient(45deg, #7938ab, #9d65a6); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.gold b, #special-design #color-diy .page.overview.lt-ie9 .colors a.gold b { background-color: #ffe0af; background-image: -webkit-linear-gradient(45deg, #e1bf95, #ffe0af); background-image: -moz-linear-gradient(45deg, #e1bf95, #ffe0af); background-image: -o-linear-gradient(45deg, #e1bf95, #ffe0af); background-image: linear-gradient(45deg, #e1bf95, #ffe0af); }
#special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a:hover, #special-sectionOverview #color-diy .page.overview.lt-ie9 .colors a.active, #special-design #color-diy .page.overview.lt-ie9 .colors a:hover, #special-design #color-diy .page.overview.lt-ie9 .colors a.active { border: 1px solid #0096ff; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 figure, #special-design #color-diy .page.overview.lt-ie9 figure { z-index: 500; position: relative; width: 100%; height: 100%; top: 15%; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 figure img, #special-design #color-diy .page.overview.lt-ie9 figure img { position: absolute; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 figure img.shadow, #special-design #color-diy .page.overview.lt-ie9 figure img.shadow { top: -50px; left: -90px; height: 100%; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 figure img.yellow, #special-sectionOverview #color-diy .page.overview.lt-ie9 figure img.red, #special-sectionOverview #color-diy .page.overview.lt-ie9 figure img.white, #special-sectionOverview #color-diy .page.overview.lt-ie9 figure img.blue, #special-sectionOverview #color-diy .page.overview.lt-ie9 figure img.black, #special-design #color-diy .page.overview.lt-ie9 figure img.yellow, #special-design #color-diy .page.overview.lt-ie9 figure img.red, #special-design #color-diy .page.overview.lt-ie9 figure img.white, #special-design #color-diy .page.overview.lt-ie9 figure img.blue, #special-design #color-diy .page.overview.lt-ie9 figure img.black { display: none; left: -33.33333%; height: 85%; }
#special-sectionOverview #color-diy .page.overview.lt-ie9 figure img.black, #special-design #color-diy .page.overview.lt-ie9 figure img.black { display: block; }
#special-sectionOverview #color-diy .page.overview.lt-ie9.display img, #special-design #color-diy .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #color-diy .page.overview .colors, #special-design #color-diy .page.overview .colors { display: none; }
  #special-sectionOverview #color-diy .page.overview figure img.shadow, #special-design #color-diy .page.overview figure img.shadow { display: none; }
  #special-sectionOverview #color-diy .page.overview figure img.yellow, #special-sectionOverview #color-diy .page.overview figure img.red, #special-sectionOverview #color-diy .page.overview figure img.white, #special-sectionOverview #color-diy .page.overview figure img.blue, #special-design #color-diy .page.overview figure img.yellow, #special-design #color-diy .page.overview figure img.red, #special-design #color-diy .page.overview figure img.white, #special-design #color-diy .page.overview figure img.blue { position: absolute; top: 0; }
  #special-sectionOverview #color-diy .page.overview figure img.black, #special-design #color-diy .page.overview figure img.black { position: relative; top: 0; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #color-diy .page.overview .colors, #special-design #color-diy .page.overview .colors { display: none; }
  #special-sectionOverview #color-diy .page.overview figure img.shadow, #special-design #color-diy .page.overview figure img.shadow { display: none; }
  #special-sectionOverview #color-diy .page.overview figure img.yellow, #special-sectionOverview #color-diy .page.overview figure img.red, #special-sectionOverview #color-diy .page.overview figure img.white, #special-sectionOverview #color-diy .page.overview figure img.blue, #special-design #color-diy .page.overview figure img.yellow, #special-design #color-diy .page.overview figure img.red, #special-design #color-diy .page.overview figure img.white, #special-design #color-diy .page.overview figure img.blue { position: absolute; top: 0; }
  #special-sectionOverview #color-diy .page.overview figure img.black, #special-design #color-diy .page.overview figure img.black { position: relative; top: 0; } }
#special-sectionOverview #color-diy .page.overview.display img, #special-design #color-diy .page.overview.display img { visibility: visible; }
#special-sectionOverview #color-diy .bg.overview, #special-design #color-diy .bg.overview { background-color: #ffffff; background: url('../img/../1/img/design/bg-color-diy.jpg?1395289278'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

#special-sectionOverview #ui .page.overview .name { margin-left: auto; margin-right: auto; text-indent: -119988px; overflow: hidden; text-align: left; background-image: url('../img/zen-ui/logo-zen-ui.png?1400827191'); background-repeat: no-repeat; background-position: 0 0; width: 128px; height: 20px; }
@media only screen and (min-width: 960px) { #special-sectionOverview #ui .page.overview .group { bottom: 3.75%; text-align: center; width: 100%; }
  #special-sectionOverview #ui .page.overview figure { position: relative; width: 100%; height: 100%; top: 0; }
  #special-sectionOverview #ui .page.overview figure img { visibility: hidden; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-0 { position: absolute; left: 0%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-1 { position: absolute; left: 9.6875%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-2 { position: absolute; left: 19.375%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-3 { position: absolute; left: 29.0625%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-4 { position: absolute; left: 38.75%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-5 { position: absolute; left: 48.4375%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-6 { position: absolute; left: 58.125%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-7 { position: absolute; left: 67.8125%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-8 { position: absolute; left: 77.5%; height: 69.375%; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-9 { position: absolute; left: 87.1875%; height: 69.375%; } }
#special-sectionOverview #ui .page.overview.lt-ie9 .group { bottom: 3.75%; text-align: center; width: 100%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure { position: relative; width: 100%; height: 100%; top: 0; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img { visibility: hidden; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-0 { position: absolute; left: 0%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-1 { position: absolute; left: 9.6875%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-2 { position: absolute; left: 19.375%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-3 { position: absolute; left: 29.0625%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-4 { position: absolute; left: 38.75%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-5 { position: absolute; left: 48.4375%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-6 { position: absolute; left: 58.125%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-7 { position: absolute; left: 67.8125%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-8 { position: absolute; left: 77.5%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9 figure img.zen-ui-9 { position: absolute; left: 87.1875%; height: 69.375%; }
#special-sectionOverview #ui .page.overview.lt-ie9.display img { visibility: visible; }
@media only screen and (min-width: 721px) and (max-width: 959px) { #special-sectionOverview #ui .page.overview .name { margin-left: 0; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-0 { position: absolute; left: 10%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-1 { position: absolute; left: 18%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-2 { position: absolute; left: 26%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-3 { position: absolute; left: 34%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-4 { position: absolute; left: 42%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-5 { position: absolute; left: 50%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-6 { position: absolute; left: 58%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-7 { position: absolute; left: 66%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-8 { position: absolute; left: 74%; height: 250px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-9 { position: absolute; left: 82%; height: 250px; } }
@media only screen and (max-width: 719px) { #special-sectionOverview #ui .page.overview .name { margin-left: 0; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-0 { position: absolute; left: 10%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-1 { position: absolute; left: 18%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-2 { position: absolute; left: 26%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-3 { position: absolute; left: 34%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-4 { position: absolute; left: 42%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-5 { position: absolute; left: 50%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-6 { position: absolute; left: 58%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-7 { position: absolute; left: 66%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-8 { position: absolute; left: 74%; height: 500px; }
  #special-sectionOverview #ui .page.overview figure img.zen-ui-9 { position: absolute; left: 82%; height: 500px; } }
#special-sectionOverview #ui .page.overview.display img.zen-ui-0 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-1 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-2 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-3 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-4 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-5 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-6 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-7 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-8 { visibility: visible; }
#special-sectionOverview #ui .page.overview.display img.zen-ui-9 { visibility: visible; }
#special-sectionOverview #ui .bg.overview { background-color: #090909; background: url('../img/zen-ui/bg-ui.png?1397198840'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }