@charset "utf-8";
/* CSS Document */
body{background:url(./images/body_bg.jpg) #252525 repeat-x; font-size:12px;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img {margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div {font:normal 11px/1.8em Verdana, Arial, Helvetica, sans-serif;color: #333333;}
img{border:0px;}
br{clear:both;}
input {font:11px/13px Verdana, Arial, Helvetica, sans-serif;}

a {text-decoration:none; color: #0c6ea2;}
a:link {text-decoration:none;color: #0c6ea2;}
a:visited{text-decoration:none;}
a:hover {text-decoration:underline;color:#000;}
a:active {text-decoration:none;}
.clearfix:after {}{content: ".";clear: both;height: 0;visibility: hidden;display: block;} /*Firefox*/
.clearfix {}{display: inline-block;} /*Mac*/
* html .clearfix {}{height: 1%;}/*IE*/
.clearfix {}{display: block;}
.clear {clear:both;}



/*link*/
#nav a:visited,#nav a:link{font-size:12px; color:#000; text-decoration:none;  text-align:center; height:46px; line-height:46px;width:auto;padding:0px 18px;display:block; float:left;margin-right:2px;}
#nav a:hover,#nav a.cur{color: #FFF;text-align:center;background:url(images/nav_md_move.jpg) repeat-x;  height:46px;line-height:46px; padding:0px 18px}
.box_1_li a:visited,.box_1_li a:link{color:#05699f;text-decoration:none;}
.box_1_li a:hover{color: #000;text-decoration:underline;}
#main_right .dl_alink a:visited,#main_right .dl_alink a:link{color:#000;text-decoration:none;}
#main_right .dl_alink a:hover{color:#05699f;text-decoration:underline;}
#main_right .dl_pd a:visited,#main_right .dl_pd a:link{text-decoration:none;}
#main_right .dl_pd a:hover{color:#05699f;text-decoration:underline;}
#footer a:visited,#footer a:link{text-decoration:none; color:#000}
#footer a:hover{color:#05699f;text-decoration:underline;}


/*Share style*/
#header,#banner,#footer,.NavBottom{width:930px;margin:0px auto;}

.crumb { background:url(images/ico_CrumbHome.gif) no-repeat left 6px; padding:0 0 0 15px; line-height:22px;}

.lineBottom { border-bottom:dashed 1px #b0d1d8;}


/*header*/
#header .logo{float:left;width:278px;height:71px;}
#header .web_Content{width:327px;float:left;line-height:14px; font-size:10px;color:#fff;margin:20px 10px;}
#header .web_Content a{color:#fff;}
#header #us_map{float:right;width:150px; margin:20px 10px;color:#fff}
#header #us_map a{color:#fff;padding:0px 5px; text-decoration:none}
#header #nav{height:46px;background:url(images/nav_md.jpg) repeat-x}
#header .nav_left{background:url(images/nav_left.jpg) left no-repeat;height:46px;padding:0 0 0 30px;}
#header .nav_right{height:46px; background:url(images/nav_right.jpg) right no-repeat;}
#header .nav_right li{line-height:46px;height:46px;float:left; background:url(images/nav_li.jpg) right no-repeat;}
.NavBottom { background:url(images/navBottom.gif) repeat-x left top; height:20px;}
#banner{height:290px;}

/*main*/
#main{background:#fff;padding:0px 10px;width:910px; margin:0px auto;margin-top:-2px}

.text01 dt {font-weight:bold; padding:5px 0; font-size:12px;}
.text01 dd {padding:0 0 10px 0;}

.text02 dt {font-weight:bold; padding:5px 0; font-size:12px;}
.text02 dd {padding:0 0 0 15px; background:url(images/ico_dot.gif) no-repeat 3px 8px;}

.text03  img {float:left; margin-right:30px;}

/*main_left*/
#main_left{float:left;width:660px;}
.left_box{border:1px solid #b0d1d8;background:#eef8f9;width:620px;padding:20px; margin:10px 0px;}
.left_box li{padding-left:10px; background:url(images/ico_dot.gif) left no-repeat;}
.box_img{float:left;width:103px;margin:10px;}
.box_txt{width:480px;margin:10px 0 0 10px;float:right}
.box_txt p{line-height:16px;}
.box_txt li{padding-left:10px; background:url(images/ico_dot.gif) left no-repeat;}
.box h1,.box h2{font-size:16px;font-weight:bold;color:#05699f;height:40px;}
.box_img p{ color:#02486d;font-size:18px; text-align:center}
.Price_buy img{padding:0px 15px 0 0 ;margin:20px 0 0 0}
.Function_pic{width:83px;float:left;}
.Function_txt{width:503px;float: right;padding:0px 15px;}
.Function_txt h1,.Function_txt h2{font-size:12px;font-weight:bold;color:#4f4f4f;height:25px;}
.box_funtion{margin:10px 0px}
.Function_txt p{line-height:14px;}
.box_1_txt{float:left;width:324px;border:1px solid #b3d5dc}
.box_1_txt h1,.box_1_txt h2{height:30px;line-height:30px;background: url(images/index_end2_56.jpg) 8px 8px no-repeat #c0e5ed; padding:0 0 0 25px;font-size:14px;color:#1573a5;font-weight:bold}
.box_1_txt p{height:30px;line-height:30px;background: url(images/index_end2_59.jpg) 8px 8px no-repeat #c0e5ed;padding:0 0 0 25px;font-size:14px;color:#1573a5;font-weight:bold}
.box_1_li a{font-size:10px;}
.box_1_li{padding:20px 10px;}
.box_1_li{line-height:16px;}
.bx_pd{margin:0 0 0 8px;}

.left_box .Title { font-size:18px; color:#05699f;}
.left_box h3{ font-size:14px; font-weight: bold;}

/*Products*/
.proMain .ProImg { float:right; width:200px; text-align:center; padding-top:10px;}
.proMain .ProImg .ProPrice {padding:5px 0 0 0; font-size:18px; color:#007412;}
.proMain .ProImg .ProBtn {padding:20px 0 0 0;}
.proMain .ProInfo {padding-right:210px;}
.proMain .ProInfo h1 { font-size:24px; color:#05699f;}
.proMain .ProInfo .ProList, .box_txt .ProList {padding:5px 0;}
.proMain .ProInfo .ProList li, .box_txt .ProList li {padding:0 0 0 15px; background:url(images/ico_dot.gif) no-repeat 3px 9px;}
.proMain .ProVersion { background-color:#cce4e7; padding:5px 10px; margin-top:15px;}
.proMain .text01 {margin-top:10px; padding-bottom:10px;}
.proMain .text02 {border-top:dashed 1px #b0d1d8; margin-top:40px;}
.proMain .step {padding:10px; border:solid 1px #b0d1d8; text-align:center;}
.proMain .BtnDemo {float:right; margin-top:5px;}
.proMain .lineBottom {margin-bottom:20px;}


/*Purchase*/
.purMain .ProImg {float:left; width:160px; text-align:center; padding-top:20px;}
.purMain .ProImg .ProPrice {padding:5px 0 0 0; font-size:18px; color:#007412;}
.purMain .ProInfo {padding:20px 0 0 180px;}
.purMain .ProInfo .ProBtn {padding-top:20px;}
.purMain .ProBox {padding:20px 0;}
.bank{padding-top:10px;}


/*order via*/
.orderMain {}
.orderMain .orderVia { font-size:14px; color:#05699f; margin-bottom:20px; padding-bottom:10px;}
.orderMain table {margin-bottom:30px;}
.orderMain table td {padding:4px 10px;}
.orderMain table th { text-align:left; font-size:12px; padding:2px 10px; font-weight:bold;}


/*Affiliate*/
.affMain {}
.affMain dl {margin:0 0 30px 0;}
.affMain dl dt { font-weight:bold; padding:5px 0; font-size:14px;}
.affMain dl dd {padding:5px 0 35px 0;}
.affMain ol {margin:10px 0;}
.affMain ol li { float:left; width:40%;}
.affMain table td {padding:5px 10px;}
.affMain table .ListName td { font-weight:bold; font-size:12px;}

.BtnAff {text-align:right; padding:20px 0;}


/*Contact us*/
.contactMain .ConImg {float:left; text-align:center; padding-top:5px;}
.contactMain .ConInfo {padding:0 0 0 200px;}


/*FAQ*/
.faqMain ol {padding-bottom:20px;}
.faqMain ol li { background:url(images/ico_dot.gif) no-repeat left 10px; padding-left:10px;}
.faqMain dl {padding:20px 10px;}
.faqMain dl dt {padding:0 0 5px 25px; font-weight:bold; background:url(images/ico_faqQ.gif) no-repeat left 5px;}
.faqMain dl dd {padding:0 0 20px 25px; background:url(images/ico_faqA.gif) no-repeat left 5px;}
.faqMain a { text-decoration:underline;}
.faqMain a:hover { color:#000;}
.faqMain p{padding:5px 0;}


/*Support*/
.supMain dl {}
.supMain dl dt {font-weight:bold; padding:5px 0; font-size:12px;}
.supMain dl dd {padding:0 0 20px 15px; background:url(images/ico_dot.gif) no-repeat 3px 8px;}

.supMain .SupImg {float:left;}
.supMain .SupInfo {padding-left:130px;}
.supMain .SupInfo dd {padding:0 0 0 15px;}
.supMain .lineBottom {margin-bottom:20px;}

/*Knowledge*/
.KnoMain p { padding:10px 0;}
.KnoMain dl {padding-top:10px;}
.KnoMain dl dt {font-weight:bold; padding:5px 0; font-size:12px;}
.KnoMain dl dd {padding:0 0 0 15px; background:url(images/ico_dot.gif) no-repeat 3px 8px;}

/*Tutorial*/
.tutMain dl dd {padding:0 0 0 15px; background:url(images/ico_dot.gif) no-repeat 3px 8px;}

/*history*/
.hisMain dl {padding:10px 0 20px 0;}
.hisMain dl dt { background-color:#cce4e7; font-weight:bold; font-size:12px; padding:5px 10px; margin-bottom:5px;}
.hisMain dl dd {padding:0 0 0 25px; background:url(images/ico_dot.gif) no-repeat 13px 8px;}

/*main_right*/
#main_right{float:right; }
.main_rt_box{width:240px;margin:10px 0px;border:1px solid #d6d5d5; border-top:0px;}
#main_right h2{background:url(images/rt_title.gif) bottom #f4f3f3 no-repeat;height:30px;line-height:25px;border-top:1px solid #d6d5d5}
.dl_pd{margin:0 0 5px 0px}
.st_bg strong{background:url(images/index_end2_24.jpg) 5px 5px no-repeat;padding:0 0 0 20px; font-size:14px; font-weight:normal;}
.dl_pd a{padding:10px 30px; font-size:12px; text-decoration:none;background:url(images/index_end2_28.jpg) 20px 15px no-repeat;}
.dl_pd li {padding:10px 10px;}
.dl_pd li span { display:block; text-align:right;}
.dl_pd dd a{font-size:11px; text-decoration:none;background:none;}
.dl_pd dt{height:30px;line-height:30px;background:url(images/rt_ur_title.gif) bottom no-repeat;}
.main_rt_box .flink{height:30px;line-height:30px;background:url(images/rt_ur_title.gif) bottom no-repeat; text-align:center;}
.main_rt_box .flink_l{padding:3px 8px;}
#main_right .more_a a{height:8px;font-size:10px; padding:0 0 0 180px; color:#05699f}
#main_right .picImg {padding-top:10px;}

.rt_box2 { background:url(images/product_rt_faq.jpg) no-repeat center top; width:240px; height:153px;}
.rt_box2 p {padding-left:10px;}
.st_bg2 {padding:5px;}
.st_bg2 strong{background:url(images/index_end2_24.jpg) 5px 5px no-repeat;padding:0 0 0 20px; font-size:14px; font-weight:normal;}

/*footer*/
#footer .footer_nav{height:40px;line-height:40px;background:url(images/footer_nav.jpg) repeat-x; text-align:center}
#footer .footer_nav a {color:#333;}
#footer .Copyright{line-height:16px;font-size:10px;color:#fff; text-align:center; margin:10px 0px}

/*article*/
.article-button{margin:5px 0; height:21px;}
.article-button img{margin-right:10px; float:left;}
.article-button span{padding:0 0 0 15px; background:url(images/button-fx.gif) left no-repeat;}