/*
Theme Name: LeetPress
Description: A Premium Gaming Theme
Author: Sebastian R
Author URI: http://wpmaniac.com
Version: 1.0
*/

@import url("reset.css");
@import url("jquery.fancybox-1.3.4.css");
/***
	Index
	=================
	1. General Styles
	2. Header
		2.1. Top Navigation
		2.2. Navigation
		2.3. Search
	3. Featured Section
	4. Main Section
		4.1. News
		4.2. Videos
		4.3. Updates
	5. Sidebar
		5.1. Review widget
	6. Footer Section
		6.1. Footer top
		6.2. Footer
	7. Post
		7.1. Review
		7.2. Comments
		7.3. Screenshots
		7.4. HTML Styling
	8. Archives
		8.1. Review Archive
		8.2. Video + Screenshot archive
	9. Fontface
	=================
***/

/***     1. General Styles     ***/
body {
	background:#dadada;
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif;
	color: #3a3a3a;
}
a {
	color:#052b81;
	text-decoration:none;
}
a:hover {
	color:#5AA0E6;
 -o-transition: color .20s linear;
 -webkit-transition: color .20s linear;
 -moz-transition: color .20s linear;
 transition:  color .20s linear;
}
/***     2. Header     ***/
#header-wrapper {
	background:url(../images/header-bg.png) repeat-x;
	width:100%;
	height:140px;
	position: fixed;
	z-index:99;
	top:0;
}
#header {
	width:990px;
	margin:0 auto;
	position:relative;
	z-index:2;
}
#logo {
	position:absolute;
	top:10px;
	left:0;
	float:left;
}
#header-banner {
	position:absolute;
	right:0;
	top:63px;
}
#social-media {
	float:right;
	padding-top:7px;
}
/*     2.1. Top Navigation     */
	#top-navigation {
	height:24px;
	padding-top:5px;
	float:left;
}
#top-navigation li {
	float:left;
	display:block;
	margin-right:20px;
	text-shadow: 1px 1px 1px #000;
	position:relative;
	height:24px;
	z-index:100;
}
#top-navigation li a {
	display:block;
	color:#7d7d7d;
}
#top-navigation li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
#top-navigation li ul {
	left:-999px;
	position:absolute;
	z-index:1;
	top:24px;
	border:1px solid #000;
	border-top:none;
	width:140px;
	background:#121212;
}
#top-navigation li ul li {
	float:none;
	background:url(../images/nav-item-bg.png) repeat-x;
	height:25px;
	margin:0;
	padding:9px 0 0 10px;
	text-shadow: 1px 1px 1px #000;
}
#top-navigation li ul li a {
	font-size:12px;
}
#top-navigation li:hover ul {
	left:0;
}
#top-navigation li ul li ul {
	top:-999px;
}
#top-navigation li ul li:hover ul {
	left:140px;
	top:0;
}
#top-navigation li ul li ul li ul {
	top:-999px;
}
#top-navigation li ul li ul li:hover ul {
	left:140px;
	top:0;
}
/*     2.2. Navigation     */
	#navigation-wrapper {
	display:flex;
	position:absolute;
	top:96px;
	left:0;
}
#navigation {
	height:46px;
	float:left;
}
#navigation li {
	display:block;
	float:left;
	margin-right:39px;
	position:relative;
	padding-top:10px;
	height:46px;
	text-shadow: 1px 1px 1px #000;
}
#navigation li a {
	font-size:16px;
	color:#e0e2e7;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}
#navigation li a:hover {
	color:#fff;text-shadow:0px 0px 8px #000;
}
#navigation li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}
#navigation li ul {
	left:-9999px;
	position:absolute;
	z-index:1;
	top:44px;
	border:1px solid #000;
	border-top:none;
	width:180px;
}
#navigation li ul li {
	float:none;
	background: rgba(0, 0, 0, .9);
	height:33px;
	margin:0;
	padding:10px 0 0 10px;
	text-shadow: 1px 1px 1px #000;
	border-bottom:1px solid #333;
}
#navigation li ul li a {
	font-size:16px;
	font-weight:normal;
}

