html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
*[hidden]{display:none}
body{line-height:1}
menu,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}
@font-face{font-family:'Roboto';src:url("/assets/fonts/Roboto-Regular.eot");src:url("/assets/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Roboto-Regular.woff") format("woff"),url("/assets/fonts/Roboto-Regular.otf") format("opentype"),url("/assets/fonts/Roboto-Regular.svg") format("svg");font-weight:normal;font-style:normal}
	#outerWp ul.globalInquiryForm{padding:0 7.14286%}
	#outerWp ul.globalInquiryForm>li{width:calc(99.9% * 1/2 - (15px - 15px * 1/2));margin-bottom:15px}
	#outerWp ul.globalInquiryForm>li:nth-child(1n){float:left;margin-right:15px;clear:none}
	#outerWp ul.globalInquiryForm>li:last-child{margin-right:0}
	#outerWp ul.globalInquiryForm>li:nth-child(2n){margin-right:0;float:right}
	#outerWp ul.globalInquiryForm>li:nth-child(2n + 1){clear:both}
	#outerWp ul.globalInquiryForm>li.textarea{width:100%;border-radius:3px}
	#outerWp ul.globalInquiryForm>li.captcha{width:100%}
	#outerWp ul.globalInquiryForm>li.captcha input[type="text"]{width:42.85714%;float:left}
	#outerWp ul.globalInquiryForm>li.captcha b{color:#27d3ed}
	#outerWp ul.globalInquiryForm>li.captcha p{float:left;text-align:center;width:57.14286%;height:40px;line-height:40px;font-size:calc(12px + 4 * ((100vw - 420px) / 860))}
	#outerWp ul.globalInquiryForm>li.button{width:100%}
	#outerWp ul.globalInquiryForm>li.button input[type="submit"],#outerWp ul.globalInquiryForm>li.button input[type="button"],#outerWp ul.globalInquiryForm>li.button button{width:100%;height:50px;border:none;border-radius:4px;font-size:20px;font-family:Arial,Helvetica,\5FAE\8EDF\6B63\9ED1\9AD4,sans-serif}
	#outerWp ul.globalInquiryForm input[type="text"],#outerWp ul.globalInquiryForm select{border:none;height:40px;line-height:40px;width:100%;padding:0 10px;border-radius:3px}
	#outerWp ul.globalInquiryForm textarea{resize:none;width:100%;padding:10px;height:200px;border-radius:4px;border:0}
	#outerWp ul.globalInquiryForm input[type="submit"]{color:#000000;background:#faef39;}
	ul.globalCounter,ol.globalCounter{counter-reset:num}
	ul.globalCounter>li,ol.globalCounter>li{padding-left:22px}
	ul.globalCounter>li::before,ol.globalCounter>li::before{position:absolute;left:0;counter-increment:num;content:counter(num) "."}
	*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
	a{text-decoration:none}
	ul:before,ol:before,dl:before{content:'';display:table}
	ul:after,ol:after,dl:after{content:'';display:table;clear:both}
	ul li,ol li{position:relative}
	*:focus{outline:0}
	input[type="submit"],button,input[type="button"]{-webkit-apperance:none;cursor:pointer}
	input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
	html,body{font-family:Arial,Helvetica,\5FAE\8EDF\6B63\9ED1\9AD4,sans-serif;background:#0c1b3c url(../images/bg.jpg) no-repeat center top;color:#fff}
	#outerWp .inner{width:100%;max-width:1400px;margin:0 auto;position:relative;padding:0 3.57143%}
	#outerWp .inner:before{content:'';display:table}
	#outerWp .inner:after{content:'';display:table;clear:both}
	#outerWp p{font-size:calc(15px + 2 * ((100vw - 420px) / 860));line-height:2em}
	#outerWp h2{color:#faef39}
	a.logo{display: block; margin-bottom: 20px;margin-top: 50px;}
	a.logo img{width: auto;}
	a.btn{background:#faef39;height:43px;display:inline-block;padding:0 1.42857%;vertical-align:middle;margin:0 5px;color:#0b2e5e;border-radius:3px;line-height:43px;font-size:calc(14px + 4 * ((100vw - 420px) / 860))}
	#banner{padding-top:20px}
	#banner h2,#banner h4{font-size:calc(21px + 17 * ((100vw - 420px) / 860));position:relative;z-index:1;width:53.57143%;line-height:1.2em}
	#banner h3{line-height:1.2em}
	#banner h3 br{display:none}
	#banner h3,#banner p{position:relative;z-index:2}
	#banner h4{color:#f6f19c;margin:3% 0}
	#banner p{margin:1.5% 0;color:#fff}
	#banner .title{position:relative;z-index:1;width:40%}
	#banner .hacker{float: right; margin-left: 20px;margin-top: -100px;}
	h4{font-size:calc(25px + 10 * ((100vw - 420px) / 860));color: #faef39;margin-bottom: 30px; line-height: 49px;}
	dl#main a.btn{height:40px;margin-top:18px;font-size:calc(15px + 1 * ((100vw - 420px) / 860));width: 200px; text-align: center;float: right;}
	dl#main h1{font-size:calc(29px + 3 * ((100vw - 420px) / 860));margin:15px 0;color:#faef39}
	dl#main h2{font-size:calc(19px + 3 * ((100vw - 420px) / 860));margin:15px 0;}
	dl#main #compliance h2{min-height: 44px;}
	dl#main h2 b{ font-size: 15px; }
	dl#main dt{background:#2c3a50;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	dl#main dt.fixNav.fixNavActive{position:fixed;left:0;top:0;width:100%;z-index:10}
	dl#main dt a.freeBtn{position:absolute;bottom:-104px;height:44px;background:#e33131;width:90px;height:90px;border-radius:90px;text-align:center;left:3.57143%;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:24px;line-height:1.1em;font-weight:bold}
	dl#main dt ul{overflow:hidden}
	dl#main dt ul br{display:none}
	dl#main dt ul li{text-align:center;font-size:calc(14px + 2 * ((100vw - 420px) / 860));width:calc(99.9% * 1/5)}
	dl#main dt ul li:nth-child(1n){float:left;margin-right:0;clear:none}
	dl#main dt ul li:last-child{margin-right:0}
	dl#main dt ul li:nth-child(5n){margin-right:0;float:right}
	dl#main dt ul li:nth-child(5n + 1){clear:both}
	dl#main dt ul li::before{content:'';background:transparent;position:absolute;top:-50px;bottom:-50px;right:0;left:0;z-index:0}
	dl#main dt ul li.active::before{background:#fff}
	dl#main dt ul li.active a{color:#c99c12}
	dl#main dt ul li.active h3{color:#0a1733}
	dl#main dt ul a{color:#ffd552;position:relative;display:block;height:100px;padding-top:13px;}
	dl#main dt ul a:hover{color:#c99c12;background:#fff}
	dl#main dt ul a:hover h3{color:#0a1733}
	dl#main dt ul h3{font-size:calc(12px + 6 * ((100vw - 420px) / 860));margin:10px auto;color:#fff;text-align:left;max-width:160px;line-height: 29px;}
	dl#main dd{padding:40px 0;position:relative;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,0e203c+100 */background: #000000; /* Old browsers */
				background: -moz-linear-gradient(top,  #000000 0%, #0e203c 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top,  #000000 0%,#0e203c 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom,  #000000 0%,#0e203c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0e203c',GradientType=0 ); /* IE6-9 */}
	dl#main dd .box{width: 100%; display: block;margin: 30px 0;}
	dl#main dd .box img{float: left;margin-right: 20px;}
	dl#main dd .box .pp{display: flow-root;}
	dl#main dd .box ul li{list-style: disc;margin: 10px 20px;line-height: 23px;}
	dl#main dd .box ul li a{color: #faef39;margin-left: 5px;}
	dl#main dd .flexBox{-ms-flex-wrap:wrap;flex-wrap:wrap;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}
	dl#main dd .flexBoxs{float: left;width: 28%;margin-right: 5%;vertical-align: top;min-height: 180px;}
	dl#main #compliance .flexBoxs{min-height: 260px;}
	dl#main dd .flexBoxs img{float: left;margin-right: 5px;}
	dl#main dd .flexBoxs p{font-size: 15px; min-height: 100px;display: grid;line-height: 23px;}
	dl#main dd .step{max-width:12.85714%}
	dl#main dd .sideBlock{position:relative;width: 100%;}
	dl#main dd .sideBlock .icn:nth-child(odd){float: left;margin-right: 5%;}
	dl#main dd .sideBlock .icn:nth-child(even){ margin-left: 52%; float: initial;width: 40%;}
	dl#main dd .sideBlock .info{margin-top: 130px;float:left; position: absolute; width: 50%;}
	dl#main dd .sideBlock b{display:inline-block;vertical-align:middle;margin:20px 5px 0 5px;color:#27d3ed}
	dl#main dd#backup,dl#main dd#monitor,dl#main dd#attack{background:url(../images/row1Bg.png) no-repeat left top;background-size:cover}
	dl#main dd#backup::before,dl#main dd#monitor::before,dl#main dd#attack::before{content:'';background:#0c1b3c;width:150px;left:0;position:absolute;top:0;bottom:0;z-index:-1}
	dl#main dd#backup .step,dl#main dd#monitor .step,dl#main dd#attack .step{margin-left:2.14286%}
	dl#main dd#firewall,dl#main dd#webScan{background:url(../images/row2Bg.png) no-repeat right top;background-size:cover}
	dl#main dd#firewall::before,dl#main dd#webScan::before{content:'';background:#0c1b3c;width:150px;right:0;position:absolute;top:0;bottom:0;z-index:-1}
	dl#main dd#firewall .step,dl#main dd#webScan .step{margin-right:2.14286%}
	dl#main dd#firewall .flexBox,dl#main dd#webScan .flexBox{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
	dl#main dd#form h4{text-align:center;margin:3% 0; color: #faef39;}
	dl#main dd#form h3{text-align:center;margin:3% 0; color: #ffffff; font-size: 21px;}
	dl#main dd#form ul{width:85.71429%;margin:0 auto}
	dl#main dd#form ul .w100{width:100%}
	dl#main dd#form ul ol{margin-top:20px;font-size:calc(14px + 1 * ((100vw - 420px) / 860))}
	dl#main dd#form ul ol li{width:calc(99.9% * 1/2 - (15px - 15px * 1/2));margin-bottom:10px;padding-left:32px;line-height:1.5em}
	dl#main dd#form ul ol li:nth-child(1n){float:left;margin-right:15px;clear:none}
	dl#main dd#form ul ol li:last-child{margin-right:0}
	dl#main dd#form ul ol li:nth-child(2n){margin-right:0;float:right}
	dl#main dd#form ul ol li:nth-child(2n + 1){clear:both}
	dl#main dd#form ul ol input{width:20px;height:20px;position:absolute;left:0}
	dl#main dd#form ul ol b{color:#ffcb2b}
	dl#main dd#form ul h3{margin-top:15px;font-size:calc(16px + 6 * ((100vw - 420px) / 860));color:#f6f19c;line-height:1.5em}
	dl#main dd#form ul .captcha p{text-align:right}
	dl#main dd#form ul .captcha img{margin-left:4px;display:inline-block;vertical-align:middle}
	footer{text-align:center;background:#0f1f43;padding:10px 0}
	footer .inner{padding:0 3.57143%}
	footer h4{margin-bottom:5%;font-size:calc(12px + 10 * ((100vw - 420px) / 860))}
	footer p{line-height:1.8em}
	footer a{color:#27d3ed}
	.whiteMainHeader{display:block;max-width:100%}
	dl#whiteBook{background:#050f24}
	dl#whiteBook h2{font-size:calc(18px + 15 * ((100vw - 420px) / 860));line-height:1.5em;margin-bottom:20px}
	dl#whiteBook h3{color:#27d3ed;font-size:calc(18px + 2 * ((100vw - 420px) / 860));margin-bottom:15px}

	dl#whiteBook P{margin-bottom:10px}
	dl#whiteBook dd{padding:40px 0}
	dl#whiteBook ul p{margin-top:5px}
	dl#whiteBook a{color:#eda727;line-height:1.5em}
	@media screen and (max-width: 1280px){
		dl#main #compliance .flexBoxs{min-height: 120px}
		dl#main dd .flexBoxs{ width: 100%;min-height: 120px}
		dl#main dd .flexBoxs p{ min-height: initial; }
		dl#main #compliance h2{ min-height: 20px; }
		#outerWp ul.globalInquiryForm>li.captcha p{font-size:16px}
		#outerWp p{font-size:17px; }
		#outerWp P .captcha{ display: inline-block; }
		a.btn{font-size:18px}
		#banner h2,#banner h4{font-size:38px}
		dl#main a.btn{font-size:16px}
		h4{font-size:42px}
		footer h4{font-size:21px}
		dl#main dt ul li{font-size:16px}
		dl#main h2{font-size:21px}
		dl#main dt ul h3{font-size: 21px;max-width: 150px;margin: 12px auto;}
		dl#main dd#form ul ol{font-size:15px}
		dl#main dd#form ul h3{font-size:22px}
		dl#whiteBook h2{font-size:33px}
		dl#whiteBook h3{font-size:20px}
	}
	@media screen and(max-width: 1200px){
		dl#main dd .box{ width: 100%; }
		dl#main dd .sideBlock .icn{ float: inherit; margin: auto; }
		#banner .hacker{ width: 50%; }	
		dl#main dd .sideBlock .icn:nth-child(odd),dl#main dd .sideBlock .info{display: block; margin: auto; float: inherit;}	
	}
	@media screen and (max-width: 1170px){
		dl#main dd .flexBoxs{width: 100%;}
		dl#main dd .sideBlock .info{ position: inherit; width: 100%; }
		dl#main dd .sideBlock .icn:nth-child(even){ margin-left: auto; margin-right: auto; display: block; }
	}
	@media screen and (max-width: 900px){
		dl#main dt ul h3{ font-size:17px; }
		dl#main dt a.freeBtn{right:0;left:auto;border-radius:5px 0 0 5px;width:34px;font-size:22px;height:120px;bottom:-130px;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:2px}
		dl#main dt a.freeBtn br{display:none}
		dl#main dd .sideBlock{ width: auto; }
		#banner .hacker{ width: 50%; }
		h4{ font-size: 35px; }
	}
	@media screen and (max-width: 768px){
		h4{ font-size: 31px; display: inline-block;line-height: 39px; }
		#banner p{ font-size: 15px;line-height: 25px; }
		#outerWp p{ font-size: 15px; line-height: 21px; }
		dl#main dd .sideBlock .info{ margin-top: 60px; }
		a.logo img{ width: 40%;}
		a.logo{top:20px;right:10px;}
		dl#main dt ul h3{ font-size:12px;margin: 5px 2px;max-width: 110px;line-height: 17px;}
		#banner .hacker{top:0;bottom:auto;width:50%;left:50%}
		#banner h2,#banner h3,#banner h4,#banner p{width:100%}
		dl#main dd .sideBlock b{display:block;margin-top:15px}
		dl#main dd .sideBlock a.btn{padding:0 15px}
		dl#main dd#form ul{width:100%}
		dl#main dt ul a{ padding: 16px 5px;}
	}
	@media screen and (max-width: 640px){
		dl#main dd .step{position:absolute;top:-10px;left:3.57143%;max-width:10.71429%}
		dl#main dd .sideBlock{width:100%;margin: auto;}
		dl#main dd#form ul li{width:calc(99.9% * 1/1)}
		dl#main dd#form ul li:nth-child(1n){float:left;margin-right:0;clear:none}
		dl#main dd#form ul li:last-child{margin-right:0}
		dl#main dd#form ul li:nth-child(1n){margin-right:0;float:right}
		dl#main dd#form ul li:nth-child(1n + 1){clear:both}
		dl#main dd#form ul li li{width:calc(99.9% * 1/1);margin-bottom:6px}
		dl#main dd#form ul li li:nth-child(1n){float:left;margin-right:0;clear:none}
		dl#main dd#form ul li li:last-child{margin-right:0}
		dl#main dd#form ul li li:nth-child(1n){margin-right:0;float:right}
		dl#main dd#form ul li li:nth-child(1n + 1){clear:both}
	}
	@media screen and (max-width: 468px){
		dl#main h2{margin:3% 0}
		dl#main a.btn{width:92.85714%}
		dl#main dt ul br{display:block}
		dl#main dt ul a{padding-top:8px;height:80px}
		dl#main dd{padding:20px 0}
		dl#main dd::before{content:none !important}
		dl#main dd#backup,dl#main dd#monitor,dl#main dd#attack{background-position:left -150px center}
		dl#main dd#firewall,dl#main dd#webScan{background-position:right -100px center}
		dl#main dd .step{max-width:12.85714%;left:7.14286%}
		dl#main dd#webScan .sideBlock a.btn{width:47.85714%;margin:18px 2.14286% 0 0}
		dl#main dd#webScan .sideBlock a.btn.last{margin-right:0}
		dl#main dd .sideBlock{width:100%;margin-left:0}
		dl#main dd .sideBlock .icn{position:static;display:block;margin:0 auto 30px auto}
		dl#main dd .sideBlock .info{width:100%;margin:15px 0 0 0}
		dl#main dd#form ul li.captcha input{width:100%}
		dl#main dd#form ul li.captcha p{width:100%;margin-top:10px}
		#banner a.btn{height:32px;line-height:32px}
		#banner h3 a.btn{margin-top:3px}
	}
	@media screen and (max-width: 420px){
		dl#main dd .sideBlock .icn:nth-child(odd), dl#main dd .sideBlock .info{ width: 100%; }
		#outerWp ul.globalInquiryForm>li.captcha p{font-size:12px}
		a.btn{font-size:14px}
		#banner h2,#banner h4{font-size:21px}
		#outerWp p{font-size:15px}
		dl#main a.btn{font-size:15px}
		h4{font-size:25px}
		dl#main dt ul li{font-size:13px}
		dl#main h2{font-size:19px}
		dl#main dt ul h3{font-size:11px}
		dl#main dd#form ul ol{font-size:14px}
		footer h4{font-size:24px}
		dl#whiteBook h2{font-size:18px}
		dl#whiteBook h3{font-size:18px}
	}