/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}
mark, rp, rt, ruby, summary, time{display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body{background:#fff;border:0; font:14px Arial, Helvetica, sans-serif;color:#555;line-height:22px;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
.body1 {background:url(../images/header.gif) top center repeat-x}
.body2{background:url(../images/bg_top2.gif) bottom repeat-x}
.body3{background:#fff}
.body4{background:url(../images/bg.jpg) top center repeat}
.body4{background:url(../images/topbg.png) top center repeat}
.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:960px}
/* ============================= main layout ====================== */
a{color:#60B000; text-decoration:none; outline:none}
a:hover{text-decoration:none}
h1{font-size:25px; }
h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:38px 0 11px 0;color:#000;letter-spacing:-1px}
h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}
h3{font-size:26px;color:#333;line-height:1.2em;letter-spacing:-0px;padding-bottom:10px;font-weight:400;font-style:normal;}
h3 span{display:block;margin-top:-7px}
* + html h3 span{margin-top:-25px}
h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}
h4{font-size:22px;line-height:1.2em;color:#fff;font-weight:400;padding:43px 0 15px 0}
h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}
h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;color:#fff;text-align:center}
h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}
h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}
h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}
p{padding-bottom:22px; line-height:20px;}
/* ============================= header ====================== */
header{padding-top:4px;height:98px}
#logo{display:block; width:288px;height:94px; float:left;}
header .wrapper { overflow:visible;}
header .wrapper .menu {float:left; margin-top:27px; font-size:18px;}
header .wrapper .menu .on{background: none repeat scroll 0 0 #70B33C; border-radius: 3px 3px 0 0;  box-shadow: 0 2px 13px #456E26 inset;color: #FFF; text-shadow: 0 0 0;}
header .wrapper .menu .on a { color:#FFF;}
header .wrapper .menu .on a:hover { color:#FFF;}
header .wrapper .menu li { float: left;  margin-left:10px; height: 42px;  position: relative; text-align: center;  z-index: 20;  }
header .wrapper .menu li a { color: #333; padding-left:12px; padding-right:12px; display: block;  font-size: 15px; line-height: 42px; text-decoration:none;}
header .wrapper .menu li a:hover{ background: none repeat scroll 0 0 #70B33C; border-radius: 3px 3px 0 0; box-shadow: 0 2px 13px #456E26 inset; color: #FFF;  text-shadow: 0 0 0;}
header .wrapper .menu li a:hover, header .wrapper .menu li.curr a { text-decoration: none;}
header .wrapper .menu li:hover .subNav { display: block; }
header .wrapper .menu li .subNav { background: none repeat scroll 0 0 #FFF; border: 1px solid #DFDFDF;  display: none; left: -1px;  padding: 15px 0;  position: absolute; text-align: left;
    top: 42px; width: 300px; z-index: 20;}
header .wrapper .menu li .win { background: #fff url(../images/icon/OS_Windows_8.png) right bottom no-repeat;}  
header .wrapper .menu li .mac { background: #fff url(../images/icon/Mac_Finder.png) right bottom no-repeat; width:340px;}  
header .wrapper .menu li .subNav dl { float: left; padding: 0px; width:300px; } 
header .wrapper .menu li .subNav dd { display:block; padding:0; margin:0; background:none;}
header .wrapper .menu li .subNav dd a{ line-height:30px; font-size:13px; display: block; color: #666;}
header .wrapper .menu li .subNav dd a:hover{ background:none; border-radius:0; box-shadow: none; color: #60B000; text-decoration:none;}
header .wrapper .menu li .subNav dd img { display:inline; margin-right:10px;}
 
header .wrapper #sea { float:right; margin-top:10px;}
header .search{
    background: url(../images/header-pic.png) no-repeat scroll 0 0 transparent;
    display: block; 
    float: right;
    height: 27px;
    margin: 18px 0 0;
    position: relative;
    width: 150px;
}

header .search input[type="text"] {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    display: block;
    float: left;
    font-size: 12px;
    height: 25px;
    line-height: 25px; text-indent:12px;
    margin-top: 1px; 
    width: 105px; 
	background:none; padding:0;
}
 
header .search input[type="submit"] {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    width: 25px;
}
input, textarea, select {
    color: #666666;
 
    outline: medium none; background:none; padding:5px;
}

.slider{top:75px;position:absolute;z-index:1}
.slider .items{display:none}
.slider .pagination{position:absolute;z-index:2;bottom:47px;left:432px}
.slider .pagination li{float:left;padding-right:4px}
.slider .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a{background-position:left}
/* ============================= content ====================== */
#content{padding-top:30px;padding-bottom:36px}



#content .wrapper a{ color:#333; text-decoration:none;}
#content .wrapper a:hover { text-decoration:none; color:#60B000;}
#content2{padding-bottom:20px; background:url(../images/fbg.png) center repeat-y;}
.pad_left1{padding-left:40px; padding-bottom:5px;}
.pad_left2{padding-left:40px}
.pad_bot1{padding-bottom:8px}
#content .wrapper .pad_bot1 a { color:#60B000; }
.pad_bot2{padding-bottom:40px}
.marg_right1{margin-right:20px}
.link1{ font-style:normal; background:url(../images/btn_bg1.png) top no-repeat; padding:6px 14px 10px 32px; line-height:30px;}
.link2{ font-style:normal; background:url(../images/btn_bg1.png) bottom left no-repeat; padding:6px 14px 11px 32px; line-height:30px;}
 
.testimonials{width:100%;position:relative;z-index:1;height:210px;overflow:hidden}
#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}
#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}
.testimonials li{height:210px}
.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}
.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}
.down{background:url(../images/marker_down.gif) 0 0 no-repeat}
.up:hover, .down:hover{background-position:bottom}
.color1{color:#000}
.color2{color:#60b000}
.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}
.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px}
.list1 a{color:#696969;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}
.list1 a:hover{color:#fff}
.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}
.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal}
.address span{padding-left:4px;float:left;width:62px}
 
#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}
#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}
#icons a{color:#696969;text-decoration:none;font-style:normal;display:inline-block}
#icons img{float:left;margin-right:9px;margin-top:5px}
#icons a:hover{color:#fff}
/*--- tabs begin ---*/
 
/*--- tabs end ---*/
#address span{float:left;width:80px}
/* ============================= footer ====================== */
footer { padding:34px 0 38px 0;font-style:normal;color:#696969;text-align:center}
footer a{color:#fff}
footer a:hover{}
/* ============================= forms ============================= */
 
.main .product{}
.main .product h1{ font-size:20px; float:left; font-style: normal; font-weight:700; padding-left:5px;}
.main .product .pic { float:left; width:460px; }
.main .product .int { float:left; width:490px; margin-left:10px;}
.main .product .int p { padding-bottom:12px;}
.main .product .int li { background:url(../images/icon/star.png) left top no-repeat; padding-left:20px; list-style:none;}
.main .product .int li img { vertical-align:middle;}
.main .product .int .buy { margin-top:15px;}
.main .product .int .buy li { float:left; width:190px; background:none; list-style:none;}
.main .product .int .buy li.freedownload { background: url(../images/icon/btn-tr.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.main .product .int .buy li.freedownload a { color:#FFF;}
.main .product .int .buy li.freedownload span { float:left; width:50px; padding-top:15px; margin-left:5px;}
.main .product .int .buy li.freedownload font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:12px;}
.main .product .int .buy li.freedownload font strong { font-size:18px;}
.main .product .int .buy li.buynow { background: url(../images/icon/btn-bu.png) left top no-repeat; font-size:16px; padding:5 25px; color:#fff; padding-bottom:23px;}
.main .product .int .buy li.buynow a { color:#FFF; text-decoration:none;}
.main .product .int .buy li.buynow span { float:left; width:58px; padding-top:15px; margin-left:5px;}
.main .product .int .buy li.buynow font { float:left; width:120px; padding-top:9px; padding-bottom:9px; font-size:12px;}
.main .product .int .buy li.buynow font strong { font-size:18px; display:block;}
 
.main .product .topinfor { height:45px;}
.main .product .topinfor span { float:right; margin-left:10px;}
.main .product .topinfor span a { color:#fff; background:#70B33C; font-size:13px; text-decoration:none; padding:4px 13px; border-radius:12px; }
.main .product .topinfor span a:hover { background:#66CC66;}

.maina { margin:0 auto; padding:0; background: #fff url("../images/icon/amain.png") repeat-x;}
.maina a:hover{ color:#60B000; text-decoration:underline;}
.amenu{ width:960px; height:34px; background:url(../images/icon/tab-bg.png) bottom repeat-x; margin:0 auto; padding:0;}
.amenu ul{list-style:none;width:720px;height:34px;margin:0 auto;}
.amenu li{ background:url(../images/icon/tabli.png) repeat-x; background-position:249px 0; display:block; float:left; width:180px; height:34px; cursor:pointer;}
.amenu li.current{background-position:0 0; }
.amenu span{ font-size:14px;color:#666;display:block;line-height:34px;text-align:center;}
.content { background:#fff url(../images/icon/con-bg.png) top repeat-x;}
.current span{ color:#333; text-shadow:2px 2px 2px #FFF;}
.content ul{width:960px;height: auto;list-style:none; margin:0 auto; padding:0; }
.content li{ display:block; padding:15px; background:url(../images/icon/con-bg.png) top left repeat-x; font-size:14px;}
.content li .step { margin:15px 0 15px 0; text-align: center;}
.content li .step span { width:164px; height:160px; text-align:center; line-height:none; float:left; vertical-align:middle;}
.content li .step .lit { width:27px; margin-top:35px; height:55px;}
.content img{ max-width:600px;}
.content li table { border:0; font-size:13px;}
.content li table td { border:1px solid #ddd; padding: 10px 13px; vertical-align:middle}
.content li table th { border:1px solid #ddd; padding: 10px 13px; vertical-align:middle; font-style:normal; font-weight:700; text-align:left; background:#E5E5E5; color:#555;}
.content ul li .inta { width:510px; float:left; margin-bottom:20px; }
.content ul li .inta p { padding-bottom:15px;}
.content ul li .pica { width:390px; float: left; text-align:center; margin-bottom:20px; }
.ainfo{ float:left; width:300px; margin:20px 0; height:auto;}
.ainfo p{ font:bold 24px Verdana, Geneva, sans-serif; color:#999; display:block; line-height:34px; text-align:center;}
.clear { clear:both;}
.review {}
.review p { border-radius:5px; border:solid 1px #F3F3F3; padding:15px; background:#F3F3F3 url(../images/icon/five-stars.png) no-repeat top  right; margin-bottom:35px;}
.review .four {background:#F3F3F3 url(../images/icon/four-stars.png) no-repeat top right;}
.review p strong, .review p span { display:block; font-size:16px;}
.review p span { font-size:12px; color:#999;}
 
 


.bread { font-size:13px; color:#666; }
.bread a { color:#666;}
.bread a:hover { text-decoration:underline;}
.bread img, .bread img a { vertical-align:middle; bordr:0;}
.bread h1 { font-size:12px; font-weight:400; text-align:left; display:inline; }
.tutorial { margin:25px 0;}
.tutorial h4{ color:#333; padding:0 0 8px 0;}
.tutorial .left{ float:left; width:655px; border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; padding:30px 25px;}
.tutorial .left h3 { padding-bottom:5px;}
.tutorial .left .sd { margin:15px 0;}
.tutorial .left .sd .win, .tutorial .left .sd .mac { width:250px; height:250px; float:left; text-align:center;}
.tutorial .left .sd .mac { margin-left:30px;}
.tutorial .left .sd img { margin-bottom:5px;}
.tutorial .right{ width:230px; float:right; }
.tutorial .right ul{ padding: 0px 8px 25px 8px; margin:0; }
.tutorial .right .non { border:0;}
.tutorial .right ul li {display: block;  padding: 8px 0; border-bottom: 1px solid #E6E6E6; margin: 0 15px;}
.tutorial .right ul li a { color:#666; }
.tutorial .right ul li a:hover { color: #60B000;}
.tutorial .right h4 {background: none repeat scroll 0 0 #EBEBEB; border-radius: 10px 10px 0 0; font-size: 16px; font-weight: bold; margin: 0px; padding: 10px 18px; }
.tutorial .right .rev, .tutorial .right .tips {border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; margin-bottom:20px;}
.tutorial .right .rev, .tutorial .right .tips .no { border:0;}
.tutorial .right .letimg { margin-bottom:20px;}
.tutorial .right .rev img { margin:10px 15px 5px 15px;}
.tutorial .right .rev p { padding:5px 15px 25px 15px; font-size:13px;}
.tutorial h2{font-size:30px;font-style:normal;font-weight:400;line-height:1.2em;padding:0px 0 11px 0;color:#000;letter-spacing:-1px}
.tutorial .left .switch-nav {border-top: 1px solid #DFDFDF; overflow: hidden; padding-top: 20px; width: 100%;}
.tutorial .left ul { margin-bottom:5px;}
.tutorial .left ul li { float: left; margin-bottom: 12px; overflow: hidden; width:300px;}
.tutorial .left ul li a { color:#666; line-height:32px;}
.tutorial .left ul li a:hover { color: #60B000;}
.tutorial .left ul li .num {background: url("../images/icon/num-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  color: #78AD1F;  float: left;  font-size: 20px;  font-weight: bold; height: 32px; line-height: 32px; margin-right: 13px;  text-align: center; width: 32px;}

.tutorial .left .switch-nav .pic { float:left;}
.tutorial .left .switch-nav em { float:left; margin-right:15px; margin-left:10px;  font-size:12px; width:150px;}
.number {background: none repeat scroll 0 0 #60B000;
    border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    float: left;
    font-size: 20px;
    font-style: italic;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    padding: 0 8px 0 6px;}
.downl table { float:left;}
.mr-10{ margin-right:15px;}
.downl table img { vertical-align:middle;}	
.downl table td { border-bottom:1px solid #DFDFDF; padding:10px 5px 10px 5px;}
.d-hot { }	
.d-hot ul {} 
.tutorial .left .d-hot ul li{ height:170px; width:50%; }
.tutorial .left .d-hot ul li a { line-height:18px;}
.tutorial .left .d-hot ul li .pic { float:left; width:130px;}
.tutorial .left .d-hot ul li .pic img { width:125px;}
.tutorial .left .d-hot ul li .int { float:left; width:165px;}
.cen { text-align:center; margin-top:8px;}	
.purchase { margin:25px 0;}	
.purchase .left { float:left; width:705px; }
.purchase .right  { width:230px; float:right; border: 1px solid #E7E7E7;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; text-align:center; }
.purchase .left h2 { padding:0; margin:0 0 15px 0; font-size: 27px;}
.purchase .left .box { float:left; width:200px; }
 
.purchase .left .box img { border:1px solid #EAEAEA;}
.purchase .left .pur { float:left; width:440px;}
.purchase .left .pur img { margin:20px 0;}
.purchase .left .pur ul { }
.purchase .left .pur ul li { background:url(../images/marker_1.gif) left center no-repeat; padding-left:15px;}
.purchase .left .pur .buynow {background: #FAFAFA url("../images/icon/btn-bu.png") no-repeat scroll left top; color: #FFF; font-size: 16px; padding-bottom: 0px; width:230px; float:left;}
.purchase .left .bac {border: 1px solid #E7E7E7; background: #FAFAFA;  box-shadow: 0 0 3px #E7E7E7; border-radius: 10px; padding:30px 25px;}
.purchase .left .pur .buynow a { color:#FFF; text-decoration:none;}
.purchase .left .pur .buynow span { float:left; width:58px; padding-top:0px; padding-left:25px;}
.purchase .left .pur .buynow span img { margin:15px 0 0 0;}
.purchase .left .pur .buynow font { float:left; width:120px; padding-top:19px; padding-bottom:18px; }
.purchase .left .pur .buynow font strong { font-size:20px;}
.purchase .left .pur .price { color:#F6772C;  font-size:18px; margin-top:10px; width:160px; float:left;}
.purchase .left .pur .price span{text-decoration:line-through; color:#666;}
.purchase .left .note { margin:25px 0 15px 0; font-size:13px;}
.purchase .left .note p { padding-bottom:12px;}
.purchase .left .note ol { line-height:1.6em; list-style:decimal outside none; margin-left:18px;}
.purchase .left .note ol li { margin-bottom:8px;}
.cols h3 { padding-bottom:5px; font-size:25px;}
.main #content .wrapper .cols h3 a {color:#333;}
.main #content .wrapper .cols h3 a:hover {color:#60B000;}
h4 { color:#333; padding:10px 0 5px 0;}
#content2 { color:#9D9D9D;}
#content2 a { color:#9D9D9D;}
#content2 a:hover { color:#fff;}

.tutorial .left .reva { width:645px; font-size:12px;}
.tutorial .left .reva ul { float:left; border-top:1px solid #DFDFDF; padding-top:10px;}
.tutorial .left .reva ul li { width:200px; float:left; text-align:center; margin-right:15px;}
.tutorial .left .reva ul li em { text-align:left;}
.tutorial .left .reva ul li img { max-width:130px; vertical-align:middle;}
.nividia { margin-top:10px;}
.nividia table { background:#CCC;}
.nividia table td { padding:5px; background:#FFF; border-left:1px #ddd solid; border-right:1px #ddd solid; }
.nividia table th { background:#60B000; color:#fff;}
.guidelist { width:auto; padding:0; margin:0;}
.guidelist li { background:url(../images/spec-a.png) no-repeat left top 12px; list-style:none; padding-left:15px; border-top:1px dashed #ddd; padding-top:5px;}
.guidelist p {padding-left:15px; padding-bottom:15px;}



#donate { background:url(../images/page/2014.png) repeat-x top; margin:0 auto; padding:0;}
#donate .don { width:960px; margin:0 auto; padding:15px 0 ;}
#donate .don h1 { font-size:60px; color:#FFF; line-height:57px; padding: 20px 0; }
#donate .don h3 { color:#F30; padding-bottom:20px;}
#donate .don .poem { color:#F90; font-size:20px; margin-bottom:25px; display:block; margin-top:10px; text-align:center;}
#donate .don .numbers { text-align:center;}
#donate .don .product { color:#60b000;}
#donate .don .product a:hover { text-decoration:underline;}
#donate .don .present { text-align:center;}
#donate .don .present img { margin-left:10px;}
#donate table { text-align:center; margin: 0 auto;}
#donate  select { border:1px solid #F00; background:#FFF;}
.tutorial .left .red { color:#FF3300;}

.preview { width:960px; margin:20px auto 20px auto; padding:0; border: 1px solid #e7e7e7;
    border-radius: 10px;
    box-shadow: 0 0 3px #e7e7e7;}
.preview .con { padding:10px 15px 10px 15px;    }
.preview .con h2 { padding: 15px 0 11px; }
.preview .con img { margin-right:25px; max-width:890px;}
.preview .con font { color:#F60; font-weight:700; font-size:18px;}
.preview .con .pic { text-align:center; margin:15px 0;}