/* CSS Document */

body {margin: 0px;font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight: normal;color: #666;text-align: left;background:#ECF5D4 url(../imgs/bodybg.jpg) top left repeat-x; padding-left:0px; padding-right:0px; padding-top:40px; padding-bottom:20px}
div, ul, p{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
	list-style-type:none;
}
#wrapper {
	position: relative;
	width: 873px;
	margin: 0px auto;
	border: 0px none;
	background:  url(../imgs/bodywrapper.png) repeat-y top left;
	padding-left:15px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	background-image:  url(../imgs/bodywrapper.png);
}
#topwrapper {position: relative;width: 896px;height: 23px;margin: 0px auto;padding: 0px;border: medium none;background:  url(../imgs/pagetop.jpg) no-repeat top left;}
#bottomwrapper {position: relative;width: 895px;height: 18px;margin: 0px auto;padding: 0px;border: medium none;background:  url(../imgs/pagebottompng.png) no-repeat bottom left;}
#header {float:left;width: 845px;height: 53px;margin: 0px;padding: 0;border: none;background: #fff url(../imgs/headerbg-btm.jpg) bottom repeat-x;}
#logo {float:left; width:295px; height:53px; margin:14px 0 0 10px; padding: 0; }
#phone {float:right; width:150x; height:30px; margin:28px 40px 0 0; padding: 0; }
#content-wrapper {width: 830px; margin: 0 auto;}
#content-wrapper p {line-height: 1.7em;}
.clear {clear:both;}
.line {border-bottom: 1px solid #E4E4E4;padding-top: 15px;}

#home-content {margin: 25px 0 0 0px; }
#home-content h1 {font-size:1.4em; padding: 7px 0 0 40px; height: 25px;}
#home-content h1.package {background: url(../imgs/h1_package.jpg) top left no-repeat;}
#home-content h1.software {background: url(../imgs/h1_software.jpg) top left no-repeat;}
#home-content h1.contact {background: url(../imgs/h1_contact.jpg) top left no-repeat;}
#home-content-col {width: 370px; margin: 0 10px 0 10px; float:left; border-right: solid 1px #e1e1e1;}

#packages-content {width: 530px; margin:18px 0 0 0; padding: 0 10px 0 10px; float:left;}
#packages-content h1 {margin:0; padding: 0 0 10px 0; border-bottom: 1px solid #dcdcdc;}
#packages-content h2 {margin:10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #dcdcdc;}
#packages-content h3 {margin:0 0 7px 0; padding: 0 0 15px 0; border-bottom: 1px solid #dcdcdc;}

#packages-content2 {width: 800px; margin:33px 0 0 0; padding: 0 10px 0 10px; float:left;}

.case-col {width: 220px; float: left; margin: 0 25px 22px 10px; padding: 0 0 12px 0; border-bottom: 5px solid #cce89c;}
.case-col h4 {font-size:1.4em; padding: 4px 0 0 35px;}
.trax {background: url(../imgs/case_trax.jpg) top left no-repeat;}
.bizmagic {background: url(../imgs/case_bizmagic.jpg) top left no-repeat;}
.book {background: url(../imgs/case_book.jpg) top left no-repeat;}
.it {background: url(../imgs/case_it.jpg) top left no-repeat;}
.jbc {background: url(../imgs/case_jbc.jpg) top left no-repeat;}
.jims {background: url(../imgs/case_jims.jpg) top left no-repeat;}
.command {background: url(../imgs/case_command.jpg) top left no-repeat;}
.case-col p {margin:0;}

#list{width: 530px; margin:30px 0 0 0; padding: 0 10px 0 10px; float:left;}
#list ul{list-style-type: none;
line-height:25px;
margin: 0px;
padding: 0px;
text-align: left;}
#list li{ text-indent:25px; border-bottom:1px dotted;background:  url(../imgs/arrow.gif) left center no-repeat;}
.time{
float: right;/*使span元素浮动到右面*/
text-align: right;/*日期右对齐*/
}
#productlist{ width: 530px; margin:10px 0 0 0; padding: 0 10px 0 10px; float:left;}
#productlist ul {margin:30px 0 20px 5px;padding:0;list-style:none;color: #383838;font-size: 11px;font-style: normal;font-weight: normal;}
#productlist li {width:120px;display:block; float:left; text-align:center; padding-right:13px; padding-bottom:20px;}
#productlist img {	BORDER: #dfedba 2px dotted;
	width:120px;
	height:120px;}
