@charset "utf-8";

.menuSec, .menuSec #menu, .menuSec #menu li {
	position: relative
}
.popupSec ol li, .ready ol li {
	list-style-position: inside;
	list-style-type: decimal
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url(../fonts/SourceSansPro-Black.eot);
	src: url(../fonts/SourceSansPro-Black.eot?#iefix) format('embedded-opentype'), url(../fonts/SourceSansPro-Black.woff) format('woff'), url(../fonts/SourceSansPro-Black.ttf) format('truetype'), url(../fonts/SourceSansPro-Black.svg#SourceSansPro-Black) format('svg');
	font-weight: 900;
	font-style: normal
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url(../fonts/SourceSansPro-Regular.eot);
	src: url(../fonts/SourceSansPro-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/SourceSansPro-Regular.woff) format('woff'), url(../fonts/SourceSansPro-Regular.ttf) format('truetype'), url(../fonts/SourceSansPro-Regular.svg#SourceSansPro-Regular) format('svg');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url(../fonts/SourceSansPro-Bold.eot);
	src: url(../fonts/SourceSansPro-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/SourceSansPro-Bold.woff) format('woff'), url(../fonts/SourceSansPro-Bold.ttf) format('truetype'), url(../fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold) format('svg');
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: 'Source Sans Pro';
	src: url(../fonts/SourceSansPro-Light.eot);
	src: url(../fonts/SourceSansPro-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/SourceSansPro-Light.woff) format('woff'), url(../fonts/SourceSansPro-Light.ttf) format('truetype'), url(../fonts/SourceSansPro-Light.svg#SourceSansPro-Light) format('svg');
	font-weight: 300;
	font-style: normal
}
* {
	line-height: 22px;
	transition-property: width;
	-moz-transition-property: width;
	-webkit-transition-property: width;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	outline: 0
}
a, img {
	border: none;
	text-decoration: none;
	color: #0551a5
}
ul{
	padding:0;
}
li, ul {
	list-style: none
}
li {
	margin-bottom: 5px
}
.clear{
	margin: 0;
	padding: 0
}
p {
	line-height: 21px
}
.clear {
	clear: both
}
h1 {
	font: 34px 'Source Sans Pro';
	font-weight: 900
}
h2 {
	font: 30px 'Source Sans Pro';
	font-weight: 700
}
h3 {
	font: 20px 'Source Sans Pro';
	font-weight: 400
}
h4 {
	font: 15px 'Source Sans Pro';
	margin-bottom: 10px;
	font-weight: 700
}
label, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px
}
td {
	line-height: 22px
}
label {
	margin-bottom: 5px
}
button {
	border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	-webkit-border-radius: 3px!important
}

input[type=file], textarea {
	margin-bottom: 10px;
	font-size: 14px
}
b {
	font-weight: 700
}

input[type=password], input[type=email], input[type=text] {
	border: 1px solid #c1c1c1;
	height: 38px;
	padding: 0 15px;
	color: #292929;
	font-size: 14px;
	float: left;
	margin-bottom: 10px
}
textarea {
	border: 1px solid #c1c1c1;
	width: 96%;
	padding: 2%;
	height: 80px;
	color: #292929;
	float: left
}
input[type=submit], input[type=button] {
	background-color: #549b01;
	padding: 9px 20px;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 14px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
	-moz-transition: all ease .5s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; font:15px/22px 'Source Sans Pro'
}

::-webkit-input-placeholder {
color:#292929
}
::-moz-placeholder {
color:#292929
}
:-ms-input-placeholder {
color:#292929
}
:-moz-placeholder {
color:#292929
}
select::-ms-expand {
display:none
}
select {
	appearance: none!important;
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	text-indent: 1px;
	text-overflow: ''
}
.styled-select select {
	background: 0 0;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 40px;
	-webkit-appearance: none;
	margin: 0;
	width: 100%
}
.styled-select {
	width: 100%;
	height: 40px;
	overflow: hidden;
	background: url(../images/ddIcon.png) right no-repeat #fff;
	margin-bottom: 8px
}

/*Header*/
.fullHead{ width:100%; background-color:#000; padding:15px 0 10px}
.fullHead .headArea{ width:1040px; margin:0 auto}
.fullHead .headArea .logoMenu{ float:left}
.fullHead .headArea .logoMenu .logo{ float:left; margin-right:80px;}
.fullHead .headArea .logoMenu .logo img{ width:100%}
.fullHead .headArea .logoMenu .menu{ float:left; position:relative;z-index:1;}
.fullHead .headArea .logoMenu .menu .mobMenu{ float:left; display:none}
.fullHead .headArea .logoMenu .menu ul{ margin-top:10px}
.fullHead .headArea .logoMenu .menu ul li{ display:inline-block}
.fullHead .headArea .logoMenu .menu ul li a{ color:#fff; padding:5px 15px}
.fullHead .headArea .loginSignup{ float:right}
.fullHead .headArea .loginSignup a{ color:#fff; font: 15px/22px 'Source Sans Pro'; padding:5px 15px; float:left}
.fullHead .headArea .loginSignup a.signUp{ background-color:#a5172b; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.fullHead .headArea.handdy .logoMenu .menu ul{ margin-top:22px}
.fullHead .headArea.handdy .loginSignup{ margin-top:12px}
.fullHead .headArea .logoMenu .menu .subMenu{ position:absolute; width:160px; background-color:#fff; padding:10px; display:none; top:30px}
.fullHead .headArea .logoMenu .menu .subMenu li{ width:100%; float:left}
.fullHead .headArea .logoMenu .menu .subMenu li a{ width:100%; padding:10px; display:block; color:#000}

/*Footer*/
.footerFull{ background-color:#e0e5e9; padding:80px 0}
.footerFull .footerArea{ width:1040px; margin:0 auto}
.footerFull .footerArea .footerTop{ border-bottom:1px solid #c9ced1; padding-bottom:50px; margin-bottom:50px}
.footerFull .footerArea .footerTop h3{font:400 18px/24px 'Source Sans Pro'; margin-bottom:10px}
.footerFull .footerArea .footerTop .fooMenu{ width:49%; border-right:1px solid #c9ced1; float:left}
.footerFull .footerArea .footerTop .fooMenu .eachMenu{ float:left; width:50%}
.footerFull .footerArea .footerTop .fooMenu .eachMenu a{font:300 14px/20px 'Source Sans Pro'; color:#666; background:url(../images/fooArrow.png) no-repeat left 6px; padding-left:13px}
.footerFull .footerArea .footerTop .fooAddress{ width:44%; float:right; padding-left:5%}
.footerFull .footerArea .footerTop .fooAddress .eachAdd{ float:left; width:50%}
.footerFull .footerArea .footerTop .fooAddress .eachAdd span{ display:block; float:left; width:90%; font:300 14px/20px 'Source Sans Pro';}
.footerFull .bottomFoo{ width:1040px; margin:0 auto}
.footerFull .bottomFoo .copyright{ float:left;text-align:left;}
.footerFull .bottomFoo .copyright span{font:300 12px/20px 'Source Sans Pro';}
.footerFull .bottomFoo .social{ float:right}

.featureArea.innerPage{ margin:50px auto}
.featureArea.innerPage h1{font: 700 40px/40px 'Source Sans Pro'; color:#000; padding-bottom:10px; border-bottom:1px solid #d1d1d1; margin-bottom:40px; text-align:left}
.featureArea.innerPage h1 span{ width:100%; float:left; display:block; font: 300 18px/24px 'Source Sans Pro'; margin:5px 0 0}
.featureArea.innerPage p{ text-align:left; margin-bottom:30px}


/*Handdy cloud software*/
.cloud{ width:1040px; margin:80px auto 40px;}
.cloud h3{font: 400 30px/32px 'Source Sans Pro'; color:#000; text-align:center; margin-bottom:3px}
.cloud h2{font: 700 40px/40px 'Source Sans Pro'; color:#a5172b; text-align:center; margin-bottom:0px}
.cloud p{font: 300 18px/32px 'Source Sans Pro'; color:#333; text-align:center;}
.cloud .allSoftware{ width:100%; margin:60px auto 0}
.cloud .allSoftware .eachSoftwear{ width:44%; padding:2%; border:1px solid #cac9c9; float:left; margin-bottom:40px}
.cloud .allSoftware .eachSoftwear.rightSoftwear{ float:right}
.cloud .allSoftware .eachSoftwear h2{ text-align:left; line-height:0; border-bottom:1px solid #cac9c9; padding-bottom:10px; margin-bottom:20px}
.cloud .allSoftware .eachSoftwear p{font: 300 16px/22px 'Source Sans Pro'; color:#333; text-align:left}
.cloud .allSoftware .eachSoftwear a{ background:url(../images/softwearArrow.png) no-repeat right center #488d4a; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:7px 36px 7px 19px; color:#fff; font: 400 16px/22px 'Source Sans Pro'; float:left; margin-top:30px}