@import "https://www.manageengine.com/css/fonts.css";
    *{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
    ol,ul{list-style:none}
    blockquote,q{quotes:none}
    blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
    table{border-collapse:collapse;border-spacing:0}
    .bd-inn{background:#fff}
    html{scroll-behavior:smooth}
    body{margin:0;padding:0;background:#f4f7fa}
    .af{font-family:'ZohoPuvi';-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;padding:0}
    .af p,.af a,.af li,.af td,.af td,.af span,.af label{line-height:24px;font-size:14px}
    .af h1,.af h2,.af h3,.af h4,.af h5,.af h6{margin:0}
    .af ul{padding-left:0;margin:0}
    .af li{list-style-type:none}
    .af a{text-decoration:none;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    .af a:hover{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
    .af div,.af a,.af ul,.af li,.af input,.af p,.af h1,.af h2,.af span{box-sizing:border-box}
    .af div{box-sizing:border-box}
    .af{width:100%;display:inline-block}
    .ac{margin:0 auto;position:relative;max-width:1200px}
    .head-main,.head1{background:url(https://www.manageengine.com/log-management/images/windows-security-monitoring-head-bg.png) no-repeat #2b7ae9;background-size:100%;padding-bottom:60px;background-position:center bottom}
    .head1{text-align:center;padding-top:10px;display:none;float:left;width:100%}
    .spri1{background-image:url(https://www.manageengine.com/log-management/images/windows-security-monitoring-sprite.png);background-repeat:no-repeat}
    .top{padding:15px 0;float:left;width:100%}
    .logo{width:193px;height:53px;display:inline-block;background-size:976px;float:left;margin-top:3px}
    .af .cta-read{float:right;font-size:16px;font-weight:300;color:#fff;border:1px solid #fff;display:inline-block;padding:8px 30px;border-radius:50px;margin-top:3px;cursor:pointer}
    .home-intro{position:relative;display:none}
    .cover-act{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;cursor:pointer;z-index:1}
    .tit{text-align:center;padding:10px 0 35px;float:left;width:100%}
    .tit p{font-size:16px;color:#ffc426;font-weight:500;padding-bottom:5px}
    .tit h4{font-size: 15px;color:#fff;font-weight: 300;padding-bottom:5px;line-height:27px;}
    .tit h1{color:#fff;font-size:38px;font-weight:500;line-height:50px;padding-bottom:15px}
    .tit h6{color:#fff;font-size:38px;font-weight:500;line-height:50px;padding-bottom:15px}
    .tit1{padding:30px 0 50px}
    .tit1 p{font-size:20px;padding-bottom:20px}
    .tit1 h1{padding:0 200px;font-size:44px;position:relative;display:inline-block;line-height:47px;z-index:3}
    .tit1 h6{padding:0 200px;font-size:44px;position:relative;display:inline-block;line-height:47px;z-index:3}
    .tit1 h1 i,.tit1 b{display:none}
    .tit1 h6 i,.tit1 b{display:none}
    .tit1 i.line{position:relative;display:table;margin:0 auto;margin-top:-23px;line-height:5px;font-size:80px;color:#1767d7;font-weight:500}
    .ebook-main{margin:0 auto;display:table;width:68%;padding-top:40px;padding-bottom:40px;border-bottom:1px solid #cdd6d6;position:relative}
    .ebook-main .lhs{float:left;width:340px}
    .ebook-main .lhs .spri1{width:340px;height:470px;display:inline-block;background-size:940px;background-position:1px -64px}
    .ebook-main .rhs{float:left;width:calc(100% - 340px);padding-left:70px;padding-top:30px}
    .ebook-main .rhs h4{text-align:center;font-size:22px;font-weight:500;padding-bottom:30px}
    .ebook-main .rhs ul{width:90%;margin:0 auto}
    .ebook-main .rhs ul li span{border:1px solid #c4d4e4;display:block;padding:14px 20px;border-radius:6px;background:#fff;margin-bottom:12px;cursor:pointer;transition:all .4s ease}
    .ebook-main .rhs ul li span:hover{box-shadow:0 4px 14px -6px #6572807d}
    .ebook-main .rhs ul li span b{padding-right:12px;color:#909090;transition:all .4s ease}
    .ebook-main .rhs ul li span:hover b{color:#2b7ae9}
    .form-inn{position:relative;z-index:1;width:835px;box-shadow:0 0 28px -5px #a7949557;background:#154285;padding:40px 35px 20px;border-radius:10px;margin:0 auto;display:table;margin-top:-69px}
    .form-inn.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
    @keyframes shake {
    10%,90%{transform:translate3d(-1px,0,0)}
    20%,80%{transform:translate3d(2px,0,0)}
    30%,50%,70%{transform:translate3d(-4px,0,0)}
    40%,60%{transform:translate3d(4px,0,0)}
    }
    .form-inn .form-tit{position:relative}
    .form-inn .form-tit h4{text-align:center;font-size:15px;color:#fff;font-weight:500;background:#ffc426;display:inline-block;color:#000;padding:7px 10px;border-radius:2px;position:absolute;top:-55px;left:0}
    .form-inn .form-tit h4 span{color:#c6444d;font-size:28px;font-weight:500;display:block;line-height:32px;padding-top:5px}
    .ffw-form{float:left;width:100%}
    .ffw-form form ul li{float:left;position:relative;margin:0 4px;background:#fff;border-radius:3px;transition:all .3s ease}
    .ffw-form form ul li .ffw-checkbox{float:left;width:100%;padding:0}
    .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;color:#000;line-height:18px;outline:none;border-radius:4px}
    .selectedCountry{float:left;color:#000;font-size:12px}
    .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:19px}
    .ffw-form form ul li select{padding-left:2px;opacity:0;position:absolute;margin:-10px 0 0 -27px;width:46px}
    .ffw-form form ul li input.ffw-submit{background:#d62730;color:#fff;border:0;font-size:15px;font-weight:500;cursor:pointer;transition:all .5s ease;padding:13px 10px;height:42px;border-radius:4px;float:left}
    .ffw-form form ul li input.ffw-submit:hover{transition:all .5s ease;box-shadow:0 7px 8px -5px #08080e5c;background:#c70916}
    .ffw-form form ul li input.cta2-sub{background:#fff;border:1px solid #000;color:#000;margin-left:2%}
    .ffw-form form ul li input.cta2-sub:hover{background:#7eb70d;color:#fff;border:1px solid #7eb70d}
    .ffw-form form ul li .ffw-checkbox input{width:14px;height:14px;float:left;padding:5px;border:0;margin:5px 2px}
    .ffw-form form ul li .ffw-checkbox label{float:left;width:calc(100% - 25px);padding-left:10px;box-sizing:border-box;color:#bdbdbd;font-size:14px}
    .ffw-form form ul li.befo-hide{padding-top:5px}
    .ffw-form form ul li .ffw-errmsg{display:none;float:left;line-height:16px;position:absolute;background:#d23232;margin-top:-10px;display:inline-block;padding:0 5px;border-radius:2px;left:0;opacity:0;color:#fff;font-size:10px}
    .ffw-thank{float:left;width:100%;text-align:center;color:#fff;display:none;padding:200px 0 190px}
    .ffw-thank h1{font-weight:600;font-size:36px;color:#04c766}
    .ffw-thank p{font-size:18px;font-weight:300}
    .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}
    .ffw-form form ul li:nth-child(4){width:186px;background:no-repeat}
    .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(3){padding:9px 10px}
    .ffw-form.form-us form ul li:nth-child(4){width:143px}
    .form-copy p{margin:0;font-size:10px;text-align:center;color:#bdbdbd}
    .form-copy p span{color:#bdbdbd;font-size:10px}
    #meGDPRMessage{font-size:13px;line-height:20px;float:left;width:100%;padding:3px 0 10px}
    #meGDPRMessage label{font-size:11px;line-height:20px;color:#fff}
    #formCTAgdpr{font-size:11px;line-height:20px;float:left;width:100%;padding-top:0;color:#fff;font-weight:300}
    #formCTAgdpr span{font-size:11px;color:#fff;line-height:18px;font-weight:500}
    #formCTAgdpr a{font-size:11px;color:#fff;line-height:18px}
    select#country_state{width:85px;position:relative;opacity:1;margin:4px 0 0 18px;font-size:11px;height:15px;border-left:1px solid #000;border-radius:0;padding:0}
    .form-logo,.form-tit,.form-main,.form-soc,.form-copy{float:left;width:100%}
    span#backToTop{display:none!important;opacity:0!important}
    .ic.ic-mail:before{background-position:-38px -113px}
    .ic.ic-phone:before{background-position:-77px -113px}
    .ic.ic-count:before{background-position:-112px -113px}
    .cr{background:#f4f7fa;text-align:center;background-size:cover;background-position:center top;padding:10px;margin-top:-150px}
    .cr p{margin:0;color:#aeb0ba;font-size:13px;font-weight:300}
    .cr p span{color:#aeb0ba;font-size:14px;font-weight:300}
    .mob-cta{display:none;box-shadow:0 0 0 0 rgba(232,76,61,0.7);-webkit-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);-moz-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);-ms-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1)}
    @-webkit-keyframes pulse {
    to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
    }
    @-moz-keyframes pulse {
    to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
    }
    @-ms-keyframes pulse {
    to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
    }
    @keyframes pulse {
    to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
    }
    .form-inn.shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}
    @keyframes shake {
    10%,90%{transform:translate3d(-1px,0,0)}
    20%,80%{transform:translate3d(2px,0,0)}
    30%,50%,70%{transform:translate3d(-4px,0,0)}
    40%,60%{transform:translate3d(4px,0,0)}
    }
    .intro{background:#fff;padding:70px 40px;border-radius:2px;box-shadow:0 1px 20px 2px #3333330f;float:left;width:100%;z-index:1}
    .bd-inn .intro{margin:10px 0;box-shadow:none}
    .bd-inn .cr{background:#f7fbfa;padding:10px;margin:0}
    .bd-inn .cr p,.bd-inn .cr p span{color:#696d6d;font-size:12px}
    .lhs-menu{float:left;width:30%;padding-right:30px}
    .lhs-menu h4{color:#3a87f3;font-size:14px;font-weight:500;padding-bottom:35px}
    .lhs-menu ul{padding-left:35px}
    .lhs-menu ul li{list-style-type:none;padding:0 0 30px;position:relative}
    .lhs-menu ul li span,.lhs-menu ul li a{font-size:16px;color:#383838;font-weight:300;line-height:25px;position:relative;display:inline-block;display:block;cursor:pointer;width:100%;padding-right:30px}
    .lhs-menu ul li span.act{font-weight:500}
    .lhs-menu ul li span.act i.num{color:#3a87f3}
    .lhs-menu ul li span.act:after{content:'';position:absolute;width:4px;height:100%;background:#3a87f3;right:-30px;top:0}
    .lhs-menu ul li span i.num{position:absolute;margin:0 0 0 -35px}
    .lhs-menu ul li .dm{width:16px;height:16px;border:1px solid #333;display:block;position:absolute;right:0;top:5px;z-index:0;border-radius:3px;cursor:pointer}
    .lhs-menu ul li .dm:before,.lhs-menu ul li .dm:after{content:'';position:absolute;width:8px;height:2px;background:#333;transition:all .5s ease}
    .lhs-menu ul li .dm:before{margin:6px 0 0 3px}
    .lhs-menu ul li .dm:after{transform:rotate(90deg);margin:6px 0 0 -1px}
    .lhs-menu ul li .dm.dmact:after{transform:rotate(0deg)}
    .lhs-menu .dmenu{display:none;margin-top:20px}
    .lhs-menu .dmenu ol li{padding:0 0 15px 22px}
    .lhs-menu .dmenu ol li a:before{content:'';position:absolute;width:6px;height:6px;background:#3a87f3;border-radius:50px;margin:10px 0 0 -22px}
    .lhs-menu .dmenu ol li:last-child{padding:0 0 0 25px}
    .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}
    .rhs-intro iframe{width:90%;height:300px;border:0;margin:0 auto;display:table;margin-top:30px;margin-bottom:20px;border-radius:2px}
    .tit-main h4 strong{    color: #ffc425;
        font-weight: 400;}
    .tab1_view{display:block}
    .rhs-intro h2{font-weight:600;font-size:24px;text-align:left;padding-bottom:30px}
    .rhs-intro.tab6_view h2{font-size:24px;text-align:left;font-weight:500;line-height:36px;padding-bottom:20px}
    .spr-intro{width:484px;height:210px;display:table;background-size:1000px;margin:0 auto;margin-bottom:40px}
    .spr-why-attackers{width:454px;height:200px;background-size:1000px;background-position:0 -226px}
    .how-thread{width:420px;height:145px;background-size:1000px;background-position:-536px 2px}
    .bruse-forc-1{width:310px;height:266px;display:table;background-size:850px;margin:0 auto;background-position:1px -361px}
    .bruse-forc-2{width:282px;height:232px;display:table;background-size:850px;background-position:-300px -378px;float:right}
    .bruse-forc-3{width:282px;height:232px;display:table;background-size:850px;background-position:-587px -382px;float:left}
    .how-dharma{width:216px;height:368px;display:table;background-size:1000px;margin:0 auto;margin-bottom:40px;background-position:-9px -758px}
    .rhs-intro p{font-size:16px;line-height:28px;font-weight:300;margin-bottom:20px}
    .rhs-intro p a{color: #3a87f3;}
    .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}
    .intro-nxt span:hover{color:#3a87f3}
    .intro-nxt span i{color:#babebd;font-size:12px;font-weight:400;display:block}
    .intro-nxt span:after{content:'';position:absolute;background:url(https://www.manageengine.com/log-management/images/windows-security-monitoring-sprite.png) no-repeat;background-size:900px;width:20px;height:20px;display:inline-block;background-position:-184px 0;margin:-21px 0 0 12px}
    .intro-nxt span.nav-pre:after{left:0;transform:rotate(180deg);margin-top:-18px}
    .intro-nxt span.nav-pre{float:left;text-align:left;padding:0 0 0 50px}
    .befo-hide input[type="checkbox"]{width:15px;float:left;height:15px;margin-right:10px;margin-top:3px}
    .befo-hide label{color:#494949;text-align:left;font-size:12px;line-height:18px;display:block;max-width:100%;padding-top:2px;font-weight:300;cursor:pointer}
    .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;box-shadow:0 1px 10px 0 #f301457a;transition:all .5s ease}
    .tnk.act{top:0}
    .rhs-intro.tab7_view h2{font-size:24px;font-weight:500;text-align:left;padding-bottom:15px;line-height:36px}
    .tab7_view ul li{font-size:16px;font-weight:300;line-height:26px;padding:0 0 15px 30px;position:relative}
    .tab7_view .fimg{width:100%;margin:15px 0 50px}
    .tab7_view h4{font-size:18px;font-weight:500;padding:15px 0}
    .zsiq_theme1.zsiq_floatmain{width:60px;max-height:60px;display:none!important}
    .mmenu{display:none}
    .txt-hig{position:relative}
    .txt-hig:after{content:'';position:relative;width:100px;height:5px;background:#17d56e;display:table;margin:0 auto;margin-top:22px;line-height:5px}
    .wel{position:fixed;top:-80px;left:0;right:0;background:#d2ecd3;z-index:99;text-align:center;color:#fff;padding:8px;font-size:15px;width:100%;margin:0 auto;border-radius:0;box-shadow:0 1px 10px 0 #484848c4;transition:all .5s ease;background:#8A2387;background:-webkit-linear-gradient(to right,#F27121,#E94057,#8A2387);background:linear-gradient(to left,#213cf2,#a9046e,#8A2387)}
    .wel.act{top:0}
    .head-img{position:relative;margin-bottom:50px}
    .head-img:before,.head-img:after{content:'';position:absolute;background-image:url(https://www.manageengine.com/log-management/images/windows-security-monitoring-sprite.png);background-repeat:no-repeat;display:inline-block;background-size:1140px}
    .head-img:before{width:235px;height:248px;background-position:-461px -338px;right:0;top:-52px}
    .head-img:after{width:253px;height:284px;background-position:-488px -2px;left:0;bottom:-87px;z-index:0}
    .rhs-intro h3{font-size:24px;font-weight:600;padding:30px 0 20px;float:left;width:100%}
    .rhs-intro h4{font-size:20px;font-weight:600;padding:30px 0 20px;float:left;width:100%}
    .eveid{float:left;width:100%;margin:10px 0 30px}
    .eveid .lhs{float:left;width:37%;background:#f9fbff;padding:20px;min-height:184px}
    .eveid .lhs span{display:block;font-size:14px;font-weight:300}
    .eveid .lhs span b{font-weight:500;padding-right:10px}
    .eveid .rhs{float:left;width:59%;background:#f9fbff;padding:20px;margin-left:4%}
    .eveid .rhs h5{font-size:15px;font-weight:500;line-height:28px;text-align:center}
    .eveid .rhs ul li span{color:#1153b1;font-size:13px;border:1px solid #1153b1;width:46%;display:inline-block;float:left;text-align:center;padding:8px 5px;margin:2%}
    .grybox{background:#f3f7fe;padding:30px 30px 10px;margin:30px 0;float:left;width:100%}
    .grybox h4{margin:0;padding:0 0 15px;font-size:24px;font-weight:500}
    .menul{position:sticky;top:20px}
    .tip{background:#fefcf2;padding:25px 25px 5px 65px;float:left;width:100%}
    .tip:before{content:'';position:absolute;width:60px;height:60px;background:url(https://www.manageengine.com/log-management/images/windows-security-monitoring-sprite.png) no-repeat;background-size:900px;background-position:-251px 0;margin:2px 0 0 -41px}
    .tip p b{font-weight:500}
    .tip + p{margin-top:20px}
    .numspac{margin:10px 0 20px!important}
    .numspac li{font-size:16px;font-weight:300;line-height:26px;padding:0 0 10px 25px}
    .numspac li b{font-weight:500}
    .tip .numspac{margin-bottom:5px!important}
    .rhs-intro img{width:100%;margin-bottom:20px}
    .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}
        
    .rhs-intro .quo-cta2 {
        background: #c12426;
        color: #fff;
        border: 1px solid #c12426;
        font-size: 16px;
        font-weight: 300;
        display: inline-block;
        padding: 12px 40px;
        margin: 0 0 15px;
    }    
    .rhs-intro .quo-cta1 {
        background: #fff;
        color: #333;
        border: 1px solid #333;
        font-size: 16px;
        font-weight: 300;
        display: inline-block;
        padding: 12px 40px;
        margin: 0 0 15px;
    }   
        .tab5_view p b{font-weight: 600;}
        
    #popupFreezer{background:#fff;display:none;height:100%;left:0;position:fixed;top:0;opacity:0.5;filter:alpha(opacity=50);width:100%;z-index:999999}
    #popupCon{font-family: 'Open Sans',sans-serif;background:url(https://www.manageengine.com/log-management/images/gdpr-popup-bg.png) no-repeat #272727;background-size:350px;box-shadow:0 0 5px #3e3d3d;display:none;left:28%;line-height:20px;padding:20px 2%;position:fixed;top:200px;transition:all .5s;width:40%;z-index:9999999;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
    #popupCon .close{background:url(https://www.manageengine.com/log-management/images/gartner-sprite.png) no-repeat;background-position:-250px -119px;cursor:pointer;height:20px;position:absolute;right:10px;top:10px;width:20px;}
    #popupCon ul{margin:0 0 0 40%;padding:0px;}
    #popupCon ul li{color:#fff;font-size:12px;font-weight:100;margin:0 0 20px 0;list-style-type: none;}
    #popupCon ul li.hea{font-size:24px;font-weight:700}
    #popupCon ul li button.yesbut{background:#eabc1c;border:1px solid #eabc1c;color:#000;cursor:pointer;display:inline-block;font-weight:700;padding:8px 30px;}
    #popupCon ul li button.nobut{background:#272727;border:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;margin:0 0 0 20px;padding:8px 30px;}               
        
    @media screen and (max-width:1350px) {
    .tit{padding:20px 0 35px}
    .tit h4{font-size:18px}
    .tit h1{font-size:32px;line-height:38px}
    .top{padding:15px 0 5px}
        .lhs-menu ul li{
        padding: 0 0 15px;
    }
        .lhs-menu ul li span, .lhs-menu ul li a, .lhs-menu .dmenu ol li a{
        font-size: 14px;
    }
        .lhs-menu .dmenu ol li {
        padding: 0 0 10px 22px;
    }
    }
    @media screen and (max-width:1250px) {
    .ac{max-width:90%}
    .ebook-main{width:80%}
    .tit1 h1{padding:0 100px}
    }
    @media screen and (max-width:1050px) {
    .ebook-main{width:100%;margin-bottom:30px}
    .intro{padding:50px}
    }
    @media screen and (max-width:992px) {
    .tit1 h1{padding:0 50px}
    .eveid .lhs {
        width: 100%;
        min-height: auto;
    }    
        .eveid .rhs {
        width: 100%;
        margin-left: 0px;
        margin-top: 8px;
    }
    .eveid .rhs ul li span {
        width: auto;
        padding: 8px 15px;
        margin: 5px;
    }    
    .mob-hide{display:none}
    .rhs-intro{width:100%;padding-left:0;border-left:0}
    .ebook-main .rhs{padding-left:35px}
    .form-inn .form-tit{padding:0 0 15px}
    .ffw-form form ul li input.ffw-submit{width:100%;border-radius:4px}
    .tit{border-radius:0 0 50px 50px;margin-bottom:0;padding:50px 0 60px}
    .tit1{padding:30px 0 10px;background:none}
    .tit h4{font-size: 15px;/* padding-bottom:20px; */}
    .tit h1{font-size:32px;line-height:37px;text-shadow:0 1px #3333338a}
    .bd-inn .logo{margin:0 auto;display:table;float:initial}
    .intro{padding:30px}
    .mmenu{top:25px;display:block;position:fixed;right:5%;border:1px solid #2c7ae8;color:#2c7ae8;padding:0 7px 3px;font-size:20px!important;text-align:center;line-height:26px!important;border-radius:2px;cursor:pointer;z-index:9;background:#fff}
    .tit1 h1{color:#fff}
    .lhs-menu{position:fixed;right:-400px;top:0;bottom:0;height:100%;width:280px;background:#fff;z-index:6;padding:15px;box-shadow:0 0 21px -9px #333333bf;transition:all .5s ease-in-out;overflow:hidden;overflow-y:auto}
    .lhs-menu.act{right:0}
    .lhs-menu ul li{padding-bottom:25px;padding-left:3px}
    .lhs-menu ul li span,.lhs-menu ul li a{font-size:14px;line-height:20px}
    .lhs-menu ul li span.act + .dmenu,.lhs-menu ul li .dm{display:none!important}
    .head-img:before,.head-img:after{display:none}
    .form-inn{width:90%}
    .ffw-form form ul li{width:100%!important;margin-bottom:10px}
    }
    @media screen and (max-width:767px) {
    .ebook-main .rhs{width:100%;padding:35px}
    .ebook-main .lhs{width:100%}
    .ebook-main .lhs .spri1{display:table;margin:0 auto;height:465px}
    .spr-intro{width:300px;height:131px;background-size:600px}
    .spr-why-attackers{background-size:600px;background-position:-2px -136px;width:271px;height:118px}
    .how-thread{width:258px;height:89px;background-size:600px;background-position:-320px 2px}
    .rhs-intro h2{font-size:30px}
    .bruse-forc-1{width:235px;height:203px;background-size:650px;background-position:3px -277px}
    .bruse-forc-2{float:initial}
    .poin-num-box div{width:100%;padding:0 0 25px}
    .poin-num-box div:nth-child(even){padding:0 0 25px}
    .mob-hid{display:none}
    .tit1 h1{padding:0;    z-index: 1;}
    .tit1 p{font-size:15px}
    }
    @media screen and (max-width:550px) {
    .intro{padding:25px}
    .ebook-main .rhs{padding:25px 10px;padding-bottom:50px}
        .eveid .rhs ul li span{width: 46%;margin: 2%;}
    .eveid .rhs h5 {
        line-height: 24px;
        padding-bottom: 10px;
    }    
    }
    @media screen and (max-width:500px) {
    .ds-list li{width:100%}
    .ebook-main .lhs .spri1{background-size:780px;width:280px;height:385px}
    }
    @media screen and (max-width:480px) {
    .af .cta-read{font-size:12px;padding:4px 14px}
    .logo{margin:0 auto;float:initial;width:126px}
    .tit-main p{display:inline-block;background:#164284;margin-bottom:15px;padding:0 8px;line-height:26px;font-size:14px}
    }
    @media screen and (max-width:420px) {
    .spri2{transform:scale(.7)}
    }
    span#backToTop{display:none!important}
    .outer-div{max-width:400px;margin:0 auto}
    .index{max-width:500px;margin:0 auto;display:block;box-shadow:0 0 10px rgba(0,0,0,0.14);padding:20px 25px 30px;border-radius:3px}
    .index h1{text-align:center;margin-bottom:30px}
    .index ul{padding:0;margin:0;list-style-type:none;font-size:16px}
    .index ul li{margin-bottom:15px;padding-left:40px;position:relative}
    .index ul li a{color:#000;text-decoration:none}
    .index ul li a:hover{text-decoration:underline}
    .index ul li:after{content:'';width:0;height:0;border-left:7px solid #000;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;left:20px;top:6px}
    .depend{max-width:500px;margin:0 auto;display:block;padding:20px;border-radius:3px;margin-top:20px;background:#ececec;box-shadow:inset 0 0 10px rgba(0,0,0,0.14);text-align:center;font-size:15px}
    .main-container .config-section{float:right;width:500px;height:100vh;background:#2b2b2b;overflow-y:auto;position:fixed;right:0;top:0;padding-top:43px;color:#fff}
    .main-container .config-section h2{margin:0;padding:15px 20px;position:fixed;top:0;background:#1f1f1f;width:100%;color:#fff;border-bottom:2px solid #91bb37;font-weight:500}
    .main-container .config-section pre{margin:0}
    .main-container .config-section code{padding:0}
    .main-container .form-section{float:left;width:calc(100% - 500px)}
    .main-container:after{content:'';display:block;clear:both}
    .custom-regex table{max-width:1000px;margin:0 auto}
    .custom-regex table tr td{padding:0 30px}
    .custom-regex label{margin-bottom:10px;display:block}
    .custom-regex .regex-text{font-size:11px;margin:10px 0;padding:5px;color:#0c5460;background-color:#d1ecf1;border:1px solid #bee5eb}
    .custom-regex .regex-text h4{margin:0 0 10px}
    .custom-regex .alert{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;display:block;position:fixed;top:0;left:0;width:100%;text-align:center;font-weight:700;padding:10px 0;display:none}
    .form-data{max-width:1000px;margin:0 auto}
    .form-data h1{text-align:center}
    .form-data table{border-radius:6px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.2)}
    .form-data table thead tr th{background:#36304a;color:#fff;border:none;text-align:left;padding:15px 20px}
    .form-data table thead tr th:first-child{border-right:1px solid #5d5d5d}
    .form-data table tbody tr td{padding:10px 20px;color:#616161;border:none}
    .form-data table tbody tr td:first-child{border-right:1px solid #e4e4e4}
    .form-data table tbody tr:nth-child(even){background:#f5f5f5}
    .ui-widget-header{border:1px solid #fff;background:#fff;color:#333}
    .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button{border:1px solid #f3f3f3;background:#fff;font-weight:400;color:#454545;border-radius:4px;text-align:center;width:25px;height:25px;line-height:1.5}
    .ui-state-default:hover,.ui-state-default:active{border:1px solid #5edaec;background:#5edaec;color:#011217}
    .hljs-comment,.hljs-quote{color:#d4d0ab}
    .hljs-variable,.hljs-template-variable,.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-regexp,.hljs-deletion{color:#ffa07a}
    .hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-literal,.hljs-type,.hljs-params,.hljs-meta,.hljs-link{color:#f5ab35}
    .hljs-attribute{color:#ffd700}
    .hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition{color:#abe338}
    .hljs-title,.hljs-section{color:#00e0e0}
    .hljs-keyword,.hljs-selector-tag{color:#dcc6e0}
    .hljs{display:block;overflow-x:auto;background:#2b2b2b;color:#f8f8f2;padding:.5em}
    .hljs-emphasis{font-style:italic}
    .hljs-strong{font-weight:700}
    @media screen and (-ms-high-contrast: active) {
    .hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-string,.hljs-symbol,.hljs-type,.hljs-quote{color:highlight}
    .hljs-keyword,.hljs-selector-tag{font-weight:700}
    }
    #date-show{display:none}
    .ffw-errmsg.active{opacity:1!important}