.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%)}
.li-tick-check{list-style-image:url("/resource/img/product/page/zkstudio-check.png")}
#template-inner{padding:0}
#product-banner,#product-banner2{margin:0 3px 5px;overflow:visible}
#product-banner .product-name,#product-banner2 .product-name,#product-banner .product-slogan,#product-banner2 .product-slogan{font-family:arial}
#product-banner .product-slogan,#product-banner2 .product-slogan{font-weight:300}
#product-banner .banner-left,#product-banner2 .banner-left{float:left}
#product-banner .image,#product-banner2 .image{width:320px;text-align:center}
.ie6 #product-banner2 .image{z-index:1}
.ie6 #product-banner2 .text{position:absolute}
.ie6 #product-banner2 .text a span{font-size:1px}
#product-menu{width:960px;height:40px;position:relative}
#product-menu ul,#product-menu li{padding:0;margin:0;list-style:none outside none}
#product-menu #menu-list{background:transparent url("/resource/img/product/page/slidertabs_center.png") repeat-x scroll 0 0;float:left;position:relative;height:40px;width:940px;overflow:hidden}
#product-menu .edge-begin{float:left;width:10px;height:40px;background:transparent url("/resource/img/product/page/slidertabs_corners.png") no-repeat scroll 0 0}
#product-menu .edge-end{float:left;width:10px;height:40px;background:transparent url("/resource/img/product/page/slidertabs_corners.png") no-repeat scroll -10px 0}
#product-menu #menu-list li{cursor:pointer;float:left;height:40px;width:134px;position:relative;z-index:15}
#product-menu #menu-list li .list{height:40px;width:134px;vertical-align:middle;display:table-cell;text-align:center}
#product-menu #menu-list li a{font-size:12px;color:#555;text-shadow:0 1px 0 white}
#product-menu #menu-list li a,#product-menu #menu-list li a:active,#product-menu #menu-list li a:focus{outline:0 none;-moz-outline-style:none}
#product-menu #menu-list li a:hover{text-decoration:none}
#product-menu #menu-list li.slideItem{background:transparent url("/resource/img/product/page/slidertabs_corners.png") no-repeat scroll 0 -40px;_background-image:url("/resource/img/product/page/slidertabs_corners_ie.png");height:40px;z-index:10;position:absolute}
#product-menu #menu-list li.hovered a{color:#008db7}
#product-menu #menu-list li.select,#product-menu #menu-list li.select a{color:#ea4317;cursor:default}
#product-content{overflow:hidden;width:960px}
#product-content #contents{overflow:hidden;position:relative;visibility:hidden;z-index:2}
#product-content ul#content-list{margin:0;padding:0;position:relative;list-style-type:none;z-index:3;overflow:hidden}
#product-content .content{float:left}
#product-content .content .printTitle{display:none}
#product-content .topic{width:100%;padding:15px 0 30px}
#product-content .topic blockquote{font-size:14px;color:#555;line-height:20px}
#product-content .topic .img-container{display:table-cell;vertical-align:middle;text-align:center}
#product-content .topic .img-left{float:left}
#product-content .topic .img-right{float:right}
#product-content .topic .text-float-container{float:left;padding:0 10px;width:460px}
#product-content .topic .text-float-container2{float:left;padding:0 10px;width:300px}
#product-content .topic .text-float-container2 img{margin-top:8px}
#product-content .topic .text-float-container2 p{margin-top:0}
#product-content .topic .single-img-container{text-align:center}
#product-content .topic .single-img-container .inner{background-color:#ededed;padding:13px 0;margin:0 auto}
#product-content .topic h3.headerline{padding:0;display:inline;font-size:17px;font-weight:bold;color:#555}
.ie7 #product-menu #menu-list li div *{vertical-align:middle;display:inline-block}
.ie7 #product-menu #menu-list li div i{height:100%}
.ruler{width:60px;margin:0 auto}
#fancybox-content{border:0 none!important;padding:10px!important}
#fancybox-outer{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
#product-banner .image-zkstudio{width:300px;text-align:left}
#product-content .first-topic{padding:15px 0 0 0}
#product-content .content-zkstudio .topic h3.headerline{line-height:40px}
#product-content .content-zkstudio .topic .text-float-container-zkstudio-left{float:left;padding:0 10px 0 0;width:640px}
#product-content .content-zkstudio .topic .text-float-container-zkstudio-right{float:left;padding:0 10px;width:280px}
#product-content .content-zkstudio .content-container{margin-right:10px;background-color:#ededed;padding:13px;height:260px}
#product-content .content-zkstudio #feature-image{width:100%;height:260px;border:1px solid #d7d7d7;position:relative;background-color:#fafafa;line-height:0;font-size:1px}
#product-content .content-zkstudio #feature-image .ajax-loader{position:absolute;top:110px;left:180px;background:transparent url("/resource/img/product/page/ajax-loader-product-zkstudio.gif") no-repeat scroll 0 0;width:32px;height:32px;display:none}
#product-content .content-zkstudio #feature-image .feature-desc{position:absolute;bottom:0;left:0;color:white;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;text-align:right;padding:0 30px;line-height:40px;background:black;height:40px;width:300px}
#product-content .content-zkstudio #feature-outline{width:270px;right:0;top:0;position:absolute}
#product-content .content-zkstudio #feature-outline ul{position:relative;madgin-left:0;overflow:visible}
#product-content .content-zkstudio #feature-outline li{zoom:1;color:#555;cursor:pointer;list-style:none;line-height:25px;padding:0 20px 0 20px;font-size:13px;border-bottom:1px solid #d7d7d7;background:#fff;background-image:-webkit-gradient(linear,top,bottom,from(#fff),to(#ededed));background-image:-webkit-linear-gradient(top,#fff,#ededed);background-image:-moz-linear-gradient(top,#fff,#ededed);background-image:-ms-linear-gradient(top,#fff,#ededed);background-image:-o-linear-gradient(top,#fff,#ededed);background-image:linear-gradient(top,#fff,#ededed);filter:formatstring("progid:DXImageTransform.Microsoft.gradient(startColorstr='{0}', endColorstr='{1}')",#fff,#ededed);-ms-filter:formatstring("\"progid:DXImageTransform.Microsoft.gradient(startColorStr='{0}', EndColorStr='{1}')\"",#fff,#ededed)}
#product-content .content-zkstudio #feature-outline .li-last{border:0 none}
#product-content .content-zkstudio #feature-outline .li-hover{color:#313131;background:#f6f6f6;filter:none}
#product-content .content-zkstudio #feature-outline .li-sel{filter:none;color:white;box-shadow:0 1px 3px 1px #007191 inset;background:#0085b1;background-image:-webkit-gradient(linear,top,bottom,from(#0085b1),to(#0093bb));background-image:-webkit-linear-gradient(top,#0085b1,#0093bb);background-image:-moz-linear-gradient(top,#0085b1,#0093bb);background-image:-ms-linear-gradient(top,#0085b1,#0093bb);background-image:-o-linear-gradient(top,#0085b1,#0093bb);background-image:linear-gradient(top,#0085b1,#0093bb);filter:formatstring("progid:DXImageTransform.Microsoft.gradient(startColorstr='{0}', endColorstr='{1}')",#0085b1,#0093bb);-ms-filter:formatstring("\"progid:DXImageTransform.Microsoft.gradient(startColorStr='{0}', EndColorStr='{1}')\"",#0085b1,#0093bb)}
#product-content .content-zkstudio #feature-outline li#tick{filter:none;border:0 none;padding:0;margin:0;background:transparent url("/resource/img/product/page/arrow.gif") no-repeat scroll 0 0;position:absolute;left:-8px;top:52px;width:8px;height:25px;line-height:0;cursor:auto}
#product-content .content-zkstudio #platform-support{text-align:center;height:100%;background-color:#fafafa;border:1px solid #d7d7d7;float:left}
#product-content .content-zkstudio #platform-support ul{text-align:left;padding-left:30px}
#product-content .content-zkstudio #platform-support li{padding:3px 0;list-style-image:url("/resource/img/product/page/zkstudio-check.png")}
#product-banner .image-zkspring{width:320px;text-align:center}
#product-banner .text-zkspring{width:570px}
#product-content .topic .zksimg{position:relative;z-index:1}
#product-content .topic .text-float-container-zkspring{float:left;padding:10px 0;margin:-5px 3px 0 4px;width:308px;position:relative;z-index:0;background-color:#f7f7f7;border:1px solid #ebebeb;border-width:0 1px 1px 1px}
#product-content .topic .text-float-container-zkspring li{padding:6px 0;list-style-image:url("/resource/img/product/page/zkstudio-check.png")}
#product-content .topic .text-float-container-zkspring ul{padding-right:5px;padding-left:35px}
.ie7 #product-content .topic .text-float-container-zkspring{margin:-4px 3px 0 4px}
#product-banner .product-name-zss{font-family:arial;font-size:38px;padding:25px 0 0}
#product-banner .image-zss{margin:-6px 20px 0 -6px;text-align:center}
#product-content div.content-zss li{list-style-image:url("/resource/img/product/page/bullet1.png")}
#product-content div.content-zss ul{padding-left:30px}
#product-content .topic .text-float-container-zss{float:left;padding:0 10px;width:460px}
#product-content .content-zss h3.headerline{display:block;margin:10px 0}
#product-content .topic .text-float-container-zss .fcb{float:left;position:relative}
#product-content .topic .text-float-container-zss img{position:relative;z-index:5;float:left}
#product-content .topic .text-float-container-zss .fcb_view{position:absolute;z-index:10;left:0;display:block;height:145px;width:185px;cursor:pointer;background:0 none}
#product-content .topic .text-float-container-zss a:hover .fcb_view{background:transparent url("/resource/img/product/page/zss-overlay.png") no-repeat scroll 15px 15px}
#product-content .text-float-container-zss blockquote{padding-left:195px}
#product-banner .image-pvtable{width:300px;text-align:left}
#product-banner .product-name{padding-top:35px}
#product-content .content-zkpvtable .content-container{margin-right:10px;background-color:#ededed;padding:13px;height:260px}
#product-content .content-zkpvtable .center-container{margin:0 auto;width:640px}
#product-content .content-zkpvtable #feature-image{width:100%;height:260px;border:1px solid #d7d7d7;position:relative;background-color:#fafafa;_font-size:1px}
#product-content .content-zkpvtable #feature-image .ajax-loader{position:absolute;top:110px;left:180px;background:transparent url("/resource/img/product/page/ajax-loader-product-zkstudio.gif") no-repeat scroll 0 0;width:32px;height:32px;display:none}
#product-content .content-zkpvtable #feature-image .feature-desc{position:absolute;bottom:0;left:0;color:white;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;text-align:right;padding:0 30px;line-height:40px;background:black;height:40px;width:300px}
#product-content .content-zkpvtable #feature-outline{width:270px;right:0;top:0;position:absolute}
#product-content .content-zkpvtable #feature-outline ul{position:relative;madgin-left:0;overflow:visible}
#product-content .content-zkpvtable #feature-outline ul li{zoom:1;color:#555;cursor:pointer;list-style:none;line-height:64px;padding:0 20px 0 20px;font-size:13px;border-bottom:1px solid #d7d7d7;background:#fff;background-image:-webkit-gradient(linear,top,bottom,from(#fff),to(#ededed));background-image:-webkit-linear-gradient(top,#fff,#ededed);background-image:-moz-linear-gradient(top,#fff,#ededed);background-image:-ms-linear-gradient(top,#fff,#ededed);background-image:-o-linear-gradient(top,#fff,#ededed);background-image:linear-gradient(top,#fff,#ededed);filter:formatstring("progid:DXImageTransform.Microsoft.gradient(startColorstr='{0}', endColorstr='{1}')",#fff,#ededed);-ms-filter:formatstring("\"progid:DXImageTransform.Microsoft.gradient(startColorStr='{0}', EndColorStr='{1}')\"",#fff,#ededed)}
#product-content .content-zkpvtable #feature-outline ul .li-last{line-height:65px;border:0 none}
#product-content .content-zkpvtable #feature-outline ul .li-hover{color:#313131;background:#f6f6f6;filter:none}
#product-content .content-zkpvtable #feature-outline ul .li-sel{filter:none;color:white;box-shadow:0 1px 3px 1px #007191 inset;background:#0085b1;background-image:-webkit-gradient(linear,top,bottom,from(#0085b1),to(#0093bb));background-image:-webkit-linear-gradient(top,#0085b1,#0093bb);background-image:-moz-linear-gradient(top,#0085b1,#0093bb);background-image:-ms-linear-gradient(top,#0085b1,#0093bb);background-image:-o-linear-gradient(top,#0085b1,#0093bb);background-image:linear-gradient(top,#0085b1,#0093bb);filter:formatstring("progid:DXImageTransform.Microsoft.gradient(startColorstr='{0}', endColorstr='{1}')",#0085b1,#0093bb);-ms-filter:formatstring("\"progid:DXImageTransform.Microsoft.gradient(startColorStr='{0}', EndColorStr='{1}')\"",#0085b1,#0093bb)}
#product-content .content-zkpvtable #feature-outline ul li#tick{filter:none;border:0 none;padding:0;margin:0;background:transparent url("/resource/img/product/page/arrow.gif") no-repeat scroll 0 21px;position:absolute;left:-8px;top:65px;width:8px;height:65px;line-height:0;cursor:auto}
#product-content .content-zkpvtable #feature-outline img{width:60px;margin:10px 10px 0 0;border:1px solid #d0d0d0;float:left}
#product-content .content-zkpvtable .topic .fcb{position:relative;display:block;height:130px}
#product-content .content-zkpvtable .topic .fcb img{float:left}
#product-content .content-zkpvtable .topic .fcb .fcb_view{position:absolute;z-index:10;tpo:0;left:0;display:block;height:145px;width:185px;cursor:pointer;background:0 none}
#product-content .content-zkpvtable .topic a:hover .fcb_view{background:transparent url("/resource/img/product/page/zkpvt-overlay.png") no-repeat scroll 15px 15px}
#product-content .content-zkpvtable .topic .img-container{width:220px}
#product-content .content-zkpvtable .topic .description ul{float:left}
#product-content .content-zkpvtable .topic .description ul li{list-style-image:url("/resource/img/product/page/zkstudio-check.png")}
#product-banner .banner-left .product-slogan{font-size:20px}
.product-banner-zcal .banner-zcal{width:305px}
#product-content .content-zcal .topic .img-container{text-align:right}
#product-content .content-zcal .text-container{float:left;width:192px}
#product-content .content-zcal .text-container h3.headerline{font-size:16px;padding-left:9px;margin-bottom:3px}
#product-content .content-zcal .text-container .fcb{margin:3px 0 2px 0;position:relative;display:block;height:130px}
#product-content .content-zcal .text-container .fcb img{float:left;margin-left:6px}
#product-content .content-zcal .text-container .fcb .fcb_view{position:absolute;z-index:10;tpo:0;left:6px;display:block;height:125px;width:167px;cursor:pointer;background:0 none}
#product-content .content-zcal .text-container ul{margin-left:23px;padding-right:16px}
#product-content .content-zcal .text-container ul li{font-size:12px;list-style-image:url("/resource/img/product/page/bullet1.png")}
#product-content .content-zcal .text-container a:hover .fcb_view{background:transparent url("/resource/img/product/page/zcal-overlay.png") no-repeat scroll 13px 13px}
#template-inner .content-zkjsp .single-img-container .inner{width:546px}
#product-banner .image-zats{width:260px;text-align:left}
#product-banner .product-name{padding-top:35px}
#product-banner .text-zats{width:660px}
#product-overview{font-size:13px;line-height:17px}
#product-overview a{font-size:16px;font-weight:300;line-height:28px;color:#537680}
#product-overview a:hover{text-decoration:none}
#product-overview h3{margin-top:21px}
#product-overview p{margin:16px 0}
#product-overview .product-card{background:#fff;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08);margin-bottom:16px;border-radius:8px;padding:24px;margin:2px}
#product-overview .product-card div{margin:8px 0 24px}
#product-overview .product-card:hover{border:1px solid #66c7e2;margin:1px}
#product-overview .product-card:hover h4{color:#00a2cf}
#product-overview .product-card:active{border:2px solid #00a2cf;margin:0}
#product-overview .img-link{width:80px;height:80px;margin-bottom:16px;display:block;overflow:hidden;text-indent:180%;white-space:nowrap}
#product-overview .top-area{margin:96px 0;background:#fff;display:grid;display:-ms-grid;grid-template-columns:5fr 16px 7fr;-ms-grid-columns:5fr 1fr 7fr;box-shadow:0 0 2px rgba(0,124,158,0.16),0px 4px 16px rgba(0,124,158,0.08)}
#product-overview .top-area a{padding:24px}
#product-overview .top-area img{width:100%}
#product-overview .top-area .zk-framework{padding:0}
#product-overview .top-area .zk-framework:hover h4{color:#00a2cf}
#product-overview .top-area .products{padding:24px;-ms-grid-column:3;-ms-grid-row:1}
#product-overview .top-area .products p{color:#537680;font-size:16px;line-height:28px}
#product-overview .top-area .download{float:right;margin-top:8px;width:240px;height:48px;border-radius:4px;background-color:#00a2cf;padding:0}
#product-overview .top-area .download:hover{background-color:#66c7e2}
#product-overview .top-area .download:active{background-color:#0383a6}
#product-overview .top-area .download .button-download{text-align:center;display:block;color:white;border:0;font-weight:500;font-size:16px;line-height:19px;padding:14.5px 0}
#product-overview .columns-triple h3{margin-bottom:24px}
#product-overview .columns-triple .column{display:grid;display:-ms-grid;grid-template-columns:1fr 16px 1fr;margin-bottom:80px}
#product-overview .columns-triple .column :nth-child(3){-ms-grid-row:1;-ms-grid-column:3}
#product-overview .columns-triple .column .gap{width:16px}
#product-overview .columns-triple .column p{margin-bottom:15px}
#product-overview .columns-triple .column-across{float:left;width:610px}
@media screen and (max-width:767px){#zk-template{max-width:608px;margin:auto}
#template-inner{margin:0 24px}
#product-overview .top-area{grid-template-columns:1fr;-ms-grid-columns:1fr;margin-top:50px;padding:24px}
#product-overview .top-area .top-area-img{padding:0;-ms-grid-column:1;-ms-grid-row:1}
#product-overview .top-area .products{padding:0;-ms-grid-column:1;-ms-grid-row:3}
#product-overview .top-area .products h3{margin-top:8px}
#product-overview .top-area .download{width:100%}
#product-overview .columns-triple .column{grid-template-columns:1fr;-ms-grid-columns:1fr;margin-bottom:16px}
#product-overview .columns-triple .column :nth-child(2){-ms-grid-row:2;-ms-grid-column:1}
#product-overview .columns-triple .column :nth-child(3){-ms-grid-row:3;-ms-grid-column:1}
}
@media screen and (min-width:768px) and (max-width:1023px){#template-inner{max-width:704px}
#product-overview .top-area{grid-template-columns:1fr}
#product-overview .top-area .top-area-img{padding-bottom:8px;width:49%;margin:auto;padding:0}
}
@media screen and (min-width:1024px) and (max-width:1295px){#template-inner{max-width:928px}
}
@media screen and (min-width:1296px){#template-inner{max-width:1200px}
}