#navigation li:hover ul {
	left:0;
}
#navigation li ul li ul {
	top:-999px;
}
#navigation li ul li:hover ul {
	left:180px;
	top:0;
}
#navigation li ul li ul li ul {
	top:-999px;
}
#navigation li ul li ul li:hover ul {
	left:140px;
	top:0;
}
/*     2.3. Search     */
	#search {
	float:right;
	width:163px;
	height:25px;
	background:url(../images/search-bg.png) no-repeat;
	margin-top:7px;
	padding:6px 0 0 9px;
}
#search input {
	background:none;
	border:none;
	color:#555555;
	width:130px;
}
/***     3. Featured Section     ***/
.slider {
	position:relative;
	background:#000;
	z-index:1;
	margin-top:140px;
}
.sliderContent {
	overflow:hidden;
	height:500px;
	position:relative;
}
.featured-inner {
	width:960px;
	margin:0 auto;
	position:relative;
}
.featured-arrows {
}
.featured-inner h1 {
	position:absolute;
	top:70px;
	left:40px;
	color:#FFF;
	font-size:2.8em;
	padding:7px 10px 3px 10px;
	text-shadow: 1px 1px 1px #000;
	font-weight:bold;
}
.featured-inner h1 a {
	color:#FFF;
}
.featured-meta {
	height:200px;
	left:0;
	top:141px;
	left:40px;
	position:absolute;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	text-transform: uppercase;
	padding:8px 10px 0 10px;
	font-size:1.5em;
	line-height:1.6em;
}
.top-overlay {
	background:url(../images/top-overlay.png) repeat-x;
	width:100%;
	position:absolute;
	top:0;
	height:30px;
}
.bottom-overlay {
	background:url(../images/bottom-overlay.png) repeat-x;
	width:100%;
	position:absolute;
	bottom:0;
	height:30px;
}
.sliderArrows a {
	display:block;
	text-indent:-9999px;
	outline:none;
	z-index:50;
	background-image:url(../images/prev_next.png);
	width:42px;
	height:43px;
	position:absolute;
	top:50%;
	margin-top:-34px;
}
.prev {
	background-position:0 0;
	left:10px;
}
.prev:hover {
	background-position:0 -44px;
}
.next {
	right:10px;
	background-position:-44px 0;
}
.next:hover {
	background-position:-44px -44px;
}
/***     4. Main Section     ***/
#main-wrapper {
	width:920px;
	background:#FFF;
	margin:0 auto;
	padding:20px;
	overflow:hidden;
	border:1px solid #000;
}
#main {
	width:600px;
	margin-right:20px;
	float:left;
}
.section-title1 {
	padding:46px 26px 46px 27px;
	text-shadow: 1px 1px 1px #000;
	font-size:32px;
	font-weight:bold;
	color:#7b8587;
	border-bottom:1px solid #bababa;
	background-image: url(images/title_about.jpg);
	background-repeat: repeat;
	background-position: top;
}
.section-title_news {
	padding:46px 26px 46px 27px;
	text-shadow: 1px 1px 1px #FFF;
	font-size:32px;
	font-weight:bold;
	color:#9d948c;
	border-bottom:1px solid #bababa;
	background-image: url(images/title_news.jpg);
	background-repeat: repeat;
}
.section-title_download {
	padding:46px 26px 46px 27px;
	text-shadow: 1px 1px 1px #204667;
	font-size:32px;
	font-weight:bold;
	color:#6c88a0;
	border-bottom:1px solid #bababa;
	background-image: url(images/title_download.jpg);
	background-repeat: repeat;
}
.section-title {
	background:url(../images/section-title.png) repeat;
	padding:9px 9px 6px 9px;
	margin-bottom:30px;
	text-shadow: 1px 1px 1px #FFF;
	font-size:28px;
}
/*     4.1. News     */
	#news-wrapper {
	margin-bottom:24px;
}
.news-item {
	border-bottom:1px solid #DDD;
	margin-bottom:30px;
	padding-bottom:25px;
}
.news-thumb-wrapper {
	position:relative;
}
.news-thumb-wrapper h1 {
	position:absolute;
	color:#FFF;
	left:40px;
	top:220px;
	background:#000;
	padding:8px 9px 7px 9px;
	font-size:24px;
	font-family:BebasNeueRegular;
}
.news-thumb-wrapper h1 a {
	color:#FFF;
}
.news-thumb {
	border:1px solid #CCC;
	margin-right:12px;
	float:left;
}
.news-arrows {
	position:absolute;
	left:0;
	top:220px;
	height:44px;
	width:40px;
	background:url(../images/news-arrows.png) no-repeat;
}
.news-meta-wrapper {
	background:url(../images/section-title.png) repeat;
	height:25px;
	border-bottom:1px solid #CCC;
	margin-top:-3px;
	padding:9px 9px 0 9px;
	margin-bottom:12px;
}
.news-meta-wrapper span {
	text-shadow: 1px 1px 1px #FFF;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:1px;
}
.news-meta {
	color:#777;
	float:left;
}
.news-cats {
	float:right;
}
.news-item p {
	line-height:18px;
}
/***     5. Sidebar     ***/
#sidebar {
	width:300px;
	float:right;
}
.widget-wrapper {
	margin-bottom:20px;
}
.widget {
	margin-bottom:20px;
}
.widget-title {
	background:url(../images/widget-top.png) no-repeat;
	color:#FFF;
	height:32px;
	padding:8px 0 0 50px;
	text-shadow: 1px 1px 1px #000;
	margin-bottom:20px;
	font-size:22px;
}
.widget-title.tabs {
	margin-bottom:0;
}
.widget-banner {
	margin-bottom:20px;
	overflow:hidden;
}
.side-item {
	float:none !important;
	clear:both;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dashed #CCC;
	overflow:hidden;
	width:300px;
	position:relative;
}
.side-item.last {
	margin-bottom:0
}
.side-item h4 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:4px;
}
.side-item-meta {
	color:#888;
	font-size:11px;
	font-style:italic;
}
.side-item-cat {
	color:#666;
	margin-bottom:2px;
	display:block;
}
.side-item-thumb {
	float:left;
	margin-right:10px;
	border:1px solid #CCC;
	height:60px;
}
.panel-wrapper {
	background:url(../images/panel-bg.png) repeat-x;
	height:22px;
	padding:7px 0 0 9px;
	margin-bottom:20px;
}
.panel-wrapper a {
	margin-right:9px;
	color:#777;
	text-shadow: 1px 1px 1px #FFF;
}
.panel-wrapper a.selected {
	font-weight:bold;
	color:#3a3a3a;
}
#mask {
	width:300px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
