@-moz-keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}@-webkit-keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}@-o-keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}@keyframes nodeInserted{from{opacity:0.99;}to{opacity:1;}}embed,object{animation-duration:.001s;-ms-animation-duration:.001s;-moz-animation-duration:.001s;-webkit-animation-duration:.001s;-o-animation-duration:.001s;animation-name:nodeInserted;-ms-animation-name:nodeInserted;-moz-animation-name:nodeInserted;-webkit-animation-name:nodeInserted;-o-animation-name:nodeInserted;}

/* CSS Document */
body img{ border:none}
p{ color:#666666; font-size:15px}

/*==========Top Banner==========*/
.top-banner{background-image:url(../images/home-banner.png);background-repeat:no-repeat;background-color:#373540;position:relative; z-index:0; clear:both;}
.top-content-wrap{width:960px;margin:0 auto;}
.top-left{float:left;color: #FFFFFF;padding-top: 20px;font-family: 'Nunito',Lato,sans-serif,Arial,Helvetica; }
.top-left h2{font-size:48px;color: #00B3FC;padding-bottom:16px;padding-top:20px;font-weight: 200;}
.top-left h3{font-size:24px;margin-top: 10px;margin-bottom: 42px;color: #FFFFFF;font-weight: normal;}
.top-left h4{font-size:16px;background:url(../images/home-icons.png) no-repeat 0px center;padding-left: 25px;font-weight: 100;margin-top: 14px;color: #FFFFFF;}
.top-left a{ text-decoration:none}
.informerRvw{font-size:12px;}
.affix{float:right;}
.top-right img{margin: 32px 0 0 38px;}


/*System Tabs*/
.blueBtn-b,.orangeBtn-b{ display:inline-block; width:220px; background:#7bbb26; border-radius:5px; margin-right:10px; margin-bottom:10px; padding-bottom:10px; color:#FFFFFF;font-size: 14px;}
.blueBtn-b .pic,.orangeBtn-b .pic{float:left;padding-top:16px;width:56px;height:35px;border-right:1px solid #75b027;margin-right:18px;}
.blueBtn-b .name,.orangeBtn-b .name{font-size:28px;  padding: 10px 0 4px 0;display:block;margin-bottom:0px;color: #fff;}
.orangeBtn-b{ background:#f6772c;}
.orangeBtn-b .pic{ border-right:1px solid #e06f0b;}
.blueBtn-b:hover{ text-decoration:none; background:#81c22b; color:#FFFFFF}
.orangeBtn-b:hover{ text-decoration:none; background:#fb7d32;color:#FFFFFF}
.win-btn p{color:#00B3FC; }
.mac-btn p{color:#00B3FC; }
.winPic{ background:url(../images/winmac-icons.png)no-repeat 12px -39px;}
.macPic{ background:url(../images/winmac-icons.png)no-repeat -55px -41px;}
.label{margin: 30px 0 14px 0;}
.radiospan{padding-left:10px; padding-right: 20px; }
.text{ font-size:14px; }


@media screen and (max-width: 1440px) {
.top-banner{background-position:center;} 
}
@media screen and (max-width: 979px) {
.top-content-wrap{width:80%;margin:0 auto;}
}
@media screen and (max-width: 768px) {
.top-left h2{ font-size:28px}
.top-left h3{ font-size:18px; margin-top: 10px; margin-bottom: 80px; }
.top-left h4{ display: none;}
.top-banner{background-position: 100% 0;}
.top-content-wrap{width:460px;margin:0 auto;height: 420px;}
.blueBtn-b{display:none}
.top-banner{background-image:none; width:100% margin:0 auto;}
}

@media screen and (max-width: 479px) {
.top-content-wrap{width:308px;margin:0 auto; padding-bottom:40px; height:400px}
.top-left h2{ font-size:28px}
.top-left h3{ font-size:16px；}
.top-left h4{ display: none;}
}

/*==========Main==========*/
.home-main{padding:20px 0;}
.home-main.minor_bg{background:#f1f1f1 url(../images/this.png) no-repeat center 0; padding-top:40px;}
.home-main.gray{ background:#f1f1f1}
.home-main .title{font-size:26px;color:#959595;font-weight: 100;text-align:center;margin-bottom:15px;}
.row-fluid {width: auto;margin: 0 auto; padding-top:20px;}
.row-fluid .topics a {font-size:13px; }
.container{width:960px;margin:0 auto;} 

/*=======20171120-feature==========*/

div {display: block;}    
.row {
    margin-right: -15px;
    margin-left: -15px;
}   
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;}
.col-md-4 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}

img {padding-bottom: 1px;}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, img {
    margin: 0px;
    padding: 0px;}
    
.prd-three .col-md-4{padding:0;}
.prd-three .prd-left{width:290px; height:auto; float:left; display:inline; padding-top: 20px;}
.prd-three .prd-mid{width:290px; height:auto; float:left; display:inline; padding-top: 20px;padding-left: 42px;}
.prd-three .prd-right{width:290px; height:auto; float:right; display:inline; padding-top: 20px;}
.prd-three .whitebg{ width:290px; height: 260px; overflow:hidden; background-color: #fff;}
.prd-three .img{padding-bottom:1px;}
.prd-three .title{font-size:22px;color:#1C1C1C;padding:30px 10px 10px 10px;background:#fff;text-align:center;}
.prd-three .title a{color:#00B3FC;}
.prd-three .title a:hover{color:#00B3FC;}
.prd-three .info{height:140px;overflow:hidden;font-size:14px;line-height:150%;color:#424242;padding:0 30px 0 30px;background:#fff;}
.prd-three .learn-more{background:#fff;padding:0;text-align:left; padding-left:30px;}
.prd-three .learn-more a{display:inline-block;color:#00B3FC;padding:0px;font-size:14px;height:20px;}
.prd-three .learn-more a i{font-size:14px;}
.prd-three .img img{margin:0 auto;}
.index .prd-three{padding-top:32px;}




/*=======primary-feature==========*/
.primary-left{width:500px;float: left; margin-right:20px}
.primary-right{float: left; width:430px;padding-top: 0px;}
.primary-right h5{color: #373737;font-size:35px;line-height: 50px; font-weight:normal}
.primary-right h3{color: #373737;font-size:35px;line-height: 50px; font-weight:normal}
.primary-right p{margin-top: 10px;}

.primary2-left{float: left; width:400px;padding-top: 0px; margin-right:60px}
.primary2-left h5{color: #373737;font-size:35px;line-height: 50px; font-weight:normal}
.primary2-left p{margin-top: 10px;}
.primary2-right{width:500px;float: left; }


/*=======minor-feature==========*/
.minor-detail{text-align: center;width:30%;float:left;margin-left: 40px;}
.minor-img{width:100%;}
.minor-detail h6{font-size:20px;padding:10px 0 10px 0;color:#3399ff;font-weight: bold;}


/*=======Featured Softwares==========*/
.featured{width:29.3%;float: left;border: solid 1px  #E7E7E7;margin-left:40px;display:inline-block; padding:10px 0px 10px 10px;font-size:20px; font-weight:bold;line-height:1em; margin-bottom:50px }
.fe-left{width:20%;float:left;margin-top: 20px;}
.fe-right{float:right;width: 75%; }
.fe-title,.fe-title a{font-size:19px;padding:5px 0 10px 0;color:#3399ff;font-weight: bold;}
.fe-text{ font-weight:normal;color:#666666; font-size:15px;}
.dl{ display:none; width:auto}
.fe-dl{border:solid 1px #FFFFFF;color:#FFFFFF;font-size:17px;float: left; margin-top:8px; margin-bottom:10px; margin-right:13px; margin-left:6px; padding:10px 13px 10px 13px;cursor:pointer;border-radius:5px;}
.fe-dl a{color:#fff;}
.fe-dl a:hover{text-decoration:none;}
.fe-dl:hover{ background-color:#3390ec;}
.featured:hover{background-color:#3399ff;}
.featured:hover .fe-left{ display:none}
.featured:hover .fe-right{ width:100%;}
.featured:hover .fe-title{ color:#FFFFFF;text-align:center;}
.featured:hover .fe-title a{ color:#FFFFFF;text-align:center;}
.featured:hover .fe-text{ display:none;}
.featured:hover .dl{ display:block;}

/*=======Trust us==========*/
.trust{width:220px;float:left;margin-left:20px;}
.trust-pic{float:left;text-align:center;padding-bottom:20px;width: 100%;}
.reason-title{width: 100%;margin-top:10px;float:left;text-align: center;color:#666666;font-weight: bold;}
.trust p{width: 100%;float:left;margin-top:5px;text-align: center;font-size:13px;}

/*=======What's New & Topics========*/
.whatnew{width:59%;float:left; margin-bottom:30px;}
.whatnew-title,.topics-title{font-size:26px; margin-bottom:10px;color:#959595;font-weight:normal;margin-right: 50px; padding-bottom:5px}
.whatnew li{ line-height:24px; color:#777777}
.topics{width:40%;float:right;}
.topics-title{margin-right: 0px;}
.topics a{margin-right:20px; line-height:28px}
.topics img{margin-top:3px;}
.social-tt{margin-top:8px;}

.ml{ margin-left:0px}

.EgChapterLatest li{  padding-left: 0px; font-size:14px;}

@media screen and (max-width: 979px) {
.container{width:700px;margin:0 auto;}
.bottom .details{width: 290px;}
.primary-left,.primary-right, .primary2-left,.primary2-right  { width:100%; text-align:center; margin:0 auto;}
.primary-right h3, .primary2-left h3 {font-size: 20px;text-align:left; font-weight:normal; line-height:25px; }
.primary-right p, .primary2-left p { text-align:left; }
.primary-left img{broder:0;}
.prd-three { height: auto; }
.prd-three .whitebg {height: 200px;}
.prd-three .info {height: 60px;}
.prd-three .prd-left, .prd-three .prd-mid, .prd-three .prd-right { margin: 0 auto; float: none; display: block;padding-left: 0px;}
.minor-detail{ width:28%}
.minor-img img{width:100%;}
.featured{width:27% ; border:none;margin-bottom:10px }
.fe-left{width:23%; margin-right:10px}
.fe-left img{width:100%;} 
.fe-right{width:70%;}
.featured:hover .fe-dl{width:78%; margin-right:0px}
.fe-title{ width:100% }
.fe-dl{width:70%; text-align:center ; margin-left:2px;}
.trust{width:22%;}
.whatnew{width:79%;}
}

@media screen and (max-width: 768px) {
.container{width:460px;margin:0 auto;}
.primary-left img, .primary2-right img{ width: 300px;}
.minor-detail,.featured, h5{width:100%; margin-left:0px; }
.minor-img img{width:auto;}
.fe-left img{width:auto;} 
.fe-left{width:15%;}
.fe-right{width:80%;}
.featured:hover{ background:none} 
.featured:hover .fe-left{ display:block;margin-right:0px; }
.featured:hover .fe-right{ width:80%; }
.featured:hover .fe-title, .featured:hover .fe-title a{ color:#3399ff; text-align:left;}
.fe-title:hover{ text-decoration:underline;cursor:pointer;}
.featured:hover .fe-text{ display:block;}
.featured:hover .dl{ display:none;}
.trust{width:45%; margin-left:0px}
.whatnew,.topics{width:100%; padding-bottom:20px; padding-bottom:0px}
.trust { width: 40%; padding-left: 20px;} 
}

@media screen and (max-width: 479px) {
.container{width:308px;margin:0 auto;}
.primary-left img{ width: 200px;}
.trust{width:100%;}
.whatnew{ margin-bottom:20px}
}


/*=======New Product Notification========*/
.new-product-wrap{width:100%; background-color:#FFC;}
.new-product-wrap .container p{background:url(../images/New-100.png) no-repeat 10px; padding: 10px 0 10px 50px;; font-size: 16px;}
.new-product-wrap .container a{color:#3399ff;}

/*.top{margin-top:35px;}*/