@charset "utf-8";

/*  
Theme Name: Paradise
Description:   
Version: 1
Author: 
Author URI: http://themeforest.net/user/ThemeMakers
*/

/* ##############################################################
						---	CONTENTS ---
##############################################################

1. RESET/GLOBAL
		Default Form Elements
2. GENERAL STRUCTURE
		Header
		Main Nav Area
			social
			menu
		Featured Line
		Content / Layout
		FOOTER
3. PAGES STYLES&LAYOUTS
		Fullwidth Page Layouts
		Portfolio Page
		Blog Page
			commentlist
			comment form
		Contact Page
		404 Error Page
4. SIDEBARS
		Right Sidebar
		Right Coloured Sidebar
		Calendar
		Footer Sidebar
5. STYLED ELEMENTS
		Icon Styles
		Hover Box
		SearchBox
		Breadcrumbs
		Pagination
		Styles for Buttons
		Ordered/Unordered Lists
		Recent Projects
		Three Featured Boxes
		Tabs Menu
		Table Layout
 */

/* ========== RESET/GLOBAL ========== */
*		{
		*border: 0px;
		*margin: 0px;
		*padding:0px;
		border: 0px\0/;
		margin: 0px\0/;
		padding:0px\0/;
		}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, pre,
dd, dl, dt, a, cite, code, img, tt, legend, fieldset, label {margin: 0; padding: 0; text-align:left; }

img, a img, form, fieldset {border: 0;}

html, body 		{height: 100%; font-family: "微软雅黑"}

/*Opera Fix*/
body:before		{
				content:"";
				height:100%;
				float:left;
				width:0;
				margin-top:-32767px;/
				}

body			{
				font-size:72%;
				line-height:1.6em;
				color:#666666;
				border-width:0;
		

				}
				
a				{text-decoration: none;}

a:hover 		{
				text-decoration:none;
				color:rgba(0, 0, 0, 0.5);
				}

p				{
				margin:0 0 1.5em 0;
				padding:0;
				}

small			{font-size:0.8em;}

code			{
				font:12px/22px "微软雅黑";
				display:block;
				margin:5px 0 15px;
				padding:10px;
				background:#F0F0F0;
				border:1px solid #DCDCDC;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				}

h1				{
				font:28px "微软雅黑";
				color:#6E6D7A;
				margin-bottom:15px;
				}
				.PageTitle h1 {margin:0;}
				
h2				{
				font:26px "微软雅黑";
				/*text-transform:capitalize;*/
				color:#232323;
				margin-bottom:15px;
				}

h3				{
				font:20px "微软雅黑";
				/*text-transform:capitalize;*/
				color:#232323;
				margin-bottom:12px;
				}
				
h4				{
				font:16px "微软雅黑";
				color:#232323;
				margin-bottom:5px;
				}

h5				{
				font:14px "微软雅黑";
				color:#232323;
				margin-bottom:5px;
				}

h6				{
				font:13px "微软雅黑";
				color:#232323;
				margin-bottom:5px;
				}
				
ul, ol			{
				margin:0;
				padding:0 0 20px;
				list-style:none;
				}
				
ul li, ol li	{
				margin:0;
				padding:0;
				}

address			{
				padding-bottom:20px;
				font-style:normal;
				}
				
address strong	{color:#232323;}
				
blockquote		{
				min-height:30px;
				color:#232323;
				font-size:14px;
				line-height:1.5em;
				font-weight:bold;
				font-style:italic;
				padding-left:40px;
				background:url(../images/quotes.png) 3px 5px no-repeat;
				}

hr				{
				display:block;
				height:1px !important;
				overflow:hidden;
				clear:both;
				border:none;
				background:#DFDFE1;
				margin:5px 0 15px;
				}
				
/* ---- Default Form Elements ---- */

input, select, textarea	{
				padding:5px 8px;
				font:1em/1.2em "微软雅黑";
				color:#5C5C5C;
				border-top:1px solid #5C5C5C;
				border-left:1px solid #5C5C5C;
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:#000;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				}
				
textarea		{overflow:hidden;}

input:hover,
textarea:hover,
input:focus,
textarea:focus 	{background:#fff;}

input[type=submit],
#content input[type=submit],
input.submit,
#content input.submit	{
				width:auto;
				position:relative;
				padding:5px 12px;
				cursor:pointer;
				outline:none;
				font-size:12px;
				text-align:center;
				border:0;
				}
				
input[type=submit]:hover,
input[type=submit]:focus	{
				color:#fff;
				background:#BEBEBE;
				}

/* ========== GENERAL STRUCTURE ========== */

.container		{
				width:100%;
				min-height:100%;
				margin:0 auto;
				position:relative;
				z-index:10;
			
				}



				
.social			{
				height:33px;
				overflow:hidden;
				float:right;
				margin:0;
				padding:2px 10px 1px;
				list-style:none;
				}
				
.social li		{
				margin:0;
				padding:0 0 0 3px;
				float:left;
				}
				
				.social li	span a{
					float:left;
					width:auto !important;
					color:#FFF;
					text-decoration:none;
					 margin-right:10px

				}
								.social li	span img{
									vertical-align:middle; float:left;
									margin-top:12px
				}
				
ul.social a {
				width:32px;
				height:33px;
				overflow:hidden;
				float:left;
				display:block;
				}
				
.ico_facebook	{background:url(../images/ico_facebook.png) 0 0 no-repeat;}
.ico_twitter	{background:url(../images/ico_twitter.png) 0 0 no-repeat;}
.ico_myspace	{background:url(../images/ico_myspace.png) 0 0 no-repeat;}
.ico_rss		{background:url(../images/ico_rss.png) 0 0 no-repeat;}

/* -- menu -- */

#menu			{
				float:left;
				position:relative;
				z-index:1000;
				}
				
#menu li		{
				margin:0 5px 0 0;
				padding:0;
				float:left;
				font-weight:bold;
				font-family:"微软雅黑";
				background:none;
				font-size:14px;
				}

#menu li a		{
				margin:0;
				padding:8px 30px;
				position:relative;
				float:left;
				color:#232323;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				}

#menu li.current-menu-item a,
#menu li.current-menu-parent a,
#menu li.current_page_parent a,
#menu li a.selected,
#menu li a:hover	{
				margin:0;
				padding:8px 30px;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				}

body#nav0 #nav0,body#nav1 #nav1,body#nav2 #nav2,body#nav3 #nav3,body#nav4 #nav4,body.nav5 .nav5,body.nav6 .nav6,body.nav7 .nav7,body.nav8 .nav8,body.nav9 .nav9,body.nav10 .nav10,body.nav11 .nav11{margin:0;
				padding:8px 30px;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				background:#DF2524;
				color:#FFF
				}

#menu li li a,
#menu li li a.selected,
#menu li li a:hover	{
				border:none;
				border-radius:0;
				-moz-border-radius:0;
				-khtml-border-radius:0;
				-webkit-border-radius:0;
				}
				
				#menu li li a:hover	{
					background:#FFF !important
				}

#menu li.current-menu-item a:hover,
#menu li.current-menu-parent a:hover,
#menu li.current_page_parent a:hover,
#menu li a:hover.selected{
				text-decoration:none;
				}
				
/* ---- Featured Line ---- */