#panel div {
	float:left;
	width:300px;
}
/*     5.1. Review widget     */
	.side-score {
	position:absolute;
	top:0;
	right:10px;
	width:30px !important;
	height:21px;
	text-align:center;
	padding-top:5px;
	color:#FFF;
	font-weight:bold;
	text-shadow: 1px 1px 1px #444;
}
.side-score.green {
	background:url(../images/small-rating-green.png) no-repeat;
}
.side-score.darkgreen {
	background:url(../images/small-rating-darkgreen.png) no-repeat;
}
.side-score.yellow {
	background:url(../images/small-rating-yellow.png) no-repeat;
}
.side-score.darkred {
	background:url(../images/small-rating-darkred.png) no-repeat;
}
.side-score.red {
	background:url(../images/small-rating-red.png) no-repeat;
}
/***     6. Footer Section     ***/

	/*     6.1. Footer top     */
	#footer-top-wrapper {
	height:30px;
	background-color: #f1f1f1;
	background-image: url(../images/footer-top-bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer-top {
	width:960px;
	margin:0 auto;
	padding-top:5px;
}
#footer-top a {
	color:#797979;

}
#footer-navigation li {
	display:block;
	float:left;
	margin-right:10px;
}
#footer-navigation span {
	margin-right:10px;
}
#back-top {
	float:right;
	background:url(../images/back-top.png) no-repeat right;
	padding-right:26px;
	font-size:small;
}
/*     6.2. Footer     */
	#footer-wrapper {
	background:url(../images/footer-bg.png) repeat;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px solid #D4D4D4;

}
#footer {
	width:960px;
	margin:0 auto;
	padding-top:30px;
}
.footer-widget1 {
	width:960px;
	border:0px solid #000;
}
.footer-widget1 a {
	color:#1e2f56;
}
.footer-widget1 a:hover {
	color:#0a44c8;
}
.footer-widget1 p {
	color:#888;
	text-shadow: 1px 1px 1px #000;
	line-height:18px;
}
.footer-widget1.left {
	float:left;
	margin-right:10px;
}
.footer-widget1.middle {
	float:left;
	margin-right:10px;
}
.footer-widget1.right {
	float:right;
}
.footer-widget1 h3 {
	height:40px;background:#091927;border-left:5px solid #b5d0e0;line-height:40px;font-weight:bold;padding-left:15px;font-size:1.4em;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;color:#fff;text-shadow:-1px -1px 0px rgba(0,0,0,.5);-moz-box-shadow: 1px 1px 0px rgba(0,0,0,.5);
-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,.5);
box-shadow: 1px 1px 0px rgba(0,0,0,.5);
}
.footer-widget1 ul {
	color:#000;
	padding:15px;
	width:960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footer-widget1 li {
	margin-bottom:10px;
	background:url(../images/footer-bullet.png) no-repeat left 7px;
	padding-left:16px;
	line-height:24px;
	font-size:16px;
	color:#000;
	border-bottom:1px solid #c1c1c1;
	padding-bottom:10px;-moz-box-shadow: 0px 1px 0px #ffffff; /* Firefox 3.6 and earlier */
  -webkit-box-shadow: 0px 1px 0px #ffffff; /* Safari and Chrome */
  box-shadow: 0px 1px 0px #ffffff;
}
.footer-widget {
	width:225px;
}
.footer-widget a {
	color:#888;
	text-shadow: 1px 1px 1px #000;
}
.footer-widget p {
	color:#888;
	text-shadow: 1px 1px 1px #000;
	line-height:18px;
}
.footer-widget.left {
	float:left;
	margin-right:20px;
}
.footer-widget.middle {
	float:left;
	margin-right:20px;
}
.footer-widget.right {
	float:right;
}
.footer-widget h3 {
	color:#FFF;
	text-shadow: 1px 1px 1px #000;
	background:url(../images/footer-line.png) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:20px;
	font-size:22px;
}
.footer-widget li {
	margin-bottom:10px;
	background:url(../images/footer-bullet.png) no-repeat left;
	padding-left:16px;
}
/*     6.2. Footer bottom    */
	#footer-bottom-wrapper {
	height:60px;
	background:#1e2f56;
	border-top:1px solid #222;
}
#footer-bottom-wrapper a {
	color:#fff
}
#footer-bottom {
	width:960px;
	margin:0 auto;
	padding-top:11px;
}
.footer-bottom-left {
	float:left;

	font-size:small;
	color:#fff
}
.footer-bottom-right {
	float:right;
	text-shadow: 1px 1px 1px #000;
	font-size:small;
}
/***     7. Post     ***/
.post-meta {
	color:#989898;
	font-style:italic;
	margin-bottom:14px;
}
.post-header {
	font-size:36px;
	margin-bottom:14px;
	color:#000;
}
.post-thumb {
	background:url(../images/img-bg.png) repeat;
	padding:10px 0 10px 0;
	margin-bottom:20px;
}
.post-entry {
	margin-bottom:10px;
	overflow:hidden;
}
.post_padding {
	padding:30px;
}
.post-entry p {
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
}
.post-share {
	background:url(../images/img-bg.png) repeat;
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
	padding:10px 0 8px 10px;
	margin-bottom:60px;
}
.post-share p {
	float:left;
	font-weight:bold;
	font-size:14px;
	color:#4f4f4f;
	padding-top:8px;
	text-shadow: 1px 1px 1px #FFF;
}
.post-share ul {
	padding-left:22px;
	overflow:hidden;
}
.post-share li {
	float:left;
	margin-right:8px;
}
/*     7.1. Review     */
	.post-review {
	overflow:hidden;
}
.line-top {
	background:url(../images/img-bg.png) repeat;
	height:12px;
	margin-bottom:12px;
}
.line-bottom {
	background:url(../images/img-bg.png) repeat;
	height:12px;
	margin-top:12px;
	margin-bottom:20px;
}
.review-thumb {
	float:left;
	margin-right:20px;
	border:1px solid #DDD;
}
.review-score {
	border-bottom:1px dashed #CCC;
	overflow:hidden;
	padding-bottom:15px;
	margin-bottom:15px;
}
.overall-score {
	width:102px;
	height:102px;
	float:left;
	position:relative;
}
.overall-text {
	color:#777;
	position:absolute;
	left:19px;
	top:20px;
	font-size:10px;
}
.the-score {
	color:#333;
	text-shadow: 1px 1px 1px #FFF;
	font-size:54px;
	position:absolute;
	width:100%;
	top:29px;
	text-align:center;
}
.overall-score.green {
	background:url(../images/big-rating-green.png) no-repeat;
}
.overall-score.darkgreen {
	background:url(../images/big-rating-darkgreen.png) no-repeat;
}
.overall-score.yellow {
	background:url(../images/big-rating-yellow.png) no-repeat;
}
.overall-score.darkred {
	background:url(../images/big-rating-darkred.png) no-repeat;
}
.overall-score.red {
	background:url(../images/big-rating-red.png) no-repeat;
}
.other-score {
	overflow:hidden;
}
.score-item {
	margin-bottom:3px;
	overflow:hidden;
	position:relative;
	background:#FFF url(../images/score-bg.png) no-repeat;
	height:32px;
}
.score-label {
	position:absolute;
	left:10px;
	top:8px;
	text-shadow: 1px 1px 1px #FFF;
	color:#666;
}
.score-bg {
	height:32px;
	display:none;
	width:200px;
	position:absolute;
	left:131px;
}
.score {
	color:#777;
	text-shadow: 1px 1px 1px #FFF;
	position:absolute;
	left:94px;
	top:8px;
	font-weight:bold;
}
.pros {
	background:url(../images/pros.png) no-repeat;
	overflow:hidden;
	padding:3px 0 3px 36px;
	margin-bottom:12px;
}
.pros p {
	color:#555;
	line-height:18px;
}
.pros span {
	color:#BBB;
	margin:0 2px 0 2px;
}
.cons {
	background:url(../images/cons.png) no-repeat;
	overflow:hidden;
	padding:0 0 3px 36px;
}
.cons p {
	color:#555;
	line-height:18px;
}
.cons span {
	color:#BBB;
	margin:0 2px 0 2px;
}
/*     7.2. Comments     */
	#comments h3 {
	font-size:14px;
	border-bottom:1px dotted #d5d5d5;
	padding-bottom:6px;
	margin-bottom:30px;
}
.comment {
	margin-bottom:25px;
	overflow:hidden;
	border-bottom:1px solid #DDD;
	padding-bottom:20px;
}
.avatar {
	float:left;
	margin-right:20px;
}
.comment-details {
	float:right;
	width:520px;
}
.comment-details p {
	line-height:18px;
	margin-top:10px;
}
.author {
	font-weight:bold;
}
.date {
	color:#989898;
}
.reply {
	float:right;
}
#comments ol li ul .comment {
	margin-left:80px;
}
#comments ol li ul .comment-details {
	width:440px;
}
#comments ol li ul li ul .comment {
	margin-left:160px;
}
#comments ol li ul li ul .comment-details {
	width:360px;
}
#comment-form input, textarea {
	padding:8px;
	border:1px solid #d9d9d9;
	margin-right:12px;
	font-family:Arial;
}
#comment-form p {
	margin-bottom:18px;
}
#comment-form .required {
	color:#838383;
}
/*     7.3. Screenshots     */
	.post-screenshot ul {
	overflow:hidden;
}
.post-screenshot li {
	float:left;
	margin:4px;
}
.post-screenshot li img {
	border:1px solid #222;
}
/*     7.4. HTML Styling     */
	.post-entry h1 {
	font-size:38px;
	margin-bottom:14px;
	text-shadow:1px 1px 5px #d4d4d4;
	font-weight:bold
}
.post-entry h2 {
	font-size:24px;
	margin-bottom:14px;
}
.post-entry h3 {
	font-size:20px;
	margin-bottom:14px;
}
.post-entry h4 {
	font-size:18px;
	margin-bottom:14px;
}
.post-entry h5 {
	font-size:16px;
	margin-bottom:14px;
}
.post-entry h6 {
	font-size:14px;
	margin-bottom:14px;
}
.post-entry hr {
	border:0;
	background-color: #DDD;
	height:1px;
	margin-bottom:14px;
	color:#DDD;
}
.post-entry .highlight1 {
	background:yellow;
}
.post-entry .highlight2 {
	background:#000;
	color:#CCC;
}
.post-entry ul {
	margin-left:14px;
	margin-bottom:14px;
}
.post-entry ul li {
	padding-left:10px;
	margin-bottom:6px;
}
.post-entry ol {
	margin-left:28px;
	margin-bottom:14px;
}
.post-entry ol li {
	list-style-type: decimal;
	margin-bottom:6px;
}
.post-entry .alignright {
	float:right;
	margin:0 0 4px 10px;
}
.post-entry .alignleft {
	float:left;
	margin:0 10px 4px 0;
}
.post-entry blockquote {
	background:url(../images/quote.png) no-repeat;
	padding-left:32px;
	padding-top:3px;
	margin-left:25px;
	color:#777;
}
/***     8. Archives     ***/
#pagination {
	margin-bottom:20px;
	clear:both;
}
#pagination span {
	background:url(../images/pagination-bg.png) repeat-x;
	padding:5px 8px 5px 8px;
	border:1px solid #CCC;
	margin-right:3px;
	text-shadow: 1px 1px 1px #FFF;
}
#pagination .current {
	font-weight:bold;
}
/*     8.1. Review archive     */
	#review-archive {
	margin-bottom:30px;
}
.review-item {
	background:#fbfbfb;
	height:80px;
	padding:15px;
	display:block;
	border-bottom:1px solid #d4d4d4;
}
.review-item:hover, .review-item.second:hover {
	background:#fff;
	color:#052b81;
	display:block;
	cursor:pointer;
}
.review-item.second {
	background:#f4f4f4;
	height:80px;
	padding:15px;
}

