/*Global Public*/
.gray{ color:#999;}
.font-title{ font-size:16px;}
.orange16{ color:#f22503; font-size:16px;}
.black-title{ font-size:16px;}
.red{color:#F00;font-weight: bold;}
.blue-link{color:#0b45d7;text-decoration:underline;}
.blue01{color:#1070d3;}
.blue{ color:#00a5d4;}
.blue16{ font-size:16px; color:#00a5d4;}
.blue-more{ font-size:13px; text-decoration:underline; color:#0bb6e6;}
.blue-more02{font-size:20px; line-height:20px; *line-height:30px; text-decoration:underline; color:#00d8ff; background:url(../images/arrow-more.png) right no-repeat; padding:0 23px 0 0;}
.yellow30{font-size:35px; line-height:35px; color:#ffc600; padding:0 0 0 30px;}
.article-title{ font-size:14px; margin:15px 0 10px 0; padding:0 0 5px 3px; background:url(../images/xx.gif) bottom repeat-x;}
.article-title h3{ font-size:16px; color:#444; background:url(../images/arrow-green.gif) 0px 4px no-repeat; text-indent:20px;}
.article-title h1{ font-size:22px; color:#13a5e2; }
.line{ width:100%; height:2px; background:#12c1ed; margin:5px 0 0 0;}


/*table*/
.table-border-color{ border:#e0e0e0 1px solid;}
.table-border-color-tr-title{ border-bottom:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; height:26px; text-align:center; font-weight:bold; padding:7px 0 7px 0px;}
.table-border-color-tr-left{ border-bottom:#e0e0e0 1px solid;  vertical-align:middle; padding:7px 0 7px 7px;}
.table-border-color-tr-info h3{font-size:16px;}
.table-border-color-tr-info { border-bottom:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid;  vertical-align:middle; padding:7px 0 7px 0px;}
.table-border-color-tr{ border-bottom:#e0e0e0 1px solid; border-right:#e0e0e0 1px solid; vertical-align:middle; text-align:center; padding:7px 0 7px 0px;}

/*header*/
#header .logo{width:14%; height:125px; float:left; padding: 0 0 0 5px;}
#header .logo-title{ width:295px; height:54px; padding:26px 0 0 0; float:left;}
#header .header-top{ width:85%; height:80px; float:left;}
#header .menu-content{width:85%; height:44px; float:left; background:url(../images/menu-content.gif) repeat-x;}
#header .menu-content ul{height:44px;}
#header .menu-content li{ float:left; text-align:center; vertical-align:middle; line-height:44px;  padding: 0 12px 0 12px; background:url(../images/menu-gx.png) right no-repeat;}
#header .menu-content a{ font-size:13px; font-weight:bold; color:#FFF; }
#header .menu-content a:hover{ text-decoration:none; color:#00d8ff; /*background-image: url(../images/bt-down.png);*/}


#search{width:297px; height:23px; *height:27px; float:left; padding:37px 0 0 13px; margin:0 0 0 225px; background:url(../images/bg-search.png) bottom no-repeat;}
#search_frame{ height:20px;}
.search_form1{ float:left; padding:2px 0 0 0;}
.search_form{ width:247px; height:20px; line-height:20px; vertical-align:middle; font-size:12px; color:#999; border: #333 1px none; background:url(../images/bg-search-form.gif) repeat-x; }

.search_go1{ float:left; padding:0 0 0 5px; *padding:0 0 0 4px; _padding:0 0 0 4px;}
.search_go{ width:42px; height:21px; *padding:3px 0 0 1px; *margin:3px 0 0 1px; border:#0596db 1px none; color:#FFF; font-weight:bold;line-height:21px; background:url(../images/bt-go.png) no-repeat;}

/*banner*/
label { display: block; } 

.infiniteCarousel {
  width: 980px;
  position: relative;
  height:260px;
  margin:0 auto;
}

.infiniteCarousel .wrapper {
  width: 860px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height:250px;
  margin: 0 70px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 860px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 280px;
  width: 860px;
  padding:0 0 0 0px;
}



.infiniteCarousel .arrow {
  
  display: block;
  height: 46px;
  width: 37px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
  margin:62px 0 0 15px;
  
}

.infiniteCarousel .forward {
  background-position: 0 -96;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -96px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -48px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -144px;
}

.banner-info{ float:left; width:630px; height:220px; padding:10px 0 0 0;}
.banner-info-content{ float:left; width:100%; height:180px; color:#FFF; font-size:13px; }
.banner-info h1{ font-size:45px; color:#FFF;}
.banner-more{ float:left; width:600px; height:220px;}
.banner-more ul{}
.banner-more li{ float:left;}
.banner-box{ float:left; width:230px; height:260px; padding:10px 0 0 0;}

.breadcrumgs{ padding:5px 0 5px 3px; margin:0 0 10px 0; border-bottom:#9cd4e4 1px solid;}

.rounded{ height:262px; width:960px; border:#CCC 1px solid; background:url(../images/hot-content.jpg) repeat-x;}

.right-title{ font-size:22px; font-weight:bold; margin:0 0 10px 0; text-indent:3px;}
.right-title img{ padding:0 5px 0 0;}

.windows-software-title{height:35px;color:#3c3c3c;font-size:14px; margin:0 0 10px 0; background:url(../images/bg-list-title-left.png) no-repeat;}
.windows-software-title h3{ padding:6px 0 0 0; text-indent:32px;}
.windows-software-title span{ float:right; height:35px; font-size:12px; padding:0 10px 0 0; background:url(../images/bg-list-right.png) right no-repeat;}
.mac-software-title{height:35px;color:#3c3c3c;font-size:14px; margin:0 0 10px 0;  background:url(../images/bg-list-title-left-mac.png) no-repeat;}
.mac-software-title h3{ padding:6px 0 0 0; text-indent:32px;}
.mac-software-title span{ float:right; height:35px; font-size:12px; padding:0 10px 0 0; background:url(../images/bg-list-right.png) right no-repeat;}



.article-list{ border:#4e9e50 1px solid; margin:10px 0 20px 0; padding:15px; font-size:13px; background:url(../images/title-right.jpg) repeat-x; }
.article-list h3{ font-size:14px; font-weight:bold; color:#348200;}
.article-list ul{ padding:6px 0 0 0px;}
.article-list li{ line-height:23px; background:url(../images/arrow-blue.gif) 0px 8px no-repeat; text-indent:10px; }
.guide-list ul{ padding:6px 0 0 0px;}
.guide-list li{ line-height:23px; background:url(../images/arrow-blue.gif) 0px 8px no-repeat; text-indent:10px; margin:0 0 0 5px; }

.product-list{padding:5px 0 0 0;}
.product-list ul{ padding:0 0 0 10px;}
.product-list li{ height:25px; background:url(../images/arrow-gray.gif) 0px 5px no-repeat; text-indent:10px; }
.product-list-info{ width:98%; margin:15px 0 0 0; background:url(../images/xx.gif) bottom repeat-x;}

.home-product-images{ width:176px; float:left; margin:0 0 15px 0;}
.home-product-images-a{ font-size:14px; text-align:center; color:#F00; font-weight:bold;}

.product-images{ width:148px; float:left;  margin:0 0 15px 0; }
.product-images-a{ font-size:14px; color:#F00; font-weight:bold; padding:0 0 0 35px;}


.product-list-info-details{ width:100%; margin:15px 0 0 0;}
.product-images-big{ width:205px; float:left; text-align:center; padding:8px 0 20px 0;}
.content-info-details{ width:65%; float:left; padding:0 0 16px 18px;}
.content-info-details h3{ color:#13a5e2; font-size:22px;}
.screenshot{ width:96%; text-align:center; margin:20px 0 20px 0;}

.content-info-txt{ width:99%; float:left; padding:0 0 0 8px; }
.content-info{ width:72%; float:left; }
.content-info h3{ font-size:22px; color:#348200;}
.product-content-info{ width:76%; float:left;}
.product-content-info h3{ font-size:22px; color:#348200;}

.right-list{ width:100%; text-align:center; padding:20px 0 20px 0; }



.tabs-left{ background:url(../images/tabs-left.gif) no-repeat; height:36px; width:5px; float:left;}
.tabs-right{ background:url(../images/tabs-right.gif) no-repeat; height:36px; width:7px; float:left;}
.buy-downlaod{ width:100%; margin:0 0 10px 0;}
.buy-downlaod li{ float:left; padding:25px 10px 20px 0;}
.home-buy-downlaod li{ float:left; padding:15px 10px 20px 0;}
.top{ width:100%; height:50px; text-align:right; margin:10px 0 0 0;}


.downlaod-top-title{ width:80%; height:110px; background:url(../images/download-img.gif) left top no-repeat; padding:0 0 0 125px;margin:5px 0 0 0;}
.downlaod-top-title h3{ font-size:25px; color:#348200;}
.purchase-top-title{ width:80%; height:110px; background:url(../images/purchase-img.jpg) left top no-repeat; padding:0 0 0 125px;margin:5px 0 0 0;}
.purchase-top-title h3{ font-size:25px; color:#348200;}
.tutorials-top-title{ width:80%; height:110px; background:url(../images/tutorials-img.jpg) left top no-repeat; padding:0 0 0 125px;margin:5px 0 0 0;}
.tutorials-top-title h3{ font-size:25px; color:#348200;}
.affiliate-top-title{ width:72%; background:url(../images/affiliate-img.jpg) left top no-repeat; padding:0 0 0 180px;margin:5px 0 0 0;}
.affiliate-top-title h3{ font-size:30px; color:#348200;}
.email-top-title{ width:75%; background:url(../images/email-img.jpg) left top no-repeat; padding:0 0 0 160px;margin:5px 0 0 0; line-height:180%; font-size:12px;}
.email-top-title h3{ font-size:30px; color:#348200;}
.sitemap-top-title{ width:99%; background:url(../images/bg-map.gif) left top no-repeat; padding:0 0 0 3px;margin:5px 0 0 0; line-height:180%; font-size:12px;}
.sitemap-top-title h3{ font-size:30px; color:#348200;}

.product-link{ width:960px; height:245px; margin:0 0 50px 0;}
.product-link-left{ width:10px; height:245px; float:left; background:url(../images/product-link-left.png) left top no-repeat;}
.product-link-content{ width:940px; _width:937px; height:245px; float:left; background:url(../images/product-link-content.png) repeat-x;}
.product-link-right{ width:10px; height:245px; float:left; background:url(../images/product-link-right.png) right top no-repeat;}
.link-list{ width:24%; float:left; margin:18px 0 0 7px; background:url(../images/sx.gif) right repeat-y;}
.link-list ul{ padding:5px 0 0 2px;}
.link-list li{ height:25px; background:url(../images/arrow-green-01.gif) 0px 5px no-repeat; text-indent:10px; }
.link-list h3{ color:#08c1ef; font-size:16px; font-weight:bold;}

.link-list2{ width:24%; float:left; margin:18px 0 0 7px;}
.link-list2 ul{ padding:5px 0 0 2px;}
.link-list2 li{ height:25px; background:url(../images/arrow-green-01.gif) 0px 5px no-repeat; text-indent:10px; }
.link-list2 h3{ color:#08c1ef; font-size:16px; font-weight:bold;}