#featured_line	{
				width:964px;
				margin:0 auto 20px;
				padding:10px 20px;
				*zoom:1;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				background:url(../images/feat_px.gif) top repeat-x #df2524;
				}
				
				#featured_line1	{
				width:550px;
				margin:0px auto 20px;
				padding:0px 20px;
				*zoom:1;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				background:url(../images/feat_px.gif) top repeat-x #3f4449;
				}
				
				
				#featured_line1 h1,
#featured_line1 h2,
#featured_line1 h3	{
				color:#fff;
				font-size:16px;
				line-height:30px
				
				}
				
#featured_line1 .alignleft,
#featured_line1 .alignright	{margin-bottom:0;}
				
#featured_line h1,
#featured_line h2,
#featured_line h3	{
				margin-bottom:5px;
				color:#fff;
				}
				
#featured_line .alignleft,
#featured_line .alignright	{margin-bottom:0;}
				
/* ---- Content / Layout ---- */

#content_wrapper,
#content_wrapper_sbl,
#content_wrapper_sbr {
				width:1003px;
				min-height:50px;
				margin:0 auto;
				padding:0 0 10px;
				position:relative;

				}

#content_wrapper #content {
				width:1003px;
				margin:0 auto;
				}

#content_wrapper_sbl #content {
				width:670px;
				float:right;
				}

#content_wrapper_sbr #content {
				width:670px;
				float:left;
				}
				
				#content_wrapper_sbr #content1 {
				width:650px;
				float:right;
				}
				
/* ---- FOOTER ---- */

#footer			{
				width:940px;
				margin:0 auto;
				padding:10px 50px;
				position:relative;
				z-index:20;
				color:#434343;
/*				border-top:1px solid #fff;*/
				}
				
#footer p		{
				margin:0;
				padding:0;
				font-family:"微软雅黑";
				}
				
#footer p.copy	{float:left;}

#footer p.developed_by	{
				font-size:0.95em;
				color:#333;
				float:right;
				}
				
/* ========== PAGES STYLES&LAYOUTS ========== */

/* ---- Fullwidth Page Layouts ---- */

.one_half		{
				width:430px;
				float:left;
				}

.second_half	{
				width:430px;
				float:right;
				}

.one_third,
.one_third_last	{
				width:300px;
				float:left;
				margin-right:20px;
				}
				
.two_third_left	{
				width:620px;
				float:left;
				}
				
.two_third_right	{
				width:620px;
				float:right;
				}

.one_third_last	{
				float:right;
				margin-right:0 !important;
				}

.one_fourth,
.one_fourth_last{
				width:220px;
				float:left;
				margin-right:20px;
				}
				
.three_fourth_left	{
				width:700px;
				float:left;
				}

.three_fourth_right	{
				width:700px;
				float:right;
				}

.one_fourth_last	{
				float:right;
				margin-right:0 !important;
				}
				
/* ========== Portfolio Page ========== */

.splitter_wrap	{
				padding-bottom:25px;
				font-size:1.1em;
				}
				
.splitter_wrap strong	{
				width:60px;
				margin-right:15px;
				padding:6px 0;
				display:block;
				color:#232323;
				float:left;
				}
				
.splitter		{
				margin:0;
				padding:0;
				list-style:none;
				float:left;
				}
				
.splitter li	{
				margin:0 10px 10px 0;
				padding:0;
				display:inline-block;
				float:left;
				}
				
.splitter li a	{
				width:auto;
				display:inline-block;
				padding:5px 25px;
				cursor:pointer;
				outline:none;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				text-decoration:none;
				text-align:center;
				}

.splitter li a:hover,
.splitter li a:focus,
.splitter li a.current_link	{
				text-decoration:none;
				}

.image-grid		{
				width:948px;
				margin:0 0 0 -8px;
				padding:0;
				list-style:none;
				}
				
.image-grid li	{
				width:150px;
				height:150px;
				overflow:hidden;
				margin:0 0 8px 8px;
				padding:0;
				float:left;
				}

#portfolio2		{
				width:940px;
				margin:0;
				padding:0 0 15px;
				list-style:none;
				}

#portfolio2 li	{
				margin:0 0 15px;
				padding:0 0 15px;
				background:none;
				border-bottom:1px solid #E5E5E5;
				}
				
#portfolio2 li:last-child	{
				margin:0;
				padding:0;
				border-bottom:none;
				}
				
#portfolio2 a.gall	{
				display:block;
				width:510px;
				height:250px;
				overflow:hidden;
				position:relative;
				float:left;
				margin-right:20px;
				padding:4px;
				border:1px solid #D5D5D5;
				}
				
#portfolio3		{
				width:960px;
				margin:0;
				padding:0 0 15px;
				list-style:none;
				}

#portfolio3 li	{
				width:450px;
				background:none;
				display: inline-block;
				margin: 0 25px 15px 0;
				padding: 0 0 15px 0;
				vertical-align: top;
				overflow: hidden;
				}
				
#portfolio3 a.gall	{
				display:block;
				width:440px;
				height:230px;
				overflow:hidden;
				position:relative;
				margin-bottom:15px;
				padding:4px;
				border:1px solid #D5D5D5;
				}
				
#portfolio4		{
				width:960px;
				margin:0;
				padding:0 0 15px;
				list-style:none;
				}

#portfolio4 li	{
				width:290px;
				background:none;
				display:inline-block;
				margin:0 25px 15px 0;
				padding:0 0 15px 0;
				vertical-align:top;
				overflow:hidden;
				}
				
#portfolio4 a.gall	{
				display:block;
				width:280px;
				height:280px;
				overflow:hidden;
				position:relative;
				margin-bottom:15px;
				padding:4px;
				border:1px solid #D5D5D5;
				}
				
#portfolio_single {
				width:940px;
				position:relative;
				}
				
#portfolio_single .portfolio_item	{
				width:333px;
				position:relative;
				overflow:hidden;
				float:left;
				}
				
#portfolio_single a.gall	{
				display:block;
				width:321px;
				height:auto;
				overflow:hidden;
				position:relative;
				padding:4px;
				border:2px solid #D5D5D5;
				background:url(../images/loader.gif) 50% 50% no-repeat #fff;
				text-align:center
				}
				
				#portfolio_single a.gall:hover{
border:2px solid #00A0E9;
				}
					
		#portfolio_single .itemPicture{
					float:left
				}						
				#portfolio_single .itemPicture img{
					border:2px solid #D5D5D5; margin-top:5px;
				}				
				#portfolio_single .itemPicture img:hover{
					border:2px solid #00A0E9;
				}
				
				
						#portfolio_single .itemPicture1{
					float:left
				}						
				#portfolio_single .itemPicture1 img{
					border:2px solid #D5D5D5; margin-right:5px; margin-top:5px;
				}				
				#portfolio_single .itemPicture1 img:hover{
					border:2px solid #00A0E9;
				}
				
.portfolio_description	{
				width:587px;
				float:right;
				}
				
.proj_description {
				padding-bottom:40px;
				}
				
.commentbox		{
				width:38px;
				height:18px;
				padding:10px 5px 20px 5px;
				font:1.8em/1em "微软雅黑";
				text-align:center;
				overflow:hidden;
				float:right;
				background:url(../images/speech_bubble.png) 0 0 no-repeat;
				}
				
