/* editmode */
html{overflow-y:scroll;}
body#bodyinhome{ background:url(/templates/cache/29/images/bodybg.jpg) no-repeat center 30px;}
#bodyinhome #logo{ top:20px; height:55px;}
#bodyinhome #banner{ background:none; top:70px;}
#bodyinhome #header{ height:340px; } 
#nav{ background:none; width:auto; top:40px; right:0px; height:25px; }
#nav ul li{ margin-right:3px;}
#nav ul li a{ color:#666; padding:0 10px; font-size:110%;}
#nav ul li a span{ line-height:25px;}

#nav ul li a:hover{ color:#666; background:url(/templates/cache/29/images/nav_over.gif) no-repeat; }
#nav ul li.current,
#nav ul li.current a:hover{ background:url(/templates/cache/29/images/nav_current.gif) no-repeat;}
#nav ul li.current a{ color:#FFF; text-shadow:0 1px 1px #333;}


#main-wrap{ padding-top:10px;}
.column h2 div{ margin-top:25px; }
.column.left h2{ background:url(/templates/cache/29/images/indexh2_left.gif) no-repeat; overflow:hidden; }
.column.right h2{ background:url(/templates/cache/29/images/indexh2_right.gif) no-repeat; overflow:hidden; }
.column .content{ margin-left:2px; margin-top:2px; position:relative; font-size:100%;}


#index-step{ clear:both; width:100%; margin-top:10px; height:200px;}
#index-step ol li{ float:left; width:180px; padding-top:85px; margin-right:20px;}
#index-step ol li h3{ height:30px;}
#index-step ol li h3 span{ display:block;  margin-top:35px;}
#index-step ol li p{ font-size:94%; color:#888; }
#index-step ol li.feature1 h3{ background:url(/templates/cache/29/images/indstep_txt1.gif) no-repeat; overflow:hidden; }
#index-step ol li.feature2 h3{ background:url(/templates/cache/29/images/indstep_txt2.gif) no-repeat; overflow:hidden;}
#index-step ol li.feature3 h3{ background:url(/templates/cache/29/images/indstep_txt3.gif) no-repeat; overflow:hidden;}
#index-step ol li.feature1{ background:url(/templates/cache/29/images/indstep1.jpg) no-repeat; }
#index-step ol li.feature2{ background:url(/templates/cache/29/images/indstep2.jpg) no-repeat; }
#index-step ol li.feature3{ background:url(/templates/cache/29/images/indstep3.jpg) no-repeat; }

#index-feature{ position:relative; background:url(/templates/cache/29/images/footbg.jpg) no-repeat; width:920px; height:100px; padding-top:25px; }
#index-feature ul li{ float:left; width:212px; margin:0 9px; }
#index-feature ul li a{ display:block; border:#CCC solid 0px; }


#footer{ background:#333; width:100%; border-top:none; position:static;}
#footer .wrap{ width:920px; margin:0 auto; position:relative;}
#footer #foot-nav{ float:right;}
#footer #foot-nav a{ border-color:#4B4B4B;   }
#footer #foot-nav a:hover{ color:#26B2EF;}
#copyright{ color:#777; top:40px;}
#power{ top:23px;}
#contact-info { top:0px; color:#A9A9A9;}
#contact-info a { color:#CCC;}

#portfolio{ background:url(/templates/cache/29/images/casebg.gif) no-repeat; width:275px; height:158px; padding:8px; margin-bottom:5px;}
#portfolio .img{ background:#CCC; width:275px; height:155px;}

.custom{ width:100%; position:absolute; top:0px;}
.custom .wrap{ width:920px; position:relative; margin:0 auto; font-size:90%;}
#cus-login{ position:absolute; top:-1px; right:10px; border:#D6D6D6 solid 0px;font-size:95%;  padding:0px 10px 4px; background:#E3E3E3;  
-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;  -webkit-border-bottom-left-radius: 5px; }
#cus-login a{ text-decoration:none; color:#858585; margin-top:5px; display:block; text-shadow:0 1px 0 #FAFAFA;}
#cus-login a:hover{ color:#333; text-shadow:0 1px 0 #FFFFFF; }
	
	
/* login */
#login-box .logo,
#login-box .submitLogin,
#login-box .sendForget,
#login-box .ipt{ background:url(/templates/cache/29/images/index_login.png) no-repeat; }