.review-item.second.last {
	border-bottom:1px solid #d7d7d7;
}
.review-item-thumb {
	float:left;
	margin-right:20px;
	border:0px solid #333333;
	margin-top:-10px;
}
.review-item h5 {
	font-size:18px;
	margin-bottom:2px;
}
.review-item h5 a {
	color:#000;
}
.review-item h5 a:hover {
	color:#052b81;
}
.review-item h5 small {
	color:#000;
	font-size:12px;
	text-shadow: 1px 1px 1px #FFF;
	float:right;
}
.review-item p {
	line-height:17px;
	color:#656565;
	text-shadow: 1px 1px 1px #FFF;
	overflow:hidden;
	font-size:16px;
}
.review-item p a {
	color:#000;
}
/* 2020-06-18 */
.review-item-anno {
	background:#fbfbfb;
	height:auto;
	padding:15px;
	display:block;
	border-bottom:1px solid #d4d4d4;
}


.archive-score {
	float:left;
	width:30px;
	height:21px;
	margin-right:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-shadow: 1px 1px 1px #444;
	padding-top:5px;
}
.archive-score.green {
	background:url(../images/small-rating-green.png) no-repeat;
}
.archive-score.darkgreen {
	background:url(../images/small-rating-darkgreen.png) no-repeat;
}
.archive-score.yellow {
	background:url(../images/small-rating-yellow.png) no-repeat;
}
.archive-score.darkred {
	background:url(../images/small-rating-darkred.png) no-repeat;
}
.archive-score.red {
	background:url(../images/small-rating-red.png) no-repeat;
}
/*     8.1. Video + Screenshot archive     */
	#media-wrapper {
	margin-bottom:10px;
	overflow:hidden;
}
.media-item {
	float:left;
	width:290px;
	margin:0 10px 10px 0;
}
.media-item.last {
	float:right;
	margin:0;
}
.media-arrows {
	background:url(../images/media-arrows.png) no-repeat;
	width:50px;
	height:29px;
	position:absolute;
	top:100px;
	left:1px;
}
.media-item h4 {
	margin-bottom:4px;
	position:absolute;
	top:100px;
	left:31px;
	color:#FFF;
	background:#000;
	font-size:18px;
	padding:6px;
}
.media-item h4 a {
	color:#FFF;
}
.media-thumb {
	position:relative;
	margin-right:12px;
	float:left;
}
.media-thumb img {
	border:0px solid #CCC;
}
.video-icon {
	background:url(../images/video-icon.png) no-repeat;
	height:21px;
	width:24px;
	position:absolute;
	right:8px;
	top:8px;
}
.screenshot-icon {
	background:url(../images/screenshot-icon.png) no-repeat;
	height:21px;
	width:24px;
	position:absolute;
	right:8px;
	top:8px;
}
.media-meta-wrapper {
	background:url(../images/section-title.png) repeat;
	height:25px;
	border-bottom:1px solid #CCC;
	margin-top:-3px;
	padding:9px 9px 0 9px;
}
.media-meta-wrapper span {
	text-shadow: 1px 1px 1px #FFF;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing:1px;
}
.media-meta {
	color:#777;
	float:left;
}
.media-cats {
	float:right;
	color:#777;
}
/***	9. Fontface		***/