.commentbox a	{text-decoration:none;}
				
.preloader		{background:url(../images/loader.gif) 50% 50% no-repeat #fff;}

.hover_img,
.hover_vid		{
				display:none;
				width:100px;
				height:100px;
				position:absolute;
				top:50%;
				left:50%;
				margin:-50px 0 0 -50px;
				z-index:100;
				}

.hover_img		{background:url(../images/zoom_img.png) 0 0 no-repeat;}
.hover_vid		{background:url(../images/zoom_vid.png) 0 0 no-repeat;}
				
/* ========== Blog Page ========== */

.post			{
				width:610px;
				padding-bottom:35px;
				margin-bottom:35px;
				border-bottom:1px solid #e5e5e5;
				}
				.post h2 {margin-bottom:7px;}
				.post h2 a {
				color:#232323;
				text-decoration:none;
				}
				.post h2 a:hover {text-decoration:none;}
				
.post_title_wrap{padding-bottom:20px;}

.post_title		{
				width:550px;
				float:right;
				}
				
.post_thumb		{margin-bottom:10px;}

.posted			{
				font-size:0.95em;
				padding:3px 0;
				border-top:1px solid #d9d9d9;
				border-bottom:1px solid #d9d9d9;
				}
				.posted a,
				.posted a:hover	{text-decoration:none;}
				
.post_date		{
				width:35px;
				min-height:38px;
				float:left;
				margin-right:15px;
				padding:5px;
				overflow:hidden;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				}
				
				.day	{
				display:block;
				text-align:center;
				font:1.8em/1.1em Arial, Helvetica, sans-serif;
				}
				.month	{
				display:block;
				text-align:center;
				line-height:1em;
				}
				
/* -- author box -- */

.author_box		{
				padding:15px;
				border:1px solid #d9d9d9;
				background:#f0f0f0;
				position:relative;
				}
				
.author_content	{
				margin-left:110px;
				padding:20px 24px;
				border:1px solid #dcdcdc;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				background:#fff;
				}
				
.hr				{
				height:1px;
				margin:35px 0;
				border-bottom:1px solid #E5E5E5;
				}
				
/* -- commentlist -- */

#commentlist	{
				margin:0;
				padding:0 0 20px;
				list-style:none;
				}
				
#commentlist li	{
				margin:0;
				padding:20px 0 0 0;
				list-style:none;
				}
				
#commentlist li div.comment	{
				padding:15px;
				border:1px solid #d9d9d9;
				background:#f0f0f0;
				position:relative;
				}
				
#commentlist li.odd div.comment	{background:#fff;}

div.vcard		{
				width:90px;
				float:left;
				}
				
img.avatar		{
				width:80px;
				height:80px;
				overflow:hidden;
				padding:4px;
				background:#fff;
				border:1px solid #d5d5d5;
				}

a.comment-reply-link	{
				float:right;
				display:block;
				padding:3px 12px;
				font-size:0.95em;
				color:#131313;
				text-decoration:none;
				border:1px solid #dcdcdc;
				border-radius:4px;
				-moz-border-radius:4px;
				-khtml-border-radius:4px;
				-webkit-border-radius:4px;
				background:url(../images/grad_btn_gray.gif) top repeat-x #047FC8;
				}
				
a:hover.comment-reply-link	{text-decoration:none;}
				
#commentlist li div.comment .posted_content	{
				position:relative;
				margin-left:110px;
				padding:20px 24px;
				border:1px solid #dcdcdc;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				background:#fff;
				}
				
#commentlist li.odd div.comment .posted_content	{
				background:#f7f7f7;
				}
				
#commentlist li div.comment .posted_content	.pointer_pc,
#commentlist li.odd div.comment .posted_content	.pointer_pc	{
				width:11px;
				height:19px;
				overflow:hidden;
				position:absolute;
				top:17px;
				left:-11px;
				}
				
#commentlist li div.comment .posted_content	.pointer_pc	{background:url(../images/pointer_posted_content.gif) 0 0 no-repeat;}
#commentlist li.odd div.comment .posted_content	.pointer_pc	{background:url(../images/pointer_posted_content_odd.gif) 0 0 no-repeat;}

#commentlist .comment_author {
				display:block;
				font-weight:bold;
				color:#232323;
				}

#commentlist .when_posted {
				display:block;
				font-size:0.95em;
				color:#666;
				}
				
#commentlist .comment-body {
				color:#666;
				line-height:1.6em;
				padding-bottom:15px;
				}
				
#commentlist ul.children {
				margin:0;
				padding:0;
				list-style:none;
				background:none;
				}
				
#commentlist ul.children li {padding-left:20px;}

/* -- comment form -- */

#commentform label		{
				display:block;
				color:#232323;
				}
				
#commentform label small	{
				font-size:0.95em;
				color:#8b8b8b;
				}
				
#commentform input[type=text]	{
				width:270px;
				padding:3px;
				}

#commentform textarea	{
				width:470px;
				padding:3px;
				*margin-top:8px;
				}
				
/* ========== Contact Page ========== */

.wpcf7 label	{
				display:block;
				color:#232323;
				}
				
.wpcf7 br		{display:none;}
				
.wpcf7 input[type=text]	{
				width:270px;
				padding:3px;
				}

.wpcf7 textarea	{
				width:470px;
				padding:3px;
				*margin-top:8px;
				}
				
.wpcf7-form-control-wrap {
				position:relative;
				display:block;
				}
				
.wpcf7-not-valid-tip	{
				width:185px !important;
				left:290px !important;
				padding:1px !important;
				font-size:11px !important;
				color:#FF0000;
				top:0 !important;
				}
				
.wpcf7-validation-errors	{
				color:#FF0000;
				}
				
.ajax-loader	{
				vertical-align:middle;
				margin-left:15px;
				}
				
/* ========== 404 Error Page ========== */

.error404		{
				width:590px;
				height:155px;
				padding-left:300px;
				margin:75px auto;
				}
				
.title_error	{
				font-size:60px;
				margin-bottom:5px;
				}
				
.description_error	{font-size:24px;}
				
/* ========== SIDEBARS ========== */

/* ---- Right Sidebar ---- */

#sidebar		{width:310px;}
#sidebar1		{width:310px;}
#content_wrapper_sbr #sidebar	{float:right;}
#content_wrapper_sbr #sidebar1	{float:left;}
#content_wrapper_sbl #sidebar	{float:left;}
				
#sidebar .widget-container{width:270px;}
				
#sidebar .widget-container > ul li	{
				width:auto;
				padding:5px 0;
				color:#6E6D78;
				border-bottom:1px dashed #D6D6D7;
				}
				
#sidebar .widget-container > ul li a	{
				color:#232323;
				text-decoration:none;
				}
				
#sidebar .widget-container > ul li a:hover	{
				color:rgba(0, 0, 0, 0.5);
				text-decoration:none;
				}
				
	#sidebar1 .widget-container{width:270px;}
				
#sidebar1 .widget-container > ul li	{
				width:auto;
				padding:5px 0;
				color:#6E6D78;
				border-bottom:1px dashed #D6D6D7;
				}
				
#sidebar1 .widget-container > ul li a	{
				color:#232323;
				text-decoration:none;
				}
				
