/* =====================================================================
 *  Normalize.css
 *  Introduced by HTML5 Boilerplate
 *  https://raw.github.com/necolas/normalize.css/master/normalize.css
 * ===================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231; }

/*body, button, input, select, textarea { font-family:sans-serif; color:#7d7d7d}*/
body, button, input, select, textarea {
  font-family: sans-serif;
  color: #bbb; }

::-moz-selection {
  background: #8c5ecd;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #8c5ecd;
  color: #fff;
  text-shadow: none; }

a:link {
  color: inherit;
  -webkit-transition: color .5s ease-out;
  -moz-transition: color .5s ease-out;
  transition: color .5s ease-out; }

.ie6 a:link, .ie7 a:link {
  color: #7d7d7d;
  /*IE7- not support ineritance, so give it a fair color */ }

a:visited {
  color: inherit; }

a:focus, a:hover {
  /*color:#fc0*/
  color: #8c5ecd; }

a:active {
  color: #555; }

a:hover, a:focus, a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal;
  *overflow: visible; }

table button, table input {
  *overflow: auto; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

/* =====================================================================
 * Primary styles
 * Author:Albert Lan Design
 * ===================================================================== */
/* ---------------------------------------------------------------------
 * Base
 * ------------------------------------------------------------------ */
body, button, input, select, textarea {
  font-family: Arial, Helvetica, sans-serif; }

.rgba body {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

ul, ol, dl, dd, dt {
  margin: 0;
  padding: 0;
  list-style: none; }

p {
  margin: 0 0 1em;
  padding: 0; }

small {
  font-size: 100%; }

#header .sectiontitle.grid_6, #header .menu.grid_6 {
  width: auto; }

/*
@font-face{font-family:'GillSansRegular';src:url('font/gillsans-webfont.eot');src:url('font/gillsans-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsans-webfont.woff') format('woff'),url('font/gillsans-webfont.ttf') format('truetype'),url('font/gillsans-webfont.svg#GillSansRegular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansItalic';src:url('font/gillsansstd-italic-webfont.eot');src:url('font/gillsansstd-italic-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-italic-webfont.woff') format('woff'),url('font/gillsansstd-italic-webfont.ttf') format('truetype'),url('font/gillsansstd-italic-webfont.svg#GillSansItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansBold';src:url('font/gillsansstd-bold-webfont.eot');src:url('font/gillsansstd-bold-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-bold-webfont.woff') format('woff'),url('font/gillsansstd-bold-webfont.ttf') format('truetype'),url('font/gillsansstd-bold-webfont.svg#GillSansBold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansBoldItalic';src:url('font/gillsansstd-bolditalic-webfont.eot');src:url('font/gillsansstd-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-bolditalic-webfont.woff') format('woff'),url('font/gillsansstd-bolditalic-webfont.ttf') format('truetype'),url('font/gillsansstd-bolditalic-webfont.svg#GillSansBoldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansLight';src:url('font/gillsansstd-light-webfont.eot');src:url('font/gillsansstd-light-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-light-webfont.woff') format('woff'),url('font/gillsansstd-light-webfont.ttf') format('truetype'),url('font/gillsansstd-light-webfont.svg#GillSansLight') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'GillSansLightItalic';src:url('font/gillsansstd-lightitalic-webfont.eot');src:url('font/gillsansstd-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('font/gillsansstd-lightitalic-webfont.woff') format('woff'),url('font/gillsansstd-lightitalic-webfont.ttf') format('truetype'),url('font/gillsansstd-lightitalic-webfont.svg#GillSansLightItalic') format('svg');font-weight:normal;font-style:normal}
*/
@font-face {
  font-family: 'GillSansRegular';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansItalic';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansBold';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansBoldItalic';
  src: url("font/gillsans-webfont.eot");
  src: url("font/gillsans-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsans-webfont.woff") format("woff"), url("font/gillsans-webfont.ttf") format("truetype"), url("font/gillsans-webfont.svg#GillSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansLight';
  src: url("font/gillsansstd-light-webfont.eot");
  src: url("font/gillsansstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsansstd-light-webfont.woff") format("woff"), url("font/gillsansstd-light-webfont.ttf") format("truetype"), url("font/gillsansstd-light-webfont.svg#GillSansLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'GillSansLightItalic';
  src: url("font/gillsansstd-light-webfont.eot");
  src: url("font/gillsansstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("font/gillsansstd-light-webfont.woff") format("woff"), url("font/gillsansstd-light-webfont.ttf") format("truetype"), url("font/gillsansstd-light-webfont.svg#GillSansLight") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ---------------------------------------------------------------------
 * Common 
 * [color] 
 * grey gradient [#7d7d7d, #555, #363636]
 * purple grzadient [#8c5ecd, #7044ae, #56029b, #53178d, #4f2d7f, #32015a]
 * ------------------------------------------------------------------ */
.blockseperate {
  width: 100%;
  height: 8px;
  background: url(../img/common/blockseperate.png) no-repeat center top;
  background-size: 100% 100%; }

.wideseperate {
  width: 100%;
  height: 10px;
  background: url(../img/common/blockseperate.png) no-repeat center top;
  /*background-size:100% 100%*/ }

.supertitle {
  margin-bottom: .26315em;
  /*10px*/
  font-size: 2.92307em;
  /*13xN=38*/
  font-family: 'GillSansItalic';
  color: white; }

.sectiontitle {
  font-size: 2em;
  /*13xN=26*/
  font-family: 'GillSansLight';
  text-transform: uppercase;
  color: #fff; }

.blocktitle {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight';
  text-transform: uppercase;
  color: #fff; }

.articletitle {
  margin-bottom: .238em;
  font-size: 1.61538em;
  /*13xN=21*/
  font-family: 'GillSansItalic';
  color: #fff; }

.articleentry {
  font-size: 1.07692em;
  /*13xN=14*/
  line-height: 1.4285;
  /*20/14*/
  color: #7d7d7d; }

p.articleentry, .articleentry p:last-child {
  margin-bottom: 0; }

.articleentry a:link, .articleentry a:visited {
  color: #7044ae; }

.articleentry a:focus, .articleentry a:hover {
  color: #8c5ecd; }

.video .thumb img {
  width: auto;
  height: 107px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

/* IE8,7,6 smoothing font-face
http://allcreatives.net/2009/12/05/smoother-font-face-embedding-in-ie-7-8/
 */
.ie8- .supertitle,
.ie8- .sectiontitle, .ie8- .blocktitle, .ie8- .articletitle,
.ie8- .pagination,
.ie8- .filter,
.ie8- .ent-link,
.ie8- .stm-front,
.ie8- .vis-title, .ie8- .vis-descr, .ie8- .vis-tagline,
.ie8- .piw-label,
.ie8- #header .branding,
.ie8- .section-product-front .doors h2 {
  /*zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/common/trans.png,sizingMethod=crop);*/ }

.list1 {
  margin-left: 1em;
  list-style: disc outside; }

/*.list1 li { margin-bottom:.523em; font-style:oblique}*/
.list1 li {
  margin-bottom: .523em; }

.list1 li a:link, .list1 li a:visited {
  color: inherit;
  text-decoration: underline; }

.list1 li a:hover, .list1 li a:focus {
  color: #fff; }

.pagination {
  text-align: center;
  font-family: 'GillSansItalic';
  font-size: 1.23076em;
  /*13xN=16*/ }

.pagination .tlc-link {
  margin: 0 .2em;
  color: #555; }


.compare {
  letter-spacing: -3px;
  word-spacing: -3px;
  white-space: nowrap; }

.compare figure {
  position: relative;
  display: inline-block;
  letter-spacing: 0;
  word-spacing: 0;
  vertical-align: top; }

.compare figure img {
  position: relative; }

.compare figcaption {
  position: absolute;
  top: 11.64285em;
  /*163*/
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.07692em;
  /*13xN=14*/
  font-family: 'GillSansRegular'; }

.compare-center {
  margin: 0 auto;
  /*8*/ }

.compare-left {
  margin-right: .61538em;
  /*8*/ }

.compare-left img {
  top: .84615em;
  /*11*/ }

.specsheet dd {
  margin-bottom: 2em; }

.spectb {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px; }

.spectb th, .spectb td {
  width: 50%;
  vertical-align: middle;
  font-size: 1.23076em;
  /*13xN=16*/
  font-weight: normal; }

.spectb th {
  padding: .625em 1.125em .628em 0;
  background: #1e1e1e;
  text-align: right;
  color: #555; }

.spectb td {
  padding: .625em 0 .628em 1.125em;
  background: #252525;
  color: #7d7d7d; }

.compatible .wrap {
  overflow: hidden;
  padding: 1.84615em;
  /*24*/
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: url(../img/common/bg-noise.png); }

.rgba .compatible .wrap {
  -moz-box-shadow: inset 0 0 29px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 29px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 29px rgba(0, 0, 0, 0.3); }

.compatible ul {
  overflow: auto;
  width: 100%; }

.compatible li {
  position: relative;
  float: left;
  width: 50%; }

.compatible figure {
  position: absolute;
  left: 0;
  top: 0;
  /*top:4.5em;*/
  /*2xline-height+margin-bottom*/ }

.compatible .windows7 {
  width: 21.46153em;
  /*279*/
  padding-left: 9em; }

.compatible .windows8 {
  width: auto;
  padding-left: 9em;
  height: 115px; }

.compatible .windows8-half {
  width: 21.46153em;
  /*279*/
  padding-left: 9em; }

.compatible .energystar {
  float: right;
  width: 18.38461em;
  /*239*/
  padding-left: 8.15384em; }

.compatible .ecofacts {
  clear: both;
  width: auto;
  min-height: 146px;
  padding-left: 21.23076em;
  /*276*/ }

.compatible .ecofacts figure {
  left: 0;
  top: 0; }

.compatible .blockseperate {
  margin: 2em 0 1.69em; }

.logo-ecofacts {
  border-radius: 10px;
  box-shadow: 1px 1px 6px #111, 0 0 50px #2b2b2b; }

.notes {
  font-size: 1.07692em;
  /*13xN=14*/
  color: #363636; }

.bgcover {
  position: fixed;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover; }

.ie6 .bgcover {
  position: absolute; }

.imgeffect {
  display: block;
  position: relative; }

.imgeffect-draw {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.ie6 .imgeffect-draw {
  width: 99%;
  height: 99%; }

.imgframe .imgeffect-draw {
  border: 1px solid #56029B;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-opacity: .35;
  -moz-opacity: .35;
  opacity: .35;
  background: rgba(0, 0, 0, 0.4); }

.ie8- .imgframe .imgeffect-draw {
  filter: alpha(opacity=30); }

.imgframe img {
  border-radius: 5px; }

.imginnershade .imgeffect-draw {
  -webkit-box-shadow: inset 0 0 10px #000;
  -moz-box-shadow: inset 0 0 10px #000;
  box-shadow: inset 0 0 10px #000;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: 0.5; }

a:hover .imgframe .imgeffect-draw {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  border-width: 3px;
  background: rgba(0, 0, 0, 0); }

.ie8- a:hover .imgframe .imgeffect-draw {
  filter: alpha(opacity=40); }

.records li {
  position: relative;
  padding-left: 1.8em;
  margin-bottom: 1.15384em;
  /*15*/
  color: #fff;
  white-space: nowrap; }

.records .year {
  position: absolute;
  left: 0;
  font-size: .6923em;
  /*13xN=9*/
  line-height: 4; }

.records .title {
  font-size: 1.76923em;
  /*13xN=23*/ }

.records .quote {
  font-size: 1.07692em;
  /*13xN=14*/
  color: #7d7d7d; }

.records .place {
  display: inline-block;
  width: 2.55555em;
  /*23*/
  font-size: .6923em;
  /*13xN=9*/
  white-space: normal; }

.records a {
  text-decoration: none; }

.ashes {
  position: absolute;
  z-index: 0;
  width: 50.61538em;
  height: 55.53846em;
  background: url(/html/en/img/esports/ashes.png) no-repeat;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.doors li {
  color: #fff;
  text-align: center; }

.doors a {
  position: relative;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
  text-shadow: 0 -1px 1px #333; }

.doors a:hover, .doors a:focus {
  color: #fff;
  text-shadow: 0 1px 2px #111; }

.doors h2 {
  margin-bottom: .24701em;
  font-size: 1.86848em;
  font-family: 'GillSansLightItalic';
  text-transform: uppercase; }

.doors h2 strong {
  font-family: 'GillSansBoldItalic'; }

.doors p {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLightItalic'; }

.doors:after {
  content: '';
  height: 0;
  width: 0;
  overflow: hidden; }

/* preload button hover bg img */
/* ---------------------------------------------------------------------
 * Modules
 * ------------------------------------------------------------------ */
/*********************
 * Entry   					 *
 *********************/
.ent a {
  text-decoration: none; }

.ent-leading-figure {
  margin-bottom: 1.61538em;
  /*13xN=21*/ }

.ent-content a:link {
  text-decoration: underline; }

.ent-actiontop, .ent-actionbtm {
  overflow: hidden;
  /*floated children*/ }

.ent-actiontop {
  margin-bottom: 1em; }

.ent-action-left {
  float: left; }

.ent-action-right {
  float: right;
  text-align: right; }

.ent-link {
  font-size: 1.15384em;
  /*13*N=15*/
  font-family: 'GillSansItalic';
  color: #7044ae;
  text-decoration: underline;
  white-space: nowrap; }

a.ent-link {
  color: #7044ae;
  text-decoration: underline; }

.ent-time {
  font-size: .84615em;
  /*13*N=11*/
  color: #555;
  white-space: nowrap; }

.ent a:hover .ent-link, a.ent-link:hover {
  color: #8c5ecd; }

.ent a:hover .ent-content {
  color: #fff; }

/* transition */
.ent-link, .ent-content {
  -webkit-transition: color .2s ease-out;
  -moz-transition: color .2s ease-out;
  transition: color .2s ease-out; }

/************************
 * Primary Navigation   *
 ************************/
.pmn-holder {
  position: relative;
  width: 561px;
  height: 48px;
  overflow: hidden; }

.pmn-item {
  position: relative;
  z-index: auto;
  float: left;
  height: 100%; }

.pmn-item a {
  display: block;
  height: 48px;
  /*overflow:hidden; */
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em; }

.pmn-nth1 a {
  width: 140px;
  background-image: url(/html/en/img/common/pmn-nth1.png); }

.pmn-nth2 a {
  width: 163px;
  background-image: url(/html/en/img/common/pmn-nth2.png); }

.pmn-nth3 a {
  width: 75px;
  background-image: url(/html/en/img/common/pmn-nth3.png); }

.pmn-nth4 a {
  width: 141px;
  background-image: url(/html/en/img/common/pmn-nth4.png); }

/* hover item */
.pmn-item a:before {
  display: block;
  content: '';
  position: absolute;
  z-index: 2;
  left: -2px;
  top: 0;
  height: 48px;
  background-repeat: no-repeat;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0; }

.pmn-nth1 a:before {
  left: 0;
  width: 142px;
  background-image: url(/html/en/img/common/pmn-nth1-on.png); }

.pmn-nth2 a:before {
  width: 166px;
  background-image: url(/html/en/img/common/pmn-nth2-on.png); }

.pmn-nth3 a:before {
  width: 78px;
  background-image: url(/html/en/img/common/pmn-nth3-on.png); }

.pmn-nth4 a:before {
  left: -1px;
  width: 142px;
  background-image: url(/html/en/img/common/pmn-nth4-on.png); }

.pmn-item a:hover:before {
  -moz-opacity: .5;
  -webkit-opacity: .5;
  opacity: .5; }

.pmn-item a:active:before {
  -moz-opacity: .2;
  -webkit-opacity: .2;
  opacity: .2; }

/* current item */
.pmn-current a {
  /*cursor:default*/ }

.pmn-current a:before {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

/* split */
.pmn-item {
  padding-right: 1px;
  background: url(/html/en/img/common/pmn-split.png) no-repeat 100% 0; }

.pmn-last {
  padding-right: 0;
  background: none; }

/* transition */
.pmn-item a:active:before {
  -webkit-transition-duration: .05s;
  -moz-transition-duration: .05s;
  transition-duration: .05s; }

.pmn-item a:before {
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

/* ie fix */
.ie8- .pmn-item a:before {
  display: none; }

.ie8- .pmn-item a:hover:before, .ie8- .pmn-current a:before {
  display: block; }

/*********************
 * Product nav       *
 *********************/
.pdn {
  width: 303px;
  overflow: hidden;
  margin: 30px auto 3.84615em;
  /*50*/ }

.pdn-holder {
  width: 305px; }

.pdn-item {
  float: left; }

.pdn-item a {
  display: block;
  height: 35px;
  overflow: hidden;
  text-align: left;
  text-indent: -999em; }

.pdn-item-nth1 a {
  width: 96px;
  background: url(/html/en/img/product/prodnav-nth1.png); }

.pdn-item-nth2 a {
  width: 124px;
  background: url(/html/en/img/product/prodnav-nth2.png); }

.pdn-item-nth3 a {
  width: 82px;
  background: url(/html/en/img/product/prodnav-nth3.png); }

.pdn-current a, .pdn-item a:hover {
  background-position: 0 -35px; }

/*********************
 * Slidebar box      *
 *********************/
.sdb {
  padding: 1.53846em;
  /*20px*/
  margin-bottom: 2.30769em;
  /*30px*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #252525; }

.sdb:last-child {
  margin-bottom: 0; }

.sdb-header {
  margin-bottom: .61111em; }

/*********************
 * Text link chain   *
 *********************/
.tlc-link {
  text-decoration: none; }

a.tlc-link:focus, a.tlc-link:hover {
  text-decoration: underline;
  color: inherit; }

span.tlc-link {
  cursor: default; }

.tlc-current {
  color: #8c5ecd !important; }

.tlc-split {
  padding: 0 .25em; }

/*********************
 * Breadcrumb        *
 *********************/
.bdc {
  margin-bottom: 1em;
  font-family: 'GillSans';
  color: #555;
  /*text-transform:uppercase*/ }

.bdc a {
  text-decoration: none; }

.bdc span {
  color: #7d7d7d; }

/***************
 * Share tool  *
 ***************/
.sha {
  text-align: right; }

.sha-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin: 0 .1em;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em; }

.sha-icon-head {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  margin: 0 .1em;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: -999em; 
  background-image: url(/html/en/img/common/ico-facebook-color.png); 
}

.sha-icon-head:hover {
    background-image: url(/html/en/img/common/ico-facebook-on.png) !important;
}

.sha .twitter {
  background-image: url(/html/en/img/common/ico-twitter-color.png); }

.sha .facebook {
  background-image: url(/html/en/img/common/ico-facebook-color.png); }

.sha .gplus {
  background-image: url(/html/en/img/common/ico-gplus-color.png); }

.sha .twitter:hover {
  background-image: url(/html/en/img/common/ico-twitter-on.png) !important; }

.sha .facebook:hover {
  background-image: url(/html/en/img/common/ico-facebook-on.png) !important; }

.sha .gplus:hover {
  background-image: url(/html/en/img/common/ico-gplus-on.png) !important; }

/*********************
 * Site Map				   *
 *********************/
.stm {
  padding: 2em 0;
  background: #111111; }

.stm-holder {
  overflow: hidden; }

.stm a {
  text-decoration: none; }

.stm-category {
  float: left;
  margin-left: 2.2em; }

.stm-front {
  font-size: 1.23076em;
  /*13xN=16*/
  font-family: 'GillSansBoldItalic';
  line-height: 1.625;
  /*26*/
  color: #555555; }

.stm-sub {
  font-family: Arial;
  line-height: 1.38461;
  /*18*/
  color: #363636; }

/*********************
 * Visual (product)  *
 *********************/
.vis {
  position: relative;
  width: 76.923076em;
  /*1000*/
  height: 34.93207;
  /*454*/
  overflow: hidden;
  margin: 0 auto 0;
  /*41*/ }

.vis-intro {
  position: absolute;
  top:30px;
  left:30px;
  width:410px;
  /*335*/
  text-shadow: 1px 1px 10px #000; }

.vis-title {
  margin-bottom: .13157em;
  /*5*/
  font-size: 2.92307em;
  /*13xN=38*/
  font-family: 'GillSansItalic';
  line-height: 1;
  color: #fff; }

.vis-tagline {
  font-size: 1.61538em;
  /*13xN=21*/
  font-family: 'GillSansItalic';
  color: #7d7d7d; }

.vis-descr {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight';

  width:350px;
  color: #fff; }

.vis-img {
  display: block; }

.vis-video {
  float: left;
  position: relative; }

.vis-video-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(/html/en/img/common/ico-play-small.png) no-repeat center center;
  text-align: left;
  text-indent: -9999em;
  -moz-opacity: .8;
  -webkit-opacity: .8;
  opacity: .8; }

.vis-video img {
  display: block;
  border: 3px solid #56029b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.vis-video:hover .vis-video-icon {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }


.console-gaming-logo{
  margin-left:-66px;
}

/*********************
 * Ultra Fast        *
 *********************/
.features .ultra-fast {
  width:730px;
  margin: 0 auto 100px}

.features .ultra-fast .articletitle{
  text-align: center;
}
.features .ultra-fast .articleentry {
  text-align: center;
  margin-bottom: 1em; }

.features .ultra-fast .compare figcaption {
  position: absolute;
  top: 280px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size:18px;
  /*13xN=14*/
  font-family: 'GillSansRegular'; }

.features .ultra-fast .compare-left  {
  margin-left:20px;
}
.features .ultra-fast .compare-left figcaption {
  width: 100%;
  text-align: center;
  }

.features .ultra-fast .compare-right {
  margin-left:30px;
  }

.features .ultra-fast .compare-right figcaption {
  width: 100%;
  text-align: center;
  }

/*********************
 * Gaming Experience        *
 *********************/
.gaming-experience{
  width:720px;
  margin: 0 auto 100px}

.gaming-experience .articleentry{
  width:700px;
}

/*********************
 * Dual HDMI        *
 *********************/
.dual-hdmi{
  margin: 0 auto 100px}

.dual-hdmi figure{
  margin-top:-80px;
  margin-left:-150px;
}

.dual-hdmi .copy{
  z-index:1;
}

/*********************
 * FPS Mode        *
 *********************/
.fpsmode figure{
  margin-top:-150px;
}

/*********************
 * optimize-gaming-precision        *
 *********************/
.optimize-gaming-precision{
  margin-top:-80px;
  margin-bottom:70px;
}

.optimize-gaming-precision .text{
  margin-top:30px;
}

.optimize-gaming-precision figure{
  margin-left:-150px;
}


/*********************
 * equalizer        *
 *********************/
.equalizer {
  width: 49.23076em;
  /*640*/
  margin: 0 auto 5.76923em;
  text-align: center; }

.equalizer .articleentry {
  margin-bottom: 1em; }

 .equalizer .compare-left figcaption {
  width: auto;
  text-align: left;
  left: 2em; }

.equalizer .compare-right figcaption {
  width: auto;
  text-align: right;
  left: auto;
  right: 3em; }


/*********************
 * Fighting Mode        *
 *********************/
.fighting-mode figure{
  margin-top:-20px;
  margin-left:40px;
}

.low-blue-light{
  margin-bottom:70px;
}
.low-blue-light .text{
  margin-top:50px;
}

.flicker-free{
  margin-bottom:70px;
}
.flicker-free .text{
  margin-top:20px;
}

.displaymode figure{
  margin-left:-250px;
}

.displaymode .text{
  margin-top:70px;
}
.mt-10{
  margin-top:10px;
}
.mt-20{
  margin-top:20px;
}

/*********************
 * Picture Wall      *
 *********************/
.piw-holder {
  width: 100%;
  /*overflow:hidden*/ }

.piw-list {
  letter-spacing: -4px;
  word-spacing: -4px; }

.piw-item {
  display: inline-block;
  margin: 0 1.53846em 1.84615em 0;
  vertical-align: top;
  letter-spacing: 0;
  word-spacing: 0; }

.ie6 .piw-item, .ie7 .piw-item {
  display: inline;
  zoom: 1; }

.piw-item a {
  position: relative;
  text-decoration: none; }

.piw-item:hover, .piw-current {
  color: #fff; }

.piw-item:hover .piw-pic:after, .piw-current .piw-pic:after {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1; }

.ie8- .piw-item:hover .piw-pic:after, .ie8- .piw-current .piw-pic:after {
  display: block; }

.piw-list-4inrow {
  width: 68.6923em;
  /*880px*/ }

.piw-list-4inrow .piw-item {
  width: 15.38461em;
  /*200px*/ }

.piw-list-2inrow {
  width: 21.5379em;
  /*280px*/ }

.piw-list-2inrow .piw-item {
  width: 120px;
  /*120px*/ }

.section-videos .piw-list-2inrow .piw-item {
  width: 150px; }

.piw-pic {
  position: relative;
  margin-bottom: .5em; }

.piw-pic:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  border: 3px solid #56029b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0; }

.ie8- .piw-pic:after {
  display: none; }

.piw-label {
  font-family: 'GillSansItalic';
  font-size: 1.23076em;
  /*13xN=16*/
  line-height: 1.0625; }

/* transition */
.piw-item a {
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.section-videos .alb-display.grid_8 {
  width: 670px; }

.section-videos .album .articletitle {
  position: relative;
  background: #000;
  opacity: .85;
  padding: 10px; }

.alb-title .related {
  color: #fff;
  font-family: 'GillSansItalic';
  font-size: 18px;
  padding-bottom: 20px; }

.section-videos .alb-display-img {
  margin-bottom: 1em;
  position: relative;
  display: block;
  width: 670px;
  height: 407px;
  overflow: hidden; }

.section-videos .alb-display-img img {
  display: block;
  position: absolute; }

.alb-display-img .playvideo img {
  left: 288px;
  top: 156px; }

.alb-action {
  text-align: right; }

.alb-list-page {
  min-height: 32.15384em;
  /*418*/ }

.alb-total-list .piw-item {
  width: 150px;
  margin: 0 11px 24px; }

.alb-total-list {
  width: 884px;
  margin: 0 auto;
  padding-left: 5px; }

.alb-category {
  margin-top: 75px;
  padding: 0 0 0 18px; }

.alb-category-button {
  position: relative;
  float: left;
  margin-right: 3px;
  margin-bottom: 35px;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out;
  background: url(/html/en/img/media/alb-category-on.jpg); }

.alb-category-button span {
  background: url("/html/en/img/media/alb-category.jpg");
  content: ".";
  display: block;
  left: 0;
  opacity: 1;
  transition: opacity .15s ease-in-out .15s;
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: 999em;
  top: 0;
  left: 0; }

.alb-category-button.current-category span {
  opacity: 0; }

.alb-category-button:hover span {
  opacity: .2; }

.alb-category-button a {
  position: relative;
  text-align: center;
  color: #fff;
  font-family: 'GillSansItalic';
  font-size: 18px;
  width: 150px;
  height: 40px;
  display: block;
  line-height: 40px;
  text-decoration: none;
  transition: opacity .2s ease-in-out .2s; }

.alb-descr {
  margin-top: 1em; }

/*********************
 * Gallery (product) *
 *********************/
.gly {
  width: 43.07692em;
  /*560*/
  overflow: hidden; }

.gly-hero {
  position: relative;
  margin-bottom: .76923em;
  /*10px*/ }

.gly-hero-img img {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.gly-hero-overlay {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url(/html/en/img/common/alpha-black-65.png);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all .2s ease-out; }

.rgba .gly-hero-overlay {
  background: rgba(0, 0, 0, 0.65); }

.cssgradients.rgba .gly-hero-overlay {
  background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, black), color-stop(20%, rgba(0, 0, 0, 0.65)), color-stop(50%, rgba(0, 0, 0, 0.65)), color-stop(80%, rgba(0, 0, 0, 0.65)), color-stop(100%, black));
  background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -o-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: -ms-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%);
  background: linear-gradient(left, black 0%, rgba(0, 0, 0, 0.65) 20%, rgba(0, 0, 0, 0.65) 50%, rgba(0, 0, 0, 0.65) 80%, black 100%); }

.gly-hero-overlay-wrap {
  padding: 1em;
  /*20px*/
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  transition: all 0.2s ease-out; }

.gly-hero:hover .gly-hero-overlay {
  opacity: 0; }

.gly-hero:hover .gly-hero-overlay-wrap {
  padding: .5em 1em; }

.gly-thumbs {
  width: 100%;
  overflow: hidden; }

.gly-thumbs-holder {
  overflow: hidden;
  width: 9999em; }

.gly-thumb-item {
  position: relative;
  float: left;
  margin-right: .38461em;
  /*5*/ }

/*.gly-thumb-item:hover .gly-thumb-pic:after,*/
.gly-thumb-current .gly-thumb-focus {
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100); }

.gly-thumb-pic {
  position: relative; }

.gly-thumb-pic img {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.gly-thumb-focus {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 102px;
  height: 65px;
  border: 3px solid #56029b;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.gly-large {
  width: 100%; }

.gly-large .gly-hero {
  margin-bottom: 1.53846em; }

.gly-large .gly-thumb-item {
  margin-right: 1.15384em;
  /*15*/ }

.gly-large .gly-thumb-focus {
  width: 104px;
  height: 56px; }

.gly-control {
  padding-top: 1em; }

.gly-pagination {
  text-align: center; }

.gly-pagination a {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  margin: 0 .5em;
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  text-align: left;
  text-indent: -999em; }

.gly-pagination a:hover {
  background-color: #eee;
  background-color: rgba(255, 255, 255, 0.5); }

.gly-pagination a:active {
  background-color: #ddd;
  background-color: rgba(255, 255, 255, 0.3); }

.gly-pagination a.current {
  background: #fff;
  color: #888;
  text-decoration: none; }

/*********************
 * Shelfslide			   *
 *********************/
.shf {
  position: relative;
  width: 95%;
  height: 26.84615em;
  /*349*/
  padding-bottom: 5em;
  overflow: hidden;
  margin: 0 auto; }

.shf-holder {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 26.84615em; }

.shf-item {
  position: absolute;
  left: 200%;
  float: left;
  width: 18.15384em;
  /*234*/
  height: 100%;
  /*349*/
  padding: 0 2em;
  background: url(/html/en/img/esports/covershade.png) no-repeat;
  background-size: 100% 100%; }

.ie .shf-item
.shf-img {
  width: 100%;
  height: 100%; }

.shf-scroller {
  position: relative;
  top: 100%;
  z-index: 2;
  width: 62.3%;
  margin: 0 auto; }

.shf-scroller-pane {
  height: 5em; }

.debug .shf {
  background: pink; }

.debug .shf-holder {
  background: blue; }

.debug .shf-scroller {
  background: yellow; }

/*********************
 * SimpleSlide		   *
 *********************/
.sps {
  position: relative; }

.sps-prev, .sps-next {
  position: absolute;
  top: 50%;
  margin-top: -2.75em; }

.sps-prev a, .sps-next a {
  display: block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5;
  font-size: 1.5em;
  text-align: center; }

.sps-prev a, .sps-next a, .sps-buffering {
  background-color: #111;
  -moz-box-shadow: 0 0 10px #32015a, 0 0 15px #000;
  -webkit-box-shadow: 0 0 10px #32015a, 0 0 15px #000;
  box-shadow: 0 0 10px #32015a, 0 0 15px #000; }

.sps-prev a:hover, .sps-next a:hover {
  color: #fff;
  background-color: #32015a; }

.sps-prev {
  left: 0; }

.sps-prev a {
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0; }

.sps-next {
  right: 0; }

.sps-next a {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px; }

.sps-hero {
  min-height: 10em;
  margin-bottom: 1em;
  text-align: center; }

.sps-hero img {
  max-width: 520px; }

.sps-menu {
  text-align: center; }

.sps-menu li {
  display: inline-block;
  margin: 0 .4em; }

.sps-menu li a {
  display: block;
  width: .5em;
  height: .5em;
  overflow: hidden;
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  text-align: left;
  text-indent: -999em; }

.sps-menu a:hover {
  background-color: #eee;
  background-color: rgba(255, 255, 255, 0.5); }

.sps-menu a:active {
  background-color: #ddd;
  background-color: rgba(255, 255, 255, 0.3); }

.sps-menu li.current a {
  background: #fff;
  color: #888;
  text-decoration: none; }

.sps-buffering {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8em;
  height: 2em;
  margin: -1em 0 0 -4em;
  border-radius: 5px;
  line-height: 2;
  text-align: center; }

/* ---------------------------------------------------------------------
 * Layout 
 * ------------------------------------------------------------------ */
html {
  background: black url(/html/en/img/common/bg-tile.jpg) 50% 630px repeat-y; }

body {
  background: url(/html/en/img/common/bg-top.jpg) 50% 0 no-repeat; }

#wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 3.53846em; }

#content {
  /*padding-top: 2.61538em;*/
  padding-top:0px;
  /*34px*/
  padding-bottom: 3.61537em;
  /*47px*/ }

#header {
  position: relative;
  z-index: 2;
  padding-bottom: 1em;
  /*height:3.53846em;13xN=178*/ }

#header .siteheader {
  position: relative;
  height: 10.15384em;
  /*132px*/ }

#header .branding {
  position: absolute;
  left: 0;
  top: 1.958334em;
  /*24xN=47*/
  font-size: 1.84615em;
  /*13xN=24*/
  font-family: 'GillSansItalic';
  color: #fff;
  white-space: nowrap; }

#header .branding img {
  float: left; }

#header .branding span {
  float: left;
  margin-top: .8333em;
  margin-left: 10px;
  text-shadow: 1px 1px 5px #000;
  cursor: default; }

#header .primarynav {
  width: 515px;
  position: absolute;
  right: 0;
  /*13xN=3*/
  top: 4.6923em; }

#header .links {
  position: absolute;
  right: 0;
  top: 32px;
  text-align: right;
  font-size: 1.0769em;
  font-family: 'GillSansRegular';
  color: #7d7d7d; }

#header .led {
  width: 5.276em;
  /*13xN=66*/
  height: 1.3076em;
  /*13xN=17*/
  margin: -0.153em 0 0 0.6923em; }

#header .sha .twitter {
  background-image: url(/html/en/img/common/ico-twitter.png); }

#header .sha .facebook {
  background-image: url(/html/en/img/common/ico-facebook.png); }

#header .sha .gplus {
  background-image: url(/html/en/img/common/ico-gplus.png); }

.sectionheader .menu {
  padding-top: .4em;
  /*verticle align with title*/
  text-align: right;
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight'; }

.sectionheader .menu .tlc-current {
  font-family: 'GillSansRegular'; }

.sectionheader .supertitle {
  margin-bottom: .1em; }

.sectionheader .descr {
  font-size: 1.38461em;
  /*13xN=18*/
  font-family: 'GillSansLight';
  color: #fff; }

#header .wideseperate {
  position: absolute;
  bottom: 0; }

#footer .sitemap {
  margin-bottom: 1.7693em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #161616;
  -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.6);
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.6); }

#footer .links, #footer .legal {
  font-size: .92307;
  color: #555; }

#footer .legal {
  text-align: right; }



/* =====================================================================
 * Third party
 * ===================================================================== */
/********************************
 * Slideshow 										*
 * @albertlan.com								*
 ********************************/
.sls {
  position: absolute;
  width: 100%;
  height: 630px;
  overflow: hidden; }

.sls-holder {
  height: 100%; }

.sls-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.sls-item {
  top: -999em; }

/* Avoid unwanted exposure */
.sls-clip {
  position: relative;
  left: 50%;
  margin: 0 auto; }

.sls-mask {
  position: relative;
  overflow: hidden; }

.sls-mask .sls-img {
  position: relative; }

.sls-child {
  position: absolute;
  z-index: 1; }

.sls-control {
  position: absolute;
  width: 100%;
  bottom: 1em; }

.sls-pagination {
  text-align: center; }

.sls-pagination a {
  display: inline-block;
  width: 1em;
  height: 1em;
  overflow: hidden;
  margin: 0 .5em;
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  text-decoration: none;
  text-align: left;
  text-indent: -999em; }

.sls-pagination a:hover {
  background-color: #eee;
  background-color: rgba(255, 255, 255, 0.5); }

.sls-pagination a:active {
  background-color: #ddd;
  background-color: rgba(255, 255, 255, 0.3); }

.sls-pagination a.current {
  background: #fff;
  color: #888;
  text-decoration: none; }

/********************************
 * 960 Grid System							*
 * 900px width with 12 columns  *
 ********************************/
body {
  min-width: 900px; }

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 900px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 20px;
  margin-right: 20px; }

.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12 {
  position: relative; }

.alpha {
  margin-left: 0; }

.omega {
  margin-right: 0; }

.container_12 .grid_1 {
  width: 35px; }

.container_12 .grid_2 {
  width: 110px; }

.container_12 .grid_3 {
  width: 185px; }

.container_12 .grid_4 {
  width: 260px; }

.container_12 .grid_5 {
  width: 335px; }

.container_12 .grid_6 {
  width: 410px; }

.container_12 .grid_7 {
  width: 485px; }

.container_12 .grid_8 {
  width: 560px; }

.container_12 .grid_9 {
  width: 635px; }

.container_12 .grid_10 {
  width: 710px; }

.container_12 .grid_11 {
  width: 785px; }

.container_12 .grid_12 {
  width: 860px; }

.container_12 .prefix_1 {
  padding-left: 75px; }

.container_12 .prefix_2 {
  padding-left: 150px; }

.container_12 .prefix_3 {
  padding-left: 225px; }

.container_12 .prefix_4 {
  padding-left: 300px; }

.container_12 .prefix_5 {
  padding-left: 375px; }

.container_12 .prefix_6 {
  padding-left: 450px; }

.container_12 .prefix_7 {
  padding-left: 525px; }

.container_12 .prefix_8 {
  padding-left: 600px; }

.container_12 .prefix_9 {
  padding-left: 675px; }

.container_12 .prefix_10 {
  padding-left: 750px; }

.container_12 .prefix_11 {
  padding-left: 825px; }

.container_12 .suffix_1 {
  padding-right: 75px; }

.container_12 .suffix_2 {
  padding-right: 150px; }

.container_12 .suffix_3 {
  padding-right: 225px; }

.container_12 .suffix_4 {
  padding-right: 300px; }

.container_12 .suffix_5 {
  padding-right: 375px; }

.container_12 .suffix_6 {
  padding-right: 450px; }

.container_12 .suffix_7 {
  padding-right: 525px; }

.container_12 .suffix_8 {
  padding-right: 600px; }

.container_12 .suffix_9 {
  padding-right: 675px; }

.container_12 .suffix_10 {
  padding-right: 750px; }

.container_12 .suffix_11 {
  padding-right: 825px; }

.container_12 .push_1 {
  left: 75px; }

.container_12 .push_2 {
  left: 150px; }

.container_12 .push_3 {
  left: 225px; }

.container_12 .push_4 {
  left: 300px; }

.container_12 .push_5 {
  left: 375px; }

.container_12 .push_6 {
  left: 450px; }

.container_12 .push_7 {
  left: 525px; }

.container_12 .push_8 {
  left: 600px; }

.container_12 .push_9 {
  left: 675px; }

.container_12 .push_10 {
  left: 750px; }

.container_12 .push_11 {
  left: 825px; }

.container_12 .pull_1 {
  left: -75px; }

.container_12 .pull_2 {
  left: -150px; }

.container_12 .pull_3 {
  left: -225px; }

.container_12 .pull_4 {
  left: -300px; }

.container_12 .pull_5 {
  left: -375px; }

.container_12 .pull_6 {
  left: -450px; }

.container_12 .pull_7 {
  left: -525px; }

.container_12 .pull_8 {
  left: -600px; }

.container_12 .pull_9 {
  left: -675px; }

.container_12 .pull_10 {
  left: -750px; }

.container_12 .pull_11 {
  left: -825px; }

.container_12:before, .container_12:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.clearfix:after {
  clear: both; }

.container_12 {
  zoom: 1; }

.debug .container_12 {
  background-color: rgba(255, 255, 255, 0.05); }

.debug .grid_1, .debug .grid_2, .debug .grid_3, .debug .grid_4, .debug .grid_5, .debug .grid_6, .debug .grid_7, .debug .grid_8, .debug .grid_9, .debug .grid_10, .debug .grid_11, .debug .grid_12 {
  background-color: rgba(255, 255, 255, 0.08); }



/* =====================================================================
 * Non-semantic helpers
 * ===================================================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* =====================================================================
 *  Media Queries
 * ===================================================================== */
/* =====================================================================
 *  Print styles
 * ===================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }

/*******style**********/
.btn{
    cursor:pointer;
    display: block;
    text-align: center;
    color:#fff;
    line-height: 40px;
    font-size:18px;
    width: 145px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #363636;
    -webkit-box-shadow: 1px 2px 4px rgba(38,36,36,.5);
    -moz-box-shadow: 1px 2px 4px rgba(38,36,36,.5);
    box-shadow: 1px 2px 4px rgba(38,36,36,.5);
    border: solid 1px #363636;
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.55), rgba(38,36,36,.55));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,036,.55), rgba(38,36,36,.55));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.55), rgba(38,36,36,.55));
    background-image: linear-gradient(to top, rgba(0,0,0,.55), rgba(38,36,36,.55));
    text-decoration: none;
}

.btn:hover{
      background-color: #5f2698;
      border: solid 1px #531c8b;
      color:#fff;
      background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.55), rgba(54,21,86,.55));
      background-image: -moz-linear-gradient(bottom, rgba(0,0,036,.55), rgba(54,21,86,.55));
      background-image: -o-linear-gradient(bottom, rgba(0,0,0,.55), rgba(54,21,86,.55));
      background-image: linear-gradient(to top, rgba(0,0,0,.55), rgba(54,21,86,.55));
  }

  

.btn.active{
      background-color: #5f2698;
      border: solid 1px #531c8b;
      color:#fff;
      background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.55), rgba(54,21,86,.55));
      background-image: -moz-linear-gradient(bottom, rgba(0,0,036,.55), rgba(54,21,86,.55));
      background-image: -o-linear-gradient(bottom, rgba(0,0,0,.55), rgba(54,21,86,.55));
      background-image: linear-gradient(to top, rgba(0,0,0,.55), rgba(54,21,86,.55));
  }

  