@charset "utf-8";
/* CSS Document full window*/
body{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;font-size:95%;letter-spacing:.5px;color: #606060; background-color:#FFF;}
a:link {text-decoration: none;color:#333;}
a:visited {text-decoration: none;color:#333;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
*{margin:0;padding:0;}
img
{border:0px;}
h2{color:#FFF;margin:0;padding:10px;}
.style2{text-align:left; font-size:20px; color:#555555; padding-top:10px; padding-bottom:10px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;}
.style3{font-size: 22px; color: #DE9601;font-weight:bold;}
#wrapper{width:100%; float:left;}
#head-top-outer{width:100%; float:left; border-top:10px solid #303030; background-color:#1b1b1b;}
#head-top{max-width:1920px; margin:auto;}
#logo{width:50%; float:left; padding-bottom:15px; padding-top:25px;}
#logo .logo{width:88px; height:46px; float:left; background-image:url(images/logo-1.png); margin-left:80px; margin-right:10px;}
#logo .logo img{width:100%;}
#logo .sitename{width:39%; float:left; margin-top:2px;}
#logo h1{font-size:24px; color:#f2a201; margin-top:6px; white-space:nowrap;}
#nav-contanier{float:right;width:380px;padding-left:5px;padding-right:10px;height:80px; padding-top:20px;}}
#nav{clear:both;width:100%;background-color:#1b1b1b; font-size:14px; margin-top:10px;}
#nav ul{list-style:none;}
#nav ul li a {float: left;margin-top:12px;display:block;text-decoration:none;line-height:35px;padding:0 10px;height:35px; font-size:14px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-.1px;font-weight:600;color: #ffffff;text-transform:uppercase;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#nav ul li a:hover{background-color:#f2a201; color:#1b1b1b;}
#nav ul li a.active{background-color:#f2a201; color:#333;}
.zip-rpt-img{width:100%; float:left; height:14px; background-image:url(images/zip3.png); margin-top:-7px;}
#main-contentpart{width:100%; margin:auto;}
#yellow-bnner-outer{width:100%; float:left; background-color:#f2a201; border-bottom:7px solid #FFF;}
#yellow-bnner-outer #yellow-bnner{max-width:1920px; margin:auto;}
#yellow-bnner .b-image{width:22%; float:left;background-image:url(images/banner-img.png);background-repeat:no-repeat;background-size:contain;background-position:center;min-height:290px;text-align:center; margin-top:20px; margin-bottom:15px; margin-left:50px;display:block;}
.b-image img{width:100%;}
#yellow-bnner .b-content{width:40%; float:left; margin-top:40px;margin-left:35px;line-height:25px;display:block;}
#yellow-bnner .b-content p
{padding:10px;color:#FFF;}
#yellow-bnner .b-content a{color:#FFF;}
#yellow-bnner .b-content .span0{text-align:left; font-size:25px; font-weight:bold;}
#yellow-bnner .b-content .span1{display:block; font-size:14px; text-align:left; font-family:Verdana, Geneva, sans-serif;}
#yellow-bnner .b-content .span2{display:block;}
#yellow-bnner .b-content .span3{display:none;}
#yellow-bnner .b-content .span4{font-size:14px; text-align:right; font-family:Verdana, Geneva, sans-serif; margin-top:-5px; color:#1b1b1b;}
#yellow-bnner .b-content .span4 a{color:#1b1b1b;}
#yellow-bnner .b-button{width:25%; float:left; text-align:center; margin-top:32px; margin-left:20px;}
#yellow-bnner .b-button .common{width:100%; height:100%; float:left;}
#yellow-bnner .button-d{width:220px; height:74px; background-image:url(images/button1.png); margin:auto; margin-bottom:17px;}
#yellow-bnner .button-s{width:220px; height:74px; background-image:url(images/button2.png); margin:auto; margin-bottom:17px;}
#yellow-bnner .button-n{width:220px; height:74px; background-image:url(images/button4.png); margin:auto;}
#yellow-bnner .button-cntnt{width:165px;float:left;text-align:center;color:#FFF;font-size:14px;margin-top:20px;margin-left:12px; text-shadow:1px 1px 1px #333;font-family:Tahoma, Geneva, sans-serif;}
#yellow-bnner .button-cntnt span{display:block;}
#black-bnner{width:100%; float:left; background-image:url(images/patten-black.png); border-bottom:7px solid #f2a201; clear:both;}
#black-bnner .outer{max-width:1920px; margin:auto;}
#black-bnner .e-setting{width:24%; float:left; text-align:center;}
#black-bnner .e-setting .email-img{width:199px; height:215px; margin:auto; background-image:url(images/email-setting.png); text-align:center;}
#black-bnner .f-setting{width:24%; float:left; text-align:center;}
#black-bnner .f-setting .ftp-img{width:213px; height:215px; margin:auto; background-image:url(images/ftp-setting.png); text-align:center;}#black-bnner .c-setting{width:24%; float:left; text-align:center;}
#black-bnner .c-setting .camera-img{width:196px; height:215px; margin:auto; background-image:url(images/camera-setting.png); text-align:center;}
#black-bnner .i-setting{width:25%; float:left; text-align:center; margin-bottom:40px;}
#black-bnner .i-setting .impo-img{width:206px; height:215px; margin:auto; background-image:url(images/impo-nd-expo-setting.png); text-align:center;}
#black-bnner .mid{width:3px;display:block;float:left;margin-bottom:10px;margin-top:40px;background-image:url(images/par-bar.png);background-repeat:no-repeat;height:203px;}
#black-bnner .mid1{width:3px;display:block;float:left;margin-bottom:10px;margin-top:40px;background-image:url(images/par-bar.png);background-repeat:no-repeat;height:203px;}
#black-bnner .mid2{width:3px;display:block;float:left;margin-bottom:10px;margin-top:40px;background-image:url(images/par-bar.png);background-repeat:no-repeat;height:203px;}
#black-bnner  p{text-align:center;}
#black-bnner  .feature{text-align:center; font-size:22px; color:#f2a201; font-family:'Arial Narrow', 'Arial Unicode MS', Webdings; font-weight:bold; margin-bottom:5px; margin-top:-13px;}
#black-bnner  .feature a{color:#f2a201;}
#black-bnner .outer span{color:#f2a201; font-size:14px;padding-left:12px; padding-right:12px;}
#white-bnner
{width:100%; float:left; background-color:#FFF;}
#white-bnner .inner{max-width:1000px; height:auto;margin:auto; line-height:20px; padding-top:10px; clear:both;}
.inner p{text-align:left;padding-left:10px;padding-right:10px;margin-bottom:5px;}
#white-bnner .inner .list{margin-left:70px; list-style-image:url(images/check.png); line-height:25px;}
.inner .span1{font-size:18px; color:#555555; font-weight:bold; padding-top:10px;}
.inner .span2{font-size:15px; color:#555555; font-weight:bold; padding-top:3px;}
.inner .span3{font-size:20px; color:#555555; font-weight:bold; padding-top:10px; text-align:center; padding-bottom:20px;}
.inner span{padding-left:10px; padding-right:10px; border-bottom:3px solid #555555;}
#white-bnner #content{max-width:1000px; margin:auto;min-height:588px;background-image:url(images/bg-img.jpg); background-repeat:no-repeat;background-position:bottom;background-size:contain;}
#white-bnner #feature-contanier{max-width:1000px; margin:auto; min-height:548px; margin-top:10px; padding-left:6px;}
#feature-contanier .feature-box{width:32.5%;min-height:300px;float:left;margin-bottom:0;background-color:#F9F9F9;border: 1px solid#dddddd;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}
#feature-contanier .feature-box h3 {padding: 15px;text-align: center;font-size: 20px;font-size: medium;color: #3F3F3F;background-color: #D1D1D1;}
.feature-box p {padding:15px;text-align:center;line-height:21px;font-size:100%;}
#feature-contanier .feature-box:hover {border:1px solid #f2a201;-webkit-box-shadow:0 0 5px rgba(0,3,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,3,0.3);box-shadow:0 0 5px rgba(0,0,3,0.3);}
#feature-contanier .feature-box:hover h3 {background-color:#f2a201;-webkit-transition:0.8s;-moz-transition:0.8s;-o-transition:0.8s;transition:0.8s;}
.feature-box .icon-pd{width:72px;height:72px;margin:auto;margin-top:20px;margin-bottom:10px;background-image:url(images/pd.png);background-repeat:no-repeat;background-position:center;}
.feature-box .icon-security{width:72px;height:72px;margin:auto;margin-top:20px;margin-bottom:10px;background-image:url(images/security-vector-icon.png);background-repeat:no-repeat;background-position:center;}
.feature-box .icon-privacy{width:72px;height:72px;margin:auto;margin-top:20px;margin-bottom:10px;background-image:url(images/pri-vector-icon.png);background-repeat:no-repeat;background-position:center;}
.feature-box .icon-log{width:72px;height:72px;margin:auto;margin-top:20px;margin-bottom:10px;background-image:url(images/log-vector-icon.png);background-repeat:no-repeat;background-position:center;}
.feature-box .icon-viewlog{width:72px;height:72px;margin:auto;margin-top:20px;margin-bottom:10px;background-image:url(images/View-log-vector-icon.jpg);background-repeat:no-repeat;background-position:center;}
.feature-box .icon-viewbackup{width:72px;height:72px;margin:auto;margin-top:20px;margin-bottom:10px;background-image:url(images/View-backup-vector-icon.jpg);background-repeat:no-repeat;background-position:center;}
.feature-box .icon2{background-image:url(images/orange.png);height:72px;transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-webkit-transition:0.8s;-moz-transition:0.8s;-o-transition:0.8s;transition:0.8s;}
.feature-box:hover .icon2{background-image:url(images/gray.png);height:72px;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-webkit-transition:0.8s;-moz-transition:0.8s;-o-transition:0.8s;transition:0.8s;}
#gray-bnner-outer{width:100%; float:left; background-color:#EEE; border-top:6px solid #f2a201; margin-top:-1px;}
#gray-bnner{max-width:1920px; margin:auto; }
#gray-bnner .contanire{max-width:95%; margin:auto;min-height:206px}
.inner-white{width:45%; float:left; margin-top:20px; margin-left:20px; margin-bottom:20px;}
.innerdiv1{width:100%; float:left; height:80px; margin-bottom:0px;}
.innerdiv1 .image-bnft{width:108px; height:80px; float:left; text-align:center; margin-right:10px; background-image:url(images/benefit-icon.png); background-repeat:no-repeat;}
.innerdiv1 .image-wrkng{width:108px; height:80px; float:left; text-align:center; margin-right:10px; background-image:url(images/working-pro-icon.jpg); background-repeat:no-repeat;}
.innerdiv1 .topic{width:70%; float:left; margin-top:25px;}
.innerdiv1 .topic span{font-size: 20px;color: #333333;font-weight: bold;}
.innerdiv1 .topic span a{color:#333333;}
.innerdiv2{width:100%; float:left;}
.innerdiv2 .span1{padding:8px;font-size:12px;font-weight:normal;line-height:20px;text-align:left;}
.innerdiv2 .span2{text-align:right;font-size:12px;font-weight:bold;padding:0px;}
.partition{width:2px; float:left; margin-left:25px; margin-top:30px; border-right:1px solid #f2a201; height:160px;}
#footer
{width:100%; float:left; background-image:url(images/patten-black.png); padding-top:10px; padding-bottom:10px; border-top:7px solid #f2a201; border-bottom:10px solid #303030;}
#footer #fter-inner{max-width:1000px; margin:auto;min-height:90px;}
#footer .social-media{width:31%; float:right; padding-bottom:15px; padding-top:5px; border-left:1px solid #f2a201;}
#footer .social-media p{color:#f2a201; text-align:center; font-weight:bold;}
#footer .ftr-prtitn{width:16px;float:right;}
#footer .part-img{background-image:url(images/patten-black.png); margin-left:9px; margin-top:35px;}
#share-buttons img {width: 40px;height:40px;padding: 2px;border: 0;box-shadow: 0;display: inline;}
#sharediv{width:160px; margin:auto; height:40px; margin-top:10px;}
.social-media-fb{width:40px;height:40px;border-radius:20px;background-image:url(images/fb-01.png);background-repeat:no-repeat;float:left}.social-media-fb:hover{width:40px;height:40px;border-radius:20px;background-image:url(images/fb-02.png);background-repeat:no-repeat}.social-media-gplus{width:40px;height:40px;border-radius:20px;background-image:url(images/gplus-01.png);background-repeat:no-repeat;float:left}.social-media-gplus:hover{width:40px;height:40px;border-radius:20px;background-image:url(images/gplus-02.png);background-repeat:no-repeat}.social-media-twitter{width:40px;height:40px;border-radius:20px;background-image:url(images/twiter-01.png);background-repeat:no-repeat;float:left}.social-media-twitter:hover{width:40px;height:40px;border-radius:20px;background-image:url(images/twiter-02.png);background-repeat:no-repeat}.social-media-youtube{width:40px;height:40px;border-radius:20px;background-image:url(images/you-tube-01.png);background-repeat:no-repeat;float:left}.social-media-youtube:hover{width:40px;height:40px;border-radius:20px;background-image:url(images/you-tube-02.png);background-repeat:no-repeat}.social-media-pinterest{width:40px;height:40px;border-radius:20px;background-image:url(images/pintrest-01.png);background-repeat:no-repeat;float:left}.social-media-pinterest:hover{width:40px;height:40px;border-radius:20px;background-image:url(images/pintrest-02.png);background-repeat:no-repeat}
#footer .f-linkdiv{width:62%;float:left;text-align:center;color:#212121;line-height:20px;padding-top:8px;margin-left:20px;}
#footer .f-links{width:100%; margin:auto; text-align:center; color:#f2a201; line-height:20px; padding-top:8px; padding-bottom:8px; margin-bottom:15px;}
#footer .f-links ul{list-style:none;margin:auto;text-align:center;}
#footer .f-links ul li{text-decoration:none;float: left;display: block;text-decoration: none;line-height:13px;padding-left:10px;padding-right:10px;height:13px;color: #f2a201;border-right:4px double #f2a201;}
#footer .f-links ul li:last-child{border-right:none;}
#footer .f-links ul li a{display: block;text-decoration: none;color: #f2a201; }
#footer ul li a:hover{color: #f2a201;}
#footer .small{width:40%; margin:auto; background-color:#f2a201; margin-top:20px; color:#1b1b1b; padding:3px;}
.colr{padding:0px;color:#FFF}
#white-bnner .heading-div{width:95%; margin:auto; border-bottom:1px solid #f2a201; padding-top:15px; padding-bottom:10px; text-align:center;}
#white-bnner .styleheading{text-align:center; font-size:24px; color:#555555;}
@media screen and (max-width:1230px)
{#yellow-bnner .b-image{width:23%;margin-top:20px; margin-bottom:15px; margin-left:50px;display:block;}
#yellow-bnner .b-content .span0{font-size:23px;}}
@media screen and (max-width:1160px)
{#yellow-bnner .b-image{width:24%;margin-top:15px; margin-bottom:15px; margin-left:50px;display:block;}
#yellow-bnner .b-content{width:42%; margin-top:40px;margin-left:30px;line-height:24px;}
#yellow-bnner .b-content .span0{font-size:22px;}
#yellow-bnner .b-button{width:24%; margin-top:32px; margin-left:20px;}
#black-bnner  .feature{text-align:center; font-size:20px; margin-bottom:5px; margin-top:-13px;}
#black-bnner .outer span{font-size:13px;padding-left:15px; padding-right:15px;}}
@media screen and (max-width:1100px)
{#yellow-bnner .b-image{width:24%;margin-top:10px; margin-bottom:15px; margin-left:30px;display:block;}
#yellow-bnner .b-content{width:43%; margin-top:40px;margin-left:20px;line-height:23px;}}
@media screen and (max-width:1060px)
{#yellow-bnner .b-image{width:25%; margin-top:10px; margin-bottom:15px; margin-left:30px;display:block;}
#yellow-bnner .b-content .span0{font-size:22px;}
#yellow-bnner .b-content{width:43%; margin-top:40px;margin-left:20px;line-height:21px;}
#yellow-bnner .button-d{margin-bottom:15px;}
#yellow-bnner .button-s{margin-bottom:15px;}}
@media screen and (max-width:1050px)
{#yellow-bnner .b-content{width:43%; margin-top:30px;margin-left:20px;line-height:21px;}
#yellow-bnner .b-content .span0{font-size:21px;}
#yellow-bnner .button-d{margin-bottom:12px;}
#yellow-bnner .button-s{margin-bottom:12px;}}
@media screen and (max-width:1020px)
{#yellow-bnner .b-image{width:27%; margin-top:10px; margin-bottom:15px; margin-left:15px;display:block;}
.innerdiv1 .topic span{font-size: 19px;}
.innerdiv1 .topic{width:65%; margin-top:25px;}}
@media screen and (max-width:1000px)
{#yellow-bnner .b-content{width:43%; margin-top:40px;margin-left:20px;line-height:19px;}
#yellow-bnner .b-content .span4{font-size:14px; text-align:right; font-family:Verdana, Geneva, sans-serif; margin-top:-10px; color:#1b1b1b;}}
@media screen and (max-width:980px)
{#logo h1{font-size:22px; white-space:nowrap;}
#yellow-bnner .b-content .span0{text-align:left; font-size:20px; font-weight:bold; color:#9FF;}
#yellow-bnner .b-content{width:43%;  margin-top:45px;margin-left:20px;line-height:25px;}
#yellow-bnner .b-content .span2{display:none;}
#yellow-bnner .button-d{margin-bottom:8px;}
#yellow-bnner .button-s{margin-bottom:8px;}
#footer .f-linkdiv{width:64%; line-height:20px; padding-top:8px; margin-left:15px;}
#footer .social-media{width:29%; float:right; padding-bottom:15px; padding-top:5px; border-left:1px solid #f2a201;}
#footer .social-media p{color:#f2a201; text-align:center; font-weight:bold; font-size:14px;}}
@media screen and (max-width:960px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#yellow-bnner .b-content{width:45%; margin-top:45px;margin-left:3px;line-height:25px;}
#yellow-bnner .b-button{width:20%; margin-top:32px; margin-left:1px;}
#footer .f-linkdiv{width:66%; line-height:20px; padding-top:1px; margin-left:10px;}}
@media screen and (max-width:910px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#yellow-bnner .b-content{width:46%; margin-top:45px;margin-left:3px;line-height:25px;}
#yellow-bnner .b-image{width:27%; margin-top:10px; margin-bottom:15px; margin-left:4px;display:block;}
#yellow-bnner .b-content .span2{display:none;}
#yellow-bnner .button-d{margin-bottom:5px;}
#yellow-bnner .button-s{margin-bottom:5px;}
#yellow-bnner .button-n{margin-bottom:5px;}
#footer .f-linkdiv{width:68%; line-height:20px; padding-top:1px; margin-left:5px;}
#feature-contanier .feature-box{min-height: 313px;}
#footer .f-links ul li
{padding-left:10px;padding-right:10px;}}
@media screen and (max-width:880px)
{#yellow-bnner .b-content .span0{font-size:19px; margin-bottom:-5px;}#yellow-bnner .b-content{width:45%;margin-top:50px;margin-left:0px;line-height:25px;}
#footer .f-linkdiv{width:71%; line-height:20px; padding-top:1px; margin-left:5px;}
#footer .social-media{width:26%; float:right; padding-bottom:15px; padding-top:5px; border-left:1px solid #f2a201;}
#footer .social-media p{font-size:13px;}
.innerdiv1 .topic{width:63%; margin-top:25px;}
.innerdiv1 .topic span{font-size: 18px;}}
@media screen and (max-width:850px)
{#yellow-bnner .b-image{width:27%; margin-top:10px; margin-bottom:15px; margin-left:10px;display:block;}
	#yellow-bnner .b-content{width:41%; margin-top:45px;margin-left:10px;line-height:22px;}
	#yellow-bnner .b-content .span0{font-size:20px;}
#yellow-bnner .b-button{width:18%; margin-top:32px; margin-left:6px;}
#logo{width:100%; float:left; padding-bottom:15px; padding-top:25px;}
#logo .logo{width:88px; height:46px; float:left; background-image:url(images/logo-1.png); margin-left:50px; margin-right:10px;}
#logo .sitename{width:35%; float:left; margin-top:0px; margin-left:10px;}
#logo h1{font-size:24px; margin-top:6px; white-space:nowrap;}
#nav-contanier{float:left;width:100%;padding-left:0px;padding-right:0px;height:60px; padding-top:0px;}
#nav{clear:both;width:100%;height:60px; border-top:3px double #f2a201; font-size:14px;}
#nav ul{list-style:none; margin-left:30px;}
#nav ul li a 
{float: left;display: block;text-decoration:none;line-height:52px;padding:0 30px;height:60px;font-size: 16px;font-family:"Arial Narrow", "Arial Unicode MS", Webdings;letter-spacing:-.5px;font-weight:700;text-transform: uppercase;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-top:0px;}
#nav ul li a:hover{background-color:#f2a201; color:#1b1b1b;}
#nav ul li a.active{background-color:#f2a201; color:#333;}
#black-bnner .e-setting{width:48%;}
#black-bnner .f-setting{width:48%;}
#black-bnner .c-setting{width:48%;}
#black-bnner .i-setting{width:48%; margin-bottom:40px;}
#black-bnner .mid1{width:3px;display:block;float:left;margin-bottom:10px;margin-top:40px;background-image:url(images/patten-black.png);background-repeat:no-repeat;height:203px;}
#yellow-bnner .b-content .span0{text-align:left; font-size:20px; font-weight:bold; color:#03C;}
.innerdiv1 .topic{width:60%; float:left; margin-top:25px;}
.innerdiv1 .topic span{font-size: 17px;}
#footer .social-media{width:100%; float:right; padding-bottom:15px; padding-top:5px; border-bottom:1px solid #f2a201;}
#footer .social-media p{color:#f2a201; text-align:center; font-weight:bold;}
#footer .ftr-prtitn{width:100%;float:right;margin-top:-7px;}
#footer .part-img{width:16px;height:14px;margin-top:0px;background-image:url(images/patten-black.png);}
#footer .f-linkdiv{width:98%; float:left; text-align:center; color:#f2a201; line-height:20px; padding-top:8px;}
#footer .f-links{width:87%; margin:auto; text-align:center; color:#f2a201; line-height:20px; padding-top:8px; padding-bottom:8px; margin-bottom:15px;}
#footer .small{width:30%; margin-top:20px; color:#1b1b1b; padding:3px;}
#yellow-bnner .b-content{width:41%; margin-top:45px;margin-left:5px;line-height:22px;}}
@media screen and (max-width:830px)
{#yellow-bnner .b-content .span0{font-size:23px;}
#yellow-bnner .b-image{width:52%; margin-top:10px; margin-bottom:15px; margin-left:10px;display:none;}
#yellow-bnner .b-content{width:63%; margin-top:30px;margin-left:20px;line-height:22px;display:block;}
#yellow-bnner .b-content .span2{display:block;}
#yellow-bnner .b-button{width:25%; margin-top:32px; margin-left:20px;}}
@media screen and (max-width:780px)
{#yellow-bnner .b-content .span0{font-size:22px;}
.innerdiv1 .image-bnft{width:95px; height:70px; margin-right:5px; background-image:url(images/2benefit-icon.png); background-repeat:no-repeat;}
.innerdiv1 .image-wrkng{width:95px; height:70px; margin-right:5px; background-image:url(images/2working-pro-icon.jpg); background-repeat:no-repeat;}
.innerdiv1 .topic{width:66%; float:left; margin-top:20px;}
.innerdiv1 .topic span{font-size: 17px;}
.innerdiv1{width:100%; float:left; height:70px; margin-bottom:0px;}
#feature-contanier .feature-box{min-height: 335px;}
#footer .small{width:33%; margin:auto; margin-top:20px; color:#1b1b1b; padding:3px;}}
@media screen and (max-width:740px)
{#yellow-bnner .b-content{width:62%; margin-top:30px;margin-left:15px;line-height:20px;display:block;}
#yellow-bnner .b-button{width:25%; float:left; text-align:center; margin-top:32px; margin-left:10px;}
#yellow-bnner .b-content .span0{font-size:21px;}
#gray-bnner .contanire{max-width:99%; margin:auto;min-height:206px}
.inner-white{width:47%; float:left; margin-top:20px; margin-left:10px; margin-bottom:20px;}
.partition{width:2px; float:left; margin-left:15px; margin-top:30px; border-right:1px solid #f2a201; height:160px;}
#footer .f-links{width:93%; line-height:20px; padding-top:8px; padding-bottom:8px; margin-bottom:15px;}
#footer .small{width:35%; margin:auto; background-color:#f2a201; margin-top:20px; color:#1b1b1b; padding:3px;}
#feature-contanier .feature-box{width: 49%;min-height: 300px;float: left;margin-bottom: 0;background-color: #F9F9F9;border: 1px solid #dddddd;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}}
@media screen and (max-width:680px)
{#yellow-bnner .b-content .span0
{text-align:left; font-size:20px; font-weight:bold; color:#603;}
#yellow-bnner .b-content{width:63%; margin-top:30px;margin-left:4px;line-height:20px;display:block;}
#yellow-bnner .b-content .span2{display:block;}
#yellow-bnner .b-button{width:25%; float:left; text-align:center; margin-top:32px; margin-left:4px;}
.innerdiv1 .topic{width:65%; float:left; margin-top:15px;}
.innerdiv1 .topic span{font-size: 16px;color: #333333;font-weight: bold;}}
@media screen and (max-width:660px)
{#yellow-bnner .b-content .span0{text-align:left; font-size:20px; font-weight:bold; color:#0CC;}
.inner-white{width:90%; float:left; margin-top:20px; margin-left:20px; margin-bottom:20px;}
.innerdiv1{width:100%; float:left; height:80px; margin-bottom:0px;}
.innerdiv1 .image-bnft{width:108px;height:80px;margin-right:10px;background-image:url(images/benefit-icon.png); background-repeat:no-repeat;}
.innerdiv1 .image-wrkng{width:108px;height:80px;margin-right:10px;background-image:url(images/working-pro-icon.png); background-repeat:no-repeat;}
.innerdiv1 .topic{width:74%; float:left; margin-top:25px;}
.innerdiv1 .topic span{font-size: 19px;}
.partition{width:85%; float:left; margin-left:30px; margin-top:0px; border-bottom:1px solid #f2a201; border-right:none; height:3px;}
#footer .f-links{width:97%; line-height:20px; padding-top:8px; padding-bottom:8px; margin-bottom:15px;}
#footer .small{width:42%; margin-top:20px; color:#1b1b1b; padding:3px;}}
@media screen and (max-width:640px)
{#yellow-bnner .b-content .span0{font-size:19px; line-height:25px;}
#yellow-bnner .b-content{width:56%; margin-top:20px;margin-left:15px;line-height:20px;display:block;}
#yellow-bnner .b-content .span2{display:none;}
#yellow-bnner .b-button{width:25%; float:left; text-align:center; margin-top:32px; margin-left:4px;}
#footer .f-links{width:100%; margin:auto; text-align:center; color:#f2a201; line-height:20px; padding-top:8px; padding-bottom:8px; margin-bottom:15px;}
#footer .f-links ul li
{text-decoration:none;float: left;display:block;text-decoration:none;line-height:13px;padding-left:6px;padding-right:6px;height:13px;color:#f2a201;border-right:4px double #f2a201;}}
@media screen and (max-width:590px)
{#yellow-bnner .b-content .span0{text-align:left; font-size:19px; font-weight:bold; color:#0F0;}
#yellow-bnner .b-content
{width:54%; margin-top:20px;margin-left:5px;line-height:20px;display:block;}
.innerdiv1 .topic{width:55%; float:left; margin-top:20px;}
#footer .f-links ul li{display:block;line-height:13px;padding-left:6px;padding-right:6px;height:13px;font-size:14px;}
@media screen and (max-width:550px)
{#yellow-bnner .b-content .span0{text-align:left; font-size:19px; font-weight:bold; color:#FFF;}
#footer .f-links ul li{display:block;line-height:13px;padding-left:5px;padding-right:5px;height:13px;}
#footer .small{width:46%; margin-top:20px; color:#1b1b1b; padding:3px;}
#feature-contanier .feature-box{min-height: 355px;}}
@media screen and (max-width:520px)
{#yellow-bnner .b-content .span0{font-size:19px;}
#yellow-bnner .b-content{width:90%; margin-top:20px;margin-left:20px;line-height:20px;display:block;}
#yellow-bnner .b-content .span2{display:block;}
#yellow-bnner .b-content .span4{text-align:center;}
#yellow-bnner .b-button{width:90%; float:left; text-align:center; margin-top:0px; margin-left:4px;}
#logo .logo{width:88px; height:46px; float:left; background-image:url(images/logo-1.png); margin-left:20px; margin-right:10px;}
#nav ul{list-style:none;
margin-left:10px;}
#nav ul li a 
{float: left;display: block;line-height: 52px;padding: 0 20px;height: 60px;font-size: 16px;font-family:"Arial Narrow", "Arial Unicode MS", Webdings;text-transform: uppercase;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-top:0px;}
#footer .f-links ul li{text-decoration:none;float: left;display: block;line-height: 13px;padding-left:3px;padding-right:3px;height: 13px;font-size:13px;color:#f2a201;border-right:4px double #f2a201;}
#footer .small{width:50%; margin:auto; background-color:#f2a201; margin-top:20px; color:#1b1b1b; padding:3px;}
#white-bnner .styleheading{text-align:center; font-size:22px; color:#555555;}
.innerdiv1 .topic span{font-size: 17.5px;}
#feature-contanier .feature-box h3 {font-size: 14px;}}
@media screen and (max-width:470px)
{#yellow-bnner .b-content .span0{font-size:19px;}
#white-bnner .styleheading
{text-align:center; font-size:20px; color:#555555;}
.innerdiv1 .image-bnft
{width:95px; height:70px; float:left; text-align:center; margin-right:5px; background-image:url(images/2benefit-icon.png); background-repeat:no-repeat;}
.innerdiv1 .image-wrkng{width:95px; height:70px; float:left; text-align:center; margin-right:5px; background-image:url(images/2working-pro-icon.jpg); background-repeat:no-repeat;}
.innerdiv1 .topic{width:66%; margin-top:20px;}
#yellow-bnner .b-content{width:95%; float:left; margin-top:20px;margin-left:15px;line-height:20px;display:block;}
#head-top-outer{width:100%; float:left; border-top:10px solid #303030; background-color:#1b1b1b; min-height:320px;}
#nav{clear:both;width:100%;height:320px;background-color:#1b1b1b;font-size:14px;margin-top:10px;}
#nav ul{list-style:none;margin-left:0px;}
#nav ul li a {float: none;margin-top:0px;display: block;text-decoration: none;text-align:center;line-height:55px;padding:0 0px;height:55px;font-size:16px;font-family:"Arial Narrow", "Arial Unicode MS", Webdings;letter-spacing:-.1px;font-weight:600;text-transform: uppercase;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#white-bnner .inner .list{margin-left:50px; list-style-image:url(images/check.png); line-height:25px;}
#footer .f-links ul li{text-decoration:none;float: none;display: block;line-height: 50px;padding-left:0px;padding-right:0px;padding-bottom:8px;height:50px;font-size:15px; border-right:4px double #1b1b1b;}
#footer .f-links ul li a:hover{background-color:#f2a201;color: #FFF;}
#footer .f-links
{width:100%;margin:auto; line-height:20px;padding-top:8px;padding-bottom:1px; margin-bottom:15px;}
#footer .small{width:54%; margin-top:5px; color:#1b1b1b; padding:3px;}
.innerdiv1 .topic span{font-size: 16px;}
#logo .logo{width:88px; height:46px; float:left; background-image:url(images/logo-1.png); margin-left:10px; margin-right:3px; }
#logo .sitename{width:auto; float:left; margin-top:2px;}
#logo h1{font-size:18px; margin-top:6px; white-space:normal;}
#feature-contanier .feature-box{min-height: 355px;}}
@media screen and (max-width:440px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#black-bnner .e-setting{width:97%;}
#black-bnner .f-setting{width:97%;}
#black-bnner .c-setting{width:97%;}
#black-bnner .i-setting{width:97%; margin-bottom:40px;}
#black-bnner .mid{width:3px;display:block;float:left;margin-bottom:10px;margin-top:40px;background-image:url(images/patten-black.png);background-repeat:no-repeat;height:203px;}
#black-bnner .mid1{width:3px;display:block;float:left;margin-bottom:10px;margin-top:40px;background-image:url(images/patten-black.png);background-repeat:no-repeat;height:203px;}
#black-bnner .mid2{width:3px;display:block;float:left;margin-bottom:10px;margin-top:40px;background-image:url(images/patten-black.png);background-repeat:no-repeat;height:203px;}
#white-bnner .styleheading{text-align:center; font-size:18px; color:#555555;}
#feature-contanier .feature-box{width: 99%;min-height: 260px;float: left;margin-bottom: 0;background-color: #F9F9F9;border: 1px solid #dddddd;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
#footer .small{width:66%; margin-top:5px; color:#1b1b1b; padding:3px;}}
@media screen and (max-width:370px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#logo .logo{width:88px; height:46px; float:left; background-image:url(images/logo-1.png); margin-left:10px; margin-right:0px;}
.innerdiv1 .image-bnft{width:100%; height:70px; margin-right:0px; background-image:url(images/2benefit-icon.png); background-repeat:no-repeat; background-position:center;}
.innerdiv1 .image-wrkng{width:100%; height:70px; float:left; text-align:center; margin-right:0px; background-image:url(images/2working-pro-icon.jpg); background-repeat:no-repeat; background-position:center;}
.innerdiv1 .topic{width:100%; float:left; margin-top:5px; text-align:center;}
.innerdiv1 .topic span{font-size: 17px;}
.innerdiv2{width:100%; float:left; margin-top:30px;}
#footer .small{width:72%; margin-top:5px; padding:3px;}}
@media screen and (max-width:330px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#yellow-bnner .b-content{width:90%; margin-top:10px;margin-left:15px;line-height:20px;display:block;}
#logo .logo{width:95%; height:46px; background-image:url(images/logo-1.png); margin-left:0px; margin-right:0px; background-repeat:no-repeat; background-position:center;}
#logo .sitename{width:95%; float:left; text-align:center; margin-top:2px;}
#logo h1{font-size:18px; margin-top:6px; white-space:normal;}
#head-top-outer{width:100%; min-height:350px;}
#nav{clear: both;width: 100%;height: 350px;font-size: 14px;margin-top: 10px;}
.innerdiv1 .topic span{font-size: 15px;}
#footer .social-media p{color:#f2a201; text-align:center; font-weight:bold; font-size:12px;}}
@media screen and (max-width:250px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#yellow-bnner .b-content .span2{display:none;}
#yellow-bnner .button-d{width:200px; height:67px; background-image:url(images/button1-1.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .button-s
{width:200px; height:67px; background-image:url(images/button2-1.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .button-n
{width:200px; height:67px; background-image:url(images/button4-1.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .b-button
{width:95%; margin-top:0px; margin-left:2px;}
#yellow-bnner .button-cntnt{width: 145px; float: left; text-align: center; color: #FFF; font-size: 13px; margin-top: 16px; margin-left: 12px; text-shadow: 1px 1px 1px #333; font-family:Tahoma, Geneva, sans-serif;}
#yellow-bnner .button-cntnt span{display:block;}
#black-bnner .e-setting .email-img{width:167px; height:180px; margin:auto; background-image:url(images/email-setting-2.png); text-align:center;}
#black-bnner .f-setting .ftp-img{width:178px; height:180px; margin:auto; background-image:url(images/ftp-setting-2.png); text-align:center;}
#black-bnner .c-setting .camera-img{width:164px; height:180px; margin:auto; background-image:url(images/camera-setting-2.png); text-align:center;}
#black-bnner .i-setting .impo-img{width:173px; height:180px; margin:auto; background-image:url(images/impo-nd-expo-setting-2.png); text-align:center;}
#black-bnner .outer span{color:#f2a201; font-size:14px;padding-left:1px; padding-right:1px;}}
@media screen and (max-width:223px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#head-top-outer{width:100%; min-height:372px;}
#nav{clear: both;width: 100%;height:372px;font-size: 14px;margin-top: 10px;}
#yellow-bnner .button-d{width:180px; height:60px; background-image:url(images/button1-2.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .button-s{width:180px; height:60px; background-image:url(images/button2-2.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .button-n{width:180px; height:60px; background-image:url(images/button4-2.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .b-button{width:95%; float:left; text-align:center; margin-top:0px; margin-left:2px;}
#yellow-bnner .button-cntnt{width: 130px; float: left; text-align: center; color: #FFF; font-size: 13px; margin-top: 14px; margin-left: 12px; text-shadow: 1px 1px 1px #333; font-family:Tahoma, Geneva, sans-serif;}
}
@media screen and (max-width:220px)
{#yellow-bnner .b-content .span0{font-size:20px;}
.innerdiv1 .topic span{font-size: 12px;}
#footer .f-linkdiv{width:95%; line-height:20px; padding-top:8px;}
#footer .small{width:90%; margin-top:5px; padding:3px; font-size:14px; line-height:13px;}
#footer .social-media p{font-weight:normal; font-size:12px;}
.partition{width:80%; float:left; margin-left:20px; margin-top:0px; border-bottom:1px solid #f2a201; border-right:none; height:3px;}}
@media screen and (max-width:200px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#yellow-bnner .button-d{width:180px; height:60px; background-image:url(images/button1-2.png); margin:auto; margin-bottom:5px; display:none;}
#yellow-bnner .button-n{width:180px; height:60px; background-image:url(images/button4-2.png); margin:auto; margin-bottom:5px; display:none;}
#yellow-bnner .button-cntnt span{display:none;}
#yellow-bnner .button-cntnt
{width: 130px; float: left; text-align: center; color: #FFF; font-size: 13px; margin-top: 14px; margin-left: 12px; text-shadow: 1px 1px 1px #333; font-family:Tahoma, Geneva, sans-serif;}
#yellow-bnner .button-s{width:150px; height:50px; background-image:url(images/buy-button-1.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .button-cntnt{width: 100px; float: left; text-align: center; color: #FFF; font-size: 16px; margin-top: 16px; margin-left: 10px; text-shadow: 1px 1px 1px #333; font-family:Tahoma, Geneva, sans-serif;}
#logo .logo{width:90%; height:46px; float:left; text-align:center; background-image:url(images/logo-1.png); margin-left:0px; margin-right:0px; background-repeat:no-repeat; background-position:center;}
#logo .sitename{width:90%; margin-top:2px;}
.inner-white{width:80%; float:left; margin-top:20px; margin-left:10px; margin-bottom:20px;}
#black-bnner .e-setting .email-img{width:139px; height:150px; margin:auto; background-image:url(images/email-setting-3.png); text-align:center;}
#black-bnner .f-setting .ftp-img{width:145px; height:150px; margin:auto; background-image:url(images/ftp-setting-3.png); text-align:center;}
#black-bnner .c-setting .camera-img{width:137px; height:150px; margin:auto; background-image:url(images/camera-setting-3.png); text-align:center;}
#black-bnner .i-setting .impo-img{width:144px; height:150px; margin:auto; background-image:url(images/impo-nd-expo-setting-3.png); text-align:center;}
#white-bnner .inner .list{margin-left:30px; list-style-image:url(images/check.png); line-height:25px;}
#white-bnner .styleheading{text-align:center; font-size:16px; color:#555555;}
#sharediv{width:130px; margin:auto; height:auto; margin-top:10px; text-align:center;}
#footer .small{width:86%; margin-top:5px; padding:3px; font-size:14px; line-height:13px;}
.social-media-fb{width:30px;height:30px;border-radius:20px;background-image:url(images/fb-01s.png);background-repeat:no-repeat;float:left}.social-media-fb:hover{width:30px;height:30px;border-radius:20px;background-image:url(images/fb-02s.png);background-repeat:no-repeat}.social-media-gplus{width:30px;height:30px;border-radius:20px;background-image:url(images/gplus-01s.png);background-repeat:no-repeat;float:left}.social-media-gplus:hover{width:30px;height:30px;border-radius:20px;background-image:url(images/gplus-02s.png);background-repeat:no-repeat}.social-media-twitter{width:30px;height:30px;border-radius:20px;background-image:url(images/twiter-01s.png);background-repeat:no-repeat;float:left}.social-media-twitter:hover{width:30px;height:30px;border-radius:20px;background-image:url(images/twiter-02s.png);background-repeat:no-repeat}.social-media-youtube{width:30px;height:30px;border-radius:20px;background-image:url(images/you-tube-01s.png);background-repeat:no-repeat;float:left}.social-media-youtube:hover{width:30px;height:30px;border-radius:20px;background-image:url(images/you-tube-02s.png);background-repeat:no-repeat}.social-media-pinterest{width:s0px;height:s0px;border-radius:20px;background-image:url(images/pintrest-01s.png);background-repeat:no-repeat;float:left}.social-media-pinterest:hover{width:s0px;height:s0px;border-radius:20px;background-image:url(images/pintrest-02s.png);background-repeat:no-repeat}}
@media screen and (max-width:175px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#yellow-bnner .b-content .span2{display:none;}
#yellow-bnner .button-cntnt span{display:none;}
#yellow-bnner .button-s{width:130px; height:43px; background-image:url(images/buy-button-2.png); margin:auto; margin-bottom:5px;}
#yellow-bnner .button-cntnt{width: 80px; float: left; text-align: center; color: #FFF; font-size: 15px; margin-top: 12px; margin-left: 11px; text-shadow: 1px 1px 1px #333; font-family:Tahoma, Geneva, sans-serif;}
#footer .f-links ul li{text-decoration:none;float: none;display:block;line-height:13px;padding-left:0px;padding-right:0px;padding-bottom:8px;height:13px;font-size:14px;}
#footer .small{width:90%; margin-top:5px;  padding:3px; font-size:14px; line-height:13px;}}
@media screen and (max-width:165px)
{#yellow-bnner .b-content .span0{font-size:20px;}
#footer .f-links ul li{text-decoration:none;float:none;display: block;line-height:13px;padding-left:0px;padding-right:0px;padding-bottom:8px;height: 13px;font-size:13px;}
#footer .small{width:95%; margin-top:5px; padding:3px; font-size:14px; line-height:13px;}}