.content {
	width:100%;
	background-color: #fff;

}
.content_inside {
	width:1000px;
	margin:0px auto;
	background:#fff;

}
.content_inside_right {
	float:right;
	width:700px;
}
.content_inside_right h3 {
	height:50px;background:#f4f4f4;border-left:3px solid #b5d0e0;line-height:50px;font-weight:bold;padding-left:15px;
}
.content_inside_right h4 {
	font-size: 20px;
	color:#7b4a23;
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif;
	padding-left:5px;
	border-bottom:1px solid #fff;
	line-height:30px;
}
.content_inside_right h5 {
	font-size: 16px;
	color:#fff;
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif;
	background:#ff9935;
	padding:5px 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 1px 2px 3px #999999;
	-webkit-box-shadow: 1px 2px 3px #999999;
	box-shadow: 1px 2px 3px #999999;
	font-weight: bold;
}
.content_inside_right p {
	font-size: 16px;
	color:#000;
	line-height: 30px;
	margin-bottom:20px;
}
/*�������*/
.menu_div ul {
	padding:10px;
	border-top:3px solid #b5d0e0;
	margin:0px;
	font-size:16px;
	color:#FFF;
	width:180px;
	list-style:none;
	float:left;
	background-color:#edf2f5;
}
.menu_div ul li {
	background-image: url(images/menu_bg.gif);
	background-position: left top;
	height:30px;
	background-repeat: no-repeat;
}
.menu_div ul li a {
	text-decoration:none;
	padding-left:20px;padding-top:5px;
	color:#666;
	display:block;
	font-weight: bold;
}
.menu_div ul li a:hover {
	color:#000;

}
.menu_div ul li .active {
	color:#1440a3;
}
.menu_div ul li ul li {
	margin-top:15px;
	font-size:14px;
	color:#1440a3;
}