#login-box{ width:425px; background:#474747; border:#000 solid 1px;}
#login-box .login-wrap{ padding:0 40px 20px; border:#6f6f6f solid 1px;}
#login-box label{ display: block; line-height: 130%; color: #FFF; padding-left: 5px; font-size: 95%; margin-top:10px;}
#login-box .logo{ display:block; text-align:center; height:120px;}
#login-box .ipt{ background-position:0 -135px; width: 328px; height: 35px; padding:5px 7px 1px 7px;  border: none; font-size: 160%; line-height: 33px; outline:none;}
#login-box .ipt.error{ background-position:0 -177px; }
#login-box .submitLogin{ background-position: -2px -221px; border: none; width: 88px; height: 30px; cursor: pointer; }
#login-box .submitLogin:hover{ background-position: -90px -221px; }
#login-box .sendForget{ background-position: -178px -221px; border: none; width: 88px; height: 30px; cursor: pointer; }
#login-box .sendForget:hover{ background-position: -266px -221px; }

.red{ color: #F30;}
#login-box li div.keeplogin{ float:left; padding-top: 10px; padding-left:5px;}
#login-box li div.keeplogin label{float:none; width:180px; color:#CCC; font-size: 80%;}
#cancelpwbtn,
#login-box li div.keeplogin .forgetpw{ line-height:20px; color:#5dc0fe; }
#cancelpwbtn:hover,
#login-box li div.keeplogin .forgetpw:hover{ text-decoration:none; }
#login-box li.submit label{ float: right; width: 90px;}

#col-forgettip{ color:#CCC; padding-left:5px; height:75px; display:none ; }
#col-forgettip label{ float:right; width: 90px;}
#col-forgettip .cancel{ float:left; margin-top:15px;}
#col-forgettip em{ font-style:normal; text-decoration:underline;}




/* main */
body#bodyinpage{ background:url(/templates/cache/29/images/bodybg.jpg) no-repeat center -25px;}
body#bodyinpage #nav{ top:40px;}
body#bodyinpage #header{ height:220px;}

#topnav{ top:-1px; right:50px; background:#E3E3E3; padding:0px 10px 4px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
#topnav a{ text-decoration:none; color:#858585; margin-top:5px; display:block; text-shadow:0 1px 0 #FAFAFA; *margin-top:4px; }
#topnav a:hover{ color:#333; text-shadow:0 1px 0 #FFFFFF;  }
body#bodyinpage #cus-login{ -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; padding:0px 10px 4px 8px;}
body#bodyinpage #cus-login a{ border-left:#BBB solid 1px; padding-left:10px; }


#side{ width:230px; }
#main{ width:680px; }

#side .side-top{ background-color:#f5f5f5; background-image:none; height:30px; line-height:30px; padding-left:20px; padding-top:5px; width:210px; position:static;  -moz-box-shadow: 0 2px 2px #C6CCCE;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#side .side-top h2{ color:#5A5A5A;  }
#side .side-content{  background-color:#f5f5f5; padding:0px 10px 20px; width:210px; -moz-box-shadow: 0 2px 2px #C6CCCE;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
#side .side-content li{ background:none;  padding-left:0px;  line-height:30px; float:left; width:210px;}
#side .side-content li li{ padding-left:15px; width:195px;}
#side .side-content li li li{ width:185px;}
#side .side-content li a{ color:#868686; padding-left:10px; background:url(/templates/cache/29/images/list-ico.gif) no-repeat right 0; }
#side .side-content li a:hover{ color:#1A74B0;  background:url(/templates/cache/29/images/list-ico.gif) no-repeat right -26px; }
#side .side-content li.current{ background:url(/templates/cache/29/images/list_current_bg.gif) no-repeat;   }
#side .side-content li.current a{ color:#FFF; background:none; text-shadow:0 -1px 1px #7c9eb3;}



#main .main-content{ background:none; padding:10px 10px 20px; }
#main .main-top{ position:relative; left:0px; top:0px; width:670px; height:35px;} 
#main .h1title{ margin-top:0px; padding-left:10px;}
#main .h1title h1{ color:#0878be;}

#breadcrumb{ top:-23px; left:-235px; right:auto; font-size:82%; }

#main .default strong,
#main .default b{ color: #4EA2DE;}
#main .default a{ color: #2687CB;}
#main .default a:hover{ color: #00C2FF; }


/* portfolio-list */
#main .main-content { line-height:150%; }
.portfolio-list{ margin-top:15px;}
.portfolio-list li{ display:block; float:left;  margin:0 9px 35px 0;}
.portfolio-list li a{ display:block; width:152px;}
.portfolio-list li a.img{            border:#FFF solid 2px; }
.portfolio-list li a.img img{        border:#ccc solid 1px; }
.portfolio-list li a.img:hover{      border:#999 solid 2px; }
.portfolio-list li a.img:hover img{  border:#333 solid 1px; }
.portfolio-list li h3{ padding-left:4px; font-size:100%; }
#main .portfolio-list li h3 a.txt{ text-decoration:none; color:#888;  }
#main .portfolio-list li h3 a.txt:hover{ text-decoration:underline; color:#00C2FF; }




/* news */
#main .news .news-head,
#main #news-heading{ background:#EAF8FD; border:#D5EDFF solid 1px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
#main .news-head span.tit{ border-right:#FFF solid 1px; font-weight:bold; color:#025EB9;  }
#main .news-head span.date{ border-left:#D2EBFD solid 1px; font-weight:bold; color:#025EB9; }
#main .news ul li h3 a{}
#main .news ul li h3 a:hover{ color:#079CF3; border-bottom:none;}
#main .news ul li{ border-bottom:1px solid #E3E3E3; }
#main #news-content{ line-height:190%; }



/* product-type  */
.product-type{ margin:25px 0;}
.product-type .left{ width:47%;  overflow:hidden; position:relative;}
.product-type .line{ border-left:#EEE solid 1px; padding-left:15px;}
.product-type .out{ display:block; position:absolute; top:-1000px;}
.product-type .left h3{ height:32px; overflow:hidden; margin-bottom:5px;}
.product-type .left h3 span{ display:block; margin-top:35px;}
.product-type .left .basic{ background:url(/templates/cache/29/images/type_txt_1.gif) no-repeat;  }
.product-type .left .pro  { background:url(/templates/cache/29/images/type_txt_2.gif) no-repeat;  }
.product-type .left a.more{ display:block; width:145px; margin-bottom:10px;}
.product-type .left p{ display:block; height:60px; }
.product-type .left h4{ color:#000;}
.product-type .left .feature li{ display:block; background:url(/templates/cache/29/images/feature_list_ico.gif) no-repeat 0 3px; padding-left:20px; line-height:25px; }
.contactbox{ clear:both; background:url(/templates/cache/29/images/type_contact.gif) no-repeat; padding:20px 0 0 0;}
.contactbox .big{ font-size:150%; color:#F80; }


/* typewrap */
.typewrap{ margin:10px 0; padding:10px; background:#F3F3F3; -webkit-border-radius: 5px;	-moz-border-radius: 5px;}
.typewrap .tit{ border-bottom:#FFF solid 1px; margin-bottom:8px;}
.typewrap .tit span{ display:block; border-bottom:#CFCFCF solid 1px; padding-bottom:8px;}
.typewrap b{ margin-right:3px; text-decoration:underline;}
.typewrap ol li{ display:block; clear:both; margin-bottom:20px;}
.typewrap ol li strong{ display:block; color:#0090DB; font-size:120%; text-shadow:0 1px 0 #FFFFFF;}
.typewrap ol li .bns{ font-size:90%;}
.typewrap ol li .bns span{ text-decoration:underline;}
.typewrap ol li p{ margin-left:15px;}


/*
basic-tree
adv-tree
tree-list
*/
.tree-list{ border-left:#b5b5b5 solid 1px; margin-top:50px; position:relative; margin-bottom:60px;}
.tree-list li{ position:absolute; clear:both; padding-left:25px; background:url(/templates/cache/29/images/tree_offset.gif) no-repeat; min-height:66px;}
.tree-list li .img{ width:100px; height:66px; float:left; border:#CCC solid 1px; margin-right:10px; position:relative; z-index:2;  -webkit-border-radius: 3px;	-moz-border-radius: 3px;}
.tree-list li .img a{ width:100px; height:66px; display:block; overflow:hidden; position:relative; outline:none;  }
.tree-list li .img a span{ display:block; position:absolute; left:-13px; top:-13px; }
/*.tree-list li .img a:hover{  width:174px; height:120px; left:-35px; top:-30px;}
.tree-list li .img a:hover span{ left:0; top:0;}
*/
.tree-list li .txt{ float:left; width:500px;}
.tree-list li strong{ display:block; font-size:120%; background:url(/templates/cache/29/images/tree_icon.gif) no-repeat; padding-left:23px; color:#1f8dcc; height:22px; }
.tree-list li p{ display:block; }
.bns{ font-size:88%; color:#888;}
.bns span{ color:#f80;}

/*li sub*/
.tree-list li ul{ display:block; position:absolute; top:85px; left:110px; }
.tree-list li ul li{ position:relative; padding-top:10px; min-height:30px; background:url(/templates/cache/29/images/subtree_offset.gif) no-repeat; }
.tree-list li ul ul{ top:35px; left:30px;}



#basic-tree{ height:273px; }
#basic-tree li.first{ top:-32px;}
#basic-tree li.pro{  top:60px;}
#basic-tree li.news{ top:150px;}
#basic-tree li.last{ top:240px;}

#adv-tree{ height:453px; margin-bottom:190px; }
#adv-tree li.first{ top:-32px;}
#adv-tree li.pro{  top:60px;}
#adv-tree li.news{ top:150px; min-height:66px;}
#adv-tree li.contact{ top:240px;}
#adv-tree li.addnew{ top:330px;}
#adv-tree li.addpro{ top:440px;}

.tree-list li.addnew strong{ background-position:0 -53px;}
.tree-list li.addpro strong{ background-position:0 -77px;}

.subtree{ margin-left:128px;  }
#adv-tree.tree-list li .txt{ float:left; width:390px;}
/* hometree */
 
.hometree{ position:relative; padding-right:16px; background:url(/templates/cache/29/images/tree_offset.gif) no-repeat right 0; min-height:66px; float:left; margin-top:235px; z-index:2;}
.hometree .img{ width:100px; height:66px;  border:#CCC solid 1px; margin-right:10px; position:relative;  -webkit-border-radius: 3px;	-moz-border-radius: 3px;}
.hometree .img a{ width:100px; height:66px; display:block; overflow:hidden; position:relative; outline:none; }
.hometree .img a span{ display:block; position:absolute; left:-13px; top:-13px; }
.hometree .txt{ margin-top:5px; }
.hometree .txt strong{ display:block; font-size:120%; background:url(/templates/cache/29/images/tree_icon.gif) no-repeat 0 -27px; padding-left:23px; color:#1f8dcc; height:22px; } 


.advanced-foot-promo{ position:relative;}
.advanced-foot-promo .txt{ position:absolute; top:56px; left:110px;}

/* system function*/
.systitle{ color:#000; font-weight:bold; }
.systitle img{ clear:both; margin:10px 0 0 0;}
.systemfn{ margin:5px 0 30px 0; font-size:90%; }
.systemfn li{ padding-left:10px; margin-bottom:10px;}
.systemfn li h3{ font-size:110%; color:#0090DB; background: url(/templates/template/1/images/dot_flow.gif) no-repeat 2px 7px; padding-left:15px; position:relative; left:-15px;}
.systemfn li ul{ list-style:outside; list-style-type:disc;  }
.systemfn li ul li{ margin-bottom:0px;  padding-left:0px; margin-left:20px;}

/* video-tutorial   */
#video-tutorial{ margin-bottom:20px;}
#video-tutorial ol{ height:30px; margin-top:10px;}
#video-tutorial ol li{ display:block; float:left; padding-top:3px; }
#video-tutorial ol li a{ display:block; text-decoration:none; width:130px; height:28px; line-height:28px; border-right:1px solid #ECECEC; text-align:center; outline:none;}
#video-tutorial ol li:last-child a{ border-right:none; }
#video-tutorial ol li.select{ background:#CCC; background:url(/templates/cache/29/images/video_btn.gif) no-repeat 1px bottom; text-shadow:0px 1px 1px white; }
#video-tutorial ol li.select a{ color:#333; }