#sidebar1 .widget-container > ul li a:hover	{
				color:rgba(0, 0, 0, 0.5);
				text-decoration:none;
				}			
				
				
				
				#sidebar .widget-container1 > ul li	{
				width:auto;
				padding:5px 0;
				color:#6E6D78;
				border-bottom:1px dashed #D6D6D7;
				}
				
#sidebar .widget-container1 > ul li a	{
				color:#232323;
				text-decoration:none;
				font-size:14px;
				}
				
#sidebar .widget-container1 > ul li a:hover	{
				color:#DF2524;
				text-decoration:none;
				font-weight:600;
				}
				
				
				#sidebar1 .widget-container1 > ul li	{
				width:auto;
				padding:5px 0;
				color:#6E6D78;
				border-bottom:1px dashed #D6D6D7;
				}
				
#sidebar1 .widget-container1 > ul li a	{
				color:#232323;
				
				text-decoration:none;
				}
				
#sidebar1 .widget-container1 > ul li a:hover	{
				color:#DF2524;
				text-decoration:none;
				font-weight:600;
				}
				
/* ---- Right Coloured Sidebar ---- */
				
#sidebar .widget_nav_menu{
				margin-bottom:20px;
				padding:19px;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				}
				
#sidebar .widget_nav_menu h3 {color:#fff;}
#sidebar .widget_nav_menu ul {
				margin:0;
				padding:0;
				}
#sidebar .widget_nav_menu li {
				font-size:12px;
				padding:5px 0;
				border-bottom:1px dashed rgba(255, 255, 255, 0.5);
				}
#sidebar .widget_nav_menu li li,
#sidebar .widget_pages li li {border-bottom:none !important;}
#sidebar .widget_nav_menu li ul,
#sidebar .widget_pages li ul {padding:0 0 0 20px !important;}
				
#sidebar .widget_nav_menu li a {
				color:#fff;
				text-decoration:none;
				}
				
#sidebar .widget_nav_menu li a:hover {
				color:rgba(255, 255, 255, 0.5);
				text-decoration:none;
				}
				
#sidebar .flickr {margin-left : -3px;}






.flickr img		{
				float: left;
				margin: 0px 0px 5px 5px;
				}

/* ---- Calendar ---- */

#f_sidebar .widget_calendar {width:270px !important;}

#f_sidebar .widget_calendar .textwidget{ font-family:"微软雅黑"}


.widget_calendar #wp-calendar	{width:100%;}
.widget_calendar #wp-calendar caption	{
				text-align:right;
				margin-bottom:5px;
				padding-bottom:5px;
				font-size:13px;
				font-weight:bold;
				border-bottom:1px solid rgba(0, 0, 0, 0.3);
				}

.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th	{
				width:auto;
				margin:0;
				padding:0;
				color:rgba(0, 0, 0, 0.3);
				}

/* ---- Footer Sidebar ---- */

#f_sidebar		{
				width:100%;
				position:relative;
				padding:30px 0 0;
				}
				
#f_sidebar .sb_wrapper	{
				width:940px;
				min-height:150px;
				margin:0 auto;
				}

#f_sidebar h3	{color:#fff;}
				
#f_sidebar a	{
				color:#fff;
				text-decoration:none;
				}
				
#f_sidebar a:hover	{
				color: #000;
				text-decoration:none;
				}
				
#f_sidebar li	{
				width:auto;
				margin-bottom:10px;
				padding-left:8px;
				background:url(../images/bullets.gif) 0 5px no-repeat;
				}
				
#f_sidebar .widget_text	{width:270px !important;}

#f_sidebar .widget-container	{
				width:120px;
				float:left;
				}
				
#f_sidebar .widget_custom_cf7 {
				width:270px !important;
				position:relative;
				}
				
#f_sidebar .widget_custom_cf7 p {
				width:270px;
				position:relative;
				margin:0 0 7px;
				padding:0;
				overflow:hidden;
				zoom:1;
				}
				
#f_sidebar .widget_custom_cf7 br {display:none;}

#f_sidebar .your-name,
#f_sidebar .your-email {
				width:212px;
				float:right;
				}

#f_sidebar .widget_custom_cf7 label {
				float:left;
				padding:3px 0;
				color:#EEFDFE;
				}
				
#f_sidebar input.wpcf7-text,
#f_sidebar .your-message textarea {
				padding:4px 5px;
				color:#fff;
				border-top:1px solid rgba(0, 0, 0, 0.6);
				border-left:1px solid rgba(0, 0, 0, 0.6);
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:rgba(255, 255, 255, 0.5);
				}
				
#f_sidebar input:hover.wpcf7-text,
#f_sidebar .your-message textarea:hover {
				color:#2E4B4E;
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:#F8F8F9;
				}
				
#f_sidebar input:focus.wpcf7-text,
#f_sidebar .your-message textarea:focus {
				color:#2E4B4E;
				border-bottom:1px solid rgba(0, 0, 0, 0.1);
				border-right:1px solid rgba(0, 0, 0, 0.1);
				background:#F8F8F9;
				}
				
#f_sidebar .wpcf7-text {width:200px;}
#f_sidebar .your-message textarea {
				width:258px;
				height:85px;
				}
				
#respond  textarea {
				width:300px;

				}				
				
#f_sidebar input.wpcf7-submit {
				padding:6px 20px;
				color:#fff;
				text-transform:lowercase;
				cursor:pointer;
				font-size:12px;
				background:url(../images/grey_grad.gif) top repeat-x #363A3E;
				border:0;
				}
				
#f_sidebar .widget-container input:hover.wpcf7-submit,
#f_sidebar .widget-container input:focus.wpcf7-submit {background:url(../images/grey_grad.gif) bottom repeat-x #484C52;}
#f_sidebar .widget-container input:focus.wpcf7-submit {top:1px;}

#f_sidebar .widget_flickr {width: 266px;}
#f_sidebar .flickr {margin-left: -4px;}
				
/* ========== STYLED ELEMENTS ========== */

.clear			{
				clear:both;
				display:block;
				height:0 !important;
				overflow:hidden;
				}
				
.gototop 		{
				clear:both;
				font-size:10px;
				height:15px;
				margin-bottom:15px;
				text-align:right;
				width:100%;
				border-bottom:1px solid #d9d9d9;
				}
				
.gototop a 		{
				color:#A1A1A1;
				outline:medium none;
				text-decoration:none;
				}
				
.thumb			{margin-bottom:5px;}
				
.iconleft,
.alignleft		{float:left;}
.alignright		{float:right;}
.aligncenter	{
				width:auto;
				display:block;
				margin:0 auto;
				}

.alignleft 		{
				margin-right:10px;
				margin-bottom:5px;
				}
				
.alignright		{
				margin-left:10px;
				margin-bottom:5px;
				}

.aligncenter	{margin:0 auto 10px;}
				
p.dropcap:first-letter {
				font-size : 350%;
				line-height:1em;
				float : left;
				width : 1em;
				margin-right:10px;
				color : #232323;
				}
				
pre				{
				font:normal 12px/22px "微软雅黑";
				padding:11px;
				border:1px solid #dfe0e2;
				background:url(../images/pre_px.gif) 0 -11px;
				}
				
.PageTitle		{
				width:970px;
				margin:0 auto;
				padding:5px 20px 12px;
				}
				
