@charset "utf-8";
/* CSS Document */
#mainBanner {
	margin-top:95px;
	height:635px;
	position:relative;
	background-repeat:no-repeat;
}
@media (max-width: 919px) {
  #mainBanner {
	margin-top:65px;
  }
}
#mainBanner > table {
	width:100%;
}
#mainBanner > table > tbody > tr > td {
	height:635px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
#mainBanner > table > tbody > tr > td h1 {
	font-size:43px;
	margin:0px;
	margin-bottom:5px;
	font-weight:bold;
	/*padding-top:120px;*/
	text-shadow: 8px 8px 14px #000;
}
#mainBanner > table > tbody > tr > td h3 {
	font-size:25px;
	margin:0px;
	font-weight:bold;
	text-shadow: 8px 8px 14px #000;
}
@media (max-width: 991px) {
  #mainBanner > table > tbody > tr > td h1 {
	font-size:33px;
  }
  #mainBanner > table > tbody > tr > td h3 {
	font-size:20px;
  }
}
@media (max-width: 767px) {
  #mainBanner > table > tbody > tr > td h1 {
	font-size:25px;
  }
  #mainBanner > table > tbody > tr > td h3 {
	font-size:16px;
  }
}
#mainBanner .readMore {
	padding-top:120px;
}
.customBanner {
	height:460px;
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
}
.customBanner > div > div > table {
	width:100%;
}
.customBanner > div > div > table > tbody > tr > td {
	height:460px;
	text-align:center;
	color:#fff;
	width:33%;
	font-size:16px;	
	font-weight:bold;
	vertical-align:top;
	padding-top:50px;
}
.customBanner > div > div .unit {
	padding-bottom:35px;
}
.customBanner > div > div .unit td {
	font-size:16px;
	line-height:18px;
	padding:2px 0px;
	text-shadow: 4px 4px 7px #000;
}
.customBanner > div > div .unit td.aboutColor {
	border-bottom:solid 3px #0000ff;
}
.customBanner > div > div .unit td.solutionsColor {
	border-bottom:solid 3px #00a7ff;
}
.customBanner > div > div .unit td.productsColor {
	border-bottom:solid 3px #ccd321;
}
.customBanner > div > div .unit td.technologyColor {
	border-bottom:solid 3px #9700f8;
}
.customBanner > div > div .unit td.supportColor {
	border-bottom:solid 3px #0071b2;
}
.customBanner > div > div .unit td.irColor {
	border-bottom:solid 3px #ff5500;
}
.customBanner > div > div .unit td.newsColor {
	border-bottom:solid 3px #eeca30;
}
.customBanner > div > div .title {
	font-size:30px;
	line-height:34px;
	text-shadow: 8px 8px 14px #000;
}
.customBanner > div > div .content {
	line-height:18px;
	text-shadow: 8px 8px 14px #000;
}
.customBanner .readMore {
	padding-top:20px;
}
.readMore td a {
	font-size:13px;
	line-height:28px;
	color:#fff;
	width:130px;
	height:30px;
	border:solid 2px #fff;
	display:block;
	text-shadow: 4px 4px 7px #000;
	box-shadow:4px 4px 3px rgba(0%,0%,0%,0.5);
}
.readMore td.aboutColor a:hover {
	border:solid 2px #0000ff;
	background-color:rgba(0,0,255,1.0) !important;
}
.readMore td.solutionsColor a:hover {
	border:solid 2px #00a7ff;
	background-color:rgba(0,167,255,1.0) !important;
}
.readMore td.productsColor a:hover {
	border:solid 2px #ccd321;
	background-color:rgba(204,211,33,1.0) !important;
}
.readMore td.technologyColor a:hover {
	border:solid 2px #9700f8;
	background-color:rgba(151,0,248,1.0) !important;
}
.readMore td.supportColor a:hover {
	border:solid 2px #0071b2;
	background-color:rgba(0,113,178,1.0) !important;
}
.readMore td.irColor a:hover {
	border:solid 2px #ff5500;
	background-color:rgba(255,85,0,1.0) !important;
}
.readMore td.newsColor a:hover {
	border:solid 2px #eeca30;
	background-color:rgba(238,202,48,1.0) !important;
}
#download > div {
	height:270px;
}	
#download .aniview	{
	cursor:pointer;
}
#download > div:nth-child(1) {
	background-color:#0090ff;
}
#download > div:nth-child(2) {
	background-color:#0080ff;
}
#download > div:nth-child(3) {
	background-color:#005fff;
}
#download > div:nth-child(4) {
	background-color:#0029ff;
}
#download > div:nth-child(5) {
	height:30px;
	line-height:30px;
}
#download > div:nth-child(5) a {
	font-size:14px;
	font-weight:bold;
	color:#808080;
}
#download > div > table {
	width:100%;
}
#download > div > table > tbody > tr > td {
	height:270px;
	text-align:center;
	color:#fff;
}
#download .icon {
	padding-bottom:10px;
}
#download .filename td {
	border-left: 1px solid rgba(255, 255, 255, .8);
	border-right: 1px solid rgba(255, 255, 255, .8);
	border-top: 1px solid rgba(143, 206, 255, .8);
	border-bottom: 1px solid rgba(143, 206, 255, .8);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	line-height:16px;
	padding:5px;
	font-size:16px;
}
#download .filename td a {
	color:#fff;	
}
#download .version {
	font-size:10px;
	padding-top:10px;
	padding-bottom:20px;
}
#download .date {
	font-size:15px;
	line-height:15px;
}
#contact {
	height:360px;
	color:#808080;
	font-size:12px;
	width:1007px;
	margin:auto;
	padding-top:30px;
}

#simple {
	position:fixed;
	right:40px;
	top:255px;
}
#simple > a {
	color:#fff;
	display:block;
	margin-bottom:18px;
	line-height:12px;
	cursor:pointer;
	text-shadow: 2px 2px 8px #000;
}
.dot {
	width:13px;
	height:13px;
	border:solid 1px #fff;
	border-radius:50px;
	box-shadow:2px 2px 6px 2px rgba(0,0,0,0.5);
}
.doton,.doton:hover {
	background-color:#fff !important;
}
/*
.aniview {
	cursor:pointer;
}*/