@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_light.ttf) format("truetype");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_regular.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_medium.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_semibold.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_bold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_extrabold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'ZohoPuvi';src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot);src:url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.eot?#iefix) format("embedded-opentype"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff2) format("woff2"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.woff) format("woff"),url(https://fonts.zohowebstatic.com/zohopuvi/3.5/zoho_puvi_black.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"IBM-plex-mono";font-weight:400;font-style:normal;src:url(//static.zohocdn.com/webfonts/ibmplexmono/font.eot);src:url(//static.zohocdn.com/webfonts/ibmplexmono/font.eot?#iefix) format("eot"),url(//static.zohocdn.com/webfonts/ibmplexmono/font.woff2) format("woff2"),url(//static.zohocdn.com/webfonts/ibmplexmono/font.woff) format("woff"),url(//static.zohocdn.com/webfonts/ibmplexmono/font.ttf) format("truetype"),url(//static.zohocdn.com/webfonts/ibmplexmono/font.svg#IBMPlexMono) format("svg")}
*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box}
#backToTop{display:none!important}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
html{scroll-behavior:smooth}
body{font-family:'ZohoPuvi';margin:0;padding:0;background:#eff3ff;position:relative}
strong{font-weight:600}
img{width:100%;height:auto}
.full-book{min-height:calc(100vh - 50px)}
.af{font-family:ZohoPuvi;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
.af h1,.af h2,.af h3,.af h4,.af h5{margin:0}
.af h2{font-size:39px;font-weight:200}
.af h3{font-size:24px;font-weight:600;line-height:28px}
.af h4{font-size:20px;font-weight:600;margin-bottom:22px}
.af h5{font-size:16px;font-weight:500;margin-bottom:22px}
.af p{font-size:16px;line-height:28px;font-weight:300}
.af ul{padding-left:0;margin:0}
.af li{list-style-type:none}
.af a{color:#0000f5;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a:hover{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.af a,.af div,.af h1,.af h2,.af input,.af li,.af p,.af span,.af ul{-webkit-box-sizing:border-box;box-sizing:border-box}
.af div{-webkit-box-sizing:border-box;box-sizing:border-box}
.af{width:100%;display:inline-block}
.ac{margin:0 auto;position:relative;max-width:1200px}
.ebook-main p + span::before,.intro-nxt span::after,.yellow-tit h4::before,.warning ul li::before,.warning.flag ul li::before,.tip::after,.tip.recom::after,.check-out .ch-btn::before,.check-out .ch-btn.ch-btn2::before,.ffw-field:nth-child(4)::after,.rhs-intro.tab6_view .warning.att-icon::after{position:absolute;background:url(https://www.manageengine.com/log-management/images/tackling-webserver-mobile-sprite.png) no-repeat;background-size:186px 315px}
.rhs-intro sup{vertical-align:super;font-size:smaller;font-weight:400;cursor:pointer;color:#0000f5}
.rhs-intro h2::before,.tab7_view .check-out::after{background:url(https://www.manageengine.com/latam/log-management/images/tackling-webserver-sprite.png) no-repeat;background-size:513px 2250px;position:absolute}
.head-main,.head1{background:url(https://www.manageengine.com/log-management/images/tackling-webserver-header-bg.png) no-repeat;background-size:cover;padding-bottom:60px;background-position:center}
.head-main::before,.head1::before{position:absolute;content:"";background-image:url(https://www.manageengine.com/nework-configuration-manager/images/tackling-webserver-binary.png);top:0;left:0;width:100%;height:100%;background-size:1700px;background-repeat:repeat;-webkit-animation:matrix 3000s linear infinite;animation:matrix 3000s linear infinite}
@-webkit-keyframes matrix {
0%{background-position:100% 0}
100%{background-position:100% 100000px}
}
@keyframes matrix {
0%{background-position:100% 0}
100%{background-position:100% 100000px}
}
.head1{text-align:center;padding-top:14px;padding-bottom:240px;float:left;width:100%;display:none}
.top{padding:20px 0;width:100%}
.top2{padding:0}
.logo{background:url(https://www.manageengine.com/log-management/images/tackling-webserver-mobile-sprite.png) no-repeat -3px -3px;background-size:186px 315px;width:114px;height:47px;display:inline-block;margin-top:3px}
.top2 .logo{float:left}
.spri1 span,.ebook-main::after,.head .spri1 .ban3::before{background-image:url(https://www.manageengine.com/latam/log-management/images/tackling-webserver-sprite.png);background-repeat:no-repeat;background-size:513px 2250px}
.head .lhs{float:left;width:calc(100% - 500px)}
.head .rhs{float:right;width:453px;position:relative}
.head .spri1{left:90px;bottom:-64px;position:absolute}
.head .spri1 .ban1{background-position:-16px -31px;width:453px;height:227px;position:absolute;opacity:0;-webkit-animation:line 1s linear both;animation:line 1s linear both}
@-webkit-keyframes line {
from{width:0}
to{width:453px;opacity:1}
}
@keyframes line {
from{width:0}
to{width:453px;opacity:1}
}
.head .spri1 .ban2{background-position:-178px -321px;width:147px;height:186px;position:absolute;bottom:-80px;left:91px;opacity:0;-webkit-animation:build1 1.4s linear .4s both;animation:build1 1.4s linear .4s both}
@-webkit-keyframes build1 {
from{height:0}
to{height:186px;opacity:1}
}
@keyframes build1 {
from{height:0}
to{height:186px;opacity:1}
}
.head .spri1 .ban3::before{content:'';background-position:-353px -384px;width:142px;height:328px;position:absolute;bottom:1px;left:2px;opacity:0;-webkit-animation:light 10s linear 3s both;animation:light 10s linear 3s both}
@-webkit-keyframes light {
0%{opacity:0}
10%{opacity:.5}
20%{opacity:1}
30%{opacity:0}
40%{opacity:.5}
50%{opacity:1}
60%{opacity:0}
70%{opacity:.5}
80%{opacity:1}
90%{opacity:.5}
100%{opacity:1}
}
@keyframes light {
0%{opacity:0}
10%{opacity:.5}
20%{opacity:1}
30%{opacity:0}
40%{opacity:.5}
50%{opacity:1}
60%{opacity:0}
70%{opacity:.5}
80%{opacity:1}
90%{opacity:.5}
100%{opacity:1}
}
.head .spri1 .ban3{background-position:-11px -527px;width:147px;height:185px;position:absolute;bottom:-130px;left:192px;opacity:0;-webkit-animation:build2 1.4s linear .8s both;animation:build2 1.4s linear .8s both}
@-webkit-keyframes build2 {
from{height:0}
to{height:185px;opacity:1}
}
@keyframes build2 {
from{height:0}
to{height:185px;opacity:1}
}
.head .spri1 .ban4{background-position:-178px -527px;width:147px;height:185px;position:absolute;bottom:-180px;left:294px;opacity:0;-webkit-animation:build2 1.4s linear 1.2s both;animation:build2 1.4s linear 1.2s both}
.head .spri1 .ban5{background-position:-11px -295px;width:138px;height:213px;position:absolute;bottom:-196px;left:34px;opacity:0;-webkit-animation:shield 1.4s linear 1.8s both;animation:shield 1.4s linear 1.8s both}
@-webkit-keyframes shield {
from{height:0}
to{height:213px;opacity:1}
}
@keyframes shield {
from{height:0}
to{height:213px;opacity:1}
}
.home-intro{position:relative}
.tit{padding:30px 0 60px;float:left;width:100%}
.tit span{font-size:15px;color:#eece82;background-color:#0e1d7f;border-radius:50px;padding:6px 15px;margin-bottom:24px;display:inline-block}
.tit h1{color:#fff;font-size:36px;font-weight:700;line-height:1.3;margin-bottom:16px}
.tit p{font-size:34px;color:#fff;font-weight:200;line-height:1.2}
.
{padding:0}
.tit1 p{font-size:35px;font-weight:200;padding-bottom:20px}
.tit1 h2{padding:0 200px;font-size:35px;font-weight:600;color:#f3d176;position:relative;display:inline-block;margin-bottom:2px}
.intro.home-intro{display:none;margin-top:-190px;margin-bottom:50px}
.ebook{height:calc(100vh - 474px)}
.ebook-main{margin-top:40px;margin-bottom:80px;display:inline-block;position:relative}
.ebook-main p{color:#333;font-size:17px;font-weight:300;line-height:1.8}
.ebook-main p:first-child{margin-bottom:20px}
.ebook-main p:nth-child(3){margin-bottom:30px}
.ebook-main p + span{font-size:30px;font-weight:400;line-height:1.6;background-color:#e7ecff;padding:10px 10px 10px 56px;border:1px dashed #1a3fa8;display:inline-block;margin-bottom:30px;position:relative}
.ebook-main p + span a{text-decoration:none;}
.ebook-main p + span a:hover{text-decoration:underline;}
.ebook-main p + span::before{content:'';background-position:-4px -84px;width:33px;height:38px;position:absolute;top:0;bottom:0;margin:auto;left:12px}
.ebook-main::after{content:'';background-position:0 -749px;width:354px;height:448px;position:absolute;top:0;bottom:0;right:0;margin:auto}
.form-inn{position:relative;z-index:1;width:835px;background:#f9d783;-webkit-box-shadow:10px 10px 20px rgba(0,0,0,0.11);box-shadow:10px 10px 20px rgba(0,0,0,0.11);border:1px solid #ecca9f;padding:35px 30px;border-radius:6px;display:inline-block;margin-top:-69px}
.ffw-form{float:left;width:100%}
.ffw-form form ul li{float:left;position:relative;margin:0 2px;background:#fff;border-radius:3px}
.ffw-form form ul li input,.ffw-form form ul li select{float:left;width:100%;font-size:14px;font-weight:300;height:42px;border:0;padding:5px 5px 5px 12px;border:.6px solid #4f4f82;color:#000;line-height:18px;outline:0;border-radius:4px}
.selectedCountry{float:left;color:#000;font-size:12px;padding-top:5px}
.selectedCountry:after{content:"";position:absolute;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #000;z-index:0;left:30px;top:0;bottom:0;margin:auto}
.ffw-form form ul li select{padding-left:2px;opacity:0;position:absolute;width:46px;top:0;left:0}
.ffw-form form ul li input.ffw-submit{background:#cc2129;color:#fff;border:0;font-size:15px;font-weight:500;cursor:pointer;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;padding:10px 60px 10px 30px;border-radius:4px;float:left}
.ffw-form form ul li input.ffw-submit:hover{-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-box-shadow:4px 6px 15px rgba(204,33,42,0.309);box-shadow:4px 6px 15px rgba(204,33,42,0.309);background:#e9242e}
.ffw-form form ul li .ffw-errmsg{display:none;float:left;line-height:16px;position:absolute;background:#d23232;margin-top:-17px;display:inline-block;padding:0 5px;border-radius:2px;left:0;opacity:0;color:#fff;font-size:10px}
.ffw-errmsg.active{opacity:1!important}
.ffw-field{position:relative}
.ffw-field:nth-child(4):after{content:'';background-position:-3px -62px;width:13px;height:10px;position:absolute;top:0;bottom:0;margin:auto;right:calc(50% - 48px)}
.ffw-form form ul li:nth-child(1){width:250px}
.ffw-form form ul li:nth-child(2){width:250px}
.ffw-form form ul li:nth-child(3){width:auto;padding:9px 19px 9px 10px;background:#fff;height:42px;border:.6px solid #4f4f82}
.ffw-form form ul li:nth-child(5){background:no-repeat;width:100%;margin-top:5px}
.ffw-form.form-us form ul li:nth-child(1){width:210px}
.ffw-form.form-us form ul li:nth-child(2){width:240px}
.ffw-form.form-us form ul li:nth-child(4){width:143px}
#meGDPRMessage{font-size:12px;float:left;width:100%}
#meGDPRMessage label{font-size:11px;color:#000;line-height:1}
#meGDPRMessage span.checkmarkgdpr.enableCheckgdpr::before{top:0;left:2px}
#formCTAgdpr{font-size:12px;line-height:1.4;float:left;width:100%;padding-top:4px;color:#111;font-weight:300}
#formCTAgdpr span{font-size:12px;font-weight:500}
#formCTAgdpr a{font-size:12px;color:#111;text-decoration:underline}
select#country_state{width:85px;position:relative;opacity:1;margin:4px 0 0 18px;font-size:12px;height:15px;border:none;border-left:1px solid #000;border-radius:0;padding:0}
.form-main{float:left;width:100%}
.ic.ic-mail:before{background-position:-38px -113px}
.ic.ic-count:before{background-position:-112px -113px}
.cr p{text-align:center;color:#666;font-size:13px;font-weight:300;border-top:1px solid rgba(0,0,0,0.1);padding:10px;max-width:935px;width:100%;margin:0 auto;position:relative}
.intro{background:#fff;padding:70px 40px;border-radius:2px;-webkit-box-shadow:0 1px 20px 2px #3333330f;box-shadow:0 1px 20px 2px #3333330f;float:left;width:100%;z-index:1}
.lhs-menu{float:left;width:30%}
.lhs-menu h4{color:#353795;font-size:14px;font-weight:600;padding-bottom:24px;letter-spacing:1px}
.lhs-menu ul{margin-left:-40px}
.lhs-menu ul li{list-style-type:none;padding:0 0 20px;position:relative}
.lhs-menu ul li a,.lhs-menu ul li span{text-decoration:none;font-size:16px;color:#373737;font-weight:300;line-height:1.5;position:relative;display:inline-block;display:block;cursor:pointer;width:100%;padding:10px 40px 10px 64px}
.lhs-menu ul li span.act{color:#353795;font-weight:600}
.lhs-menu ul li span.act i.num{color:#353795}
.lhs-menu ul li span.act:after{content:"";position:absolute;width:100%;height:100%;background:-o-linear-gradient(left,#fff,rgba(53,55,149,0.1) 20%);background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(20%,rgba(53,55,149,0.1)));background:linear-gradient(to right,#fff,rgba(53,55,149,0.1) 20%);left:0;right:0;top:0;bottom:0;margin:auto;z-index:-1}
.lhs-menu ul li span i.num{margin-right:20px;position:absolute;left:34px}
.lhs-menu ul li .dm{width:16px;height:16px;display:block;position:absolute;right:-18px;top:14px;z-index:0;border-radius:3px;cursor:pointer;margin-right:30px}
.lhs-menu ul li .dm:after,.lhs-menu ul li .dm:before{content:"";position:absolute;width:10px;height:2px;background:#000;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.lhs-menu ul li .dm:before{margin:6px 0 0 3px}
.lhs-menu ul li .dm:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin:6px 0 0 -1px}
.lhs-menu .dmenu{display:none;margin-top:20px}
.lhs-menu .dmenu ol li{padding-left:20px;padding-bottom:0}
.lhs-menu .dmenu ol li:last-child{padding-bottom:0}
.lhs-menu .dmenu ol li a:before{content:"";position:absolute;width:6px;height:6px;background:#eac645;border-radius:50px;margin:10px 0 0 -22px}
.lhs-menu .dmenu ol li a{font-size:15px;font-weight:400;padding-right:20px}
.rhs-intro{float:left;width:70%;padding-left:50px;border-left:1px solid #b4c5cd;display:none}
.tab1_view{display:block}
.rhs-intro h2{text-align:left;padding:20px 30px;border-left:3px solid #f3d176;margin:44px 0 120px;position:relative;font-size:34px;}
.rhs-intro h2::before{content:'';background-position:-297px -1261px;width:200px;height:194px;right:0;top:0;bottom:0;margin:auto;-webkit-animation:title-icon 1s linear both;animation:title-icon 1s linear both}
.text-hidden{overflow:hidden;display:inline-block}
.text-ani{display:inline-block;-webkit-animation:text-ani 1s linear both;animation:text-ani 1s linear both}
@-webkit-keyframes text-ani {
from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes text-ani {
from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
to{-webkit-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes title-icon {
from{opacity:0;width:0}
to{width:200px;opacity:1}
}
@keyframes title-icon {
from{opacity:0;width:0}
to{width:200px;opacity:1}
}
.rhs-intro.tab3_view h2::before{background-position:-16px -1518px;width:194px;height:195px}
.rhs-intro.tab4_view h2::before{background-position:-256px -1518px;width:194px;height:203px}
.rhs-intro.tab5_view h2::before{background-position:-243px -1766px;width:194px;height:211px}
.rhs-intro.tab6_view .warning.att-icon{position:relative;padding-right:240px}
.rhs-intro.tab6_view .warning.att-icon::after{content:'';background-position:-3px -174px;width:176px;height:133px;top:0;bottom:0;right:0;margin:auto}
.rhs-intro.tab7_view h2::before{background:none}
.rhs-intro.tab8_view h2::before{background:none}
.rhs-intro img{width:80%;margin:50px auto;display:block}
.rhs-intro.tab2_view img{width:60%}
.rhs-intro .prom-img{width:100%}
.rhs-intro.tab2_view .yellow-tit + .gray-tit .grybox {margin-bottom:16px}
.gray-tit .gray-src{font-weight:400;margin-bottom:30px}
.tab4_view .gray-tit{margin-bottom:40px}
.tab4_view .grybox{padding:25px 40px;margin-bottom:0}
.tab5_view .grybox{margin-bottom:0}
.tab5_view .grybox .gray-src{margin-bottom:50px}
.tab4_view .grybox .gry-text:not(:last-child){border-bottom:1px solid #b1b1b1;padding-bottom:25px;margin-bottom:25px}
.grybox .gry-text .gt-red{color:#e34545}
.tab7_view .check-out{background:#fff6d8 url(https://www.manageengine.com/log-management/images/tackling-webserver-pattern.png) repeat;background-size:40px;border:1px solid #ead385;padding:60px 35px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;margin:50px 0;position:relative}
.tab7_view .check-out::after{content:'';background-position:-26px -1997px;width:184px;height:218px;top:0;bottom:0;right:28px;margin:auto}
.tab7_view .check-out h3{font-size:25px;font-weight:200;line-height:1.6;padding:0;margin-bottom:30px}
.tab7_view .check-out h3 strong{font-weight:600;display:block}
.check-out .ch-btn{text-decoration:none;color:#fff;background:#b0332f;font-size:16px;font-weight:500;display:inline-block;padding:12px 20px 12px 40px;margin-right:10px;position:relative;cursor:pointer;margin-top:10px}
.check-out .ch-btn:hover{background:#d13833;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 15px rgba(209,56,51,0.3);box-shadow:0 10px 15px rgba(209,56,51,0.3)}
.check-out .ch-btn::before{content:'';background-position:-28px -134px;width:14px;height:14px;position:absolute;top:0;bottom:0;margin:auto;left:20px}
.check-out .ch-btn.ch-btn2{background:#238132}
.check-out .ch-btn.ch-btn2:hover{background:#2faf44;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 15px rgba(51,189,74,0.3);box-shadow:0 10px 15px rgba(51,189,74,0.3)}
.check-out .ch-btn.ch-btn2::before{content:'';background-position:-47px -134px;width:16px;height:16px}
.tab8_view .links:not(:last-child){margin-bottom:30px}
.tab8_view .links h5{font-weight:400;font-style:italic;line-height:1.4;margin-bottom:10px}
.tab8_view .links a{word-break:break-all}
.rhs-intro p{margin-bottom:20px}
.intro-nxt{float:left;width:100%;padding:40px 0 20px;text-align:right}
.intro-nxt span{font-size:16px;font-weight:500;color:#000;display:inline-block;padding-right:50px;position:relative;cursor:pointer;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.intro-nxt span:hover,.intro-nxt span:hover i{color:#353795}
.intro-nxt span:hover::after{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}
.intro-nxt span i{color:#373737;font-size:12px;font-weight:400;display:block}
.intro-nxt span::after{content:"";background-position:-52px -60px;width:18px;height:12px;display:inline-block;margin:-14px 0 0 12px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.intro-nxt span.nav-pre:after{left:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-top:-12px}
.intro-nxt span.nav-pre{float:left;text-align:left;padding:0 0 0 44px}
.intro-nxt span.nav-pre:hover::after{-webkit-transform:translateX(-4px) rotate(180deg);-ms-transform:translateX(-4px) rotate(180deg);transform:translateX(-4px) rotate(180deg)}
.tnk{position:fixed;top:-80px;left:0;right:0;background:#f04;z-index:99;text-align:center;color:#fff;padding:8px;font-size:14px;width:100%;margin:0 auto;border-bottom:1px solid #d4043e;border-radius:0;-webkit-box-shadow:0 1px 10px 0 #f301457a;box-shadow:0 1px 10px 0 #f301457a;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.rhs-intro.tab7_view h2,.rhs-intro.tab8_view h2{margin-bottom:50px}
.mmenu{display:none}
.wel{position:fixed;top:-80px;left:0;right:0;background:-webkit-gradient(linear,left top,right top,color-stop(10%,#f3a041),to(#facf64));background:-o-linear-gradient(left,#f3a041 10%,#facf64);background:linear-gradient(to right,#f3a041 10%,#facf64);z-index:99;text-align:center;color:#000;padding:12px;font-size:15px;width:100%;margin:0 auto;border-radius:0;-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.3);box-shadow:0 8px 15px rgba(0,0,0,0.2);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.wel.act{top:0}
.uname{text-transform:capitalize;font-family:'zohoPuvi'}
.rhs-intro h3{padding:30px 0 20px;width:100%}
.rhs-intro h4{width:100%}
.gray-tit h4{margin-bottom:25px}
.gray-tit h5{margin-bottom:6px;font-weight:400;line-height:1.4}
.gray-tit h6{margin-bottom:10px;font-weight:300;line-height:1.4}
.grybox{font-family:'IBM-plex-mono';background:#f8f8ff;border:1px solid #dddeff;border-radius:6px;padding:25px;margin-bottom:50px;width:100%;word-break:break-all}
.grybox h5{margin:0;padding:0 0 15px;font-size:16px;font-weight:400}
.grybox p{font-size:16px;color:#0000f5;font-weight:300;margin-bottom:0}
.yellow-tit h4{padding-top:0;margin-bottom:16px;padding-left:38px;position:relative}
.yellow-tit h4 + p {margin-bottom:10px}
.yellow-tit h4::before{content:'';background-position:-45px -82px;width:28px;height:32px;left:0;top:0;bottom:0;margin:auto}
.yellow-table{margin-bottom:50px}
.yellow-table table{width:100%;text-align:left}
.yellow-table table thead{background-color:#eac645;border-radius:4px 4px 0 0}
.yellow-table table th{padding:10px 40px}
.yellow-table table tbody{border:1px solid #ffecb9}
.yellow-table table td{background-color:#fff9e9;padding:10px 40px;border-bottom:1px solid #ffecb9}
.warning{margin-bottom:40px}
.warning ul{padding-left:30px}
.warning ul li{font-size:16px;font-weight:300;line-height:28px;margin-bottom:15px;padding-left:40px;position:relative}
.warning ul li::before{content:'';background-position:-77px -96px;width:16px;height:13px;position:absolute;left:0;top:6px}
.warning.flag ul li::before{content:'';background-position:-80px -60px;width:12px;height:15px;position:absolute;left:0;top:6px}
.warning.flag h5{font-style: italic;}
.menul{position:sticky;top:20px}
.tip{background:#fffcf3;border:1px solid #f7e6ad;padding:40px 20px 25px 50px;width:100%;margin-bottom:60px;position:relative;overflow:hidden}
.tip::before{content:'';width:60px;height:60px;border-radius:50px;background-color:#f7e6ad;position:absolute;top:-16px;left:-14px}
.tip::after{content:'';background-position:-68px -130px;width:21px;height:24px;position:absolute;top:6px;left:10px}
.tip ul li{font-size:16px;font-weight:300;padding-bottom:18px;line-height:1.8;padding-left:20px;position:relative}
.tip ul li:last-child{padding-bottom:0}
.tip ul li::before{content:"";width:8px;height:8px;background-color:#000;border-radius:50px;position:absolute;top:10px;left:0}
.tip.recom{background:#f3f7ff;border:1px solid #c0d2f8}
.tip.recom::before{content:'';background-color:#3d76c7}
.tip.recom::after{content:'';background-position:-3px -129px}
.form-tnk{display:none;text-align:center;padding-bottom:15px}
.form-tnk h5{color:#ffc426;font-size:24px;font-weight:600;padding-bottom:15px}
.form-tnk p{font-size:15px;font-weight:300;line-height:27px;color:#fff}
.tooltip-box{position:relative;cursor:pointer}
.tooltip-title{display:block;color:#fff;padding-bottom:6px}
.tooltip{display:none;font-size:14px;top:28px;left:0;background-color:#3f3f3f;color:#c8c8c8;position:absolute;width:264px;padding:20px;z-index:1;word-break:normal;line-height:1.4;overflow-wrap:break-word}
.tooltip::before{content:"";position:absolute;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #3f3f3f;top:-10px;left:10px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.tooltip.tip2{left:-10px}
.tooltip-box:hover{text-decoration:underline}
.tooltip-box .tooltip.active{display:block}
.lhs-menu2{display:none}
@media screen and (max-width: 1380px) {
.head .spri1{left:0;bottom:-44px}
}
@media screen and (max-width: 1350px) {
.lhs-menu .dmenu ol li a,.lhs-menu ul li a,.lhs-menu ul li span{font-size:14px}
}
@media screen and (max-width: 1250px) {
.ac{max-width:90%}
.head .spri1{bottom:-58px}
.tit1 h2{padding:0 100px}
.full{text-align:center}
}
@media screen and (max-width: 1150px) {
.text-ani{width:64%}
br{display:none}
}
@media screen and (max-width: 1080px) {
.tit p{font-size:34px}
}
@media screen and (max-width: 992px) {
.head1{padding-bottom:100px}
.head .lhs{width:100%}
.tit{text-align:center}
.ebook-main{margin-bottom:40px}
.intro.home-intro{margin-top:-90px}
.rhs-intro{width:100%;padding-left:0;border-left:0}
.ffw-form form ul li input.ffw-submit{width:100%;border-radius:4px}
.tit{margin-bottom:0;padding:20px 0 60px}
.tit1{padding:30px 0 10px;background:0 0}
.intro{padding:30px}
.text-ani{width:100%}
br{display:block}
.top2{padding:10px 0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.mmenu{display:block;border:1px solid #2c7ae8;color:#000;font-size:20px!important;text-align:center;line-height:26px!important;border-radius:2px;cursor:pointer;background:#fff;width:34px;height:34px;line-height:32px!important;right:0}
.top2.fixed_top{position:fixed;top:0;left:0;background-color:#0537a0;padding:10px 20px;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.top2.fixed_top .mmenu{display:block;border:1px solid #2c7ae8;color:#2c7ae8;font-size:20px!important;text-align:center;line-height:26px!important;border-radius:2px;cursor:pointer;z-index:9;background:#fff;width:34px;height:34px;line-height:32px!important;right:0}
.close_icon{position:absolute;top:-10px;right:30px;border:1px solid #000;width:34px;height:30px;text-align:center;font-size:16px;border-radius:3px;font-weight:700;cursor:pointer;line-height:30px}
.lhs-menu{position:fixed;right:-400px;top:0;bottom:0;height:100%;width:250px;background:#fff;z-index:6;padding:10px 0 0 20px;-webkit-box-shadow:0 0 21px -9px #333333bf;box-shadow:0 0 21px -9px #333333bf;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;overflow-y:auto}
.lhs-menu.act{right:0}
.lhs-menu h4{padding-bottom:40px}
.lhs-menu ul li{padding-bottom:10px;padding-left:3px}
.lhs-menu ul li a,.lhs-menu ul li span{font-size:14px;line-height:20px}
.lhs-menu ul li .dm{display:none!important}
.full{text-align:center}
.form-inn{width:60%}
.ffw-form form ul li{width:100%!important;margin-bottom:10px}
body::after{display:none}
.head .spri1,.ebook-main::after{display:none}
.lhs-menu2{display:block}
}
@media screen and (max-width: 767px) {
.head-main, .head1{background:linear-gradient(to bottom, rgba(6,42,140,1) 0%, rgba(4,14,97,1) 100%);}
.tit span{margin-bottom:12px}
.tit h1{font-size:38px;margin-bottom:4px}
.tit p{font-size:30px}
.tab7_view .check-out::after{display:none}
.rhs-intro h2{font-size:30px}
.rhs-intro.tab2_view img{width:80%}
.tit1 h2{padding:0;z-index:1}
.rhs-intro h2{margin:30px 0}
.rhs-intro h2::before{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6);right:-36px}
}
@media screen and (max-width: 640px) {
.zsiq_theme1 div.zsiq_cnt{display:none!important}
.top{text-align:center}
.form-inn{width:80%}
.rhs-intro.tab6_view .warning.att-icon{padding-right:0}
.rhs-intro.tab6_view .warning.att-icon::after{display:none}
}
@media screen and (max-width: 550px) {
.rhs-intro h2{font-size:24px}
.af p{font-size:14px}
.af h3{font-size:20px}
.af h4{font-size:16px}
.tit1 h2{font-size:30px}
.tit p{font-size:24px}
.intro{padding:25px}
.intro-nxt span.nav-pre{padding-left:36px}
.intro-nxt span{padding-right:40px}
.intro-nxt span::after{right:16px}
.intro-nxt strong{display:none}
}
@media screen and (max-width: 500px) {
.tab7_view .check-out{padding:20px}
.tab7_view .check-out h3{font-size:22px;line-height:1.4;margin-bottom:10px}
.check-out .ch-btn{font-size:12px}
}
@media screen and (max-width: 480px) {
.tit h1{font-size:30px}
.tit p{font-size:24px}
.rhs-intro h2::before{-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);right:-80px}
.rhs-intro h2{padding:20px}
.form-inn{width:100%}
.ebook-main p + span{font-size:22px}
.ebook-main p{font-size:14px}
.ebook-main p:nth-child(3){margin-bottom:20px}
.yellow-table table th,.yellow-table table td{padding:10px}
}
.gating-form-trigger{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer}
.intro-nxt span{float:right;width:50%}
.top a{text-decoration:none;}