.pic, .flickr img	{
				display:block;
				padding:4px;
				border:1px solid #D5D5D5;
				background:#fff;
				}
				
.bubble_box		{
				position:relative;
				z-index:100;
				margin-bottom:30px;
				overflow:hidden;
				font-style:italic;
				padding:20px 25px;
				border:4px solid #DFE0E2;
				background:#f8f8f8;
				-moz-border-radius: 18px; /* Firefox */
				-webkit-border-radius: 18px; /* Safari and Chrome */
				border-radius: 18px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
				-khtml-border-radius: 18px;
				}
				
.bubble_corner	{
				width:30px;
				height:30px;
				overflow:hidden;
				margin-top:-37px;
				margin-left:70px;
				position:relative;
				z-index:200;
				background:url(../images/bubble_box.png) 0 0 no-repeat;
				}
				
.testi_author	{
				display:block;
				padding:0 30px;
				font-style:italic;
				line-height:1.4em;
				font-size:14px;
				}

.box,
#sidebar .widget-container{
				margin-bottom:20px;
				padding:20px;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				background:#fff;
				}
				
				
				.box1,
#sidebar .widget-container{
				margin-bottom:20px;
				padding:20px ;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				background:#fff;
				width:857px;
				margin-left:20px;
				margin-top:20px
				}
				
				#sidebar .widget-container1{
				margin-bottom:20px;
				padding:20px ;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				background:#fff;
				}
				
				
				#sidebar1 .widget-container1{
				margin-bottom:20px;
				padding:20px ;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
				background:#fff;
				}
				
/* ---- Icon Styles ---- */
				
.icon			{padding:5px 0 5px 40px;}

.icon1			{background:url(../images/icon1.png) 0 0 no-repeat;}
.icon2			{background:url(../images/icon2.png) 0 0 no-repeat;}
.icon3			{background:url(../images/icon3.png) 0 0 no-repeat;}
.icon4			{background:url(../images/icon4.png) 0 0 no-repeat;}
.icon5			{background:url(../images/icon5.png) 0 0 no-repeat;}
.icon6			{background:url(../images/icon6.png) 0 0 no-repeat;}

/* ---- Hover Box ---- */

div.hover_box	{
				padding:18px 18px 10px;
				display:block;
				text-decoration:none;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				}

div:hover.hover_box	{background:#EBEBEB;}

/* ---- SearchBox ---- */

/* Styles for search area */
#searchform div	{
				width:161px;
				height:27px;
				position:relative;
				float:right;
				margin-top:10px;
				z-index:9999 !important;
				}
/* Styles for search area */
#sidebar #searchform div	{
				width:270px;
				float:none;

				}
				
#searchform div label.screen-reader-text {
				display:none;
				}

/* Styles for search input */
#searchform input[type=text]	{
				width:161px;
				margin:0;
				position:absolute;
				top:114px;
				left:370px;
				z-index:9998;
				color:#c2c2c2;
				background:#fff;
				}

/* Styles for search input */
#sidebar #searchform input[type=text]	{width:161px;}
				
#searchform input[type=text]:hover,
#searchform input[type=text]:focus	{background:#fff;}
				
/* Styles for search button */
#searchform input[type=submit],
#searchform input#searchsubmit	{
				width:14px;
				height:17px;
				padding:0;
				position:absolute;
				top:120px;
				right:-380px;
				overflow:hidden;
				cursor:pointer;
				text-indent:-9999px;
				background:url(../images/search_btn.png) 0 0 no-repeat;
				border:none !important;
				z-index:9999;
				}
				
/* ---- Breadcrumbs ---- */
.aside{ width:440px; float:right;}

#breadcrumbs3	{
				width:100% !important;			
				position:relative;
				background:#000;
				height:60px;
				margin-bottom:30px
				

				}

#breadcrumbs1	{
			width:100% !important;
					
		z-index:99;
		text-align:center;
			height:60px; 
			
				}
				
				#breadcrumbs2	{
				width:100% !important;
               background:#000;
               text-align:center; 
		height:auto;
		position:absolute;
			height:60px;
			display:block;

			
				z-index:99; 
				}

				#breadcrumbs2 a{
					 font-size:14px;line-height:60px;	color:#FFF; margin-right:18px;
				}
				
								#breadcrumbs2 a:hover{
					color:#df2524; 
				}
				
#breadcrumbs	{
				width:966px;
				margin:107px auto 10px;
				padding:15px 19px 12px;
				font:0.95em "微软雅黑";
				color:#8c8c8c;
				border:1px solid #DCDCDC;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				background:#fff;
				position:relative;
				z-index:999;
				}
				
				
				
#breadcrumbs a	{
				color:#8c8c8c;
				text-decoration:none;
				}
				
#breadcrumbs a:hover	{
				color:#000;
				text-decoration:none;
				}
				
#breadcrumbs ul	{
				margin:0;
				padding:0;
				list-style:none;
				}
				
#breadcrumbs li	{
				margin:0;
				padding:0 0 0 18px;
				float:left;
				background:url(../images/arr.gif) 7px 4px no-repeat;
				}
				
#breadcrumbs li:first-child	{
				padding:0;
				background:none;
				}
				
/* ---- Pagination ---- */

.navigation,
.wp-pagenavi,
.comments-navigation	{
				padding:15px 0;
				clear:both;
				overflow:hidden;
				zoom:1;
				font-size:12px;
				line-height:12px;
				}
				
.wp-pagenavi ul	{
				margin:0;
				padding:0;
				list-style:none;
				}
				
.wp-pagenavi li	{
				margin:0;
				padding:0;
				float:left;
				background:none;
				}
				
.wp-pagenavi span.pages	{
				display:none;
				float:left;
				padding:5px 8px;
				margin:0 10px 0 0;
				}
				
.navigation a,
.wp-pagenavi a,
.wp-pagenavi span,
.comments-navigation a,
#wp-calendar td#prev a,
#wp-calendar td#next a	{
				width:auto;
				display:block;
				float:left;
				padding:6px 9px;
				margin-right:2px;
				text-decoration:none;
				color:#000;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				}

#wp-calendar td#prev a,
#wp-calendar td#next a {margin:5px 0 0 0; padding:3px 9px !important;}

#wp-calendar td#prev a {float:left !important;}
#wp-calendar td#next a {float:right !important;}
				
.navigation a,
.wp-pagenavi a,
.wp-pagenavi a.page,
.comments-navigation a,
#wp-calendar td#prev a,
#wp-calendar td#next a	{border:1px solid #DCDCDC;}
				
.navigation a,				/* Default Nav Buttons */
.wp-pagenavi a,
.wp-pagenavi a.page,
#wp-calendar td#prev a,
#wp-calendar td#next a	{
				color:#53525C;
				background:url(../images/pn_px.gif) top repeat-x #E9E9E9;
				}

