@font-face {font-family: 'Open Sans';font-style: normal;font-weight: 300;src: local('Open Sans Regular'), local('OpenSans-Regular'), url(OpenR.woff) format('woff');}
@font-face {font-family: 'Open SansL';font-style: normal;font-weight: 300;src: local('Open Sans Light'), local('OpenSans-Light'), url(OpenL.woff) format('woff');}
body, dl, dd, dt, fieldset, span, em, a {border: 0px;padding: 0px;margin: 0px;}
body {font-family: 'Open Sans';font-weight: 300;font-size: 14px;color: #000000;background-color: #FFFFFF;line-height: 20px;}
h1, h2, h3, h4, h5, h6 {color: #000;font-family: 'Open Sans';font-weight: 300;}
ul {list-style-type: none;}
a {color: #06c;text-decoration: none;}
a:hover {text-decoration: none;}
strong {font-weight: 700;}
img {border: none;}
#header {position: absolute;background-color: #0071BC;width: 100%;top: 0px;left: 0px;z-index: 2; height: 70px;}
#top {width: 1200px;margin-right: auto;margin-left: auto;}
#logo {float: left;width: 200px;}
#nav a {position: relative;float: right;height: 70px;width: 70px;background-image: url(../imgs/bg-menu.png);background-position: center center;display: block;}
#nav a:hover, #nav .current {background-color: #005995;}
#search {position: relative;float: right;width: 70px;height: 70px;top: 0px;right: 0px;}
#search a {position: relative;height: 70px;width: 70px;background-image: url(../imgs/search.png);background-position: center center;display: block;top: 0px;right: 0px;}
#search a:hover, #search .current {background-color: #005995;}
#search-panel   {position: absolute;top: 70px;width: 300px;height: 40px;right: 0px;background-color: #005995;padding: 15px;display: none;}
#search-panel .text {width: 230px;font-size: 16px;line-height: 30px !important;float: left;padding-bottom: 8px;padding-left: 10px;padding-right: 10px;padding-top: 8px;}
#search-panel .go {
	float: left;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 9px;
	padding-left: 8px;
}



#menu {
	width: 650px;
	float: right;
	background-color: #0071BC;
}
#menu li {
	display: inline;
}
#menu a {
	font-family: 'Open SansL';
	display: block;
	float: left;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	background-color:#005995;
}
#menu a:hover, #menu .current {
	color: #E9EFF3;
	font-weight:bold;
	background-color: #005995;
}
#page {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 70px;
	z-index: 1;
}
#content {
	width: 100%;
}
#content .title {
	font-size: 30px;
	line-height: 35px;
	line-height: 40px;
	padding-bottom: 20px;
}
#content .title-centre {
	font-family: 'Open SansL';
	font-size: 30px;
	line-height: 35px;
	text-align: center;
	padding-bottom: 20px;
}
#content .title-big {
	font-family: 'Open SansL';
	font-size: 44px;
	line-height: 50px;
	color: #0066CC;
}
#content .title-sub {
	font-size: 20px;
	line-height: 30px;
}
#content .title-feature {
	line-height: 36px;
	font-size: 22px;
}
#content .wrap-gray {
	width: 100%;
	background-image: url(../imgs/bg-news.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#content .wrap-blue {
	background-color: #DAF8FF;
	width: 100%;
}
#content .block {
	padding-bottom: 20px;
}
#content .block-big {
	padding-bottom: 40px;
}
#content .block-center {
	margin-right: auto;
	margin-left: auto;
	width: 1100px;
	padding-bottom: 30px;
	padding-top: 30px;
}
#content .block-line {
	background-image: url(../imgs/seprater.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 40px;
}
#content .block-large {
	padding-bottom: 80px;
}
#content .block-padding {
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
#content .highlight {
	color: #990000;
	background-color: #FFFFCC
}
#head .left {
	width: 50%;
	float: left;
}
#head .right {
	width: 48%;
	float: right;
}
#head .right a {
	display: block;
	font-family: 'Open SansL';
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 20px;
	line-height: 30px;
	float: right;
	background-color: #0071BC;
	color: #FFFFFF;
	margin-left: 20px;
}
#head .right a:hover {
	background-color: #005995;
}
#features {
}
#features .row {
	padding-bottom: 20px;
}
#features .half-left {
	float: left;
	width: 48%;
}
#features .half-right {
	float: right;
	width: 48%;
}
#features .left {
	float: left;
	width: 110px;
}
#features .right {
	float: right;
	width: 300px;
}
#features {
}
#features-why .row {
	padding-bottom: 60px;
}
#features-why .half-left {
	float: left;
	width: 48%;
}
#features-why .half-right {
	float: right;
	width: 48%;
}
#features-why .left {
	float: left;
	width: 50%;
}
#features-why .right {
	float: right;
	width: 40%;
}
#price {
	padding-bottom: 40px;
}
#price p {
	font-size: 22px;
	line-height: 40px;
	border-bottom: 1px solid #CCCCCC;
}
#price .left {
	float: left;
	width: 50%;
	text-align: center;
}
#price .right {
	float: right;
	width: 50%;
	text-align: center;
}
#price .purchase a {
	display: block;
	font-family: 'Open SansL';
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 20px;
	line-height: 30px;
	background-color: #0071BC;
	color: #FFFFFF;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#price .purchase a:hover {
	background-color: #005995;
}

