body {background:#f8f8f8; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:12px;color:#545252; overflow-x:hidden;}
body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li {margin:0;padding:0;}
h1, h2 {font-weight:100;}
p{ font-size: 14px; letter-spacing: 0.1px;line-height: 24px; color:#777}
a,a img{text-decoration:none; outline:none; border:none; color:#09bb40;}
a:focus,img:focus{outline:none;}
.marginAuto{margin:0 auto;}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearDiv {clear:both;}
.boldText {font-weight:300;}
.normalText {font-weight:normal;}
.page-width{width:995px;margin:0 auto;}
.overflow{overflow:hidden;}
/*------Menu Area---------------------------------*/
.logo{padding-top:45px}
.headCont{}
.usersignuplink{color:#696969; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:100l text-decoration:underline}
.usersignuplink a{color:#666;}
.usersignuplink span{padding:0 5px; color:#999}
.usersignuplink b{padding-left:5px;}
.signin{background:#928f8f; padding:3px 6px; border-radius:2px; color:#fff}
.menuArea {padding:25px 0px;}
.menuArea ul li {list-style:none;margin:0 3px 0 0;float:left;padding:0 15px;}
.menuArea ul li a {text-decoration:none;color:#666; font-weight:normal; font-size:16px; text-transform:uppercase;}
.menuArea ul li:last-child, .menuArea ul li a:last-child{padding-right:0px; margin-right:0px}
.menuArea ul li a:hover {color:#000}
.menuArea ul li.selected a{color:#000; border-top:3px solid #09BB40;}
.top-link{float:right; font-size:12px; color:#666; background:#fff; padding:5px 20px; box-shadow:0 3px 3px #D2D2D2; -webkit-box-shadow:0 3px 3px #D2D2D2; -o-box-shadow:0 3px 3px #D2D2D2;}
.top-link a{color:#777}
/*------body---------------------------------*/
.fullspread{padding:40px 0px; background:#fff; margin-top:40px; height:256px}
.fullspread h1{font-size:40px; letter-spacing:-1px; color:#545252;}
.hero{margin-top:40px;}
.sublines{ width:360px; margin-top:20px}
.sublines p{font-size:20px; font-weight:100; line-height:27px}
.body-content{margin-top:30px;}
.lefty, .righty,.full{overflow:auto;}
.lefty,.righty,.fully{padding:70px 0; border-bottom:1px solid #E7E7E7; box-shadow:0 1px 0 #fff; -webkit-box-shadow:0 1px 0 #fff; -moz-box-shadow:0 1px 0 #fff; -o-box-shadow:0 1px 0 #fff; overflow:auto;}
.lefty h2,.righty h2,.full h2, .centerspread-box h2{color:#444444; font-weight:300; padding:0 0 25px; font-size:30px; text-shadow:2px 2px #fff; -webkit-text-shadow:2px 2px #fff; -moz-text-shadow:2px 2px #fff; -o-text-shadow:2px 2px #fff;}
.lefty p,.righty p,.full p{color:#5b5b5b; font-size:14px;}
.righty div.lefty div,.righty span.lefty span{float:left;}
.righty img{margin-left:50px; float:right;}
.lefty img{margin-right:35px; float:left;}
.centerspread-box{margin-top:20px;}
.centerspread-box ul{float:left; margin-left:20px;}
.centerspread-box li{float:left; font-size:16px; padding:5px 0px; margin-right:40px; width:220px}
.greenButton{width:120px;box-shadow:0 1px #86F8A6 inset;-moz-box-shadow:0 1px #86F8A6 inset;-o-box-shadow:0 1px #86F8A6 inset;-webkit-box-shadow:0 1px #86F8A6 inset;background:#00DD55;background:-moz-linear-gradient(center top,  #00DD55,  #009d44);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00DD55), color-stop(100%,#009d44));background:-ms-linear-gradient(top, #00DD55 0%, #009d44 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00DD55', endColorstr='#009d44');}
.greenButton:hover{box-shadow:0 1px #86F8A6 inset;-moz-box-shadow:0 1px #86F8A6 inset;-o-box-shadow:0 1px #86F8A6 inset;-webkit-box-shadow:0 1px #86F8A6 inset;background:#00DD55;background:-moz-linear-gradient(center top,  #10DC5F,  #09823C);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#10DC5F), color-stop(100%,#09823C));background:-ms-linear-gradient(top, #10DC5F 0%, #09823C 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#10DC5F', endColorstr='#09823C');}
.tryTab{border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; overflow:hidden; border:1px solid #7DBC6F; margin:3px 5px;}
.tryTab a{padding:7px 10px 6px 10px; font-size:14px; text-transform:uppercase; display:block; color:#fff; font-family:Helvetica, Arial, sans-serif; font-weight:bold}
.mail-spread{margin-top:50px;background:url(../images/mail-spread.png) no-repeat; height:780px; text-align:center}
.mail-spread ul{background: rgba(51, 51, 51, 0.9); box-shadow: -8px 10px 12px 0 rgba(0, 0, 0, 0.4);-moz-box-shadow: -8px 10px 12px 0 rgba(0, 0, 0, 0.4);-webkit-box-shadow: -8px 10px 12px 0 rgba(0, 0, 0, 0.4);-o-box-shadow: -8px 10px 12px 0 rgba(0, 0, 0, 0.4);float: right;margin-top: 300px;padding: 20px 40px;width: 280px; color:#fff}

.footer-button{width: 100%; text-align: center; margin-bottom:130px}
.footer-button a{text-align: center; color: rgb(255, 255, 255); padding: 5px 35px; font-size: 29px; text-transform: uppercase; letter-spacing:-1px; font-weight:500}
.footer-button p{margin-top:10px;}

/*web-mail-rollover******/
.roundMsgcommon
{
    background: #fff;
    position: absolute;
    opacity: 0;
	transition:opacity 500ms linear;
	-webkit-transition:opacity 500ms linear;
	-moz-transition:opacity 500ms linear;
	-ms-transition:opacity 500ms linear;
	-o-transition:opacity 500ms linear;
	border:3px double #05BB3F;
	padding:20px;
	color:#333;
	margin-left:20px;
	font-size:15px; font-weight:500; text-transform:uppercase;
}

.greenRoundCommon
{
   background: #05BB3F;
    border-radius: 50px 50px 50px 50px;
    height: 70px;
    position: absolute;
    width: 70px;
	opacity: 0;
	transition:all 1s linear;
	-webkit-transition:all 1.4s linear;
	-moz-transition:all 1.4s linear;
	-ms-transition:all 1.4s linear;
	-o-transition:all 1.4s linear;
	
	
}

.greenColorRound1
{
	left:328px;
	top:15px;
}

.round1Msg
{
	left:350px;
	top:15px;
}
.greenColorRound2
{
	left:180px;
	top:143px;
}
.round2Msg
{
	left:202px;
	top:143px;
}
.greenColorRound3
{
	left:0px;
	top:295px;
}
.round3Msg
{
	left:22px;
	top:295px;
}
.greenColorRound4
{
	left:0px;
	top:340px;
}
.round4Msg
{
	left:22px;
	top:340px;
}
.greenColorRound5
{
	left:833px;
	top:64px;
}
.round5Msg
{
	left:550px;
	top:80px;
}
   

/*------footer---------------------------------*/
.footer-fullspread{border-top: 1px solid #FFFFFF ; box-shadow: 0 1px 0 #E7E7E7; background:#414141; padding: 20px 0px 40px 0px;}
.footer{}
.footer .floatRight p{font-size:11px;}
.footer a{margin:0 15px 15px 0; color:#A0A0A0; font-size:13px;}