.carea {padding:20px 20px 30px 20px;min-height:auto;}
h2, .h2 {margin:0px 0px 10px 0px;}
.stt {font-size:22px;color:#227381;text-transform:uppercase;font-weight:600;}
.sttt {color:#227381; font-weight:600;text-transform:uppercase;}
.line{height:3px;background:#227381;margin:40px 0px;}
.list li {list-style:none;background:url(../images/14/ico-check.jpg) no-repeat;padding-left:40px; min-height:34px;}

.res1810 .stt {font-size:32px;color:#227381;text-transform:uppercase;font-weight:600;}
.res1810 .sttt {color:#227381; font-weight:600;text-transform:uppercase;}
.res1810 .line{margin:70px 0px;}

/****banner top***/
.container .banner {background:url(../images/14/banner-fonax-cloud.jpg) center no-repeat;height:190px;}
.container .banner .barea {max-width:1130px; margin:0px auto; padding:0px 20px 0px 20px;}
.container .banner .barea .caption {color:#fff;font-size:42px;text-transform:uppercase;font-weight:700;letter-spacing:1px;line-height:52px;padding:60px 0px 0px 0px;text-align:center;}
.container .banner .barea .caption h1 {color:#fff;font-size:42px;font-weight:700;letter-spacing:1px;line-height:52px;text-align:center;text-transform:capitalize;margin:0px;}

.res1810 .container .banner {background:url(../images/14/banner-fonax-cloud-1810.jpg) center no-repeat;height:250px;}
.res1810 .container .banner .barea {max-width:1770px;}
.res1810 .container .banner .barea .caption {font-size:50px;line-height:52px;padding:80px 0px 0px 0px;}
.res1810 .container .banner .barea .caption h1 {font-size:50px;line-height:60px;}

.res940 .container .banner {background:url(../images/14/banner-fonax-cloud-940.jpg) center no-repeat;height:176px;}
.res940 .container .banner .barea .caption {padding:58px 0px 0px 0px;font-size:35px;line-height:40px;}
.res940 .container .banner .barea .caption h1 {font-size:35px; line-height:40px;}

.res720 .container .banner {background:url(../images/14/banner-fonax-cloud-720.jpg) center no-repeat;height:126px;}
.res720 .container .banner .barea .caption {padding:32px 0px 0px 0px;font-size:28px;line-height:38px;}
.res720 .container .banner .barea .caption h1 {font-size:28px; line-height:38px;}

.res480 .container .banner {background:url(../images/14/banner-fonax-cloud-480.jpg) center no-repeat;height:126px;}
.res480 .container .banner .barea .caption {padding:38px 0px 0px 0px;font-size:24px;line-height:30px;}
.res480 .container .banner .barea .caption h1 {font-size:24px; line-height:30px;}

.res320 .container .banner {background:url(../images/14/banner-fonax-cloud-320.jpg) center no-repeat;height:126px;}
.res320 .container .banner .barea {padding:0px 10px;}
.res320 .container .banner .barea .caption {padding:44px 0px 0px 0px;font-size:20px;line-height:26px;}
.res320 .container .banner .barea .caption h1 {font-size:20px; line-height:26px;}


/*****Blog****/
.blogs {/* background:#f1f0f0; */padding:30px 0px;}
.blogs .barea {max-width:1130px; padding:0px 20px; margin:0px auto;}
.blogs .barea .title {font-weight:600;font-size:41px;text-transform:uppercase;max-width:752px;margin:0px auto;text-align:center;padding-bottom:10px;/* border-bottom:solid 3px #73b743; */color:#73b743;}
.blogs .barea .cnt {overflow:hidden;margin:10px 0px 20px;}
.blogs .barea .cnt .npost {float:left;max-width:360px;margin:6px 6px;border:2px solid #227381;}
.blogs .barea .cnt .npost .npic {display:block;}
.blogs .barea .cnt .npost .npic img {max-width:100%;}
.blogs .barea .cnt .npost .pcnt {background:#fff;padding:20px;}
.blogs .barea .cnt .npost .pcnt .ntitle {display:block;color:#73b743;font-weight:700;font-size:22px;/* text-transform:uppercase; */min-height:60px;text-align:center;}
.blogs .barea .cnt .npost .pcnt .ndate {display:block; color:#ccc; font-weight:600; font-size:16px; margin:10px 0px; text-transform:uppercase;}
.blogs .barea .cnt .npost .pcnt .ntext {margin:0px;color:#000;font-size:20px;min-height:188px;text-align:center;}
.blogs .vmarea {margin:40px 0px 0px 0px;}
.blogs .vmarea .vm {position:relative;}
.blogs .vmarea .vm .line {position:absolute; width:100%; height:3px; background:#ccc; top:50%; margin-top:-1.5px;}
.blogs .vmarea .vm .lnk {display:block; text-align:center; text-transform:uppercase; color:#2c4c7e; font-weight:600; font-size:32px; max-width:200px; margin:0px auto; background:#eee; z-index:5; position:relative;}
.blogs .barea .cnt .npost1 .pcnt .ntext, .blogs .barea .cnt .npost2 .pcnt .ntext, .blogs .barea .cnt .npost3  .pcnt .ntext {min-height:130px;}
.blogs .barea .cnt .npost img {margin:20px auto 0px; display:block;}

.res1810 .blogs .barea {max-width:1770px;}
.res1810 .blogs .barea .cnt .npost {max-width:526px;margin:30px 30px;}
.res1810 .blogs .barea .cnt .npost .pcnt .ntitle {/* min-height:99px; */font-size:25px;}
.res1810 .blogs .barea .cnt .npost .pcnt .ntext {min-height:202px;font-size:24px;}
.res1810 .blogs .barea .cnt .npost1 .pcnt .ntext, .res1810 .blogs .barea .cnt .npost2 .pcnt .ntext, .res1810 .blogs .barea .cnt .npost3  .pcnt .ntext {min-height:170px;}

.res940 .blogs .barea .cnt {max-width:900px;margin:0 auto;}
.res940 .blogs .barea .cnt .npost {max-width:284px;}
.res940 .blogs .barea .cnt .npost .pcnt .ntitle {font-size:17px;/* min-height:108px; */}
.res940 .blogs .barea .cnt .npost .pcnt .ntext {font-size:18px;min-height:210px;}
.res940 .blogs .barea .cnt .npost1 .pcnt .ntext, .res940 .blogs .barea .cnt .npost2 .pcnt .ntext, .res940 .blogs .barea .cnt .npost3  .pcnt .ntext {min-height:130px;}

.res720 .blogs .barea .title {font-size:35px;}
.res720 .blogs .barea .cnt {max-width:680px;margin:0 auto;}
.res720 .blogs .barea .cnt .npost {max-width:210px;}
.res720 .blogs .barea .cnt .npost .pcnt .ntitle {font-size:14px;/* min-height:138px; */}
.res720 .blogs .barea .cnt .npost .pcnt .ndate {font-size:14px;}
.res720 .blogs .barea .cnt .npost .pcnt .ntext {font-size:16px;min-height:252px;}
.res720 .blogs .barea .cnt .npost1 .pcnt .ntext, .res720 .blogs .barea .cnt .npost2 .pcnt .ntext, .res720 .blogs .barea .cnt .npost3  .pcnt .ntext {min-height:122px;}

.res480 .blogs .barea .title {font-size:28px;}
.res480 .blogs .barea .cnt {max-width:440px;margin:0 auto;}
.res480 .blogs .barea .cnt .npost {max-width:320px;margin:0px auto 30px auto;float:none;}
.res480 .blogs .barea .cnt .npost .pcnt .ntitle {min-height:auto;}
.res480 .blogs .barea .cnt .npost .pcnt .ntext {min-height:auto;}
.res480 .blogs .vmarea {margin:0px 50px 0px 50px;}
.res480 .blogs .vmarea .vm .lnk {font-size:26px; width:158px;}

.res320 .blogs .barea .title {font-size:23px;}
.res320 .blogs .barea .cnt .npost {max-width:320px;margin:0px auto 30px auto;float:none;}
.res320 .blogs .barea .cnt {max-width:440px;margin:0 auto;}
.res320 .blogs .barea .cnt .npost .pcnt .ntitle {min-height:auto; font-size:17px;}
.res320 .blogs .barea .cnt .npost .pcnt .ndate {font-size:14px;}
.res320 .blogs .barea .cnt .npost .pcnt .ntext {font-size:16px;min-height:auto;}
.res320 .blogs .vmarea {margin:0px 50px 0px 50px;}
.res320 .blogs .vmarea .vm .lnk {font-size:26px; width:158px;}

/****banner2***/
.container .banner2 {background:url(../images/14/banner-fonax-cloud-services.jpg) center no-repeat;height:300px;}
.container .banner2 .barea {max-width:1130px; margin:0px auto; padding:0px 20px 0px 20px;}
.container .banner2 .barea .caption {color:#fff;font-size:24px;text-transform:uppercase;/* font-weight:700; */letter-spacing:1px;line-height:52px;padding:90px 0px 0px 0px;text-align:left;width:50%;}
.container .banner2 .barea .caption h1 {color:#fff;font-size:42px;font-weight:700;letter-spacing:1px;line-height:52px;text-align:center;text-transform:capitalize;margin:0px;}
.container .banner2 .barea .caption .text {font-size:24px;text-transform:none;font-weight:100;letter-spacing:0px;line-height:normal;}

.res1810 .container .banner2 {background:url(../images/14/banner-fonax-cloud-services-1810.jpg) center no-repeat;height:300px;}
.res1810 .container .banner2 .barea {max-width:1770px;}
.res1810 .container .banner2 .barea .caption {font-size:40px;line-height:52px;padding:70px 0px 0px 0px;}
.res1810 .container .banner2 .barea .caption h1 {font-size:50px;line-height:60px;}
.res1810 .container .banner2 .barea .caption .text {font-size:50px;text-transform:capitalize;font-weight:100;letter-spacing:0px;line-height:normal;}

.res940 .container .banner2 {background:url(../images/14/banner-fonax-cloud-services-940.jpg) center no-repeat;height:300px;}
.res940 .container .banner2 .barea .caption {padding:98px 0px 0px 0px;font-size:20px;line-height:40px;width:490px;}
.res940 .container .banner2 .barea .caption h1 {font-size:35px; line-height:40px;}
.res940 .container .banner2 .barea .caption .text {font-size:26px;}

.res720 .container .banner2 {background:url(../images/14/banner-fonax-cloud-services-720.jpg) center no-repeat;height:300px;}
.res720 .container .banner2 .barea .caption {padding:92px 0px 0px 0px;font-size:22px;width:500px;}
.res720 .container .banner2 .barea .caption h1 {font-size:28px; line-height:38px;}
.res720 .container .banner2 .barea .caption .text {font-size:28px;}

.res480 .container .banner2 {background:url(../images/14/banner-fonax-cloud-services-480.jpg) top no-repeat;height:450px;}
.res480 .container .banner2 .barea .caption {padding:278px 0px 0px 0px;font-size:20px;line-height:30px;width:400px;text-align:center;margin:0 auto;}
.res480 .container .banner2 .barea .caption h1 {font-size:24px; line-height:30px;}

.res320 .container .banner2 {background:url(../images/14/banner-fonax-cloud-services-320.jpg) top no-repeat;height:450px;}
.res320 .container .banner2 .barea {padding:0px 10px;}
.res320 .container .banner2 .barea .caption {padding:314px 0px 0px 0px;font-size:16px;line-height:26px;margin:0 auto;width:270px;text-align:center;}
.res320 .container .banner2 .barea .caption h1 {font-size:20px; line-height:26px;}