.tit{background-image: none!important;font-size:1.2em;color:#000;padding-left:15px;font-weight:bold;border-bottom:1px solid #ddd}
/*�������*/

/*����*/
.list {
	width: 640px;
	margin-left:-20px;
	margin-bottom:30px;
}
.list ol {
	color: #000;
	font-size:14px;
	list-style-type: none;
}
.list ol li {
	position: relative;
	list-style-type:none;
	font-size:14px;
	padding-bottom:-23px;
	padding-top:-5px;
}
.list li p {
	border-bottom:1px dotted #999;
	padding-left: 100px;
	color: #555;
}
.list span {
	float:left;
	color:#1743a6;
	width:80px;
	font-weight: bold;
}
/*����*/

/*����*/
.list2 {
	width: 720px;
	margin-left:-20px;
	margin-bottom:30px;
}
.list2 ol {
	color: #000;
	line-height:24px;
	font-size:16px;
	list-style-type: none;
}
.list2 ol li {
	position: relative;
	list-style-type:none;
	font-size:16px;
	margin-bottom:0px;
	padding-bottom:-23px;
	padding-top:-35px;
}
.list2 li p {
	border-bottom:1px dotted #999;
	padding-left: 150px;
	color: #555;
	font-size:16px;
	padding-bottom:20px;
	color: #555;
	font-size:16px;
	padding-bottom:20px;
}
.list2 span {
	float:left;
	color:#1743a6;
	width:160px;
	font-weight: bold;
}

.list3 {
	width: 720px;
	margin-left:-20px;
	margin-bottom:30px;
}

.list3 ol {
	color: #000;
	line-height:24px;
	font-size:16px;
	list-style-type: none;
}
.list3 ol li {
	position: relative;
	list-style-type:none;
	font-size:16px;
	margin-bottom:0px;
	padding-bottom:-23px;
	padding-top:-35px;
}
.list3 li p {
	border-bottom:1px dotted #999;
	padding-left: 150px;
	color: #555;
	font-size:16px;
	padding-bottom:20px;
	color: #555;
	font-size:16px;
	padding-bottom:20px;
}
.list3 span {
	float:left;
	color:#1743a6;
	width:160px;
	font-weight: bold;
}







/*����*/


/*table*/
table a:link {
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #000;
	font-weight:bold;
	text-decoration:none;
}
table a:active, table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}


.flat-table {
  display: block;

  overflow: auto;
  width: auto;
  margin-bottom:20px;
}
.flat-table th {
  background-color: #70c469;
  color: white;
  font-weight: normal;
  padding: 10px 20px;


}
.flat-table td {
  background-color: #eeeeee;

  padding: 10px 20px;  border-bottom:1px solid #d4d4d4;border-top:1px solid #fff;
}


/*table*/


/*btn*/
.css_btn_class {
	font-size:14px;
	font-weight:normal;

	border:1px solid #d83526;
	padding:9px 18px;
	text-decoration:none;

	background-color:#fe1a00;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;
	-webkit-box-shadow:inset 1px 1px 0px 0px #f29c93;
	-moz-box-shadow:inset 1px 1px 0px 0px #f29c93;
	box-shadow:inset 1px 1px 0px 0px #f29c93;
	margin-right:10px;
	margin-bottom:30px;
	margin-left:20px;
}
.css_btn_class:hover {

	background-color:#ce0100;
}
.css_btn_class:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */



.css_btn2_class {
	font-size:14px;
	font-weight:normal;

	border:1px solid #337fed;
	padding:9px 18px;
	text-decoration:none;

	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
	box-shadow:inset 1px 1px 0px 0px #97c4fe;
	margin-right:10px;
	margin-bottom:30px;
}
.css_btn2_class:hover {

	background-color:#1e62d0;
}
.css_btn2_class:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */


.css_btn3_class {
	font-size:14px;
	font-weight:normal;

	border:1px solid #74b807;
	padding:9px 18px;
	text-decoration:none;

	background-color:#89c403;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528009;
	-webkit-box-shadow:inset 1px 1px 0px 0px #a4e271;
	-moz-box-shadow:inset 1px 1px 0px 0px #a4e271;
	box-shadow:inset 1px 1px 0px 0px #a4e271;
}
.css_btn3_class:hover {

	background-color:#77a809;
}
.css_btn3_class:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */

.css_btn4_class {
	font-size:14px;
	font-weight:normal;

	border:1px solid #469df5;
	padding:6px 18px;
	text-decoration:none;

	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
	box-shadow:inset 1px 1px 0px 0px #cae3fc;
}
.css_btn4_class:hover {
	color:#fff;
	background-color:#4197ee;
}
.css_btn4_class:active {
	position:relative;
	top:1px;
}
/* This css button was generated by css-button-generator.com */

/*btn*/
.myButtonLink {
	display: block;
	width: 100px;
	height: 100px;
	background: url('images/myImage.png') bottom;
	text-indent: -99999px;
}
.myButtonLink:hover {
	background-position: 0 0;
}
/*google play btn*/
.google_play {
	display: block;
	width: 190px;
	height: 60px;
	background: url(images/google_play.png) bottom;
	text-indent: -99999px;
}
.google_play:hover {
	background-position: 0 0;
}
/*google play btn*/