.navigation a:hover,
.wp-pagenavi a:hover,
.wp-pagenavi a:hover.page,
.wp-pagenavi span.current,
.comments-navigation a:hover	{text-decoration:none;}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last,
.comments-navigation a	{background:url(../images/pn_px.gif) top repeat-x #E9E9E9;}

.nav-previous,
.comments-nav-previous	{float:left;}
.nav-next,
.comments-nav-next		{float:right;}

/* ---- Styles for Buttons ---- */
				
.btn			{
				width:auto;
				display:inline-block;
				padding:7px 12px;
				cursor:pointer;
				outline:none;
				text-decoration:none;
				font-size:12px;
				line-height:11px;
				text-align:center;
				border-radius:5px;
				-moz-border-radius:5px;
				-khtml-border-radius:5px;
				-webkit-border-radius:5px;
				}
				
.btn.big		{
				display:block;
				font-size:18px !important;
				white-space:nowrap;
				text-transform:uppercase;
				text-decoration:none;
				padding:12px 15px 10px;
				}

a:hover.btn,
a:focus.btn		{text-decoration:none;}

/* ---- Ordered/Unordered Lists ---- */
				
ul.unordered	{
				color:#232323;
				*list-style-image:none !important;
				}
ol.ordered		{
				list-style:decimal;
				color:#000;
				margin-left:2em;
				}
				
ul.unordered li,
ol.ordered li	{
				color:#232323;
				margin:0;
				padding-top:5px;
				padding-bottom:5px;
				border-bottom:1px dashed #d5d5d5;
				}
				
ol.ordered li p	{
				color:#232323;
				margin:0 0 0 -2em;
				*margin:0;
				padding:7px 0 7px 2em;
				*padding:7px 0 7px 0px;
				border-bottom:1px dashed #d5d5d5;
				}
				
/* ---- Recent Projects ---- */

.widget_recent_projects			{
				width:270px;
				position:relative;
				}
				
.carousel_container { overflow:hidden; padding: 0 0 10px;   }
.carousel_container .viewport {
					float: left;
					width: 270px;
					height:210px;
					overflow: hidden;
					position: relative;
					}

.carousel_container .overview	{
					position: absolute;
					width: 270px;
					left: 0;
					top: 0;
					}

.carousel_container .overview li{
					float: left;
					margin: 0 20px 0 0;
					width: 270px;
					}
					
.carousel_container .thumb	{margin-bottom:14px;}
				
.carousel_container h5	{padding-left:2px;}

.carousel_container .buttons	{
					width:14px;
					height:15px;
					position:absolute;
					cursor:pointer;
					top:30px;
					text-indent:-9999px;
					line-height:9999px;
					overflow:hidden;
					outline:none;
					}

.carousel_container .prev		{right:35px;}
.carousel_container a:hover.prev{background-position: -17px -15px;}
.carousel_container .next		{right:19px;}
.carousel_container a:hover.next{background-position: -17px 0;}
.carousel_container .disable	{visibility: hidden;}


/* ---- Three Featured Boxes ---- */

#content_wrapper .featured_boxes,
#content_wrapper .services,
#content_wrapper .services2,
#content_wrapper .services3,
#content_wrapper .services4	{
				width:940px;
				position:relative;
				}

#content_wrapper_sbl .featured_boxes,
#content_wrapper_sbr .featured_boxes,
#content_wrapper_sbl .services,
#content_wrapper_sbr .services,
#content_wrapper_sbl .services2,
#content_wrapper_sbr .services2,
#content_wrapper_sbl .services3,
#content_wrapper_sbr .services3,
#content_wrapper_sbl .services4,
#content_wrapper_sbr .services4	{
				width:610px;
				position:relative;
				}
				
.featured_boxes .thumb {margin-bottom:14px;}

.featured		{
				width:280px;
				float:left;
				}
				
.services		{position:relative; padding-bottom:12px;}
.services2		{position:relative;}
				
.service_box	{
				width:280px;
				float:left;
				}
				
/* ---- Tabs Menu ---- */

#tabs .alignleft{
				margin-right:8px;
				margin-bottom:0;
				}

#tabs .alignright{
				margin-left:8px;
				margin-bottom:0;
				}

#tab-items		{
				width:270px;
				height:17px;
				background:#F0F0F0;
				border-radius:5px 5px 0 0;
				-moz-border-radius:5px 5px 0 0;
				-khtml-border-radius:5px 5px 0 0;
				-webkit-border-top-left-radius:5px;
				-webkit-border-top-right-radius:5px;
				}

#tab-items li	{
				width:auto;
				float:left;
				font:bold 12px "微软雅黑";
				}
				
#tab-items li a	{
				width:60px;
				display:block;
				float:left;
				text-align:center;
				color:#000;
				text-decoration:none;
				padding:12px 15px 10px;
				outline:none;
				}
				
#tab-items li a:hover,
#tab-items li a:focus,
#tab-items li a:active,
#tab-items li.ui-tabs-selected a,
#tab-items li.ui-state-active a	{
				border-radius:5px 5px 0 0;
				-moz-border-radius:5px 5px 0 0;
				-khtml-border-radius:5px 5px 0 0;
				-webkit-border-radius:5px 5px 0 0;
				}
				
.tabs-inner		{
				width:270px;
				padding:10px 0 0;
				clear:both;
				}
				
.tabs-inner ul	{
				margin:0;
				padding:0;
				list-style:none;
				}
				
.tabs-inner ul li	{
				width:270px;
				margin:0;
				padding:10px 0;
				border-bottom:1px dashed #D5D5D5;
				}
				
.tabs-inner b	{
				display:block;
				margin-bottom:3px;
				}
				
.tabs-inner a	{
				color:#232323;
				text-decoration:none;
				}
				
.tabs-inner a:hover	{
				color:rgba(0, 0, 0, 0.5);
				text-decoration:none;
				}

.tabs-inner p	{margin:0;}
				
.ui-tabs-hide	{display: none;}
				
.date			{
				display:block;
				padding-bottom:3px;
				color:#B2B1B1;
				font-style:italic;
				}

/* ---- Info Boxes ---- */

.succsess_box,
.warning_box,
.error_box,
.info_box		{
				min-height:64px;
				color:#434343;
				margin-bottom:10px;
				padding:20px 20px 20px 115px;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-khtml-border-radius:3px;
				}

.succsess_box	{
				border:1px solid #A2C487;
				background:url(../images/icons/checkmark.png) 35px 40% no-repeat #CDECB4;
				}
				
.warning_box	{
				border:1px solid #D1C289;
				background:url(../images/icons/warning.png) 35px 40% no-repeat #F7E9B4;
				}
				
.error_box		{
				border:1px solid #D6AC96;
				background:url(../images/icons/x.png) 35px 40% no-repeat #F8D1BC;
				}
				
.info_box		{
				border:1px solid #93C3E1;
				background:url(../images/icons/info.png) 35px 40% no-repeat #B8E0F9;
				}
				
/* ---- Toggle Box ---- */

.dcs-toggle-flat	{
				color:#434343;
				margin-top:10px;
				padding:5px;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-khtml-border-radius:3px;
				border:1px solid #dcdcdc;
				background:#f0f0f0;
				overflow:hidden;
				zoom:1;
				position:relative;
				}
				
.toggle-flat-triger {
				display:block;
				font-weight:bold !important;
				color:#000 !important;
				background:none !important;
				cursor:pointer;
				position:relative;
				z-index:100;
				}
				
.toggle-flat-content {
				display:block;
				padding:10px 0 0 !important;
				}
				
.toggle-flat-content code {
				background-color:#fff;
				margin-bottom:0;
				}
				
