.div-button-a{display:block;height:100%}
.div-button-hidden-txt{display:block;overflow:hidden;text-indent:180%;white-space:nowrap}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.verticalcenter{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
html{color:#000}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-weight:inherit;font-size:100%}
body{font-family:"Roboto";height:100%;font-weight:300;background:#fff}
*{-webkit-text-size-adjust:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0}
*:focus{outline:0}
.touch{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
a{text-decoration:none;color:#00a2cf}
a img{border:0 none}
.arrow{width:0;height:0;border-style:solid;display:inline-block}
.index-header{box-sizing:border-box;position:fixed;top:0;left:0;right:0;height:64px;z-index:100000;font-weight:300;transition:all .5s ease-in-out,left 0s ease-in-out;background-color:#00a2cf;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08)}
.index-header-inner{margin:auto;position:relative}
.index-header-inner header{display:none}
.index-header #zk-logo{background:url(/resource/img/logo/ZK-logo.svg) no-repeat center;background-size:50px 33px}
.index-header #reglang-box>.item a{color:#FFF}
.index-header #reglang-box>.item-hover a{color:#0b4859}
.index-header #reglang-box>.item-highlight a{color:#fff}
.index-header #search-box{border-color:#fff;background:url(/resource/img/icons/svg/search-white.svg) no-repeat}
.index-header .username-sep{margin-left:20px;border-left:1px solid #FFF;padding-left:20px}
.index-header .menulink{color:#fff}
.index-header-hover .open-burger{height:calc(100vh - 64px)}
.index-header .menuitem:hover i,.index-header .menuitem:hover .menuitem-right .menulink{color:#0b4859}
.index-header .menulink:active{color:#0b4859}
#news-sec{position:relative;top:-64px;display:block}
#zk-logo{background:url(/resource/img/logo/ZK-logo.svg) no-repeat scroll left center;width:50px;height:64px;float:left;position:relative;margin-right:32px;margin-left:48px}
#zk-logo .open-source-ajax{display:none}
#zk-logo a{display:block;text-indent:150%;overflow:hidden;white-space:nowrap;height:100%}
#zk-logo img{border:0}
#main_menu{transition:.2s ease-in-out}
.menu-icon{margin-left:8.2px;color:#fff}
ul.new-style .round-top,ul.new-style .round-bottom{display:none}
ul.menu{list-style:none outside none;margin:0;padding:0}
ul.menu li{float:left;display:block}
ul.menu .menuitem{-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;line-height:17px;z-index:16}
ul.menu .menuitem-right{cursor:pointer;-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;z-index:50;padding-right:20px;text-align:center;line-height:64px;font-weight:400}
ul.menu .menuitem-hover>.menuitem-right>.menulink{color:#0b4859}
ul.menu .menuitem-hover>.menuitem-right>.menulink>.menu-icon{color:#0b4859;transform:rotate(180deg)}
ul.menu .menuitem-hover .top{padding-top:7px;-moz-border-radius:0 2px 0 0;-webkit-border-radius:0 2px 0 0;border-radius:0 2px 0 0}
ul.menu .menuitem-hover .bottom{padding-bottom:7px;-moz-border-radius:0 0 2px 2px;-webkit-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}
ul.menu .menuitem-hover ul{display:inherit}
ul.menu ul{display:none;left:0;list-style:none outside none;position:fixed;top:100px;width:100%;height:382px;background:#007597;z-index:49;box-shadow:0 1px 3px 0 rgba(0,0,0,0.4);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.4)}
ul.menu ul li{padding:0 0 0 15px;margin:0;width:132px}
ul.menu ul div.sep{border-bottom:1px solid #e5e5e5;margin:7px 0;padding:0;width:116px}
.menu-login{display:none}
.new-icon{display:none}
.menuitem-hover>.menuitem-inner{display:table}
.menuitem-hover>.menuitem-inner *{opacity:1;visibility:visible}
.menuitem-inner *{opacity:0;visibility:visible}
.background-animation{transition:all .5s ease-in-out,left 0s ease-in-out}
.menuitem-inner{opacity:1;display:none;list-style:none outside none;position:absolute;top:64px;left:0;width:100%;background:#fff;z-index:49;border-radius:0 0 8px 8px;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08)}
.menuitem-inner h3{color:#00a2cf;margin-top:0;font-weight:400;font-size:14px;display:inline-block;margin-bottom:20px;margin-left:16px}
.menuitem-inner-content{padding-top:32px;padding-bottom:44px}
.menuitem-inner-content-box{display:grid;display:-ms-grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;padding:0 64px;max-width:1200px;margin:auto}
.menuitem-inner-content-box>.right-area{display:table-cell;vertical-align:middle;float:left}
.menuitem-inner-content-box>.right-area-getstarted{width:50%}
.menuitem-inner-content-box>.right-area-documentation{width:60%}
.menuitem-inner-content-box>.right-area-support{width:30%}
.menuitem-inner-content-box-separator{display:none;height:1px;background:#e1e9eb;margin:32px 0}
.menuitem-inner-content-box .all-products{font-weight:400;font-size:12px;margin-left:32px;padding:0;display:inline-block}
.menuitem-inner-content-box .all-products>a{color:#fa9150;padding-top:0}
.menuitem-inner-content-box .all-products>a:hover{text-decoration:underline}
.menuitem-inner-content-box .keikai-product{width:140px;margin:0;padding:0}
.menuitem-inner-content-box .keikai-product span{display:inline}
.menuitem-inner-button{display:block;margin:0;padding:16px 0;border-radius:8px}
.menuitem-inner-button:hover{background:#d9f7ff}
.menuitem-inner-button>.linkstyle{display:inline-flex;min-width:120px;transition:.2s ease-in-out;font-weight:300}
.menuitem-inner-button>.linkstyle>img{display:block;margin:auto 16px;width:64px;transition:.2s ease-in-out}
.menuitem-inner-button>.linkstyle>img.new-icon{display:none}
.menuitem-inner-corebutton{border-radius:8px}
.menuitem-inner-corebutton>a{display:block;color:#0b4859;font-weight:400;font-size:16px;line-height:19px;padding:16px;margin:4px 0}
.menuitem-inner-corebutton>a>img{display:block;margin-right:16px}
.menuitem-inner-corebutton:hover{background:#d9f7ff}
.menuitem-inner-corebutton-text{padding-top:4px;font-size:14px;line-height:21px;font-weight:300;color:#537680;display:block}
.menuitem-inner-list>a{display:block;min-width:208px;padding:16px;margin:4px 0;border-radius:8px;color:#0b4859;font-weight:400;font-size:16px;line-height:19px}
.menuitem-inner-list>a:hover{background:#d9f7ff}
.menuitem-inner-products .left-area .header-textgroup{margin-top:16px}
.menuitem-inner-products .img-zkframwork{border:1px solid #e1e9eb;border-radius:8px;width:100%}
.menuitem-inner-getstarted .left-area a,.menuitem-inner-documentation .left-area a,.menuitem-inner-support .left-area a,.menuitem-inner-about .left-area a{display:inline-flex}
.menuitem-inner-getstarted .menuitem-inner-content-box,.menuitem-inner-documentation .menuitem-inner-content-box,.menuitem-inner-support .menuitem-inner-content-box,.menuitem-inner-about .menuitem-inner-content-box{padding:0 32px}
.menuitem-inner-getstarted img,.menuitem-inner-documentation img,.menuitem-inner-support img,.menuitem-inner-about img{width:64px}
.menuitem-inner-getstarted .menuitem-inner-content-box,.menuitem-inner-documentation .menuitem-inner-content-box,.menuitem-inner-support .menuitem-inner-content-box{grid-template-columns:1fr 1fr;width:646px;margin:auto}
.menuitem-inner-getstarted .left-area,.menuitem-inner-documentation .left-area,.menuitem-inner-support .left-area{width:390px;-ms-grid-column:1}
.menuitem-inner-getstarted .right-area,.menuitem-inner-documentation .right-area,.menuitem-inner-support .right-area{width:240px;-ms-grid-column:3}
.menuitem-inner-about .menuitem-inner-content-box{grid-template-columns:1fr 1fr;width:704px;margin:auto}
.menuitem-inner-about .right-area h3{visibility:hidden}
.menuitem-inner-about .right-area a{display:inline-flex}
ul.menu li.menu-login{display:none}
ul.menu li.menu-login .menuitem-login{line-height:60px;z-index:50;height:64px;text-align:left;padding:0;margin:0 36px}
.header-textgroup{color:#0b4859;font-weight:400;font-size:16px;line-height:19px;margin:auto 0}
.header-textgroup>.header-textgroup-text{color:#537680;font-weight:300;font-size:14px;line-height:21px;margin-top:4px;display:block}
ul.menu .touch-close{display:none}
#reglang-box{right:48px;height:39px;float:right;color:#FFF;position:relative;line-height:64px}
#reglang-box a{font-weight:400;font-size:16px;line-height:30px}
#reglang-box .username{max-width:60px;overflow:hidden;text-align:right}
#reglang-box .item{cursor:pointer;transition:.2s ease-in-out;float:left;width:44px;border-radius:25px;text-align:center}
#reglang-box .item>a{color:#50adcb}
#reglang-box .logout-button{width:auto;height:auto;line-height:22px;position:relative;top:20px;left:-14px}
#reglang-box .logout-button .logout-box{position:relative;display:inline-block}
#reglang-box .logout-button .logout-box .user-icon{width:24px;height:24px;background:#50adcb;border-radius:50%;color:#fff;font-weight:300}
#reglang-box .logout-button .logout-box .tooltip-user{display:none;visibility:hidden;opacity:0;min-width:80px;background-color:black;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1000;top:35px;right:-15px}
#reglang-box .logout-button .logout-box .tooltip-user::after{content:" ";position:absolute;bottom:100%;right:22px;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent black transparent}
#reglang-box .logout-button .logout-box:hover .user-icon{background:#82c5da}
#reglang-box .logout-button .logout-box:hover .tooltip-user{display:inline-block;visibility:visible;opacity:.6}
#reglang-box .click-dropdown{display:block;visibility:hidden;opacity:0;background:#008cb5;width:100px;height:64px;position:fixed;top:0;transition:.5s ease-in-out;text-align:center;z-index:0;line-height:64px}
#reglang-box .click-dropdown a{color:#FFF}
#reglang-box .click-dropdown a:hover{color:#66d9b2}
#reglang-box .click-dropdown .user-icon{display:inline-block;width:24px;height:24px;line-height:26px;background:#2fe0bf;transition:.2s ease-in-out;border-radius:50%;color:#fff;font-weight:300}
#reglang-box .click-dropdown.open{visibility:visible;opacity:1;z-index:100}
#reglang-box .item-hover .lang-arrow{border-color:#006684;border-top-color:white;background:#006684}
#reglang-box .item-hover #lang-item{margin-bottom:7px}
#reglang-box .item-hover ul ul{display:inherit}
#reglang-box .item-hover.username{background:#008db7}
#reglang-box .item-highlight{background:#50adcb}
#reglang-box .item-highlight>a{color:#fff}
#reglang-box .item-highlight.item-hover{background:#1d96bc}
.ie9 #reglang-box .lang-box ul ul{top:18px}
#search-box{right:88px;position:absolute;top:20px;margin-right:14px;width:24px;height:24px;padding:0 14px 0 0;border-right:1px solid #50adcb;font-size:24px;transition:.2s ease-in-out;transform:none}
#search-box:before{transition:.2s ease-in-out;color:#50adcb;width:100%;height:100%;content:"";float:left}
#search-box.open>.search-box-inner{opacity:1;visibility:visible;transform:none}
#search-box .search-box-inner{transition:.2s ease-in-out;opacity:0;visibility:hidden;display:table;transform:translateY(-10px);position:fixed;left:0;top:64px;height:96px;width:100%;background:#007597;z-index:49;box-shadow:0 5px 20px -5px rgba(0,0,0,0.4);-webkit-box-shadow:0 5px 20px -5px rgba(0,0,0,0.4)}
#search-box .search-box-inner-content{display:table-cell;vertical-align:middle;background:#fff}
#search-box .search-box-inner-content>#cse-search-box{display:table;margin:0 auto}
#search-box .search-box-right{cursor:pointer;position:relative;z-index:50;height:26px;text-align:center}
#search-box .search-box-close{background:url('/resource/img/icons/svg/close.svg') no-repeat;width:18px;height:18px;float:left;top:15px}
#search-box .search-box-close:hover{background:url('/resource/img/icons/svg/close-hover.svg') no-repeat}
#search-box .search-box-close:active{background:url('/resource/img/icons/svg/close.svg') no-repeat}
#search-box #q{font-family:'Roboto';font-size:16px;height:48px;float:left;border-radius:4px;border:1px solid #e1e9eb;box-sizing:border-box;background:#fff;padding-left:15px;color:#0b4859}
#search-box #q:hover,#search-box #q:focus{border:1px solid #00a2cf;box-shadow:0 0 0 4px #d9f7ff}
#search-box #sa{cursor:pointer;float:left;position:relative;padding:0;background:#00a2cf;width:130px;height:48px;font-size:16px;border-radius:4px;border:0;color:#fff;margin-left:16px;margin-right:20px}
#search-box #sa:hover{background:#66c7e2}
#search-box #sa:active{background:#0383a6}
.hamburger{display:none;float:right;position:relative;top:20px;left:70px;z-index:1;-webkit-user-select:none;user-select:none}
.hamburger input{display:block;width:24px;height:24px;position:absolute;top:0;left:0;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
.hamburger input:checked ~ span.burger{opacity:1;transform:rotate(45deg) translate(-4px,-11px)}
.hamburger input:checked ~ span.burger:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}
.hamburger input:checked ~ span.burger:nth-last-child(2){transform:rotate(-45deg) translate(-3px,11px)}
.hamburger span{display:block;width:22px;height:2px;margin-bottom:6px;position:relative;background:#fff;border-radius:2px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1),background .5s cubic-bezier(0.77,0.2,0.05,1),opacity .55s ease}
.hamburger span:first-child{transform-origin:0 0}
.hamburger span:nth-last-child(2){transform-origin:0 100%}
#main_menu.open-burger{display:block;opacity:1}
.cookie-message{font-family:'Roboto';position:fixed;left:0;right:0;bottom:0;z-index:100;min-width:280px;font-size:18px;color:#0b4859;line-height:21px;background-color:#e0f8ff;width:100%}
.cookie-message button{font-weight:400;border-radius:4px;width:140px;height:48px;border:1px solid #0b4859;margin-left:24px;white-space:nowrap;font-size:16px;line-height:19px;color:#0b4859;cursor:pointer;background:transparent}
.cookie-message button:hover{background-color:#0b4859;color:#fff}
.cookie-message .cookie-message-cnt{max-width:65%;margin:0 auto;display:table;padding:24px}
.cookie-message .cookie-message-cnt>div{display:table-cell;vertical-align:middle;word-wrap:break-word}
.cookie-message.fade{display:none;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}
.cookie-message.fade.in{display:block;opacity:1}
@media screen and (max-width:767px){#zk-logo{margin-left:24px}
.menu-box{margin-right:27px}
#main_menu,#reglang-box{display:none}
#search-box{border:0;margin-right:3px;right:62px;padding:0}
#search-box #q{width:185px}
#search-box #sa{width:80px}
.hamburger{display:block;left:0;left:auto;right:27px}
.open-burger{display:table;opacity:0;position:fixed;overflow-y:scroll;overflow-x:hidden;width:100vw;height:100vh;top:64px;background:#f0f7fa;margin:0;z-index:1}
.open-burger>.navigation_menu{position:relative;background:#fff;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:0 0 8px 8px}
.open-burger .new-style{border-top:16px solid white}
body .index-header .menuitem-right .menulink{color:#0b4859;padding-left:24px;height:50px}
body .index-header .menuitem-right .menulink i{transform:rotate(270deg)}
ul.menu .menuitem{width:100%;background:#fff}
ul.menu .menuitem-right{text-align:left;font-weight:400;line-height:50px}
ul.menu .menuitem-hover>.menuitem-right>.menulink>.menu-icon{transform:rotate(360deg)}
.menu-icon{color:#0b4859}
.menu-login{display:inline-flex;width:100%;background:#fff;box-shadow:0 0 2px -2px rgb(0 124 9.875%),0px 0 16px -16px rgb(0 124 19.75%);border-radius:0 0 8px 8px}
.menuitem-login{border:0;background:#00a2cf;border-radius:4px;width:88%;height:48px;margin:56px auto 24px;text-align:center;line-height:50px;color:#fff;font-size:16px;font-weight:400}
.menuitem-login>a{line-height:19px}
.menuitem-login .menulink:hover{color:#0b4859}
.menuitem-inner h3{margin-bottom:24px;margin-left:0}
.menuitem-inner-content-box>.right-area{grid-column-end:3;display:contents}
.menuitem-inner-about .right-area h3{display:none}
.menuitem-inner-corebutton-text,.menuitem-inner .header-textgroup-text{max-width:95%}
.menuitem-inner-button:hover,.menuitem-inner-corebutton:hover{background:unset}
.menuitem-inner-list a{padding-left:0}
.menuitem-inner-list a:hover{background:unset}
.menuitem-hover .menuitem-inner{display:table;top:0;box-shadow:none;background:#fff;position:relative}
.menuitem-hover .menuitem-inner-content{padding:0}
.menuitem-hover .menuitem-inner-content-box{padding:32px 24px 0;display:inline-block;width:calc(100vw - 64px)}
.menuitem-hover .menuitem-inner-content-box-separator{display:block}
.menuitem-hover .menuitem-inner-content-box>.left-area{width:100%}
.menuitem-hover .menuitem-inner-corebutton .img-zkframwork{content:url(/resource/img/icons/svg/ZK.svg);border:0;width:64px}
.menuitem-hover .menuitem-inner-corebutton a{display:inline-flex;margin:0;padding:16px 0}
.menuitem-hover .menuitem-inner img{width:64px;margin-left:0}
.menuitem-hover .menuitem-inner .header-textgroup{margin-top:0}
.menuitem-hover .menuitem-right{background:#e0f8ff}
}
@media screen and (min-width:768px) and (max-width:1023px){#zk-logo{margin-left:32px}
#reglang-box{right:32px}
#search-box{right:72px}
#search-box #q{width:495px}
.menu-box{margin-right:32px}
ul.menu .menuitem-right{padding-right:15px}
.menuitem-inner-products .menuitem-inner-content-box{grid-template-columns:40% 60%}
.menuitem-inner-content-box{padding:0 48px;grid-template-columns:1fr 1fr}
.menuitem-inner-content-box>.right-area{grid-column-end:3;margin-top:8px}
.menuitem-inner-button{width:90%}
.menuitem-inner .header-textgroup-text{margin-right:16px}
}
@media screen and (min-width:1024px) and (max-width:1295px){.menuitem-inner-products{left:0}
.menuitem-inner .header-textgroup-text{margin-right:16px}
#search-box #q{width:425px}
}
@media screen and (min-width:1296px){.index-header-inner{max-width:1296px}
.menuitem-inner-products{left:0}
.menuitem-inner-corebutton-text{max-width:360px}
.menuitem-inner-content{margin:auto}
.menuitem-inner-button{width:390px}
.menuitem-inner .header-textgroup-text{max-width:277px;margin:auto}
#search-box #q{width:585px}
}
@media(max-width:960px){.cookie-message{font-size:14px}
.cookie-message .cookie-message-cnt{max-width:80%}
.menuitem-inner-button>.linkstyle>img.new-icon{display:inline;width:28px;height:28px;vertical-align:middle;position:relative;top:4px;left:4px}
.menuitem-inner-button>.linkstyle:hover>img.new-icon{margin:0 auto 14px}
body .index-header .menuitem-inner-button.keikai-product{padding-bottom:30px;width:170px}
body .index-header .menuitem-inner-button>.linkstyle>img.new-icon{display:inline}
}
@media(max-width:520px){.cookie-message button{margin-left:16px}
.cookie-message .cookie-message-cnt{max-width:100%;padding:24px}
}
#footer{background:#f0f7fa;overflow:hidden;width:100%;min-width:100%;font-family:'Roboto';letter-spacing:.3px;line-height:22px}
#footer ul{list-style:none}
#footer-1-inner{max-width:1200px;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;-ms-grid-rows:1fr;margin:0 auto}
.facebook{background:url('/resource/img/Mainpage/Social-media-icon/facebook.svg') no-repeat scroll transparent}
.facebook:hover{background:url('/resource/img/Mainpage/Social-media-icon/facebook-hover.svg') no-repeat scroll transparent}
.twitter{background:url('/resource/img/Mainpage/Social-media-icon/twitter.svg') no-repeat scroll transparent}
.twitter:hover{background:url('/resource/img/Mainpage/Social-media-icon/twitter-hover.svg') no-repeat scroll transparent}
.linkedin{background:url('/resource/img/Mainpage/Social-media-icon/linkedin.svg') no-repeat scroll transparent}
.linkedin:hover{background:url('/resource/img/Mainpage/Social-media-icon/linkedin-hover.svg') no-repeat scroll transparent}
#footer-1{min-height:330px;padding:24px 48px 0}
#footer-1 a{color:#537680;font-size:16px;line-height:19px;font-weight:400}
#footer-1 a:hover{color:#00a2cf}
#footer-1-inner>ul{min-width:100px;margin-right:16px}
#footer-1-inner>ul li{margin-top:12px}
#footer-1 .sep{display:none}
#footer-1 .footer-list{margin-top:32px}
#footer-1 .headline{font-size:16px;color:#0b4859;font-weight:400;line-height:19px}
#footer-1 .headline:hover{color:#00a2cf}
#footer-1 img{display:none}
.menu-inside{transition:.5s cubic-bezier(0.24,0.01,0.24,0.99)}
.menu-inside>li{cursor:unset}
#footer-2{margin-top:35px}
#footer-2 a{color:#0b4859}
#footer-2 a:hover{text-decoration-line:underline}
#footer-txt{text-align:center;padding:20px 0 48px;font-size:14px;line-height:21px;color:#537680}
#footer-txt .contacts a:hover{color:#31b59c}
#zk-footerlogo{background:url('/resource/img/Mainpage/Social-media-icon/zk.svg') no-repeat scroll transparent;background-size:100%;width:42px;height:26px;float:left;position:relative;top:36px;left:-400px}
#zk-footerlogo .open-source-ajax{display:none}
#zk-footerlogo a{display:block;text-indent:150%;overflow:hidden;white-space:nowrap;height:100%}
#zk-footerlogo img{border:0}
#footer-newsns{width:117px;margin:auto;max-height:100px;display:flex}
#footer-newsns .sns-btn{background-size:100%;width:32px;height:32px;margin:0 5px}
#footer-newsns a{display:block;text-indent:150%;overflow:hidden;white-space:nowrap;height:100%}
#footer-newsns img{border:0}
.seperator{border-bottom:1px solid #d8d8d8}
@media screen and (max-width:767px){#footer-1{padding:16px 40px 0}
#footer-1-inner{grid-template-columns:1fr 1fr}
}
@media screen and (min-width:768px) and (max-width:1023px){#footer-1{padding:16px 32px 0}
#footer-1-inner{grid-template-columns:1fr 1fr 1fr 1fr}
}
#template-inner .zss_banner a,#template-inner .zss_banner a:hover,#template-inner .zss_banner a:active,#template-inner .zss_banner a:visited{text-decoration:none}
.zss_banner{height:200px;margin:32px auto 96px;background-color:#1b1b20;border-radius:8px;font-family:'Roboto',sans-serif;display:inline-flex;width:100%}
.zss_banner a{font-family:'Roboto',sans-serif}
.zss_banner .zss_left{width:44%;margin:auto}
.zss_banner .zss_banner_title{color:#f20201;font-size:36px;line-height:36px;font-weight:bold;height:42px}
.zss_banner .zss_banner_subtitle{color:#fff;font-size:24px;line-height:28px}
.zss_banner .zss_banner_buttons{padding-top:31px}
.zss_banner .learn,.zss_banner .proceed{border-radius:4px;padding:8px 16px;font-family:'Roboto';font-size:16px}
.zss_banner .learn{background-color:#343449;color:#fff;margin-right:17px}
.zss_banner .learn:hover{background-color:#48485b}
.zss_banner .proceed{color:#fff;border:2px #343449 solid}
.zss_banner .proceed:hover{border:2px #48485b solid}
.zss_banner .zss_banner_image{width:50%;position:relative;left:-20px;background:url("/resource/img/template/zss_banner.png")}
#doc_banner_mobile{display:none;margin-top:96px}
#doc_banner_mobile .books-wrapper{position:relative;user-select:none;width:100%}
#doc_banner_mobile .books{position:relative;display:flex;flex-direction:column;margin-bottom:16px}
#doc_banner_mobile .open{border-radius:4px;border:1px solid #00a2cf}
#doc_banner_mobile .open .books-select{box-shadow:none!important}
#doc_banner_mobile .books-select,#doc_banner_mobile .book-option{position:relative;display:flex;align-items:center;background:#fff;cursor:pointer;border-radius:4px;box-sizing:border-box}
#doc_banner_mobile .books-select{color:#00a2cf;padding:0 24px;font-size:24px;font-weight:400;height:128px;line-height:28px;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08)}
#doc_banner_mobile .books-select:hover{box-sizing:border-box;border:1px solid #e1e9eb;box-shadow:0 0 0 4px #d9f7ff}
#doc_banner_mobile .books-options{position:absolute;display:block;top:100%;left:0;right:0;background:#fff;opacity:0;visibility:hidden;pointer-events:none;z-index:2;box-sizing:border-box;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:8px;margin-top:8px;padding:8px 0}
#doc_banner_mobile .books.open .books-options{opacity:1;visibility:visible;pointer-events:all}
#doc_banner_mobile .book-option{position:relative;display:block;cursor:pointer;font-size:16px;padding:12px 0;line-height:19px;color:#0b4859}
#doc_banner_mobile .book-option:hover{cursor:pointer;background-color:#d9f7ff}
#doc_banner_mobile .book-option.selected{color:#00a2cf}
#doc_banner_mobile .book-img{width:80px;height:80px}
#doc_banner_mobile .book-text{margin:auto 8px auto 16px}
#doc_banner_mobile .arrow{background:url(/resource/img/documentation/acc_arrow_down.svg) no-repeat;width:15px;height:15px;border:0}
@media screen and (max-width:767px){#doc_banner_mobile{display:block}
#doc_banner{display:none}
.zss_banner{display:block;height:auto;padding:30px 0;margin:32px 24px 96px;width:auto}
.zss_banner .zss_left{width:100%;padding:0 16px;box-sizing:border-box;text-align:center}
.zss_banner .zss_banner_title{margin-bottom:8px}
.zss_banner .learn,.zss_banner .proceed{display:inline-block}
.zss_banner .learn{margin-bottom:16px}
.zss_banner .zss_banner_image{width:100%;max-width:350px;min-height:150px;margin:16px auto 0;max-height:200px;left:-22px;background:url(/resource/img/template/zss_banner.png);background-size:100%;background-repeat:no-repeat}
}
html{overflow-y:scroll;background-color:#fff}
#zk-template{background-color:#fff;padding-top:94px}
#template-inner{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;margin:0 auto;font-size:16px;font-weight:300;background:#fff}
#template-inner #button_bottom{cursor:pointer;display:table;overflow:hidden;margin:48px auto 0}
#template-inner #navs{text-align:center;border-bottom:1px solid #e1e9eb;background:#fff}
#template-inner #navs #menu-list{position:relative;overflow:hidden;text-align:center;display:inline-flex;background:#fff}
#template-inner #navs #menu-list div{cursor:pointer;position:relative;z-index:15;display:table}
#template-inner #navs #menu-list div .list{text-align:center;padding:0 16px;line-height:19px;box-sizing:border-box;display:table}
#template-inner #navs #menu-list div a{vertical-align:middle;display:table-cell;font-weight:400;font-size:16px;line-height:19px;color:#537680}
#template-inner #navs #menu-list div:hover{background:#d9f7ff}
#template-inner #navs #menu-list div:hover a{text-decoration:none}
#template-inner #navs #menu-list div.select,#template-inner #navs #menu-list div.select a{color:#00a2cf;background:#fff;box-sizing:border-box;cursor:default}
#template-inner #navs #menu-list div.select .list,#template-inner #navs #menu-list div.select a .list{border-bottom:2px solid #00a2cf;box-sizing:border-box;cursor:default}
#template-inner #navs #menu-list div.select .list:hover,#template-inner #navs #menu-list div.select a .list:hover{background:#fff}
#template-inner .listnumber{width:28px;background:#537680;color:#fff;border-radius:4px;font-weight:500;font-size:18px;line-height:21px;padding:3.5px 8.5px;box-sizing:border-box}
#template-inner .stripe{background:#f5f9fa}
#template-inner .card{box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);border-radius:8px;background:#fff}
#template-inner .ee_header{margin-bottom:24px}
#template-inner #ee_features .ee_inner_block .ee_feature_card{padding:24px 24px 24px 0}
#template-inner #ee_features .ee_inner_block .ee_image{width:64px}
#template-inner #ee_features .ee_title{margin:16px 0 8px}
#template-inner #ee_features .ee_text{float:left;font-size:14px}
#template-inner #ee_features .ee_content{color:#537680;font-size:16px;line-height:28px;margin-bottom:0}
#template-inner .all_features{text-align:center;width:250px;margin:48px auto 0;display:flex}
#template-inner .all_features h4{color:#00a2cf;display:inline-block}
#template-inner .all_features:hover h4{color:#66c7e2;text-decoration:none}
#template-inner .all_features:hover .all_features_angle_right{background:url(/resource/img/icons/svg/arrow_right_blue_hover.svg) no-repeat}
#template-inner .icon-button{margin:48px auto 24px}
#template-inner .icon-button .text{font-size:18px;text-align:center;font-weight:400;font-size:20px;line-height:23px;color:#0b4859;cursor:pointer;display:block}
#template-inner .icon-button .imgs{width:80px;height:80px;cursor:pointer;display:block;margin:auto}
#template-inner .icon-button:hover .text{color:#00a2cf!important}
#template-inner .icons{display:grid;display:-ms-grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr}
#template-inner .icons :nth-child(2){-ms-grid-row:1;-ms-grid-column:2}
#template-inner .icons :nth-child(3){-ms-grid-row:1;-ms-grid-column:3}
#template-inner .icons :nth-child(4){-ms-grid-row:1;-ms-grid-column:4}
#template-inner .icons :nth-child(5){-ms-grid-row:1;-ms-grid-column:5}
#template-inner .icons :nth-child(6){-ms-grid-row:2;-ms-grid-column:1}
#template-inner .icons :nth-child(7){-ms-grid-row:2;-ms-grid-column:2}
#template-inner .icons :nth-child(8){-ms-grid-row:2;-ms-grid-column:3}
#template-inner .icons :nth-child(9){-ms-grid-row:2;-ms-grid-column:4}
#template-inner .icons :nth-child(10){-ms-grid-row:2;-ms-grid-column:5}
#template-inner .tag-text{padding:3px 6px;background:#d2eff7;border-radius:4px;margin-right:6px;margin-top:8px;display:inline-block;font-weight:400;font-size:13px!important;line-height:15px;color:#0b4859}
#template-inner .tag-text a{font-weight:400;font-size:13px!important;line-height:15px!important;color:#0b4859}
#template-inner .tag-text:hover a{color:#00a2cf}
#template-inner .tag-text:hover .square{background:#00a2cf}
#template-inner .tag-text .square{width:4px;height:4px;background:#0b4859;display:inline-block;top:-3px;border-radius:1px;position:relative}
#template-inner .star{color:#f24c49}
#template-inner .errorlabel{display:block;background-color:#fef3f3;color:#e01310;font-family:Roboto;Font-size:16px;padding:10px;font-weight:300;line-height:28px;margin-top:16px;border-radius:4px}
.ie678 #template-inner{border:1px solid #ccc}
#template-inner h1{font-weight:bold;font-size:180%;padding-bottom:15px;padding-top:15px}
#template-inner h2{margin-top:66px;padding:0;text-align:center;font-weight:500;font-size:40px;line-height:47px;color:#0b4859}
#template-inner h3{font-weight:500;font-size:28px;line-height:33px;color:#0b4859;padding:0;display:block}
#template-inner h4{font-weight:400;font-size:20px;line-height:23px;color:#0b4859;padding:0}
#template-inner p{font-size:16px;line-height:28px;color:#537680;padding:0}
input[type="text"],textarea{width:100%;background:#fff;border:1px solid #e1e9eb;box-sizing:border-box;border-radius:4px;font-size:16px;line-height:19px;color:#0b4859;padding:14px 16px}
input[type="text"]:hover,textarea:hover{border:1px solid #00a2cf!important;box-sizing:border-box;box-shadow:0 0 0 4px #d9f7ff}
input[type="text"]:focus,textarea:focus{border:1px solid #00a2cf!important;box-sizing:border-box;box-shadow:0 0 0 4px #d9f7ff}
#template-inner .gap{-ms-grid-column:2;-ms-grid-row:1}
#template-inner .gap-2{-ms-grid-column:4;-ms-grid-row:1}
#template-inner .gap-3{-ms-grid-column:6;-ms-grid-row:1}
#template-inner .grid_2{display:grid;display:-ms-grid;grid-template-columns:1fr 16px 1fr;-ms-grid-columns:1fr 16px 1fr}
#template-inner .grid_2 :nth-child(3){-ms-grid-column:3}
@media screen and (max-width:767px){#template-inner .grid_2{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner .grid_2 :nth-child(3){-ms-grid-column:1;-ms-grid-row:3}
}
#template-inner .grid_3{display:grid;display:-ms-grid;grid-template-columns:1fr 16px 1fr 16px 1fr;-ms-grid-columns:1fr 16px 1fr 16px 1fr}
#template-inner .grid_3 :nth-child(3){-ms-grid-column:3}
#template-inner .grid_3 :nth-child(5){-ms-grid-column:5}
@media screen and (max-width:767px){#template-inner .grid_3{grid-template-columns:1fr;-ms-grid-columns:1fr}
#template-inner .grid_3 :nth-child(3){-ms-grid-column:1;-ms-grid-row:3}
#template-inner .grid_3 :nth-child(5){-ms-grid-column:1;-ms-grid-row:5}
}
#template-inner .grid_4{display:grid;display:-ms-grid;grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr;-ms-grid-columns:1fr 16px 1fr 16px 1fr 16px 1fr}
#template-inner .grid_4 :nth-child(3){-ms-grid-column:3}
#template-inner .grid_4 :nth-child(5){-ms-grid-column:5}
#template-inner .grid_4 :nth-child(7){-ms-grid-column:7}
.information{border-radius:8px;font-size:16px;line-height:28px;color:#0b4859;background:#e0f8ff;margin:24px 0;padding:16px 18px;display:flex}
.information img{width:20px;height:25px;vertical-align:middle;margin-right:10px}
.information .loggedin{color:red}
.information .loggedin:hover{color:#f29391}
.information b{color:#0b4859}
.information b:hover{color:#00a2cf}
.all_features_angle_right{background:url(/resource/img/icons/svg/arrow_right_blue.svg) no-repeat;display:inline-block;width:24px;height:24px;margin-left:4px;position:relative}
@media screen and (max-width:767px){#template-inner .gap{-ms-grid-column:1;-ms-grid-row:2;height:16px}
#template-inner .gap-2{-ms-grid-column:1;-ms-grid-row:4;height:16px;grid-row:4}
#template-inner #navs::-webkit-scrollbar{display:none}
#template-inner #navs{overflow-x:scroll;-ms-overflow-style:none;background:#fff}
#template-inner #navs #menu-list{margin-left:24px}
#template-inner .ee_inner_block #ee_features .gap{display:none}
#template-inner .ee_inner_block #ee_features .ee_feature_card{padding-right:0}
#template-inner .ee_header{margin-left:24px}
#template-inner .icons{grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr}
#template-inner .icons :nth-child(2){-ms-grid-row:1;-ms-grid-column:2}
#template-inner .icons :nth-child(3){-ms-grid-row:2;-ms-grid-column:1}
#template-inner .icons :nth-child(4){-ms-grid-row:2;-ms-grid-column:2}
#template-inner .icons :nth-child(5){-ms-grid-row:3;-ms-grid-column:1}
#template-inner .icons :nth-child(6){-ms-grid-row:3;-ms-grid-column:2}
#template-inner .icons :nth-child(7){-ms-grid-row:4;-ms-grid-column:1}
#template-inner .icons :nth-child(8){-ms-grid-row:4;-ms-grid-column:2}
#template-inner .icons :nth-child(9){-ms-grid-row:5;-ms-grid-column:1}
#template-inner .icons :nth-child(10){-ms-grid-row:5;-ms-grid-column:2}
#search-result{max-width:608px;margin:auto}
}
@media screen and (min-width:768px) and (max-width:1023px){#template-inner #navs::-webkit-scrollbar{display:none}
#template-inner #navs{overflow-x:scroll}
#template-inner #navs #menu-list{margin-left:32px}
#template-inner .icons{grid-template-columns:1fr 1fr 1fr 1fr;-ms-grid-columns:1fr 1fr 1fr 1fr}
#template-inner .icons :nth-child(2){-ms-grid-row:1;-ms-grid-column:2}
#template-inner .icons :nth-child(3){-ms-grid-row:1;-ms-grid-column:3}
#template-inner .icons :nth-child(4){-ms-grid-row:1;-ms-grid-column:4}
#template-inner .icons :nth-child(5){-ms-grid-row:2;-ms-grid-column:1}
#template-inner .icons :nth-child(6){-ms-grid-row:2;-ms-grid-column:2}
#template-inner .icons :nth-child(7){-ms-grid-row:2;-ms-grid-column:3}
#template-inner .icons :nth-child(8){-ms-grid-row:2;-ms-grid-column:4}
#template-inner .icons :nth-child(9){-ms-grid-row:3;-ms-grid-column:1}
#template-inner .icons :nth-child(10){-ms-grid-row:3;-ms-grid-column:2}
#search-result{max-width:704px;margin:auto}
}
@media screen and (min-width:1024px) and (max-width:1295px){#search-result{max-width:928px;margin:auto}
}
@media screen and (min-width:1296px){#template-inner #navs #menu-list .list{padding:16px}
#search-result{max-width:1200px;margin:auto}
}
#template-inner a:hover{text-decoration:none}
#template-inner .gs-title a{font-size:18px}
#template-inner p{margin:10px 0}
#template-inner li{list-style:inherit;*list-style-type:disc}
#template-inner .legacy td{padding:5px 0}
#template-inner .legacy .left-wrapper{width:680px}
div.sub-select .link,div.openbox .link{color:#00a2cf;font-weight:400;font-size:16px;line-height:16px;text-transform:uppercase;display:inline;z-index:100}
#template-inner .content-l blockquote{margin-left:30px}
.sub-select{padding:24px;margin-bottom:16px;background:#f5f9fa;border-radius:8px}
#template-inner .content-r ul{list-style:none}
#template-inner .content-r ul a{color:#0b4859;font-weight:400;font-size:16px;line-height:19px}
#template-inner .content-r ul a:hover{color:#00a2cf;text-decoration:none}
#template-inner .content-r li{margin:16px 0 0}
.tag{position:relative;display:inline-block;top:-3px;background-color:orange;width:10px;height:10px;border-radius:5px}
#template-inner div.sublist-title{background:url("/img/section-bg-r.png") repeat-x scroll 0 0 transparent;color:#636363;font-family:Arial;font-size:13px;font-weight:bold;line-height:25px;overflow:hidden;padding-left:0;text-transform:uppercase}
#template-inner .sublist{margin-right:10px}
#template-inner .sublist ul{margin-left:30px}
#template-inner .content-l .smallText,#template-inner .smallText{font-size:12px;line-height:28px;color:#537680;padding:0}
#template-inner .content-l .smallText a,#template-inner .smallText a{font-size:12px;line-height:28px;padding:0}
#template-inner .swfcontainer{margin:30px auto;box-shadow:0 1px 3px 1px #ccc;-webkit-box-shadow:0 1px 3px 1px #ccc;-moz-box-shadow:0 1px 3px 1px #ccc}
@media print{#template-inner{border:0 none;box-shadow:none}
#template-inner .left-wrapper{width:840px!important}
#index-header,#footer,.no-print{display:none!important}
}
@media only screen and (device-width:768px){#row-achievements .testimonial{border:0 none;margin-top:-4px}
}
.button-style{border-radius:4px;border:0;text-align:center;color:#fff;font-weight:500;font-size:16px;line-height:19px;cursor:pointer}
.button-style a{color:#fff}
.button-style a:hover{text-decoration:none!important;color:#fff!important}
.button-blue{background:#00a2cf;border-radius:4px;border:0;text-align:center;color:#fff;font-weight:500;font-size:16px;line-height:19px;cursor:pointer}
.button-blue a{color:#fff}
.button-blue a:hover{text-decoration:none!important;color:#fff!important}
.button-blue:hover{background-color:#66c7e2}
.button-blue:active{background-color:#0383a6}
.button-orange{border-radius:4px;border:0;text-align:center;color:#fff;font-weight:500;font-size:16px;line-height:19px;cursor:pointer;background:#fa9150}
.button-orange a{color:#fff}
.button-orange a:hover{text-decoration:none!important;color:#fff!important}
.button-orange:hover{background-color:#f2ac80}
.button-orange:active{background-color:#c77746}
.button-green{border-radius:4px;border:0;text-align:center;color:#fff;font-weight:500;font-size:16px;line-height:19px;cursor:pointer;background:#0bd693}
.button-green a{color:#fff}
.button-green a:hover{text-decoration:none!important;color:#fff!important}
.button-green:hover{background-color:#66d9b2}
.button-green:active{background-color:#0bba86}
.img-zk{background:url("/resource/img/icons/svg/core.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-chart{background:url("/resource/img/icons/svg/products/chart.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-spreadsheet{background:url("/resource/img/icons/svg/products/spreadsheet.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-theme{background:url("/resource/img/icons/svg/products/theme.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-pivottable{background:url("/resource/img/icons/svg/products/Pivottable.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-test{background:url("/resource/img/icons/svg/products/test.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-studio{background:url("/resource/img/icons/svg/products/studio.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-calendar{background:url("/resource/img/icons/svg/caleendar.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-spring{background:url("/resource/img/icons/svg/spring.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-jsptag,.img-jsp{background:url("/resource/img/icons/svg/jsptag.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-theme{background:url("/resource/img/icons/svg/theme.svg?cb=210716") no-repeat scroll 0 0 transparent}
.img-zss{background:url("/resource/img/icons/svg/Spreadsheet.svg?cb=210716") no-repeat scroll 0 0 transparent}
#privacy h2,#privacy h3{font-size:28px;line-height:33px;text-align:center}
.anchor{scroll-margin-top:64px}
html{scroll-behavior:smooth}
@media screen and (max-width:767px){#privacy,#partners{margin:0 24px 96px}
}
@media screen and (min-width:768px) and (max-width:1023px){#privacy,#partners{max-width:704px;margin:0 auto 96px}
}
@media screen and (min-width:1024px) and (max-width:1295px){#privacy,#partners{max-width:928px;margin:0 auto 96px}
}
@media screen and (min-width:1296px){#privacy,#partners{max-width:1200px;margin:0 auto 96px}
}