.product_container {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	border: 0px solid;
	background: #fff;
}
ul.catalog-grid {
	list-style:none;
	font-size: 0px;
	padding: 0;
	margin: 0px auto;
	outliner: 0;
}
ul.catalog-grid li {
	display: inline-block;
	padding: 0;
	margin: 0 0 5% 2%;
	background: transparent;
	border: 1px solid #d4d4d4;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;

	width:270px;
	float:left;
}
ul.catalog-grid li:hover {
	border: 1px solid #aaa;

}
ul.catalog-grid li img {
	width: 100%;
	height: 110px;
	margin: 0;
}
ul.catalog-grid li h3 {
	font-size: 1.2em;
	line-height:1.2em;
	padding-left:10px;
	padding-top:10px;
	margin:0;
	font-weight: bold;
}
ul.catalog-grid li h4 {
	font-size: .9em;
	line-height: 1.5em;
	margin:0;
	padding:10px;
	color:#666;
}
ul.catalog-grid li a {
	text-decoration: none;
	color: #1e2f56;
}
ul.catalog-grid li a:hover {
	text-decoration: none;
	color: #00a2ff;
}
/*banner*/
.banner_0514 {
	float:right;margin-right:5px;margin-top:10px;
}
.clear {
	height:0;
	clear:both;
	font-size:0;
	float: left;
}
.left_menu_drop {
	display:block;
	overflow:hidden;
	line-height:30px;
	margin-left:30px;
	margin-bottom:10px;
}
/*price*/
.container_2 {
	width: 690px;
	margin: 0 auto;
	padding: 13px 0 13px 0;
	background-color: #f9f9f9;
	border-radius: 4px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	margin-bottom:20px;
}
.dataTable {
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4, Microsoft JhengHei, MingLiU, sans-serif;
	color: #3a3a3a;
	width: 665px;
	margin: 0 auto;
	border-bottom: 1px solid #dbdbdb;
	border-collapse: collapse;
	color:#000;
	text-align:center;
}
.dataTable td, .dataTable th {
	text-align:center;
	border: 1px solid #dbdbdb;

	padding:10px 10px;
}
.dataTable td:first-child {
	text-align:center;
}
.dataTable-hd {
	color: #ffffff;
	font-weight: normal;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
	padding: 8px 0 6px 0;
	font-size: 20px;
	text-align:center;
	font-weight:bold;
	background: #21c74c;
	background: -webkit-linear-gradient(top, #21c74c 0%, #00981b 100%);
	background: linear-gradient(to bottom, #21c74c 0%, #00981b 100%);
}
.dataTable-hd_blue {
	background: #069de3;
	background: -webkit-linear-gradient(top, #069de3 0%, #0082c8 100%);
	background: linear-gradient(to bottom, #069de3 0%, #0082c8 100%);
}
.dataTable-hd_red {
	background: #fe5e1f;
	background: -webkit-linear-gradient(top, #fe5e1f 0%, #cf3200 100%);
	background: linear-gradient(to bottom, #fe5e1f 0%, #cf3200 100%);
}
.dataTable-hd_orange {
	background: #ffa915;
	background: -webkit-linear-gradient(top, #ffa915 0%, #cf7a00 100%);
	background: linear-gradient(to bottom, #ffa915 0%, #cf7a00 100%);
}
.dataTable-hd_yellow {
	background: #fed700;
	background: -webkit-linear-gradient(top, #fed700 0%, #caa300 100%);
	background: linear-gradient(to bottom, #fed700 0%, #caa300 100%);
}
.dataTable-hd_black {
	background: #000;
	text-align:center;
	background: -webkit-linear-gradient(top, #000 0%, #333 100%);
	background: linear-gradient(to bottom, #000 0%, #333 100%);
}
.dataTable-hd-price {
	font-size: 24px;
	text-align:center;
}
.textBlue {
	color: #00F;
	background-color:#eaedf0 !important;
	font-weight: bold;
}
.textRed {
	color: #F00;
	font-size: 20px;
}
.btn {
	display: block;
	width: 68%;
	margin: 11px auto 16px auto;
	padding: 9px 10px 10px 10px;
	border: 1px solid #bebfba;
	border-radius: 3px;
	font-size: 18px;
	color: #441e00;
	text-align:center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
	background: rgb(252,234,187); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(50%, rgba(252, 205, 77, 1)), color-stop(51%, rgba(248, 181, 0, 1)), color-stop(100%, rgba(251, 223, 147, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(252, 234, 187, 1) 0%, rgba(252, 205, 77, 1) 50%, rgba(248, 181, 0, 1) 51%, rgba(251, 223, 147, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0 ); /* IE6-9 */
}
.btn:hover {
	color:#000;
}
.btn_blue {
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	background: #9dc2ce;
	background: -webkit-linear-gradient(top, #9dc2ce 0%, #4097e5 6%, #0070cb 100%);
	background: linear-gradient(to bottom, #9dc2ce 0%, #4097e5 6%, #0070cb 100%);
}
.btn_gary {
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(254, 254, 254, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(254, 254, 254, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); /* IE6-9 */
}
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition:
	  opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 65px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
  text-align:center;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 100%;
}



/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px);
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px);
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px);
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px);
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}


/*title*/
.title_a1{
	background-size: 100% 100%;
	height:150px;
	background-image: url(images/about01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:140px;
}
.title_a1 h1{width:960px;margin:0px auto;color:#fff;font-size:2.5em;font-weight:bold;text-shadow: 1px 1px 1px #000;padding-left:20px;padding-top:50px;}


.title_a2{
	background-size: 100% 100%;
	height:150px;
	background-image: url(images/news01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:140px;
}
.title_a2 h1{width:960px;margin:0px auto;color:#fff;font-size:2.5em;font-weight:bold;text-shadow: 1px 1px 1px #000;padding-left:20px;padding-top:50px;}


.title_a3{
	background-size: 100% 100%;
	height:150px;
	background-image: url(images/download01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:140px;
}
.title_a3 h1{width:960px;margin:0px auto;color:#fff;font-size:2.5em;font-weight:bold;text-shadow: 1px 1px 1px #000;padding-left:20px;padding-top:50px;}

.title_a4{
	background-size: 100% 100%;
	height:150px;
	background-image: url(images/pay01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:140px;
}
.title_a4 h1{width:960px;margin:0px auto;color:#fff;font-size:2.5em;font-weight:bold;text-shadow: 1px 1px 1px #000;padding-left:20px;padding-top:50px;}

.title_a5{
	background-size: 100% 100%;
	height:150px;
	background-image: url(images/linkt01.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:140px;
}
.title_a5 h1{width:960px;margin:0px auto;color:#fff;font-size:2.5em;font-weight:bold;text-shadow: 1px 1px 1px #000;padding-left:20px;padding-top:50px;}
.title_a6{

	height:150px;
	background-image: url(images/product02.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	margin-top:140px;
}
.title_a6 h1{width:960px;margin:0px auto;color:#fff;font-size:2.5em;font-weight:bold;text-shadow: 1px 1px 1px #000;padding-left:20px;padding-top:50px;}

/*product*/
.p1{width:330px;border:0px solid #000;float:left;margin-right:35px;height:320px;}
.p1 h4{color:#1e2f56;font-weight:bold;padding-left:0px;margin-bottom:0}
.p1 p{font-size:.95em;line-height:1.6em;padding-top:0px;color:#666}


.p2{width:330px;border:0px solid #000;float:left;height:320px;}
.p2 h4{color:#1e2f56;font-weight:bold;padding-left:0px;margin-bottom:0}
.p2 p{font-size:.95em;line-height:1.6em;padding-top:0px;color:#666}


/*ad*/
#slider_top {
	margin: 0px auto;
	width: 500px;
	top: 10px;
	left:100px;
	height:70px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	background: #000;
}

#slider_top [id^='image']:target img {
	top: 0;
	left: 0;
}

#slider_top [id^='image']:target a {
	background: #f00;

	width: 10px;
	height: 10px;
}

#slider_top [id^="image"] img {
	position: absolute;
	top: -200px;
	border: 0;
	-moz-transition: top 0.5s ease-in;
	-ms-transition: top 0.5s ease-in;
	-webkit-transition: top 0.5s ease-in;
	-o-transition: top 0.5s ease-in;
}

.slider-nav1 {
	background: #fff;
	width: 10px;
	z-index: 9999;
	height: 10px;
	box-shadow: inset 0px 2px 10px rgba(0,0,0,0.3), 0px 0px 20px rgba(255,255,255,0.4);
	border-radius: 32px;
	position: absolute;
	top: 5px;
}

#image-1 .slider-nav1 {
	right: 40px;
}
#image-2 .slider-nav1 {
	right: 20px;
}

#tab3 ul{margin-bottom:20px;list-style-type:none;padding-left:10px;}
#tab3 ul li{font-size:14px;line-height:24px; list-style-type:disc;list-style-position:none;margin-left:20px;}

#tab3 span{font-size:16px;line-height:26px;color:#1743a6;font-weight:bold;}

.ttt{
width:50px;height:30px;
}