@charset "iso-8859-1";
/* CSS Document */

body {
	background-color: #20212F; -webkit-text-size-adjust: none; 
}
.style1 {
	font-family: "Trebuchet MS";
	font-size: 36pt;
	font-style: normal;
	font-weight: normal;
	color: #06C;
	padding: 0;
	text-decoration: none;
}
.style2 {
	font-family: "Times New Roman", Times, serif, Arial;
	font-size: 20pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	line-height: 25pt;
}
.style3 {
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.style4 {
	color: #CCCCCC;
	line-height: 1px;
	margin-top: 10pt;
	margin-bottom: 10pt;
}
.style5 {
	font-family: "Trebuchet MS";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
}
.style6 {
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
}
.style7 {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	color: #333333;
}

.style8 {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.style9 {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #BBE0E3;
}
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
	margin-left: 10pt;
	margin-top: 10pt;
}
.style11 {
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #BBE0E3;
}
.style12 {
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: CCECFF;
}
.style13 {
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CCE27B;
}

.style14 {
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #8A99FF;
	margin-left: 6pt;
	line-height: 20pt;
}
.style15 {
	font-family: Arial;
	font-size: 13pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F90;
	line-height: 25pt;
}
.style16 {
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
	line-height: 15pt;
	font-weight: normal;
	font-variant: normal;
	color: #80A626;
}
.style17 {
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	line-height: 17pt;
}
.style18 {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFC;
	line-height: 15pt;
}
.style19 {
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #66C;
	margin-left: 10px;
}
.style20 {
	font-family: Arial;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #9FF;
}
.style21 {
	font-family: "Trebuchet MS";
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF;
}
.style23 {
	font-size: 9pt;
	color: #FFF;
	font: "Trebuchet MS";
}
.style231 {
	font-size: 9pt;
	font-family: "Trebuchet MS";
}
.style232 {	font-size: 9pt;
	color: #333;
}
.style25 {font-size: 9pt; font-weight: bold; }
.style26 {
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
}
a:link {
	text-decoration: none;
	font-size: 11pt;
}
a:visited {
	text-decoration: none;
	color: #FFF;
	font-size: 11pt;
}
a:hover {
	text-decoration: none;
	color: #C66;
	font-size: 11pt;
}
a:active {
	text-decoration: none;
	color: #FFF;
	font-size: 11pt;
}
a.right:link {
	text-decoration: none;
	font-size: 11pt;
	color: #0066FF;
	font-family: Arial;
}
a.right:visited {
	text-decoration: none;
	color: #0066FF;
	font-size: 11pt;
	font-family: Arial;
}
a.right:hover {
	text-decoration: none;
	color: #FF9900;
	font-size: 11pt;
	font-family: Arial;
}
a.right:active {
	text-decoration: none;
	color: #0066FF;
	font-size: 11pt;
	font-family: Arial;
}
a.left:link {
	text-decoration: none;
	font-size: 12pt;
	color: #06C;
	font: Trebuchet MS;
}
.style27 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #FFC;
}


a.left:visited {
	text-decoration: none;
	font-size: 12pt;
	color: #06C;
	font: Trebuchet MS;
}
a.left:hover {
	text-decoration: none;
	color: #F90;
	font-size: 12pt;
	font: Trebuchet MS;
}
a.left:active {
	text-decoration: none;
	font-size: 12pt;
	color: #06C;
	font: Trebuchet MS;
}
a.tt:link {
	color: #000066;
	font-family: "Arial";
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a.tt:visited {
	color: #000066;
	font-family: "Arial";
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a.tt:hover {
	text-decoration: none;
	color: #C60;
	font-family: "Arial";
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a.tt:active {
	color: #000066;
	font-family: "Arial";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a.mail:link {
	color: #0CF;
	font-family: "Arial";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: 10px;
}
a.mail:visited {
	color: #0CF;
	font-family: "Arial";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: 10px;
}
a.mail:hover {
	text-decoration: none;
	color: #FFC;
	font-family: "Arial";
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: 10px;
}
a.mail:active {
	color: #0CF;
	font-family: "Arial";
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-left: 10px;
}
a.body:link {
	color: #BBE0E3;
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a.body:visited {
	color: #BBE0E3;
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a.body:hover {
	text-decoration: none;
	color: #FFC;
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a.body:active {
	color: #BBE0E3;
	font-family: "Trebuchet MS";
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
#a {
	border-top-width: thick;
	border-right-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #111;
	border-bottom-color: #333;
	border-left-color: #111;
}
.fadein {
  clear: both;
  float: left;
  height: auto;
  padding-bottom:52%;
  position: relative;
  width: 100%;
}
.fadein img { position:absolute; left:0; top:0; }
.main{
	margin: 0px auto;
	max-width: 900px;
	clear: both;
	padding: 0px 10px;
	position: relative;
}
img{max-width:100%;}
.clear{clear:both;height:0px;width:100%;}
.left-part{width:228px;position:absolute;left:10px;top:0px;text-align:center;}
.right-part{width:100%;padding-left:246px;box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
ul.box-bottom {margin:0px;padding:0px;}
ul.box-bottom li{width:33%; margin:0px 0%; float:left;text-align:center;list-style:none;}
.inner-banner{padding:0px 0 17px;}
.inner-banner img{width:100%;}
.product-list{width:100%;float:left;position:relative;}
.product-list .product-left-part{width:151px;position:absolute;left:0px;top:7px;text-align:center;}
.product-list .product-right-part{width:100%;float:right;padding-left:151px;box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;padding-bottom:18px;}
@media only screen and (max-width:899px) {
/*.box-bottom li {width:100%;}*/
ul.box-bottom li{width:28%; margin:0px 2%; float:left;text-align:center;list-style:none;}
}
@media only screen and (max-width:800px) {
.style1 {font-size: 33pt;line-height: 40px;}
.style2 {font-size:19pt; line-height:21pt;}
}
@media only screen and (max-width:767px) {
ul.box-bottom li{width:100%; margin:0px 0% 5%;}
}
@media only screen and (max-width:639px) {
.left-part {
  left: auto;
  position: relative;
  text-align: center;
  top: 0;
  width: 100%;
}
.right-part {
  padding-left:0;margin-top:0px;
  width: 100%;
}
ul.box-bottom li {
  margin: 0 2% 5%;
  width: 29.3%;
}
}
@media only screen and (max-width:567px) {
.style1 {font-size: 30pt;}
}
@media only screen and (max-width:479px) {

ul.box-bottom li {
  margin: 0 0% 5%;
  width:100%;
}
.product-list .product-left-part{width:100%;position:relative;left:auto;top:auto;text-align:center;}
.product-list .product-right-part{width:100%;float:right;padding-left:0px;}
.product-list .product-right-part .style2 {display:inline-block; padding-top:16px; }
}
@media only screen and (max-width:359px) {
.style1 {
  font-size:28pt;
}
}