@charset "utf-8";
a, area {blr:expression(this.onFocus=this.blur())}
/* for IE */
a:focus {-moz-outline-style: none;}
/* for Firefox */
/* CSS Document */
*{margin:0;padding:0;}
body{ font-family: "wf_SegoeUI","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif"; color: #1A1A1A;}
ul, li, dl, dd, dt, h1, h2, h4, h5, h6 {padding:0px; margin:0px;list-style:none;}
body,h1,h2,h3,h4,h5,h6,em,th,p,a,li,td,dl,dt,dd{font-weight:normal; font-size:13px; color:#444;-webkit-text-size-adjust:none; line-height:20px;}
fieldset,img{border: medium none;}
img{ vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
a:link{ color: #2366B2; text-decoration:none; outline: medium none;}
a:visited{ color: #2366B2; text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{ text-decoration:none;}
element.style {display: none;}
a img {border: none;}
.clear { display: inline-table; clear: both; }
.clear { display: block; }
.fd {display: inline;float: left;}

html,body{-webkit-text-size-adjust:none;}

body{width: 100%; background: url(../images/home-bg.jpg) repeat-x scroll 0 0 transparent; height:79px;}

/* global */
#header {width:980px;height:65px;margin:0 auto 0px;}

#logo {float:left;width:216px;height:60px;}

#nav {width:680px;float:right;height:60px;}
#nav ul li{float:left; color:FFF;font-size:18px; height:30px; line-height:30px;  text-align:center; padding:20px 22px 0;display:block; font-weight:bold; position:relative;}
#nav ul li a{color:#C7C7C7;font-size:18px; text-decoration:none;list-style:none;}
#nav ul li a:hover{color:#FFF; font-size:18px; text-decoration:underline;}
#nav ul li ul{height:auto; display:none; margin-left:4px; margin-top:35px; padding:15px 0 20px; position:absolute; left:-30px; top:12px; background-color:#394249;}
#nav ul li ul li{background:url(../images/arrow-right.png) 30px 17px no-repeat; text-align:left; width:160px; height:35px; line-height:25px; margin:0; padding-left:45px; padding-top:5px;}
#nav ul li ul li a{text-align:left; font-size:14px; line-height:25px;}
#nav ul li ul li a:hover{color:#FFF; text-align:left; font-size:14px; text-decoration:underline;}
#nav ul li:hover ul, #nav li.over ul{display:block;}

#banner{width: 980px; margin: 20px 10px 20px;}
#other-banner{width: 980px; margin: 30px 0px 20px;}

.wrapper-home {width: 100%; height:auto;}
.wrapper-product{width: 100%; background: url(../images/pro-bg-a.png) 50% 130px no-repeat; height:auto;}
.wrapper-guide {width: 100%;  height:auto;}
.wrapper-other {width: 100%; background: url(../images/other-bg.png) 50% 130px no-repeat; height:auto;}
.wrapper-overview {width: 100%; background: url(../images/product-bg-b.png) 50% 130px no-repeat; height:auto;}

#banner-nav{width: 980px; height: 35px; margin: 0 auto; padding-top:20px; text-align: left; color: #333;}
#banner-nav .info{color: #666;float: left; font-size: 23px;letter-spacing: 0;padding-top:5px;}

#store-nav{width: 980px; height: 35px; margin: 5px auto 0; padding-top:15px;  text-align: left; color: #333;}
#store-nav .mac{color: #444444;float: left;font-family: Helvetica,Arial;font-size: 20px;letter-spacing: 0;line-height: 25px;}
#store-nav .shift{ background:url(../images/arrow.gif) 390px 13px no-repeat; float: left; font-size: 13px;letter-spacing: 0;line-height: 25px; margin-left:25px; padding-left:400px; padding-top:8px;}
#store-nav .shift a{ font-size:13px; color:#444444; text-decoration:none;}
#store-nav .shift a:hover{ color:#009FFF; text-decoration:underline;}

#crumb{ float:left; line-height: 25px; margin: 0 auto; font-size:12px; text-indent:20px; background:url(../images/home.png) 0px 5px no-repeat #FFFFFF; padding:0; color:#a7a7a7;}
#crumb a{ color:#a7a7a7; font-size: 12px; text-decoration: none;}
#crumb a:hover { color:#FF6600; text-decoration:underline;}

/*search box*/
#search { width: 260px; float: right; height: 30px; margin-top:10px; margin-right:18px; display:inline;}
#searchbox {display:inline; float:left; width: 220px;}
#searchtext{ float:left; background: url(../images/search-left.png) no-repeat left top transparent; width: 220px; height: 26px; border: none;  color:#888; padding-left:5px;}
#searchbutton {float:right; width:40px; height:30px;}
#searchbutton input{border:none;}
#searchbox input{font-size:13px;}

/*google custome search*/
.cusearch{clear:both; margin-top:0; display:block; height:10px; overflow:hidden;}
.cusearch-frame{display:block; height:auto; overflow:hidden; padding-left:5px;}
#cse-search-results { margin-left: 20px; margin-top:-1px;}
#cse-search-results iframe {width: 95%;}
.search_title{ height:40px; padding:0px 25px 5px 10px; background:#F9FAFC; text-align:right; position:relative; }
.search_title h1.search{color:#555; font-size:22px; font-family: Tahoma; font-weight:normal; float:left; padding-left:13px;}

#product{width:700px; float:left; height:auto; overflow:hidden;}
#product h3 {width:655px; float: left; border-bottom: 1px solid #DEDEDE; color: #454545;font-size: 22px; margin: 10px 0 5px;padding: 10px;}

#product .thumbs {width: 670px; height: 60px; float: left;}
#product .thumbs .player {width: 60px; height: 60px; display:inline; cursor: pointer; transition: all .25s ease-out; -o-transition: all .25s; -moz-transition: all .25s ease-out; -webkit-transition: all .25s ease-out;}
#product .thumbs .player img{padding-right:10px;}

#product .zone h2{font-size:16px;font-weight:bold; color: #434343;}
#product .zone{ margin-bottom:10px; height:290px;}
#product .zone .left{width:470px; padding:20px 10px 0 10px; }
#product .zone .left .category{padding:25px 10px 25px 0;}
#product .zone .left .category img{float:left; margin-right:15px;}
#product .zone .left .category span img{float:left; margin-right:1px;}
#product .zone .left .category .cont { height:auto;}
#product .zone .left .category .cont h1{ color:#444444; font-family: 'WOL_SL','Segoe UI Semilight','Segoe UI',Tahoma,Helvetica,sans-serif; font-size:32px; font-weight: 400;}
#product .zone .left .category .cont h1 a{ color:#444444; font-size:30px;font-weight:bold;}
#product .zone .left .category .cont h1 span a.windows{ color:#333333; font-size:12px;font-weight:normal; padding-left:6px;}
#product .zone .left .category .cont h1 span{float:right; margin-right:15px; padding-top:30px;}
#product .zone .left .category .cont p{color:#333; font-size:15px;padding-top:16px;line-height:24px;}
#product .zone .left .category .cont p a{font-size:11px;}
#product .zone .left .category .version {color:#333333; font-size:13px; padding-top:60px;line-height:24px;}
#product .zone .left .category .version a{font-size:13px; text-decoration:none}
#product .zone .left .category .version a:hover{font-size:13px; text-decoration:underline;}
#product .zone .left .category .cont a.learn{color:#195E97;width:60px;line-height:20px;float:left;display:block;font-size:11px;margin-right:15px;}

#product .zone .box{width:193px; height:auto;}
#product .zone .box img{float:left; margin-right:10px; margin-top:15px; padding:30px 0 0 0px;}
#product .zone .box span img{float:left; margin-right:1px;}

#side {width: 270px; float: left; padding-top:50px; padding-left:10px; overflow:hidden;}
#side ul {padding: 10px 5px;}
#side ul li { padding: 11px 10px 5px 7px; border-bottom: 1px dashed #DDDDDD; height:25px;}
#side ul li a {color: #444; font-size:13px; }

#other_side {width: 270px; float: left; padding-top:0px; padding-left:10px; overflow:hidden;}
#other_side ul {padding: 10px 5px;}
#other_side ul li { background: url(../images/sidebar-arrow.png) no-repeat scroll 98% 12px transparent; padding: 10px 10px 5px 7px; border-bottom: 1px dashed #DDDDDD;}
#other_side ul li a {color: #333333;}

#store_side {width: 220px; float: right; padding-top:0px; padding-left:10px; overflow:hidden;}
#store_side ul {padding: 10px 5px;}
#store_side ul li { padding: 10px 10px 5px 7px;}
#store_side ul li a {color: #333333;}

.side_box270 {margin: 20px 0 0 0; background-color:#F8F8F8; border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 2px #E1E1E1; overflow: hidden; padding: 20px 10px 10px 10px;}
.side_box270 .title { background: none repeat scroll 0 0 #E3E3E3; border-radius: 3px 3px 3px 3px; color: #555;font-size: 17px;font-weight: bold; height: 18px;line-height: 16px; padding: 8px 0 5px 13px; padding-top:-15px;}
.side_box270 .review {color: #555555;font-size:20px; height: 18px;line-height: 20px; padding: 0 0 7px 10px; margin-bottom:18px;}
.side_box270 .cite{ background: url(../images/quote.png) no-repeat scroll 0 0px transparent; border-bottom: 1px solid #DEDEDE; font-size:13px; line-height:20px; margin:12px 8px 9px 13px; text-indent: 0em; text-indent:25px; color:#444;}
.side_box270 span{ display: block; font-size: 13px; color: #555555; font-style: italic; padding-bottom: 7px; text-align: right;}

ul.olist{list-style-type: none;margin: 0 0 10px; padding: 0;}

.proguide { overflow: hidden; display: inline; height:auto;}
.proguide .demo {background: none repeat scroll 0 0 #444444;color: #FFFFFF;padding: 10px 10px 10px 20px; font-size:18px;}
.proguide .demoimg {width: auto; height: 228px;  padding: 10px; background: #f0f0f0; box-shadow: 0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.proguide h4 {font-size:16px; color: #2366B2;cursor: pointer;height: 26px;line-height: 26px;text-align: center; padding: 0 10px 10px;}
.proguide h4 a{font-size:15px;}

.button{background-color:#0a8dd1; background-image: -moz-linear-gradient(center top , #3baee7, #0088cc); color: #FFFFFF;cursor: pointer;display: block; float: left;font-size: 1.3em;font-weight: bold;height: 40px;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;margin-top:10px;margin-right:30px;}
.button a{color:#FFFFFF;font-size:inherit;font-weight: bold; font-family:inherit;line-height: 37px;}

.button-buy{background-color:#f8645a; background-image: -moz-linear-gradient(center top , #f96e65, #f75a50); color: #FFFFFF;cursor: pointer;display: block; float: left;font-size: 1.3em;font-weight: bold;height: 40px;line-height: 40px;padding: 0 20px;text-align: center;text-decoration: none;margin-top:10px;margin-right:30px;}
.button-buy a{color:#FFFFFF;font-size:inherit;font-weight: bold; font-family:inherit;line-height: 37px;}

.smallb{background-color:#f8645a; background-image: -moz-linear-gradient(center top , #f96e65, #F75A50); color: #FFFFFF;cursor: pointer;display: block; float: left;font-size: 1.2em;font-weight: bold;height: 33px;line-height: 33px;padding: 0 17px;text-align: center;text-decoration: none;margin-top:20px;margin-right:10px;}
.smallb a{color:#FFFFFF;font-size:15px;font-weight: bold; font-family:inherit;line-height: 30px;}

.blueb{background-color:#54AAE8;background-image: -moz-linear-gradient(center top , #54AAE8, #5285BE);box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3) inset, 0 0 0 transparent;color: #FFFFFF;cursor: pointer;display: block; float: left;font-size: 1.2em;font-weight: bold;height: 33px;line-height: 33px;padding: 0 17px;text-align: center;text-decoration: none;margin-top:20px;margin-right:10px;}
.blueb a{color:#FFFFFF;font-size:inherit;font-weight: bold; font-family:inherit;line-height: 30px;}

.price{font-size:13px; color:#D41F00; font-weight:bold; margin-top:32px; float:left;}

.money {float:left; display: block; height:35px; float: left;line-height: 35px;width: 180px; overflow:hidden; font-size:14px; margin-top:13px;}
.money strong {color: #A40000;font-size: 16px; padding-right:5px; font-weight:bold;}
.money span {text-decoration:line-through; padding-right:8px;}

.pro-price{font-size:15px; color:#E03400; margin:22px 12px auto -25px; float:left;}

.beffect {border-radius: 4px 4px 4px 4px;}

.ning {display: inline; float: left;}

.headerright {color: #FFFFFF;display: block;font-size: 17px;font-weight: normal;line-height: 1.5em;text-shadow: 1px 1px 2px black;width: 420px;}

.feature {display: inline;float: left;margin: 10px 10px 10px 0;width: 325px; padding-right:15px;}
.feature p{font-size:14px; line-height: 20px;}

.order{float:left; width:730px; display:inline;}
.tip {display: inline;float: left;margin: 10px 0px 10px 0;width: 350px; padding-right:10px;}
.tip p{font-size:12px;}

.box670 {display: inline;float: left;margin: 10px 10px 10px 0;width: 670px; padding-right:15px;}
.box670 p{font-size:13px;}
.box670 .focus{overflow: hidden; padding: 10px 0px; margin-bottom:12px;}
.box670 .answer1 p{margin:10px 10px 10px 0; padding:0px;}
.box670 .answer1{margin-bottom:30px;}


.addition {display: inline;float: left;margin: 10px 0px 10px 0;width: 670px; padding-right:5px;}
.addition .function {display: inline;float: left;margin: 10px 0px 10px 5px;width: 415px; padding-right:5px;}
.addition .function ul li{display: list-item; list-style: disc inside url("../images/star.gif");}
.addition .function ul li{color: #333333; font-size: 14px; line-height: 24px;}
.addition .editimg{float:right; width: 230px; height: 200px;  padding: 20px 0px 10px 0; background: #ffffff;}
.addition p{font-size:13px; line-height:15px;}
.addition .more {background: none repeat scroll 0 0 #F0F0F0;border-bottom: 0 solid #E6E6E6;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);color: #454545;font-size: 20px; margin: 0 0 20px;padding: 10px;}

.addition .function1 {display: inline;float: left;margin: 10px 0px 10px 5px;width: 670px; padding-right:5px;}
.addition .function1 ul li{display: list-item; list-style: disc inside url("../images/star.gif");}
.addition .function1 ul li{color: #333333; font-size: 13px; line-height: 24px;}

h2 {color: #454545; font-family: 'WOL_SL','Segoe UI Semilight','Segoe UI',Tahoma,Helvetica,sans-serif; font-size: 20px; line-height: 26px; padding: 0 0 10px;}
p { margin: 0 0 20px;}

/*==== table ====*/

.table1{width: 670px; float:left; border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;margin-top:20px}
.table1 th{background-color: #EEEEEE;height:50px;font-size:18px; padding:0 15px;text-align:left; border-right:1px solid #e3e3e3}
.table1 td{padding:15px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;line-height:20px}
.table1 .bt{display:block;font-weight:bold}
.table1 .bt2{font-size:11px;font-weight:normal}


/*==== footer ====*/
#footer {width: 980px; height: 16px; margin: 20px auto 0; text-align: left; padding: 10px 0 50px 0; border-top: #e6e6e6 2px solid;}
#footer .copy {height: 16px; line-height: 16px; float: left; font-size: 12px; color: #757575;}
#footer .copy a{color: #757575;text-decoration:none;font-size: 12px;}
#footer .copy a:hover{color: #757575; text-decoration:underline;}
#footer .quicklinks {width:auto; height: 16px; line-height: 16px; float: right; padding: 0 15px 0 0; margin: 0 5px 0 0; border-right: #e6e6e6 1px solid;}
#footer .quicklinks ul {float: right;}
#footer .quicklinks ul li {float: left; margin: 0 0 0 15px; font-size:12px;}
#footer .quicklinks ul li a {color: #444; font-size:12px;}
#footer .social {height: 16px; float: right;}
#footer .social a.icon {width: 16px; height: 16px; float: left; display: block; margin: 0 0 0 5px;}
#footer .social a.facebook {background: url(../images/facebook.png) 0 0 no-repeat;}
#footer .social a.twitter {background: url(../images/twitter.png) 0 0 no-repeat;}

#article {float:left; height:auto; overflow:hidden; width:700px;}
#article .guide{ margin-bottom:5px; height:180px; padding-left:0px; padding-top:20px;}
#article .guide .trial{width:525px;padding:10px 10px 0 10px; }
#article .guide .trial .category{ padding:5px 0 0px 0;}
#article .guide .trial .category .cont p.intro{color:#20221D; font-size:26px; height:auto; line-height:32px;}
#article .guide .box{height:auto;}
#article .guide .box img{float:left; margin-right:20px; padding-top:15px;}
#article .guide .box span img{float:left; margin-right:1px;}

.guide-pro{width:auto; overflow:hidden; margin:0px 0px 20px;}
.featuredprogram{float:left; margin:5px 0px 10px 0; width:240px; overflow:hidden;}
.featuredprogram .os{width:48px; height:auto;}
.featuredprogram .os img{float:left; margin-right:15px; padding:0;}
#article .featuredprogram .info{position:relative;height:48px;float:left;margin-right:5px; width:170px; }
#article .featuredprogram .info .cont{ height:auto;}
#article .featuredprogram .info .cont .name{ color:#FFF; font-size:15px;}
#article .featuredprogram .info .cont .name a{color:#FFF; font-size:15px;text-decoration:underline; }
#article .featuredprogram .info .cont .name a:hover{text-decoration:none; }
#article .info-left{display: block; color:#FFF; float: left;font-size:14px; height: 18px;line-height: 18px;margin-top:10px;margin-right:20px; text-indent:20px;}
#article .guide-pro .featuredprogram .info .info-left a{color:#FFF;font-size:14px; padding-left:7px; text-decoration:underline;}
#article .guide-pro .featuredprogram .info .info-left a:hover{color:#FFF;font-size:14px; text-decoration:none; }

/* --- Downlaod Page top--- */
#download-center{width:700px; font-family:Tahoma; float:left; height:auto; overflow:hidden;}
#download-center .promotion{ width:690px; margin-bottom:10px; height:290px; border-bottom: 1px solid #DDDDDD;}
#download-center .promotion .shortinfo{width:391px;padding:20px 0px 0 10px; display: inline; float: left;}
#download-center .promotion .shortinfo .category{padding:0; height:auto; overflow:hidden;}
#download-center .promotion .shortinfo .category .tag { color:#444444; font-size:30px;font-weight:bold;}
#download-center .promotion .shortinfo .category .tag a{ color:2E6296; font-size:30px;font-weight:bold;}
#download-center .promotion .shortinfo .category .tag p{color:#333333; font-size:12px;padding-top:0px;line-height:18px; margin:0;}
#download-center .promotion .shortinfo .category .tag .title{font-size: 25px; padding-bottom:15px; padding-top:25px;}
#download-center .promotion .shortinfo .category .tag .title a{font-size: 18px; color:#2E6296}
#download-center .promotion .shortinfo .category .tag .title a:hover{font-weight: bold; text-decoration:underline; color:#2E6296;}
#download-center .promotion .shortinfo .category .tag .tagline{font-size: 12px;font-weight: bold;padding-bottom: 15px; padding-top:0px;}
#download-center .promotion .shortinfo .category .tag p a{font-size:11px;}
#download-center .promotion .box{height:auto; display: inline; float: left;}
#download-center .promotion .box img{float:left; margin-right:20px; margin-top:50px;}

/* --- Downlaod Page content--- */
.product-download{ width:650px; height:auto; overflow:hidden; font-family:Arial; padding-top:0; margin-top:25px; padding-left:20px; padding-bottom:10px;}
.bgc{background-color:#F0F0F0;}
.download-box img{ float:left; padding-top:7px;}
.download-box .box-left{ float:left; display:block; width:370px; height:auto; overflow:hidden; padding-top:15px; margin-left:35px;}
.download-box .box-left li{ font-size:11px; color:#666; line-height:18px; display:block;}
.download-box .box-left .title{font-size:13px; color:#333; font-weight:bold;background:none; padding-left:0px; margin-bottom:10px;}
.download-box .box-left .title a{color:#2E6296; font-size: 13px;font-weight: bold; text-decoration:underline;}
.download-box .box-left .title a:hover{text-decoration:none;}
.download-box .box-right{ display:block; width:130px; height:auto; overflow:hidden; float:left; padding-left:15px;padding-top:40px;}
.download-box .box-right li{ font-size:12px; color:#333; line-height:16px; padding-left:10px}
.download-box .box-right li a img{ border:none}
.download-box .box-right .mini_download{ width:120; line-height:25px; background:url(../images/icon_download.gif) no-repeat scroll 0 center transparent; margin-bottom:5px; padding-left:15px; font-size:12px; text-decoration:underline;}
.download-box .box-right .mini_download a{color:#2E6296; text-decoration:underline;}
.download-box .box-right .mini_download a:hover{ color:#2E6296; text-decoration:none;}

/* --- Store Page --- */
#store{width:730px; font-family:Tahoma; float:left; height:auto; overflow:hidden;}
#store .promotion{ margin-bottom:10px; height:280px; border-bottom: 1px solid #DDDDDD;}
#store .promotion .shortinfo{width:391px;padding:20px 0px 0 10px; display: inline; float: left;}
#store .promotion .shortinfo .category{padding:0; height:auto; overflow:hidden;}
#store .promotion .shortinfo .category .tag { color:#444444; font-size:30px; font-weight:bold;}
#store .promotion .shortinfo .category .tag a{ color:2E6296; font-size:30px; font-weight:bold;}
#store .promotion .shortinfo .category .tag p{color:#333333; font-size:15px; padding-top:10px;line-height:22px; margin:0px;}
#store .promotion .shortinfo .category .tag .title{font-size: 28px; padding-bottom:20px; padding-top:25px;}
#store .promotion .shortinfo .category .tag .tagline{font-size: 12px;font-weight: bold;padding-bottom: 15px; padding-top:0px;}
#store .promotion .shortinfo .category .tag p a{font-size:11px;}
#store .promotion .box{height:auto; display: inline; float: left;}
#store .promotion .box img{float:left; margin-right:20px; margin-top:45px;}

#store .prolist{ float:left; width:355px; margin-bottom:10px; height:200px; margin-right:10px;}
#store .prolist .shortinfo{width:220px;padding:20px 5px 0 0px; display: inline; float: left;}
#store .prolist .shortinfo .category{padding:0px 0 15px 0; height:auto; overflow:hidden;}
#store .prolist .shortinfo .category .tag { color:#444444; font-size:30px;font-weight:bold;}
#store .prolist .shortinfo .category .tag a{ color:#444444; font-size:30px;font-weight:bold;}
#store .prolist .shortinfo .category .tag p{color:#333333; font-size:12px;padding-top:0px;line-height:18px; margin:0;}
#store .prolist .shortinfo .category .tag .title{font-size: 15px;font-weight: bold;padding-bottom: 5px; padding-top:25px;}
#store .prolist .shortinfo .category .tag .title a{color:#2E6296; font-size: 14px;font-weight: bold; text-decoration:underline;}
#store .prolist .shortinfo .category .tag .title a:hover{font-size: 14px;font-weight: bold; text-decoration:none;}
#store .prolist .shortinfo .category .tag .tagline{font-size: 12px;font-weight: bold;padding-bottom: 15px; padding-top:0px;}
#store .prolist .shortinfo .category .tag p a{font-size:11px;}
#store .prolist .box{height:auto; display: inline; float: left;}
#store .prolist .box img{float:left; margin-right:20px; padding-top:40px;}

#leftbox {display: inline;float: left;margin: 2px 0px 5px 0;width: 690px; padding-right:5px;}
#leftbox a{text-decoration:none; font-size:13px;}
#leftbox a:hover{text-decoration:underline;}
#leftbox .trial{background: url("../images/download.gif") no-repeat scroll 3px 0 transparent; font-size:12px; text-decoration:underline; text-indent:10px; padding:0 3px 0 22px;}
#leftbox a:hover .trial{font-size:12px; text-decoration:none;}
#leftbox .item{float: left;margin: 5px 0px 0;width: 670px; padding-right:5px;}
#leftbox .item h1{color: #22;font-size: 23px; font-weight:500; line-height:23px; margin: 0 0 30px;padding: 0 10px 0 5px;}
#leftbox .item h2{background: none repeat scroll 0 0 #F0F0F0;border-bottom: 0 solid #E6E6E6;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);color:#111111;font-size: 20px;margin: 20px 0 30px;padding: 10px;}
#leftbox .item h1 a{color: #222222;}
#leftbox .item h1 a:hover{color: #222222;}
#leftbox .item p{font-size:13px; line-height:20px; margin:10px 0 11px; padding-left:5px;}
#leftbox .item .things{background: url("../images/star.gif") no-repeat scroll 10px 6px transparent;text-indent: 23px;}

#bottom-tip {margin:80px auto 0px; color:#666; padding-left:5px; font-size:23px;}
#bottom-tip .tip-header{ font-weight:normal;}
#bottom-tip ul{margin:15px auto 10px 0;}
#bottom-tip ul li{background: transparent url(../images/index.png) no-repeat scroll 0 18px; font-size:14px; line-height: 32px; padding:3px 3px 3px 13px; margin-left:5px;}
#bottom-tip ul li a{font-size:14px;}

#leftbox .item .tag{font-size:12px; line-height:18px; margin:10px 0; padding-left:5px; color:#999999; margin-top:-5px;}

#leftbox .item .note{background: url(../images/tip.png) no-repeat 5px 1px transparent; font-size:12px; line-height:16px; margin:10px 0; padding:2px 0 2px 23px; color:#444444; border:1px solid #d8d8d8; width:480px;}

#leftbox .item .note a{font-size:12px; line-height:16px; margin:10px 0; font-weight:normal; padding-left:3px;}

#leftbox .step {height:30px; margin-top:15px;}
#leftbox .step .number{ background-image: url("../images/step.jpg");color: #FFFFFF;display: block;float: left;font-size: 12px;font-weight: bold;height: 25px;line-height: 28px; margin-right:8px; text-align: center; width: 53px;}
#leftbox .step h3 {color:#444444; font-size:20px; padding-top:13px; width:auto; line-height:auto;}
#leftbox .step p{color:#666; font-size:16px; font-weight:bold; margin: 0; width:auto; line-height:auto; padding-top:2px}
#leftbox.item img {max-width: 620px;}

#leftbox .item .extitle{background: none repeat scroll 0 0 #F0F0F0;border-bottom: 0 solid #E6E6E6;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);color: #222222;font-size: 16px;margin: 0 0 20px; padding:10px; margin-top:30px;}
#leftbox .item .extitle a{color: #222222;}
#leftbox .item .extitle a:hover{color: #222222;}

#rightbox {width: 260px; float: left; padding-top:50px; padding-left:10px; overflow:hidden;}
#rightbox ul {padding: 10px 5px;}
#rightbox ul li { background: url(../images/sidebar-arrow.png) no-repeat scroll 98% 12px transparent; padding: 10px 10px 5px 7px; border-bottom: 1px dashed #DDDDDD;}
#rightbox ul li a {color: #333333;}


.green-download {margin: 20px 0px 20px 0px; text-align: center;}
.green-download .shadow {background: url(../images/shadow.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);height: 58px; margin-bottom:5px; overflow: hidden;}
.green-download .shadow .text{background: url(../images/button-bg.png) no-repeat scroll 0 8px rgba(0, 0, 0, 0); color: #ffffff; display: inline-block; font-size: 23px; font-weight:bold; height:70px; margin:0px; line-height:67px; text-align:center; text-decoration:none; text-shadow:1px 1px 2px #000000; width:247px;}
#leftbox .green-download p a.pc-trial{background: url(../images/icon_download.gif) no-repeat scroll 0 7px transparent; padding-left: 15px; padding-right:8px; text-decoration:underline;}
#leftbox .green-download p a.mac-trial{background: url(../images/icon_download.gif) no-repeat scroll 10px 7px transparent; padding-left: 25px;text-decoration:underline;}
#leftbox .green-download p a.pc-trial:hover{text-decoration:none;}
#leftbox .green-download p a.mac-trial:hover{text-decoration:none;}



/* =sidebar_artile*/
#sidebar_article { float:left; width:275px; background-image: url(../images/sidebar-right-bg.png); background-position: left top; background-repeat: repeat-y; background-color:#FFF; border-radius: 4px 0 0 4px; margin-top:30px; padding-bottom:15px; height:auto; color:#666;}

#sidebar_download{ float:left; width:275px; background-color:#FFF; border:1px solid #d8d8d8; margin-top:30px; padding-bottom:15px; border-radius: 5px 5px 5px 5px; height:auto; padding-top:10px; overflow:hidden; color:#666;}

#sidebar_other { float:left; width:275px; background-color:#FFF; border:1px solid #d8d8d8; margin-top:15px; padding-bottom:15px; border-radius: 5px 5px 5px 5px; height:auto; padding-top:15px; overflow:hidden; color:#666;}

#sidebar .contents,#sidebar .contents{ padding:0; }

#right-box-white {width: 255px; background-color: #FFFFFF; margin: 15px auto 0;}
#right-box-white ul{width:235px; height:auto; margin:0px auto 10px; background-repeat:no-repeat; line-height:20px;}
#right-box-white ul li{height:30px; font-size:12px; padding-top:10px; border-bottom:1px dashed #D6D6D6;}
#right-box-white ul li a{font-size:13px; color:#666;}

#right-box{width:255px; margin:0 auto; background-color:#ebebeb; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; margin-top:10px;}
#right-box-top{width:255px; margin:0 auto;margin-bottom:10px;}
.right-box-top-img{text-align:center; margin:10px auto 0px;}
#right-box-top span{color:#666666; font-size:12px; font-weight:normal; line-height:25px;}

#right-box-award{width:255px; margin:25px auto 0;}
#right-box-award a{font-family:Tahoma;}

#right-box-topic {width:255px; margin:0px auto 30px; color:#666;}
#right-box-topic ul{width:235px; font-size:12px; margin:10px auto 10px 0;}
#right-box-topic ul li{line-height: 22px; padding:3px 3px 3px 0; border-bottom: 1px dashed #ACACAC; margin:0 0 10px 10px;}
#right-box-topic ul li a{color:#5D5C5C; padding:0;}

#right-box-pro {width:255px; margin:0px auto 30px; color:#666; padding:7px 0;}
#right-box-pro ul{width:235px; font-size:12px; margin:10px auto 10px 0;}
#right-box-pro ul li{line-height: 22px; padding:3px 3px 3px 0; margin:0 0 10px 10px;}
#right-box-pro ul li a{background: transparent url("../images/arrow-right.jpg") no-repeat scroll 5px 8px; font-size:14px; color:#5D5C5C; padding:0 0 0 17px;}

.main-heading {width:235px; height:28px; *height:30px; margin:0 auto; margin-top:10px; font-size:18px; color:#666666; border-bottom:1px dashed #7d7c7c;}

.awards {width:255px; margin-top:10px; text-align:center;}

.quote-icon {width:30px; height:20px; float:left; background-image:url(../images/quotation-icon.jpg); background-repeat:no-repeat;}

.more-text {color: #6E6E6E;font-size: 12px;height: 25px;line-height: 10px;margin: 10px auto 0;text-align: right;width: 235px;}

.testimonials {width:235px; height:auto; margin:10px auto 10px; background-repeat:no-repeat; font-size:13px; line-height:20px;}

.testimonial-img {width:auto; height:auto; margin:15px auto 25px; text-align:center;}

.testimonial-name {color:#666; width:235px; height:20px; margin:0 auto; font-size:12px; line-height:20px; text-align:right; padding-bottom:10px;}

.download-btn {width:180px; height:26px; margin:10px auto 0; padding-top:6px; text-align:left; padding-left:65px; font-size:13px; font-weight:bold; color:#3c3c3c; text-decoration:none; background-image:url(../images/download-side.png); background-repeat:no-repeat; cursor:pointer;}
.download-btn:hover {width:180px; height:26px; margin:0 auto; padding-top:6px; margin-top:10px; font-size:13px; font-weight:bold; color:#3c3c3c; text-decoration:underline; background-image:url(../images/download-side-h.png); background-repeat:no-repeat; cursor:pointer;}

.compatiblilty{width:235px; height:auto; margin:0 auto; margin-top:10px; font-size:12px; line-height:20px; padding-bottom:10px;}
.compatiblilty-win{width:235px; height:auto; margin:0 auto; margin-top:10px; font-size:12px; line-height:20px; padding-bottom:10px;}
.compatiblilty-mac{width:235px; height:auto; margin:0 auto; font-size:13px; line-height:20px; padding-bottom:10px;}

/* =sidebar_store*/
#sidebar_store { float:right; width:230px; font-family:Tahoma; background-color:#FFF; border:1px solid #d8d8d8; padding-bottom:15px; border-radius: 5px 5px 5px 5px; height:auto; margin-top:35px;}

#sidebar_store .rep {overflow: hidden; padding-top:5px; padding-bottom:15px; height:auto;}

#license{width:210px; height:260px; margin:0 auto; background-color:#F4F4F4; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; margin-top:10px; padding-bottom:5px;}
#license .head {width:190px; height:28px; background:url(../images/license_bg.png) no-repeat center center;  margin:10px auto 0; padding-top:7px; padding-left:15px; text-align:center; font-size:14px; font-weight:bold; color:#666666;}
#license p {width:186px; line-height:18px; margin:0 auto; margin-top:10px; font-size:12px; color:#666666; font-family:Tahoma;}

#policy{width:200px; height:260px; margin:0 auto;  margin-top:10px; padding-bottom:5px;}
#policy .head {width:190px; height:28px; text-align:left; font-size:14px; font-weight:bold; color:#666666;}
#policy p {width:180px; line-height:18px; background: url(../images/sidebar-arrow.png) no-repeat scroll 98% 12px transparent; border-bottom: 1px solid #DEDEDE; margin:0 auto; padding: 9px 14px 9px 0; font-size:12px; color:#666666; font-family:Tahoma;}
#policy p a{color:#666;}

#support-faq{width:255px; margin:0 auto; background-color:#ebebeb; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; margin-bottom:10px;}
#support-faq .head {width:235px; height:28px; *height:30px; margin:0 auto; margin-top:10px; font-size:14px; font-weight:bold; color:#666666; border-bottom:1px dashed #7d7c7c;}
#support-faq p{width:220px; line-height:18px; background: url(../images/sidebar-arrow.png) no-repeat scroll 98% 12px transparent; border-bottom: 1px solid #DEDEDE; margin:0 auto; padding: 9px 14px 9px 0; font-size:12px; color:#666666; font-family:Tahoma;}
#support-faq p a{color:#666;}




.side_box240 {margin: 0px 0 0 0; background-color: #F0F0F0; border-radius: 5px 5px 5px 5px; box-shadow: 0 2px 2px #E1E1E1; overflow: hidden; padding: 20px 10px 10px 10px;}
.side_box240 .title { background: none repeat scroll 0 0 #D6D5D5;border-radius: 5px 5px 5px 5px; color: #666666;font-size: 16px;font-weight: bold; height: 18px;line-height: 16px; padding: 10px 0 6px 8px;}
.side_box240 .review { font-family:segoe ui,verdana,arial,sans-serif; color: #555555;font-size: 17px; font-weight: bold; height: 18px;line-height: 16px; padding: 0 0 7px 10px; margin-bottom:12px;}
.side_box240 .cite{ background: url(../images/quote.png) no-repeat scroll 0 0px transparent; border-bottom: 1px solid #DEDEDE; font-size:12px; line-height:20px; margin:12px 8px 9px 13px; text-indent: 0em; text-indent: 25px;}
.side_box240 span{ display: block; font-size: 12px; color: #666666; font-style: italic; padding-bottom: 7px; text-align: right;}

/* ----------- Home page ---------- */
#imgpos {margin: 15px 0 5px;}
#ad {height:386px; width:980px; margin:0 auto; overflow:hidden;}

#content {width: 980px; margin: 0px auto 0; text-align: left; padding: 0 0 20px; height:auto; overflow:hidden;}


#overview {display: inline;float: left;margin: 0 0 10px 0;width: 980px; padding-right:5px;}
#overview h1 {background-color: #EEEEEE;background-image: url(../images/products-bar.gif);border: 1px solid #D3D8DB;border-radius: 5px 5px 5px 5px;height: 20px;margin-bottom: 0;padding-bottom: 1px;padding-left: 8px;padding-top: 5px; font-size:13px; font-weight:bold; color:#333333;}
#products .grid-b{margin:12px 4px 22px;overflow:hidden;padding:0}
#products .grid-b .inside{overflow:hidden;height:100%}
#products .grid-b h2{height:33px;line-height:30px;color:#318905;font-size:14px;padding:0 0 0 24px;border-right:1px solid #ddd}
#products .grid-b .col-a{float:left;width:515px}
#products .grid-b .col-a .item-a{border-right:1px solid #ddd;padding:10px 24px 22px 36px}
#products .grid-b .col-a .prod{overflow:hidden;height:100%}
#products .grid-b .col-a .prod-pic{float:left;width:114px;padding:10px 8px 0 0}
#products .grid-b .col-a .prod-pic img{width:114px;height:135px}
#products .grid-b .col-a .prod-info{float:right;width:314px}
#products .grid-b .col-a .prod-info p{line-height:1.6em;color:#787878}

.cite {font-size:10px;}

.download-intel{ background:url(../images/download.png) no-repeat; width:240px; height:50px; line-height:30px; padding-left:30px; padding-top:15px; margin-top:20px;}
.download-intel { font-family:Tahoma, Geneva, sans-serif; color:#fff;}
.download-intel a{ color:#CCC; font-size:20px; font-weight:bold;}
.download-intel a:hover{ color:#EEE; }

#bottom-f {margin-top:-10px; height:auto; overflow:hidden; }
.bottomcont { padding-left:5px; margin-top:10px; height:auto; overflow:hidden;}
.bottomcont ul{ padding-right:40px}
.bottomcont ul li{font-size:12px; line-height:22px;}
.fl{float:left;}

.tutorial {font-size:12px;}
.tutorial a{font-weight:bold; font-size:13px;}
.tutorial a:hover{color:#2366B2;}

.faq{margin:12px 8px 9px 13px; font-weight:bold; color:#555;}
.faq1{font-size:14px; margin:0;color:#333; font-weight:bold;}
.answer{margin:12px 8px 9px 13px;}

.app-box {width: 310px; float: left; margin: 30px 0 40px 0;}
.app-box .icon { width: 40px; height: 40px; float: left; padding:3px 0 0 4px; display: inline; margin: 0 5px 10px 0; }
.app-box .icon img{ margin:3px 0 0 0;}
.app-box .info {width: 245px; height: 40px; float: left; padding-top:10px;}
.app-box .info h2 {font-size: 16px; margin: 0; font-weight:bold; padding: 2px 0;}
.app-box .info h2 a{font-size: 16px; color:#000; font-weight:bold;}
.app-box p{width: 300px; font-size:13px;}
.app-box a{color:#FFF; margin-right:10px;}

.app-extra-left {width: 440px; float: left; background: #f0f0f0; padding: 15px; margin: 10px 30px 20px 0;}
.app-extra-right {width: 440px; float: left; background: #f0f0f0; padding: 15px; margin:10px 0 20px 0;}
.app-extra-left p{font-size:13px; font-family:Tahoma, Geneva, sans-serif;}
.app-extra-right p{font-size:13px; font-family:Tahoma, Geneva, sans-serif;}
.app-extra-left a{margin-right:10px;}
.app-extra-right a{margin-right:10px;}

.bluebtn {height: 28px; line-height: 28px; display: block; float: left; padding: 0 10px; color: #fff; font-size: 12px; text-align: center; cursor: pointer; text-decoration: none; border: #6DA81D 1px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color:#6DA81D; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6DA81D), to(#690)); background-image: -webkit-linear-gradient(top, #6DA81D, #690); background-image: -moz-linear-gradient(top, #6DA81D, #690); background-image: -ms-linear-gradient(top, #6DA81D, #690); background-image: -o-linear-gradient(top, #6DA81D, #690);}
.macbtn {height: 28px; line-height: 28px; display: block; float: left; padding: 0 10px; font-size: 12px; text-align: center; cursor: pointer; text-decoration: none; border: #5285be 1px solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color:#3276BE; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3276BE), to(#5285be)); background-image: -webkit-linear-gradient(top, #54aae8, #5285be); background-image: -moz-linear-gradient(top, #3276BE, #5285be); background-image: -ms-linear-gradient(top, #3276BE, #5285be); background-image: -o-linear-gradient(top, #3276BE, #5285be);}
.app-box a:link {color: #fff;}

.smallbtn, .smallbtn:hover {height: 20px; line-height: 20px; padding: 0 10px;}

.middle{margin: 30px 20px 40px 20px;}