#price .download a  {
	display: block;
	font-family: 'Open SansL';
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 20px;
	line-height: 30px;
	background-color:#0C0;
	color: #FFFFFF;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#price .download a:hover {
	background-color:#090;
}

#reviews .left {
	width: 31.68%;
	float: left;
	margin-right: 2%;
}
#reviews .right {
	width: 31.68%;
	float: left;
}
#reviews .comment {
	padding: 5%;
	background-color:#FFC;;
}
#reviews .comment-name {
	padding: 5%;
	background-image: url(../imgs/comment.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#howto .left {
	width: 300px;
	float: left;
}
#howto .right {
	width: 620px;
	float: right;
}
#howto .video {
	background-image: url(../imgs/video.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	font-size: 22px;
	line-height: 30px;
	margin-top: 10px;
}
#howto .screenshots {
	background-image: url(../imgs/camera.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
	font-size: 22px;
	line-height: 30px;
	margin-top: 5px;
}
#howto .flash {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#howto .flash object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#liveChat {
	background-color:#F00;
	position: fixed;
	top: 480px;
	right: -80px;
	z-index: 50;
}
#liveChat a {
	background-image: url(../imgs/live-chat.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	line-height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	color: #fff;
	display: block;
	height: 25px;
	width: 70px;
}
#wchat {
	width: 100%;
	background-color:#093;
}
#chat {
	font-family: 'Open SansL';
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 26px;
	line-height: 50px;
	padding: 10px 0px;
}
#chat a {
	color: #FFFFFF;
}
#chat .left {
	float: left;
	width: 25%;
}
#chat .right {
	float: right;
	width: 20%;
}
#chat .last {
	float: right;
	width: 60%;
}
#wfooter {
	width: 100%;
	background-color: #0071BC;
}
#footer-nav, #footer {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
	padding-top: 20px;
}
#footer-nav a, #footer a {
	color: #BFE6FF;
}
#footer-nav a:hover, #footer a:hover {
	color: #FFFFFF;
}
#footer-nav .left {
	width: 38%;
	margin-right: 2%;
	float: left;
}
#footer-nav .right {
	width: 18%;
	float: left;
	margin-right: 2%;
}
#footer .left {
	float: left;
	width: 30%;
	padding-bottom: 20px;
}
#footer .right {
	float: right;
	width: 30%;
	padding-bottom: 20px;
}
#social {
	width: 260px;
	margin-right: auto;
	margin-left: auto;
}
#social a {
	display: block;
	float: left;
	width: 45px;
	height: 35px;
	margin-right: 5px;
	background-position: 0px 0px;
}
#social a.facebook {
	background-position: 0px 0px;
}
#social a.facebook:hover {
	background-position: 0px -35px;
}
#social a.twitter {
	background-position: -35px 0px;
}
#social a.twitter:hover {
	background-position: -35px 35px;
}
#social a.g-plus {
	background-position: -70px 0px;
}
#social a.g-plus:hover {
	background-position: -70px -35px;
}
.column4 .left {
	width: 23%;
	margin-right: 2%;
	float: left;
	text-align: center;
}
.column4 .right {
	width: 24%;
	float: right;
	text-align: center;
}
.img-left {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
.img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}
.com-red {
	color: #F00;
}
.com-red-yellow {
	color: #F00;
	background-color: #FF9;
}
.half-left {
	width: 48%;
	float: left;
}
.half-right {
	width: 48%;
	float: right;
}
.list-digit ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 20px;
}
.list-digit li {
	padding-top: 3px;
	padding-bottom: 3px;
}
.list-check ul {
	list-style-type: none;
}
.list-check li {
	background-image: url(../imgs/arrow-check.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.list-bullet ul {
	list-style-type: none;
}
.list-bullet li {
	background-image: url(../imgs/bullet.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-left: 20px;
	padding-bottom: 5px;
}
a.gotoTop {
	position: fixed;
	z-index: 12;
	right: 0px;
	bottom: 220px;
	width: 30px;
	margin-left: 500px;
	color: #FFF;
	background-color:#F00;
	display: none;
	width: 10px;
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 2px;
}
a.gotoTop:hover {
	text-decoration: none;
	background-color: #005995;
}
.notice {
	padding: 10px 0px 10px 0;
	background-color: #fffff4;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	letter-spacing: 0.01em;
	border-radius: 5px;
}
.mr0 {
	margin-right: 0px !important;
}
.clear {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
	width: 100%;
}

.sm-shadow {opacity:0.5;}
.sm-shadow:hover {opacity:1;}

.abs-img {vertical-align:middle;}

#cont-add {float:left; width:510px; background-color:#f9f9f9; padding:10px; border:#CCC; border-color:#CCC; border-width:1px; border-style:solid;}
#cont-add .left-ad {float:left; width:200px;}
#cont-add .right-ad {float:right; width:301px;}

.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mb10 { margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 { margin-bottom:40px;}