#show{ width: 530px; margin:10px 0 0 0; padding: 15px 10px 0 10px; float:left;}
#show strong{ font-weight: normal}
.productinfo span{ float:left; margin-right:30px;}
.productinfo ul{list-style:none; width:310px; line-height:25px; float:right;}
.productinfo li{padding: 0; border-bottom: 1px solid #dcdcdc;}
.productinfo img{ width:190px; height: 190px;}
.productinfo h3{ color:#779128;}
.content{ width:100%; padding-top:30px;}
hr{ border:1px solid #ECF5D4;}
.hrinfo ul{list-style:none; width:530px;; line-height:25px;}
.hrinfo li{padding: 0; border-bottom: 1px solid #dcdcdc;float:left; width:50%}
.hrinfo h3{ color:#779128;}


.package-list-top {margin: 30px 20px 0 0;float:right; height:10px; width: 230px; background: url(../imgs/package-list-top.jpg) top no-repeat;}
.package-list {margin: 0 20px 0 0;float:right;width:230px;background: url(../imgs/package-list-bg.jpg) repeat-y;}

 .package-list .bottom{background: url(../imgs/package-list-bottom.jpg) no-repeat 0 100%;padding-bottom:263px;}
 .package-list .bottom a img{margin-bottom:6px;margin-left: -18px;}
 
 .package-list-li {margin:0; padding:0}
 .grey {color:#38606b;font-weight:bold;display:block;padding:6px 15px 6px 25px;text-decoration:none; margin:0;}
 .package-list-li li{font-family:Arial, sans-serif;background: url(../imgs/package-list-libg.jpg) no-repeat 0 100%;padding-bottom:2px;font-size:1.2em;line-height:1.8em;list-style:none;}
 .package-list-li li a,.coll-list li a:hover{text-decoration:none;}
 .package-list-li li a{display:block;padding:6px 15px 6px 25px;color: #4c818f;}
 .package-list-li li a:hover,.package-list-li li.on li a:hover{background: url(../imgs/package-list-hover.jpg) repeat-y;color:#2e2d2d;}
 .package-list-li li.on a,.package-list-li li li.on,.package-list-li li.on a:hover{color: #4c818f;background: #ffffff url(../imgs/tick2.gif) 6px 9px no-repeat;}
 .package-list-li li li.on a,.cpackage-list-li li li.on a:hover,.package-list-li li li.on{padding:3px 0 3px 0;}
 .package-list-li li.on li a{font-weight: normal;}
 .package-list-li ul li,.package-list-li ul li a,.package-list-li li.on li a,.package-list-li ul li a:hover{background:0;padding:0;}
 .package-list-li ul{margin:5px 0 10px 0px; }
 .package-list-li ul li{margin:5px 0;font-size:.9em;}
 .package-list-margin{margin-top:0px;}

#partners-left {float:left; width: 250px; margin: 30px 0 0 0;}
#partners-right {float:right; width: 250px; margin: 30px 0 0 0;}

#partners-left h1 {font-size:12px; color: #666666; padding:0 0 7px 0; margin-bottom:10px;}
#partners-right h1 {font-size:12px; color: #666666; padding:0 0 7px 0; margin-bottom:10px;}

ul.partnerlist {margin:0 20px 20px 5px;padding:0;list-style:none; font-size:10px;}
ul.partnerlist li {font-size: 110%;display:block;background: url(../imgs/arrow.png) 0 3px no-repeat;margin:2px 0 0 0px;padding:2px 0 5px 20px;}

ul.ilist {margin:0 20px 20px 5px;padding:0;list-style:none; font-size:10px;}
ul.ilist li {font-size: 12px; display:block;background: url(../imgs/arrow.png) 0 3px no-repeat;margin:2px 0 0 0px;padding:2px 0 5px 20px;}

#introsmall {width:820px; height:115px; background: url(../imgs/introsmall.jpg) top left no-repeat;}
#introsmall-title { padding: 70px 0 0 20px;}

ul.servicelist {margin:0 20px 20px 5px;padding:0;list-style:none;color: #787878;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-style: normal;font-weight: normal;}
ul.servicelist li {font-size: 110%;display:block;background: url(../imgs/tick.jpg) top left no-repeat;margin:3px 0 0 3px;padding:2px 0 5px 22px;border-bottom:1px solid #e1e1e1;}

ul.packagelist {margin:0 0 20px 5px;padding:0;list-style:none;color: #4c818f;font-style: normal;font-weight: normal;}
ul.packagelist li {display:block;background: url(../imgs/tick3.jpg) top left no-repeat;margin:7px 0 0 3px;padding:2px 0 8px 25px;border-bottom:1px solid #e1e1e1;}

ul.packagelist-main {margin:0 0 20px 5px;padding:0;list-style:none;color: #4c818f;font-style: normal;font-weight: normal;}
ul.packagelist-main li {font-size: 16px;display:block;background: url(../imgs/pn_1.jpg) top left no-repeat;margin:12px 0 0 3px;padding:2px 0 8px 32px;border-bottom:1px solid #e1e1e1;}
ul.packagelist-main li.sb {background: url(../imgs/pn_1.jpg) top left no-repeat;}
ul.packagelist-main li.sbs {background: url(../imgs/pn_2.jpg) top left no-repeat;}
ul.packagelist-main li.fbs {background: url(../imgs/pn_3.jpg) top left no-repeat;}
ul.packagelist-main li.ep {background: url(../imgs/pn_4.jpg) top left no-repeat;}

ul.courselist {margin:30px 0 20px 5px;padding:0;list-style:none;color: #383838;font-size: 11px;font-style: normal;font-weight: normal;}
ul.courselist li {width:100%;display:block;margin:12px 0 0 5px;padding:0px 0 14px 0px;border-bottom:1px solid #e3e3e3;}
.photo {float: left;width: 70;height: 90px;margin: 3px 5px 0px 0px;padding: 0px; }
.photo img{width: 70;height: 90px;}
.moreinfo {float: right;width: 112px;height: 30px;margin: 3px 5px 0px 0px;padding: 0px; }
.moreinfo a {display: block;width: 112px;height: 30px; background:  url(../imgs/viewbutton.jpg) no-repeat 0 0;}
.moreinfo a:hover {background:  url(../imgs/viewbutton.jpg) no-repeat 0px -30px;}

.hide {margin: 0px;padding: 0px;font-size: 14px;font-weight: bold;color: #AAA;display: none;}

#packages-left {width: 140px; float:left; height: 200px;}
#packages-right {width:380px; float:left;}

#faqs {margin: 25px 0 0 0;}
#faqs h4 {cursor:pointer;font-size: 1.1em;color: #31363e;font-family: Arial, Tahoma, Arial, Helvetica, sans-serif; margin:3px 0 5px 0; padding: 3px 4px 7px 3px; border-bottom: 1px dashed #cccccc;}
#faqs h4:hover {color:#85b602;}
.faqanswer {padding: 0 0 2px 10px; }

#contact {width: 230px; height: 327px; background: url(../imgs/contactbg.jpg) top left no-repeat; float:right; margin: 30px 20px 0 0;}
#contact-inner {margin: 18px 0 0 15px;}
#contact-inner p{margin: 18px 0 0 0px;}

legend {padding: 10px 5px 0px 5px;font-weight: normal;text-transform: uppercase;color: #A0B64E;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 16px;}
fieldset { margin:0; padding: 0 0 10px 15px; }

#resellers-left {float:left; width: 250px;}
#resellers-right {float:right; width: 260px;}

img {border:0;}
#partners img {margin: 0 5px 15px 0;}

#footer {clear: both;margin: 10px 0 0 0;padding: 15px 20px 5px 20px;border: none;text-align: left;background:  url(../imgs/bottomsep.jpg) top center no-repeat;}

input {height: 25px; border: 1px solid #cccccc; background-color:#EFEFEF; font-size: 17px;}
input:hover {border: 1px solid #8BB410; background-color:#ffffff;}
select {font-size:16px;}

.formborder {
border-style:solid;
border-width:1px;
border-color:#ccc;
color:#fff;
background-image: url(../imgs/form_button.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:130%;
height:30px;
width:140px;
padding-bottom:1px;
}

h5 {font-weight:normal; font-size: 14px; color:666;}

#download-left {margin-top: 15px; width: 255px; height: 125px; background:  url(../imgs/download_bg.jpg) top repeat-x; float:left; border: 1px solid #cccccc;}
#download-right {margin-top: 15px; width: 255px; height: 125px; background:  url(../imgs/download_bg.jpg) top repeat-x; float:right; border: 1px solid #cccccc;}
#download-pic {width: 92px; float:left;}
#download-text {width: 160px; float:right; padding: 10px 0 0 0;}

ul.dlist {margin:0;padding:0;list-style:none; font-size:10px;}
ul.dlist li {font-size: 12px; display:block;background: url(../imgs/arrow.png) 0 3px no-repeat;margin:0;padding:2px 0 5px 20px;}


a:link {
	color: #779128;
	text-decoration: none;
}
a:visited {
	color: #779128;
	text-decoration: none;
}
a:hover {
	color: #A8D94C;
	text-decoration: none;
}
a:active {
	color: #779128;
	text-decoration: none;
}

.hide {
  display:none;
}



/* Nav
==========================================================*/
.nav {float:left;
    margin: 45px 10px 10px 2px; padding:0;
    width:815px;
    position: relative;
    background:  url(../imgs/lrtk.png) no-repeat 0 -36px;
}
.navinner {
    background:  url(../imgs/lrtk.png) no-repeat 100% -72px;
}
.navlist {
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin: 0 10px;
    background:  url(../imgs/lrtk.png) repeat-x 0 0;
}
.nav li {
    float: left;
    display: inline;
    margin: 0 0 0 -2px;
    padding: 0 4px 0 6px;
    background:  url(../imgs/lrtk.png) no-repeat 0 -108px;
}
.nav a {
    display: block;
    width: 102px;
    text-align: center;
    font-size: 120%;
}
.nav a:link, .nav a:visited {
    color: #fff;
}
.nav a.current, .nav a:hover, .nav a:active {
    color: #fff;
    font-weight: bold;
    background:  url(../imgs/lrtk.png) no-repeat 50% -144px;
}



#product {
	height: 140px;
	margin: 10px auto;
	padding: 0px;
	display: block;
}
#product ul {
	margin: 0px;
	padding: 0px;
}
#product img {
	BORDER: #dfedba 2px dotted;
	margin: 0px;
	padding: 0px;
	width:120px;
	height:120px;
}
#product li {
	width: 137px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	list-style-type: none;
	float: left;
}
#product span {
	width: 100%;
	display: block;
}
#showpage { margin-top:20px;width:100%; text-align:center; float:left;}

.subtitle {
	font-size: medium;
	font-weight: bold;
}

.coatofarms {
    position: absolute;
    left: 100px;
    top: 150px;
}