.type-flowchart_icon{background:url(https://www.edrawsoft.com/images/type.png);background-position:0 0;width:50px;height:38px;}
.type-mindmap_icon{background:url(https://www.edrawsoft.com/images/type.png);background-position:0 -43px;width:50px;height:38px;}
.type-network_icon{background:url(https://www.edrawsoft.com/images/type.png);background-position:0 -86px;width:50px;height:38px;}
.type-office_viewer{background:url(https://www.edrawsoft.com/images/type.png);background-position:0 -129px;width:50px;height:38px;}
.type-orgchart_icon{background:url(https://www.edrawsoft.com/images/type.png);background-position:0 -172px;width:50px;height:38px;}
.type-symbols_icon{background:url(https://www.edrawsoft.com/images/type.png);background-position:0 -215px;width:50px;height:38px;}
.top_ceng{width:1000px;background:#FCFCFC;border-bottom:6px solid #ccc;position:absolute;top:80px;left:-290px;z-index:1000000;display:none;}
.top_ceng_top{height:60px;border-bottom:1px solid #ccc;}
.top_ceng_top ul{line-height:25px;padding:20px 0 0 40px;width:900px;}
.top_ceng_top ul li{float:left;margin-right:25px;}
.top_ceng_top ul span{float:right;margin-right:100px;}
.topbuy{display:inline-block;line-height:25px;padding:0 12px;cursor:pointer;}
.topbuy:hover,.topbuy.curr{background:#fa594b; color:#fff; border-radius:5px; line-height:25px;height:25px; text-decoration:none;}
.topmenu{padding:25px 0;}
.topmenu li{float:left;}
.top_ceng_left{width:530px;border-right:1px solid #ccc;margin-left:40px;}
.top_ceng_right_title{padding-left:50px;font-size:15px;font-weight:bold;display: block;margin-bottom:20px;}
.top_ceng_left_title{font-size:15px;font-weight:bold;display: block;margin-bottom:20px;}
.top_ceng_left div a{font-size:14px;display: block;float:left;margin:0 60px 15px 0;}
.top_ceng_right div a{padding-left:50px;font-size:14px;display:block;margin:0 60px 15px 0;}
.headflash{background:#0097e0;position: relative;}
.flashbk{height:430px;}
.flashbk ul{height:430px;overflow:hidden;}
.flashbk ul li{height:0;vertical-align:bottom;zoom:1;}
.main{background:#0097e0;}
.mainbar{background:#FCFCFC;height:80px;line-height:80px;text-align:center;color:#222222;position: static;}
.maincontent{height:300px;background:#FCFCFC;}
.maincontent ul li{float:left;text-align:center;width:33.333333%;	margin:0;height:300px;line-height:300px;font-size:13px;font-weight:bold;}
.mainflash{background:#FCFCFC;padding:40px 10px;}
.mainflash div{}
.mainflash div h2{float:left;}
.mainflash div p{float:left;width:430px;padding-right:50px;font-size:14px;line-height:25px;margin:30px 0;}
.mainflash div img{float:right;margin-right:10px;}
.mainflash div a{float:left;display: block;background:#FFD700;padding:10px 55px;color:white;font-size:15px;font-weight:bold;text-align:center;margin-left:120px;}
.mainflash div a:hover{background:#FFA500;}
.mainflashleft{background:#fff;padding:40px 10px;}
.mainflashleft div{}
.mainflashleft div h2{float:right;}
.mainflashleft div p{float:right;width:480px;font-size:14px;line-height:25px;margin:30px 0;}
.mainflashleft div img{float:left;margin-left:10px;}
.mainflashleft div a{float:right;display: block;background:#FFD700;padding:10px 55px;color:white;font-size:15px;font-weight:bold;text-align:center;margin-right:120px;}
.mainflashleft div a:hover{background:#FFA500;}
.mainLink{background:#FCFCFC;padding:20px 10px;}
.mainLink ul li{float:left;margin:0;color:black:}
.mainLink ul .left{width:220px;}
.mainLink ul .left p{margin:30px 0 22px 0;line-height:25px;font-size:14px;}
.mainLink ul .left a{float:left;display: block;background:#FFD700;padding:10px 55px;color:white;font-size:15px;font-weight:bold;text-align:center;margin-left:30px;}
.mainLink ul .left a:hover{background:#FFA500;}
.mainLink ul .middle{float:left;width:500px;text-align:center;height:240px;background-image:url('images/slider-online-bg.jpg');margin:0 30px;}
.mainLink ul .right{float:left;width:220px;}
.mainLink ul .right h3{margin-bottom:15px;}
.mainLink ul .right ul li{padding:5px 0;}
.mainLink ul .right ul li img{float:left;padding:4px 15px 0 0;}
.mainLink ul .right ul li a{float:left;line-height:20px;display:block;width:180px;}
.mainLink ul .right ul li span dfn{font-weight:bold;}
.mainLink ul .right ul li span{margin-top:5px;display:block;float:left;}
.mainProducts{background:#fff;padding:40px 0;}
.mainProducts .features{display:block;text-align:center;font-size:20px;color:#3BACE2;}
.mainProducts .features:hover{color:#1874CD;}
.mainbuy{background:#FCFCFC;height:230px;padding-top:30px;}
.mainbuy h2{text-align:center;}
.mainbuy p{text-align:center;font-size:14px;line-height:20px;padding:30px 100px;}
.mainbuy a{font-weight:bold;float:left;text-align: center;display: inline-block;margin:auto;height:20px;padding:10px 80px;white-space: nowrap;text-overflow: ellipsis;font-family: 'Open Sans Bold',sans-serif;line-height: 20px;font-size:15px;color: #FFF;}
.mainbuy .left{border-radius: 3px 0px 0px 3px;border-left-width: 0px;background-color: #3887BE;margin-right:1px;}
.mainbuy .left:hover{background-color: #3BB2D0;}
.mainbuy .right{background-color: #8889CC;border-radius: 0px 3px 3px 0px;}
.mainbuy .right:hover{background-color: #BD93E5;}
.mainvideos{background:white;padding:30px 0;}
.mainvideos_title{color:#CDC9C9;text-align:center;margin-bottom:20px;}
.mainvideos h1{color:black;text-align:center;font-weight:400;}
.mainvideos h5{color:black;text-align:center;font-weight:400;font-size:12px;margin:35px 0;}
.mainvideos div div{text-align:center;padding:20px 0;}
.menubar{width:750px;float:left;z-index:1000000;}
.menubarright{float:right;Height:23px;margin-top:25px;}
.menu{margin:0;list-style:none;font-family:arial, verdana, sans-serif;padding:0;}
.menu ul{float:left;margin-left:40px;position:relative;}
.menu li.top{display:block;float:left;z-index:100000000;}
.menu li a.top_link{position:relative;display:block;color:black;line-height:76px;height:76px;text-decoration:none;font-size:13px;font-weight:bold;cursor:pointer;margin-right:35px;}
.menu li a.top_link:hover{}
.menu li a.top_link img{position:absolute;top:37px;right:-10px;visibility:visible;}
.menu li a.first{position:relative;display:block;color:#fff;line-height:30px;height:30px;padding:0 10px;text-decoration:none;font-size:13px;font-weight:bold;cursor:pointer;margin-right:35px;background:#fa594b; color:#fff; border-radius:5px;margin-top:22px;}
.menu li:hover > a.top_link{}
.menu li:hover > a.top_link span{}
/*.menu table{border-collapse:collapse;width:0;height:0;position:absolute;top:0;left:0;}*/
.menu a:hover{visibility:visible;}
{left:5px;top:-4px;background:#fff;padding:3px 0;border:1px solid 999999;white-space:nowrap;width:100px;z-index:100;height:auto;}
#search{float:right; border:solid 1px #ccd5da; background:#fff; border-radius:5px; padding:2px 30px 2px 8px; margin-top:3px; position:relative;}
#search .searchInput{display:inline-block; border:0; width:100%; height:22px; line-height:22px; border-radius:5px; color:#999; background:none;padding-left:5px;}
#search .searchInput:focus {color:#333;outline:none;}
#search .search-btn{display:inline-block; position:absolute; top:2px; right:2px; background:url(images/btn_img.png) no-repeat 3px 3px; border:0; width:22px; height:22px; overflow:hidden; cursor:pointer;}
a.withline{font-size:100%;border-bottom:1px solid #369;}
a.withline:visited{font-size:100%;border-bottom:1px solid #369;}
a.withline:hover{border-bottom:1px solid #1795ef;}
a.footterm:link{color:#333;font-size:100%;border-bottom:1px dotted #333;}
a.footterm:visited{color:#333;font-size:100%;border-bottom:1px dotted #333;}
a.footterm:hover{color:#ec6300;border-bottom:1px solid #ec6300;}
a.flashright:link{color:#ec6300;font-size:100%;}
a.flashright:visited{color:#ec6300;font-size:100%;}
a.flashright:hover{color:#ec6300;border-bottom:1px solid #ec6300;}
a.boldlink{font-weight:bold;font-size:90%;}
a.boldlink:hover{color:#1795ef;border-bottom:1px solid #1795ef;}
.line{clear:both;}
.linespace{height:10px;font-size:10px;}
.logobar{z-index:10000;}
.logobar_wh{width:1000px;margin:auto;padding:5px 0;}
.logobar_logo{float:left;margin-top:5px;}
.logobar_nav{float:right;width:702px;margin-left:0px;margin-top:0px;color:#505050;height:24px;}
.flashbkclr{margin-top:8px;width:1000px;height:350px;}
.flashbody{width:1000px;height:282px;float:left;}
.flashrightadbk{height:225px;width:241px;float:right;}
.flashrightad_margin{padding:10px 5px 5px 5px;}
.flashrightad_title{color:#ff6b16;font-size:14px;font-family:Verdana, Helvetica, sans-serif;font-weight:600;}
.flashrightad_desc{color:#505050;font-size:12px;padding-left:0px;}
.bodydetail{width:1000px;margin:auto;}
.bodyleft{float:left;width:696px;}
.bodyright{float:right;width:247px;}
.bodybottom{width:696px;height:11px;border-top:1px solid #F7F7F7;}
.rightpanel_titlebk{background:#F7F7F7;width:247px;height:35px;}
.rightpanel_title{color:#494949;font-size:14px;font-family:Arial, Helvetica, sans-serif;text-align:center;padding-top:14px;font-weight:600;}
.rightpanel_margin{border-left:1px solid #F7F7F7;border-right:1px solid #F7F7F7;line-height:18px;padding:6px 6px 6px 6px;}
.rightpanel_label{background:url(https://www.edrawsoft.com/images/rightpanel_label.gif) no-repeat center left;padding-left:10px;font-size:12px;}
.rightpanel_bottom{border-top:1px solid #F7F7F7;background-position:0 0;width:247px;height:11px;}
.bodytop{background:#F7F7F7;}
.bodytitle{padding:1px 1px 10px 20px;color:#002158;font-size:10px;font-weight:600;}
.bodylrimage{border-left:1px solid #F7F7F7;border-right:1px solid #F7F7F7;line-height:20px;padding:10px 10px 10px 20px;}
.bodyproductimage{float:left;width:180px;text-align:center;}
.bodyproductdes{float:right;width:480px;}
.link{width:1000px;margin:auto;height:180px;margin-top:10px;BORDER:#cccccc 1px solid;}
.foot{width:1000px;margin:auto;margin-top:10px;}
.foot_1{background:#c9c9c9;height:10px;font-size:10px;}
.foot_2{margin-top:10px;line-height:22px;text-align:center;}
.context{float:left;width:694px;}
.context_nav{background:url(https://www.edrawsoft.com/images/context_nav.gif) no-repeat center left;padding-left:20px;height:22px;line-height:22px;}
.context_topimage{margin-bottom:10px;}
.context_title{background:#e5e5e5;height:28px;line-height:28px;font-size:18px;color:#4d4d4d;font-family:Arial, Helvetica, sans-serif;padding-left:20px;margin-bottom:11px;}
.context_grayspace{background:#e5e5e5;height:3px;line-height:3px;margin-bottom:11px;}
.content_sub{margin-bottom:10px;line-height:18px;}
.dis{display:block;}
.undis{display:none;}
#topnav{float:right;margin:0;padding:5px 0px 5px 10px;font-family:Verdana;font-size:90%;color:#56616a;}
#topnav li{list-style:none;float:left;margin:0 3px 0 0;padding:0 0 0 0;}
#topnav a{padding:5px 3px;text-decoration:none;color:#333;border:none;}
#topnav a:hover{color:#ec6300;background:none;}
/*bottom*/
.bottom{ background:#2f3337;padding:0 0 60px 0;}
.bottom_bian{height:15px;background:#7A7A7A;margin-bottom:30px;border-bottom:5px solid #BCEE68;}
.bottom h3{ font-weight:bold;color:#fff;}
.bottom li a{color:#bdc3c8; line-height:1.8em;}
.bottom .email{ background:url(images/email_bg.gif) no-repeat;width:180px;height:23px;padding:10px 30px 10px 10px;}
.bottom .email a { display:block; color:#dedede;}
.bottom .email input{ background:#2f3337;color:#dedede; font-size:14px;font-weight:bold; line-height:23px;height:23px;width:180px; outline:none; border:0;}
.bottom .select{ background:#434b52 url(images/select_arrow.png) no-repeat 200px center;width:200px;height:22px; border-radius:5px;position:relative;padding:10px; color:#dedede;}
.bottom .select .selectBnt {display:block; cursor:pointer;}
.bottom .select .selectList {display:none; position:absolute;background:#434b52; width:220px; padding-top:5px; border-radius:5px 5px 0 0; left:0; bottom:35px; overflow:hidden;}
.bottom .select .selectList a {display:block; color:#dedede; line-height:24px; padding:0 10px; font-size:12px;}
.bottom .select .selectList a:hover { color:#fff; background:#4f575e; text-decoration:none;}
.bottom .select:hover .selectList,.bottom .select .hide {display:block;}
@media (max-width: 767px) {
.bottom .select {position:inherit; height:auto; background-position:200px 20px;}
.bottom .select .selectList {position:inherit; left:inherit; bottom:inherit; width:200px;}
.bottom .select .selectList a {padding:0;}
}
/*footer*/
.footer{background:#2f3337;color:#a6aeb1;border-top:1px solid #2e2e2e;padding:25px 0; text-align:center; line-height:1.8em;}
.footer a{color:#a6aeb1;}
.totop{ display:none; background:url(images/btn_img.png) no-repeat 0 -30px; position:fixed; z-index:2;  width:43px; height:43px; bottom:30px; right:0; font-size:16px; text-indent:-9999px;}
.totop:focus{ outline:none}
@media (max-width: 979px) {
.totop{ display:block !important; position:static; background:url(images/btn_img.png) no-repeat 0 -30px #1a1f23; text-align:center; color:#434B52; width:auto;height:43px; line-height:43px;text-indent:0;}
}
/*respon*/
.container{width:1000px;margin:0 auto;} 
.row-fluid {width:auto;margin:0 auto;*zoom: 1;overflow:hidden;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0;content: "";} 
.row-fluid .span{float: left; display: block; margin-left: 2.564102564102564%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.row-fluid .span img{max-width: 100%;-ms-interpolation-mode: bicubic;}
.row-fluid .span:first-child {margin-left: 0;}
.row-fluid .span2 { width: 48.717948717948715%;  }
.row-fluid .span3 { width: 31.623931623931625%;  }
#slider {
height: 430px;
background: #767676;
}
.sl-slider-wrapper {
width: auto;
height: 400px;
margin: 0 auto;
overflow: hidden;
}
.sl-slider {
position: absolute;
top: 0;
left: 0;
}
/* Slide wrapper and slides */
.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
} 
.sl-slide {
z-index: 1;
}
/* The duplicate parts/slices */
.sl-content-slice {
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
}
/* Horizontal slice */
.sl-slide-horizontal .sl-content-slice {
width: 100%;
height: 50%;
left: -200px;
-webkit-transform: translateY(0%) scale(1);
-moz-transform: translateY(0%) scale(1);
-o-transform: translateY(0%) scale(1);
-ms-transform: translateY(0%) scale(1);
transform: translateY(0%) scale(1);
}
.sl-slide-horizontal .sl-content-slice:first-child {
top: -200px;
padding: 200px 200px 0px 200px;
}
.sl-slide-horizontal .sl-content-slice:nth-child(2) {
top: 50%;
padding: 0px 200px 200px 200px;
}
/* Vertical slice */
.sl-slide-vertical .sl-content-slice {
width: 50%;
height: 100%;
top: -200px;
-webkit-transform: translateX(0%) scale(1);
-moz-transform: translateX(0%) scale(1);
-o-transform: translateX(0%) scale(1);
-ms-transform: translateX(0%) scale(1);
transform: translateX(0%) scale(1);
}
.sl-slide-vertical .sl-content-slice:first-child {
left: -200px;
padding: 200px 0px 200px 200px;
}
.sl-slide-vertical .sl-content-slice:nth-child(2) {
left: 50%;
padding: 200px 200px 200px 0px;
}
/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
position: absolute;
}
.sl-content {
width: 100%;
height: 100%;
background: #fff;
}
/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
background: #ddd;
}
.sl-slide-vertical .sl-slide-inner {
background: #ccc;
}
.sl-slider-wrapper {
width: 100%;
height: 600px;
overflow: hidden;
position: relative;
}
.sl-slider h2,
.sl-slider blockquote {
text-align: center;
width: 80%;
max-width: 960px;
color: #fff;
margin: 0 auto;
position: relative;
z-index: 100;
}
.sl-slider h2 {
position:absolute;
left:0;
top:0;
font-size: 36px;
font-weight:600;
color: #fff;
font-family: 'Open Sans', sans-serif;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
text-align:left;
margin:70px 0 30px 5px;	
}
.sl-slider h2 span {
display: inline-block;}
.sl-slider blockquote {
position:absolute;
left:0;
top:100px;
padding:20px 5px;
text-align:left;
}
.sl-slider blockquote h3 {
font-size: 20px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
line-height: 35px;
}
.sl-slider blockquote p {
font-size:16px;
margin-top:10px;
width:250px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
line-height:18px;
}
.sl-slider .try{background: none repeat scroll 0% 0% #FB8649;color: #FFF;border-radius: 7px;line-height: 40px;position: relative;display: inline-block;padding:0 20px;
font-weight: bold;transition: all 0.3s ease 0s;margin-right:10px;position:absolute;left:5px;top:300px;text-align:center;font-size:14px;}
.sl-slider .try:hover{background: none repeat scroll 0% 0% #FF5801;}
.sl-slider blockquote h3 span {
font-weight: 300;
text-transform: lowercase;
}
.bg-img {
width:1000px;
height:430px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-position: center center;
}
/* Custom navigation arrows */
.nav-arrows span {
position: absolute;
z-index: 2000;
top:50%;
width: 65px;
height: 65px;
border: 3px solid #02ab68;
text-indent: -90000px;
margin-top: -35px;
cursor: pointer;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.17s linear;
-moz-transition: all 0.17s linear;
-webkit-transition: all 0.17s linear;
-o-transition: all 0.17s linear;
}
.nav-arrows span:hover {
opacity: 0.7;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.nav-arrows span.nav-arrow-prev {
left: 45px;
background: rgba(0,0,0,0.5) url('images/prev-slide.png') center center no-repeat;
background: rgb(0,0,0) url('images/prev-slide.png') center center no-repeat\0/;
}
.nav-arrows span.nav-arrow-next {
right: 45px;
background: rgba(0,0,0,0.5) url('images/next-slide.png') center center no-repeat;
background: rgb(0,0,0) url('images/next-slide.png') center center no-repeat\0/;
}
/* Custom navigation dots */
.nav-dots {
text-align: center;
position: absolute;
bottom: 2%;
height: 30px;
width: 100%;
left: 0;
z-index: 1000;
}
.nav-dots span {
display: inline-block;
position: relative;
width: 16px;
height: 16px;
border-radius: 50%;
margin: 3px;
background: #ddd;
background: rgba(150,150,150,0.4);
cursor: pointer;
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1);
}
.nav-dots span {
background: rgba(150,150,150,0.1);
margin: 6px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 2px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current,
.nav-dots span:hover {
box-shadow: 
0 1px 1px rgba(255,255,255,0.4), 
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 5px rgba(255,255,255,0.5);
}
.nav-dots span.nav-dot-current:after {
content: "";
position: absolute;
width: 10px;
height: 10px;
top: 3px;
left: 3px;
border-radius: 50%;
background: rgba(255,255,255,0.8);
}
/* Content elements */
.bg-img-1 {
background-image: url(images/examples.png);
}
.bg-img-2 {
background-image: url(images/examples1.png);
}
.bg-img-3 {
background-image: url(images/examples2.png);
}