.toggle-flat-icon-open,
.toggle-flat-icon-close {
				width:16px;
				height:16px;
				display:block;
				overflow:hidden;
				position:absolute;
				top:5px;
				right:5px;
				z-index:99;
				}
				
.toggle-flat-icon-open {background:url(../images/expand_collapse.png) 0 0 no-repeat;}
.toggle-flat-icon-close {background:url(../images/expand_collapse.png) 0 -16px no-repeat;}
				
/* ---- Table Layout ---- */
				
.table			{
				margin-bottom:20px;
				border-bottom:1px solid #d9d9d9;
				}
				
.table thead	{
				box-shadow:0 1px 5px #DCDCDC;
				-moz-box-shadow:0 1px 5px #DCDCDC;
				-webkit-box-shadow:0 1px 5px #DCDCDC;
				}
				
.table			{
				border-right:1px solid #d9d9d9;		/* ---- CSS Hack for IE7 ---- */
				border-right:1px solid #d9d9d9\0/;	/* ---- CSS Hack for IE8 ---- */
				}
.tab_sytle tr td
       { 
       border:1px solid #d9d9d9;
        background:#fff;}

.tab_syt tr td
       { 
     border-bottom: 1px dashed #D5D5D5;
     color: #232323;
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
		}

.table th,
.table td		{
				font-size:1.1em;
				text-align:left;
				padding:10px 18px;
				}

.table th.txtleft,
.table td.txtleft{text-align:left;}
.table th.txtright,
.table td.txtright{text-align:right;}
.table th.txtcenter,
.table th.txtcenter{text-align:center;}

.table tr:nth-child(even){background:#f0f0f0;}
.table tr.odd td{
				background:#f0f0f0;		/* ---- CSS Hack for IE7 ---- */
				background:#f0f0f0\0/;		/* ---- CSS Hack for IE8 ---- */
				}
.table tr:nth-child(-n+1) td{border-top:1px solid #D6D6D7;}
.table tr td	{
				border-top:1px solid #D6D6D7;		/* ---- CSS Hack for IE7 ---- */
				border-top:1px solid #D6D6D7\0/;	/* ---- CSS Hack for IE8 ---- */
				}
				
.table th		{
				font-weight:normal;
				border-right:none;
				}
				
.table td		{
				border-left:1px solid #D6D6D7;
				color:#232323;

				}
.table tr > td:last-of-type		{border-right:1px solid #D6D6D7;}

/* ---- Colors Box ---- */

.schemes		{
				width:17px;
				padding:5px 5px 0px 5px ;
				position:absolute;
				z-index:1000;
				top:50px;
				left:0;
				background:#fff;
				border:1px solid #d9d9d9;
				border-radius:0 5px 5px 0;
				-moz-border-radius:0 5px 5px 0;
				-khtml-border-radius:0 5px 5px 0;
				-webkit-border-top-right-radius:5px;
				-webkit-border-bottom-right-radius:5px;
				}
				
.schemes a		{
				width:15px;
				height:15px;
				margin-bottom:5px;
				display:block;
				overflow:hidden;
				outline:none;
				text-indent:-999px;
				}
				
.schemes a.sky-blue	{
				background:#058fcf;
				border:1px solid #065b82;
				}
				
.schemes a.raspberry{
				background:#b63147;
				border:1px solid #902537;
				}
				
.schemes a.dark-violet	{
				background:#44547f;
				border:1px solid #2e3959;
				}
				
.schemes a.emerald	{
				background:#009e8c;
				border:1px solid #02665b;
				}
				
.schemes a.pink	{
				background:#ce2879;
				border:1px solid #971957;
				}
				
.schemes a.golden	{
				background:#a88342;
				border:1px solid #84642c;
				}
				
.schemes a.lime	{
				background:#7fb61e;
				border:1px solid #5d8614;
				}
				
.schemes a.metallic-blue	{
				background:#6f88a0;
				border:1px solid #4b6176;
				}
				
.schemes a.light-brown	{
				background:#7a6c6c;
				border:1px solid #574a4a;
				}
				
.schemes a.orange	{
				background:#eb9500;
				border:1px solid #a46904;
				}
				
.schemes a.blue	{
				background:#2261a8;
				border:1px solid #174c88;
				}
				
.schemes a.ocean	{
				background:#66b3ac;
				border:1px solid #3f807a;
				}
				
.schemes a.grapefruit	{
				background:#d8552a;
				border:1px solid #b64622;
				}
				
.schemes a.olive	{
				background:#7c9140;
				border:1px solid #5a6b2a;
				}
				
.schemes a.violet	{
				background:#644f8d;
				border:1px solid #4b396e;
				}
				
.schemes a.dark	{
				background:#474c52;
				border:1px solid #2b3035;
				}


.auto-column{  float:left; margin:0; margin-bottom:20px}
.auto-column .pic{ margin:0 21px}

.blk_18 { overflow:hidden; zoom:1; font-size:9pt; width:964px; margin:0 auto }
.blk_18 a{  text-decoration:none }
.blk_18 .pcont { width:845px; float:left; overflow:hidden;  }
.blk_18 .ScrCont { width:32766px; zoom:1; margin-left:-5px;}
.blk_18 h3:hover {background:#df2524; color:#FFF}
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton, .blk_18 .RightBotton { width:41px; height:20px; float:left; background:url(images/index_scroll.jpg) no-repeat;  }
.blk_18 .LeftBotton { background:url(../images/jt1.jpg) no-repeat; margin-right:18px;height:200px; }
.blk_18 .RightBotton {background:url(../images/jt2.jpg) no-repeat; margin-left:18px;height:200px; }
.blk_18 .pl img { display:block; cursor:pointer; border:none;width:190px; height:170px; border:1px solid #ccc}
.blk_18 .pl { width:198px; float:left; text-align:center; line-height:24px;margin:0 9px; }
.blk_18 a.pl:hover { color:#333; background:#fff; }
.video_more{ position:absolute; margin:0; padding:0;}
.blk_18 h3 { width:192px;text-align:center; line-height:30px;margin:0 auto; background:#CCC; font-size:14px; margin-left:0px; color:#333}

.bottom{width:980px; margin:0 auto;  font-family: "微软雅黑"; font-size:14px}
.f1{width:600px; float:left;}
.f2{ width:290px; float:left; margin-left:20px; display:inline;}
.f2 p{ font-size:12px; line-height:20px}

.f3{width:316px; float:right;}
.bt1{ color:#FFF; font-size:24px; font-family:candara; font-weight:bold;}
.f1 p{margin-top:10px; line-height:26px;}
.f2 ul{margin-top:10px;}
.f2 ul li{width:290px; line-height:16px; text-indent:10px; background:url(../images/dian.jpg) no-repeat 2px 8px;}
.f2 ul li a{color:#7d7c7c;}
.f2 ul li a:hover{color:#F00;}

.f3 form{margin-top:12px;}
.wb{background:#f4f4f4; border:1px solid #e2e2e2; margin-bottom:10px; float:left; width:300px; height:28px; line-height:28px; padding-left:3px; color:#666;}
.wb1{background:#f4f4f4; border:1px solid #e2e2e2; margin-bottom:10px; float:left; width:295px; height:120px;}
.button{ background:url(../images/anv.jpg) no-repeat; border:none; cursor:pointer; width:92px; height:27px;}
.your_message{ width:100px; }
.pageContent_end {
	clear:both;
	margin-top:30px;
	float:left;
	font-size:14px;
	color:#DF2524;
	}
.pageContent_end a{
	text-align:left;
	color:#333;
	text-decoration:none
	
	}
	
	.pageContent_end a:hover{
	text-align:left;
	color:#DF2524;
	text-decoration:none;
	
	}
	
	/*内页产品列表*/
.pageContent_list .item{
	float:left;
	margin-bottom:20px;
	}
.pageContent_list .buy{
	margin-bottom:12px;
	}
.pageContent_list .itemPic{
	margin-bottom:6px;
	padding:2px;
	width:100px;
	height:100px;
	border:1px solid #E1E1E1;
	text-align:center;	
	}
.pageContent_list .itemName{
	width:104px;
	border:1px solid #E1E1E1;
	background:#EFEFEF;
	text-align:center;
	}
	.pageContent_list .itemName a{
	line-height:22px;
	color:#000;
	text-decoration:none
	}
	
	.aboutimg{  float:left;width:960px}
.aboutimg .abouttext h2{ font-size:26px; margin-top:16px; line-height:26px; color:#000;}
.aboutimg  .aboutimg{  float:left; list-style-type:none; width:460px;}
.aboutimg  .abouttext{ float:left; list-style-type:none; width:500px; font-size:14px; line-height:26px; color:#000}

#topcontainer12{
	height: 110px;
	width: 100%;
	position:relative;
}

#topcontainer{
	background: #df2524;
	height: 110px;
	width: 100%;
	position: fixed;
	z-index: 9999;
	top:-1px;
}

#topcontainer11{
	background: #df2524;
	height: 110px;
	width: 100%;
	z-index: 9999;
	top:-1px;
}

#top{
	width: 1003px;
	height: 110px;
	margin: 0px auto;
	position:relative;
}
	#top .logo{
		padding-top: 20px;
		width: 187px;
		height:70px;
		 float:left;
	}
	#top img{
		width: 187px;height:70px;
	}
			#top ul li a{
			color: white;
			text-decoration: none;
			font-weight: 400;
			font-size:16px;
			font-weight:600;
		}

		#top ul{
			position:absolute;
			right:0;
			top:70px;
			
			width:716px;
			
		}

		#top ul li{
			color: white; padding:0 12.5px; float:left; padding-bottom:40px; position:relative
			
		}

		#top ul li a:hover{
			font-weight: 600;
			color:#000;
		}

		#top ul li ul{
			background: #FFF;
			position: absolute;
			top: 40px;
			width:230px;
			height: auto;
			z-index: 999;
			display: none;
			padding-top:10px;
			left:0px


		}
						#top ul li ul li span{
					font-size:14px; line-height:42px;z-index: 999;
		}

				#top ul li ul li {
					 padding-bottom:0;width:210px; margin:0 auto
		}
		
				#top ul li ul li a{
					font-size:14px; line-height:26px; color:#000;display: block; text-indent:1em
		}
						#top ul li ul li a:hover{
					font-size:14px; line-height:26px; color:#FFF; background:#df2524;
		}

		#top ul li:hover ul{
			display: block;
		}


		
		
		.divProducto{
		width:210px;
		height: auto;
		margin:0px 15px 20px 0px;
		display:inline;
		float:left;
		text-align:right;
		padding-right:0px;
		position:relative;
	}
	.imgProd {
		width:178px;
		height:178px;
		border:1px solid #dddddd;
		margin-bottom:10px
	}
	.txtModelo {
		font-family:'Exo 2';
		font-size:9px;
		font-weight:800;
		color:black;
		line-height:2px;
		margin:0px;
	}
	.txtCodigo {
		font-family:'Exo 2';
		font-size:10px;
		font-weight:800;
		color:rgba(124,123,128,1);
		line-height:22px;
		margin:0px;
	}
	.txtNombre {
		font-size:14px;
		color:black;
		line-height:26px;	
		margin:0px;
		text-align:center;
		word-wrap:normal;
	}
	.txtDescripcion {
		font-family:'Exo 2';
		font-size:9px;
		font-weight:600;
		color:gray;
		margin:0px;
		text-align:center;
		padding:0px;
		word-wrap:normal;
	}
	.prodListBottom {
		/*padding: 2px 2px; */
		background: #dddddd;
		width: 180px;
		height:51px;
		border-radius: 8px 8px 8px 0px;	
		z-index:9;
		position:absolute;
	}
	.prodListHidden {
		border-radius: 8px 8px 0px 0px;	
		background:#000;
		width:180px;
		height:60px;
		position:relative;
		top:-5px;
		z-index:10;
	}
	#menuList {
		position: relative;
		width: 515px;
		height: 30px;
		top: -45px;
		background: white;
		z-index: 999;
		padding-top: 18px;
		left:-11px;
	}
	#menuList li
	{
		display: inline;
		list-style-type: none;
		padding-right: 15px;
		text-align:center;
		font-size:12px;
		margin:0;
	}
	#menuList li a:hover a:visited a:active {
		font-weight:600;
		color:rgba(102,102,102,1);
	}
	.bgicon {
		background-color:white;
		width:100%; 
		margin:0px 0px 0px 0px; 
		padding:1px 0px
	}
	img.bgicon  {
		width:48px;
	}
	.slider2 {
	width: 500px;
	height: 129px;
	}
	.menuCategoria {
	background: rgba(227,228,230,1);
	border-radius: 10px 0px 0px 0px;
	height: 19px;
	width: 211px;
	padding: 3px;
	float: left;
	font-family:'Exo 2';
	font-size:9px;
	color:rgba(51,51,51,1);
}
/* Diseño tableta: de 481 px a 849 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 849px) {
	.slider2 {
	width:743px;	
	height:177px;
	}
	.gridContainer {
		width: 90.675%;
		padding-left: 1.1625%;
		padding-right: 1.1625%;
		margin-top:264px;
	}
	.gridContainerList {
		width:771px;
		padding-left:30px;
		padding-right: 30px;
		padding-top:113px;
		background-color:white;
	}
	#menuContainer {
		width:771px;
		z-index:199;
		margin:0 auto;
		height:100%;
		display: table;
	}
	#wrapcenter {
		width:832px;
		padding-top: 25px;
		position:relative;
		left:-30px;
		padding-left: 50px;
	}


.mbackTop { background: url(../images/bkTop1.png) no-repeat; height:44px; width: 44px; position: fixed; z-index: 9999; right: 10px; cursor: pointer; bottom:187px; display: none;  _display:none!important; }
.mbackTop:hover { background: url(../images/bkTop2.png) no-repeat; }

body.nav0 .nav0,body.nav1 .nav1,body.nav2 .nav2,body.nav3 .nav3,body.nav4 .nav4,body.nav5 .nav5,body.nav6 .nav6,body.nav7 .nav7,body.nav8 .nav8,body.nav9 .nav9,body.nav10 .nav10,body.nav11 .nav11{ overflow:hidden; color:#000 !important; padding:0 13.5px;}
.qwe{ border-top:#c3c3c4 1px solid; width:685px; 

}
.qwe td{ border-bottom:#c3c3c4 1px solid; text-indent:1em; height:30px; line-height:30px; font-size:14px

}
.qwer li{ list-style-type: disc; font-size:14px}