@charset "utf-8";
*{
	margin:0px;
	border:0px;
	padding:0px;
	-webkit-text-size-adjust:none;
	font-family:'Microsoft YaHei', sans-serif;
}

a{
	color:#3B4043;
	text-decoration:none;
}


p{
	font-size:14px;
	line-height:16px;
	color:#9a9a9a;
}

#page-body{
	padding:10px;
	overflow-x:hidden;
	position:relative;
}

body{
	overflow-x:hidden;
	background-color:#edeef0;
}

.no-bottom-margin{
	margin-bottom:0px!important;
}

.float{
	float:left;
	width:48%;
}

.container-title{
	padding-bottom:15px;
	font-weight:900;
	font-size:13px;
	font-family:'Microsoft YaHei';
}

.left{ 		text-align:left; }
.center{ 	text-align:center;}
.right{ 	text-align:right;}

.left-text{		text-align:left;}
.center-text{	text-align:center;}
.right-text{	text-align:right;}

h1{font-size:20px;	color:#3b4043;	text-shadow:0px 1px 0px #FFFFFF;	padding-bottom:5px;}
h2{font-size:18px;	color:#3b4043;	text-shadow:0px 1px 0px #FFFFFF;	padding-bottom:5px;}
h3{font-size:16px;	color:#3b4043;	text-shadow:0px 1px 0px #FFFFFF;	padding-bottom:5px;}
h4{font-size:14px;	color:#3b4043;	text-shadow:0px 1px 0px #FFFFFF;	padding-bottom:5px;}
h5{font-size:14px;	color:#3b4043;	text-shadow:0px 1px 0px #FFFFFF;	padding-bottom:5px;}


.in-container{
	margin-left:0px!important;
	margin-right:0px!important;
}

.deco1{
	display:block;
	height:1px;
	margin-left:20px;
	margin-right:20px;
	background-color:#cacaca;
}

.deco2{
	display:block;
	height:1px;
	margin-left:20px;
	margin-right:20px;
	background-color:#FFFFFF;
	margin-bottom:20px;
}

.content{
	z-index:999;
	background-image:url("../images/wap_content.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_content.png*/);
	background-repeat:repeat;
	border-radius:10px;
	width:100%;
	display:block;
	position:relative;
}

.clear{clear:both;}

.close-left-sidebar{display:none;}
.close-right-sidebar{display:none;}

.left-controls{
	float:left;
	padding-left:20px;
	padding-top:20px;
}

.right-controls{
	float:right;
	padding-right:20px;
	padding-top:20px;
}

.logo{
	text-align:center;
	margin-top:-33px;
}

.logo img{
	margin-bottom:20px;
}

.responsive-image{
	max-width:100%;
	display:block;
}

.image-slider {
	overflow:hidden;
	display:block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 100%!important;
	height: 150px;
}

.image-slider li {
	margin-top:-100px;
	height: 150px;
	width: 250px;
	text-align: center;
	cursor: pointer;
}

li.roundabout-in-focus {
	cursor: default;
}

.image-slider li span {
	display: block;
	padding-top:100px;
}

.slider{
	margin-top:20px;
	margin-bottom:20px;
}

.slider-heading p{
	color:#777777!important;
	text-shadow:0px 1px 0px #FFFFFF;
	padding-top:5px;	
	padding-bottom:20px;
}

.container{
	display:block;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}

/*//////////////////////*/
/*General Sidebar Styles*/
/*//////////////////////*/

.sidebar-hide-scroll-left{
	width:230px;
	overflow: scroll!important;
	overflow-x:hidden!important;
	-webkit-overflow-scroll:touch!important;	
	height:100%;
}

.sidebar-left{
	margin-top:10px;
	padding:10px;
	background-image:url("../images/wap_sidebar.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_sidebar.png*/);
	position: fixed;
	overflow:hidden;
	z-index:99;
	left:0px;
	top:0px;
	bottom:0px;
	width:200px;
}
a.nav-item {
text-decoration: none;

	font-size: 14px;
	
}
a.nav-item:visited {
text-decoration: none;
color: #E7E7E7;
	font-size: 14px;
	
}
a.nav-item:hover {
text-decoration: none;
color: #E7E7E7;
	font-size: 14px;

}
a.sub-menu-item {
text-decoration: none;
color: #E7E7E7;
	font-size: 14px;
	
}
a.sub-menu-item:visited {
text-decoration: none;
color: #E7E7E7;
	font-size: 14px;
	
}
a.sub-menu-item:hover {
text-decoration: none;
color: #E7E7E7;
	font-size: 14px;

}

.sidebar-hide-scroll-right{
	width:200px;
	overflow: scroll!important;
	overflow-x:hidden!important;
	-webkit-overflow-scroll:touch!important;	
	height:100%;
}

.sidebar-right{
	position: fixed;
	overflow:hidden;
	z-index:99;
	right:0px;
	top:0px;
	bottom:0px;
	width:182px;
	margin-right:10px;
}


/*///////////////////*/
/*Left Sidebar Styles*/
/*///////////////////*/

.left-logo{
	float:left;
}

.logo-left-headline{
	padding-right:35px;
	font-style:normal;
	color:#e7e7e7;
	float:right;
	font-size: 12px;
	width:96px;
}

.sidebar-header-decoration{
	background-color:#5f5f5f;
	height:2px;
	margin-top:18px;
	width:190px;	
	margin-bottom:15px;
}

/*////////////////*/
/*Navigation Items*/
/*////////////////*/

.nav-item{
	text-shadow:0px 1px 0px rgba(0,0,0,0.3);
	text-decoration:none;

	display:block;
	padding-bottom:15px;
	margin-right:22px;
	font-size:14px;
	font-family:'Microsoft YaHei';
	text-transform:uppercase;
	font-weight:900;
	padding-left:40px;

}

.side-deco{
	width:190px;	
	display:block;
	height:1px;
	margin-bottom:15px;
	background-color:#5d5d5f;
}

.nav-item em{
	background-image:url("../images/wap_arrow.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_arrow.png*/);
	display:block;
	width:6px;
	height:8px;
	float:right;
	margin-top:6px;
	padding-right:20px;
	background-repeat:no-repeat;
}

.nav-item strong{
	background-image:url("../images/wap_arrow-down.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_arrow-down.png*/);
	display:block;
	width:8px;
	height:6px;
	float:right;
	padding-right:20px;
	background-repeat:no-repeat;
	margin-top:6px;
}

.home-nav-icon{		background-image:url("../images/icons/home.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/home.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.about-nav-icon{	background-image:url("../images/icons/cog1.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/cog1.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.folio-nav-icon{	background-image:url("../images/icons/img.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/img.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.gallery-nav-icon{	background-image:url("../images/icons/img2.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/img2.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.video-nav-icon{	background-image:url("../images/icons/film-strip.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/film-strip.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.blog-nav-icon{		background-image:url("../images/icons/documents.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/documents.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.mail-nav-icon{		background-image:url("../images/icons/mail.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/mail.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.call-nav-icon{		background-image:url("../images/icons/phone.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/phone.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.text-nav-icon{		background-image:url("../images/icons/speach.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/speach.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.fb-nav-icon{		background-image:url("../images/icons/facebook.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/facebook.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}
.tw-nav-icon{		background-image:url("../images/icons/twitter.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/icons/twitter.png*/);	background-repeat:no-repeat;	background-position:0px -8px;}


.sub-menu-one{
	margin-bottom:10px;
	display:none;
}

.sub-menu-item{
	background-image:url("../images/wap_arrow.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_arrow.png*/);
	background-repeat:no-repeat;
	background-position:40px 5px;
	display:block;
	color:#e7e7e7;
	text-decoration:none;
	font-family:'Microsoft YaHei', sans-serif;
	font-size: 14px;
	padding-bottom:15px;
	padding-left:60px;
}


/*////////////////////*/
/*Right Sidebar Styles*/
/*////////////////////*/

.sidebar-right-logo{
	padding-top:20px;
}

.right-logo{
	float:right;
}

.logo-right-headline{
	font-style:normal;
	color:#e7e7e7;
	float:left;
	font-size: 12px;
	width:96px;
}


p.tweet_link_0{	color:#e7e7e7;	font-size: 12px;}
p.tweet_link_1{	color:#e7e7e7;	font-size: 12px;}
p.tweet_link_2{	color:#e7e7e7;	font-size: 12px;}
p.tweet_link_3{	color:#e7e7e7;	font-size: 12px;}
p.tweet_link_4{	color:#e7e7e7;	font-size: 12px;}
small {	font-style:italic; 	display:none; }
#tweet_link_0{	color:#86b901;}
.tweet_content_2{border-bottom:none!important;}

#tweets{
	margin-top:-15px;
}

#tweets li {
	font-style:italic;
	list-style:none;
	background-image:url("../images/nav/wap_arrow.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/nav/wap_arrow.png*/);
	background-position:0px 22px;
	background-repeat:no-repeat;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	margin-left:40px;
	margin-right:10px;
	color:#FFFFFF;
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#5b5b5b;
	width:150px;
}

#tweets li.tweet_content_0 {border-top:0px none;}
#tweets .hash { color:#86b901; } 
#tweets .reply { color:#e7e7e7; } 


/*////////////////////*/
/*Homepage Icon Column*/
/*////////////////////*/


.icon-column{
	padding-bottom:20px;
	display:block;
}

@media all and (orientation:portrait) { 
	.column-image-text{
		color:#777;
		text-shadow:0px 1px 0px #FFFFFF;
		width:65%;
		padding-left:20px;
		float:left;
	} 
}
@media all and (orientation:landscape) { 
	.column-image-text{
		color:#777;
		text-shadow:0px 1px 0px #FFFFFF;
		width:75%;
		padding-left:20px;
		float:left;
	} 
}

.column-image-image{
	float:left;
}

.column-image-title{
	text-shadow:0px 1px 0px #FFFFFF;
	color:#3b4043;
	font-family:'Microsoft YaHei';
	font-weight:800;
	font-size:14px!important;
	padding-left:20px;
	float:left;
}

.copyright{
	font-size: 12px!important;
	text-align:center;
	padding-bottom:20px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.copy-side{
	font-size: 12px;
	padding-bottom:20px;
}



/*Notification Boxes*/

.notification-box h4{	float:left;}
.notification-box a {	margin-top:-2px;	font-size:14px;		float:right;}
.notification-box{		margin:20px;		padding:15px;}

.red-box{	background-color:#ffdcdd;	border:1px solid #e9b9bb;}
.red-box a{ color:#8d4345; font-weight:bold;}
.red-box h4{color:#8d4345; font-weight:bold; text-shadow:none;}
.red-box p{	color:#c19597;	border-top: 1px solid #e9b9bb; padding-top:15px; margin-top:8px;}

.yellow-box{	background-color:#fffcdc;	border:1px solid #e9e1b9;}
.yellow-box a{ 	color:#c2b925; font-weight:bold;}
.yellow-box h4{	color:#c2b925; font-weight:bold; text-shadow:none;}
.yellow-box p{	color:#ccc894;	border-top: 1px solid #e9e1b9; padding-top:15px; margin-top:8px;}

.green-box{		background-color:#e3ffdc;	border:1px solid #d9e9b9;}
.green-box a{ 	color:#7b8a77; font-weight:bold;}
.green-box h4{	color:#7b8a77; font-weight:bold; text-shadow:none;}
.green-box p{	color:#abc0a6;	border-top: 1px solid #d9e9b9; padding-top:15px; margin-top:8px;}

.blue-box{		background-color:#dcf9ff;	border:1px solid #b9d9e9;}
.blue-box a{ 	color:#9ec1d3; font-weight:bold;}
.blue-box h4{	color:#9ec1d3; font-weight:bold; text-shadow:none;}
.blue-box p{	color:#b5d6e3;	border-top: 1px solid #b9d9e9; padding-top:15px; margin-top:8px;}

.notification-bar{
	background-color:rgba(0,0,0,0.7);
	margin-left:20px;
	margin-right:20px;	
	border-radius:10px;
	height:60px;
	margin-bottom:20px;
}

.notification-bar img{
	display:inline-block;
	float:left;
}

.notification-bar strong{
	display:inline-block;
	padding-top:22px;
	font-size:14px;
	font-weight:600;
	color:#FFFFFF;
	line-height:0px;
}

.notification-bar em{
	display:inline-block;
	font-size: 12px;
	color:#a6a6a6;
}

.notification-line{
	font-family:'Microsoft YaHei';
	font-weight:700;
	margin-left:20px;
	margin-right:20px;
	border-radius:10px;
	margin-bottom:20px;
	background-color:rgba(0,0,0,0.7);
	padding-left:20px;
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	color:#ffffff;
}

.notification-line a{
	padding-top:1px;
	font-size: 12px;
	float:right;
	padding-right:10px;
}

.header-notification{
	border-radius:10px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	z-index:99999;
	display:block;


	margin-bottom:20px;
	margin-top:20px;
	background-image: linear-gradient(bottom, rgb(237,237,237) 30%, rgb(247,247,247) 83%);
	background-image: -o-linear-gradient(bottom, rgb(237,237,237) 30%, rgb(247,247,247) 83%);
	background-image: -moz-linear-gradient(bottom, rgb(237,237,237) 30%, rgb(247,247,247) 83%);
	background-image: -webkit-linear-gradient(bottom, rgb(237,237,237) 30%, rgb(247,247,247) 83%);
	background-image: -ms-linear-gradient(bottom, rgb(237,237,237) 30%, rgb(247,247,247) 83%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.3, rgb(237,237,237)),
		color-stop(0.83, rgb(247,247,247))
	);
}

.header-notification p{
	text-align:left;
	text-shadow:0px 1px 0px #FFFFFF;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
}

.header-notification p strong{
	text-shadow:0px 1px 0px #FFFFFF;
	color:#666!important;
	font-family:'Microsoft YaHei';
	font-weight:800;
	font-size:14px;
	padding-bottom:5px;
	line-height:28px;
}

.header-image{
	float:left;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}


/*Toggles*/

.toggle-deploy{
	margin-top:4px;
	padding-bottom:4px;
	display:block;
	width:100%;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	background-image:url("../images/lists/down_16.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/lists/down_16.png*/);
	background-repeat:no-repeat;
	background-position:5px 1px;
	padding-left:35px;
	margin-left:10px;
}

.toggle-close{
	display:block;
	width:100%;
	display:none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	background-image:url("../images/lists/up_16.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/lists/up_16.png*/);
	background-repeat:no-repeat;
	background-position:5px 1px;
	padding-left:35px;
	margin-left:10px;
}

.toggle{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	display:block;
	background-color:rgba(0,0,0,0.7);
	border-radius:10px;
	padding:5px;
}

.toggle-content{
	display:none;
	margin-top:10px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border-top:solid 1px rgba(0,0,0,0.3);
	color:rgba(255,255,255,0.6);
}




.two-column-one{width:43%; float:left; margin-right:10%;}
.two-column-one h4 {color:#444444; padding-bottom:5px;}
.two-column-one em {margin-bottom:10px; text-align:center; display:block; text-align:center;}
.two-column-one p { font-size:14px; color:#7d7d7d; text-shadow:0px 1px 0px rgba(255, 255, 255, 1);}

.two-column-two{width:43%; float:left;}
.two-column-two h4 {color:#444444; padding-bottom:5px;}
.two-column-two em {margin-bottom:10px; text-align:center; display:block; text-align:center;}
.two-column-two p { font-size:14px; color:#7d7d7d; text-shadow:0px 1px 0px rgba(255, 255, 255, 1);}



.column-two-one{
	float:left;
	width:45%;
	padding-right:25px;
	font-size:14px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.column-two-two{
	float:left;
	width:45%;
	font-size:14px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.column-three-one{
	float:left;
	width:30%;
	padding-right:12px;
	font-size:14px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.column-three-two{
	float:left;
	width:30%;
	padding-right:12px;
	font-size:14px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.column-three-three{
	float:left;
	width:30%;
	font-size:14px;
	text-shadow:0px 1px 0px #FFFFFF;
}

/*Highlights*/

.highlight{
	padding-bottom:15px;	
	line-height:24px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.highlight-orange{ 	background-color:#e34e47;	color:#FFFFFF;	text-shadow:none;	margin-top:5px; padding:2px;}
.highlight-green{ 	background-color:#518900;	color:#FFFFFF;	text-shadow:none;	margin-top:5px; padding:2px;}
.highlight-yellow{ 	background-color:#ffd100;	color:#a1a1a1;	text-shadow:none;	margin-top:5px; padding:2px;}
.highlight-gray{ 	background-color:#424242;	color:#FFFFFF;	text-shadow:none;	margin-top:5px; padding:2px;}

.last-item{
	margin-bottom:0px;
	padding-bottom:0px;
}


/*Icon lists*/

.container-fifty{
	padding-left:20px;
	width:40%;
	display:inline-block;
	padding-bottom:20px;
}

/*Icon Lists*/

.icon-lists{		
	font-size: 12px;											
	color:#8b8b8b;					
	margin-bottom:-5px;
	text-shadow:0px 1px 0px #FFFFFF;
}

.icon-lists a{
	color:#7d7d7d!important;
}

.icon-lists li{		
	line-height:24px;
	margin-bottom:2px;										
	list-style:none;				
	padding-left:30px;
	font-size:14px;
}




/*Checkboxes */

.setting-box{
	display:block;
	margin-bottom:10px;
}

.checkbox{
	font-family: 'Microsoft YaHei', sans-serif;
	background-image:url("../images/ui/checkbox.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/ui/checkbox.png*/);
	background-position:0 0px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#959595;
	font-size:14px;
	padding-left:25px;
	margin-left:10px;
}

.login-check{
	padding-top:0px;
	padding-bottom:3px;
	background-position:0 0px!important;
}

.selected-checkbox{
	background-image:url("../images/ui/checkbox-selected.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/ui/checkbox-selected.png*/);
}

.checkbox2{
	font-family:'Microsoft YaHei', sans-serif;
	background-image:url("../images/ui/checkbox2.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/ui/checkbox2.png*/);
	background-position:0 0px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#959595;
	font-size:14px;
	padding-left:25px;
	margin-left:10px;
}

.selected-checkbox2{
	background-image:url("../images/ui/checkbox2-selected.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/ui/checkbox2-selected.png*/);
}


.radiobox{
	font-family:'Microsoft YaHei', sans-serif;
	background-image:url("../images/ui/radio.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/ui/radio.png*/);
	background-position:0 0px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#959595;
	font-size:14px;
	padding-left:25px;
	margin-left:10px;
}

.selected-radiobox{
	background-image:url("../images/ui/radio-selected.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/ui/radio-selected.png*/);	
}



.selected-radiobox2{
	background-image:url("../images/ui/radio2-selected.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/ui/radio2-selected.png*/);	
}


/*Notification Boxes*/

/*//////////////////*/
/*Notification Boxes*/
/*//////////////////*/

.notification-box-yellow p{	color:#666!important; font-size:14px;}
.notification-box-green p{	color:#666!important; font-size:14px;}
.notification-box-blue p{	color:#666!important; font-size:14px;}
.notification-box-red p{	color:#666!important; font-size:14px;}

.notification-box-green{
	margin-bottom:15px;
	width:99.5%;
	height:32px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#a1a1a1;
	background-color: rgba(60, 167, 48, 0.3);
}

.notification-box-green a{
	display:block;
	overflow:hidden;
}


.notification-box-yellow{
	margin-bottom:15px;
	width:99.5%;
	height:32px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#a1a1a1;
	background-color: rgba(255, 210, 1, 0.5);
}

.notification-box-yellow a{
	display:block;
	overflow:hidden;
}

.notification-box-blue{
	margin-bottom:15px;
	width:99.5%;
	height:32px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#a1a1a1;
	background-color: rgba(100, 155, 174, 0.5);
}

.notification-box-blue a{
	display:block;
	overflow:hidden;
}


.notification-box-red{
	margin-bottom:15px;
	width:99.5%;
	height:32px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-style:solid;
	border-width:1px;
	border-color:#a1a1a1;
	background-color: rgba(219, 84, 84, 0.5);
}

.notification-box-red a{
	display:block;
	overflow:hidden;
}

.notification-icon{
	padding-top:8px;
	padding-left:10px;
	float:left;
}

.notification-text{
	color:#666;
	float:left;
	margin-top:8px;
	font-size: 12px;
	padding-left:20px;
	text-shadow:none!important;
}

@media screen and (min-width: 400px){
	.notification-quit-green{	margin-left:92%!important;	}
	.notification-quit-yellow{	margin-left:92%!important;	}
	.notification-quit-blue{	margin-left:92%!important;	}
	.notification-quit-red{		margin-left:92%!important;	}
}

.notification-quit-green{
	text-decoration:none;
	float:left;
	font-weight:bold;
	font-family:'Microsoft YaHei', sans-serif;
	font-size:14px;
	padding-top:8px;
	margin-left:85%;
	position:absolute;
	color:#3ca730!important;
}

.notification-quit-yellow{
	text-decoration:none;
	float:left;
	font-weight:bold;
	font-family:'Microsoft YaHei', sans-serif;
	font-size:14px;
	padding-top:8px;
	margin-left:85%;
	position:absolute;
	color:#B9A100!important;
}

.notification-quit-blue{
	text-decoration:none;
	float:left;
	font-weight:bold;
	font-family:'Microsoft YaHei', sans-serif;
	font-size:14px;
	padding-top:8px;
	margin-left:85%;
	position:absolute;
	color:#008aff!important;
}

.notification-quit-red{
	text-decoration:none;
	float:left;
	font-weight:bold;
	font-family:'Microsoft YaHei', sans-serif;
	font-size:14px;
	padding-top:8px;
	margin-left:85%;
	position:absolute;
	color:#c24747!important;
}

/*Toggles*/

.toggle-deploy{
	margin-top:4px;
	padding-bottom:4px;
	display:block;
	width:100%;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	background-image:url("../images/lists/down_16.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/lists/down_16.png*/);
	background-repeat:no-repeat;
	background-position:5px 1px;
	padding-left:35px;
	font-family:'Microsoft YaHei';
	text-transform:uppercase;
	font-weight:900;
	
}

.toggle-close{
	display:block;
	width:100%;
	display:none;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	background-image:url("../images/lists/up_16.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/lists/up_16.png*/);
	background-repeat:no-repeat;
	background-position:5px 1px;
	padding-left:35px;
	font-family:'Microsoft YaHei';
	text-transform:uppercase;
	font-weight:900;
}

.toggle{
	display:block;
	background-color:rgba(0,0,0,0.7);
	border-radius:4px;
	border:solid 1px rgba(0,0,0,0.3);
	padding:8px;
}

.toggle-content{
	display:none;
	margin-top:10px;
	padding-top:10px;
	border-top:solid 1px rgba(0,0,0,0.3);
	color:rgba(255,255,255,0.8);
}

/*///////////*/
/*Tables Page*/
/*///////////*/

/*Elements To Decorate Tabs */


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

.table{
	width:100%;
}

.table-title{
	font-family: 'Microsoft YaHei';
	font-size:14px;
	color:#5b5b5b;
}

.table-sub-title{
	font-weight:bold;
	font-family: 'Microsoft YaHei';
	font-size: 12px;
	color:#6e6e6e;
}

.price{
	font-size: 12px;
	color:#5b5b5b;
}

.small-price{
	font-size:8px;
}

table {
	color:#666;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	border:#ccc 1px solid;
	margin-bottom:15px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:21px 25px 22px 25px;
	
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child{
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr{
	text-align: center;
	padding-left:20px;
}
table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table tr td {
	padding:14px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td{
	border-bottom:0;
}
table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

.table-heading{
	padding-top:10px;
	padding-bottom:15px;
}

.table-text{
	color:#6f6f6f;
}


/*Responsive Stuff*/

.responsive-image{
	max-width:100%;
	display:block;
}

.responsive-image-caption{
	position:relative;
	z-index:10;
	background-color:rgba(255,255,255,0.9);
	width:100%;
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:-29px;
	margin-bottom:10px;
	text-align:center;
	color:#777777;
}

.responsive-background{
	width:98%;
	background-color:#FFFFFF;
	padding:3px;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
}


/*/////////////*/
/* Simple Icons*/
/*/////////////*/

.icon{
	display:inline-block;
	background-color:#808080;
	height:32px;
	width:32px;	
	border-radius:32px;
}


.demo{margin-left:5px; margin-right:2px; margin-bottom:5px;}



/*Portfolio*/

.image-deco{
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
	width:97%;
	padding:1.5%;	
}

.portfolio-item h3{
	font-family:'Microsoft YaHei'!important;
	font-weight:900;
	font-size:16px;
	padding-bottom:10px;
}

.portfolio-item h4{
	margin-top:-5px;
	padding-bottom:10px;
	font-style:italic;
	font-size: 12px;
	font-weight:400;
	color:#999;
}

.portfolio-item p{
	text-shadow:0px 1px 0px #FFFFFF;
	line-height:20px;
	padding-top:10px;
	margin-bottom:-5px;
}

.share-box{
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #ccc;
	background-color:#CCC;
	display:block;
	height:30px;
	background-image: linear-gradient(bottom, rgb(243,243,243) 9%, rgb(254,254,254) 55%);
	background-image: -o-linear-gradient(bottom, rgb(243,243,243) 9%, rgb(254,254,254) 55%);
	background-image: -moz-linear-gradient(bottom, rgb(243,243,243) 9%, rgb(254,254,254) 55%);
	background-image: -webkit-linear-gradient(bottom, rgb(243,243,243) 9%, rgb(254,254,254) 55%);
	background-image: -ms-linear-gradient(bottom, rgb(243,243,243) 9%, rgb(254,254,254) 55%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.09, rgb(243,243,243)),
		color-stop(0.55, rgb(254,254,254))
	);
	margin-top:20px;
	margin-bottom:20px;
}

.read-more-share{
	background-image:url("../images/share-box/more.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/share-box/more.png*/);
	background-repeat:no-repeat;
	background-position:center 6px;
	padding-bottom:5px;
	width:32%;
	height:18px;
	display:inline-block;
}

.facebook-share{
	background-image:url("../images/share-box/facebook.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/share-box/facebook.png*/);
	background-repeat:no-repeat;
	background-position:center;
	background-position:center 6px;
	padding-bottom:5px;
	width:32%;
	height:18px;
	display:inline-block;
}

.twitter-share{
	background-image:url("../images/share-box/twitter.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/share-box/twitter.png*/);
	background-repeat:no-repeat;
	background-position:center;
	background-position:center 6px;
	padding-bottom:5px;
	width:32%;
	height:18px;
	display:inline-block;
}



/*Portfolio*/

.blog-item h3{
	font-family:'Microsoft YaHei'!important;
	font-weight:900;
	font-size:16px;
	padding-bottom:10px;
	color:#666;
}


.blog-item p{
	text-shadow:0px 1px 0px #FFFFFF;
	line-height:20px;
	padding-top:10px;
	margin-bottom:-5px;
}

.posted-by{
	background-image:url("../images/blog/user.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/blog/user.png*/);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding-left:25px;
	float:left;
	font-size: 12px;
	color:#a6a6a6!important;
	text-shadow:0px 1px 0px #FFFFFF;
	text-decoration:none;
	padding-top:10px;
	margin-top:-10px;
	padding-bottom:10px;
}

.posted-on{
	background-image:url("../images/blog/time.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/blog/time.png*/);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding-left:25px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	font-size: 12px;
	color:#a6a6a6!important;
	text-shadow:0px 1px 0px #FFFFFF;
	text-decoration:none;
	padding-top:10px;
	margin-top:-10px;
	padding-bottom:10px;
}

.posted-cat{
	float:left;
	background-image:url("../images/blog/cat.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/blog/cat.png*/);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding-left:25px;
	margin-right:20px;
	font-size: 12px;
	color:#a6a6a6!important;
	text-shadow:0px 1px 0px #FFFFFF;
	text-decoration:none;
	padding-top:10px;
	margin-top:-10px;
	padding-bottom:10px;
}


.ads img{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

.ads{
	margin-left:-10px!important;
	padding-top:20px;
	margin-bottom:-20px!important;
	width:300px;
	margin:auto;
}

/*////////////*/
/*Contact Form*/
/*////////////*/

.maps{
	height:150px!important;
}

.aspect-ratio{
 	margin-bottom:10px;
	display:block!important;
	max-width:98%!important;
	background-color:#FFF;
	padding:3px;
	border:solid 1px #cacaca;
}

#nameError{
	position:absolute;
	font-size:14px;
	color:#e34e47;
	margin-top:-70px;
	right:10px;
}

#emailError{
	position:absolute;
	font-size:14px;
	color:#e34e47;
	margin-top:-70px;
	right:10px;
}

#emailError2{
	position:absolute;
	font-size:14px;
	color:#e34e47;
	margin-top:-70px;
	right:10px;
}

#messageError{
	position:absolute;
	font-size:14px;
	color:#e34e47;
	margin-top:-105px;
	right:10px;
}

.contactButton{
	margin-top:15px;
	padding: 10px 10px!important; 
}

.contactBut{
	padding:8px 10px!important;	
}
	
label#name_label{
	display:block;
	margin-top:-10px!important;
	font-weight:bold;
	font-size:14px;
	color:#3d3d3d;
	line-height:40px;
	padding-left:3px;
}
	
label#email_label{
	display:block;
	font-weight:bold;
	font-size:14px;
	color:#3d3d3d;
	line-height:40px;
	padding-left:3px;
}
	
label#message_label{
	display:block;
	font-weight:bold;
	font-size:14px;
	color:#3d3d3d;
	line-height:40px;
	padding-left:3px;
}

#contactName{
	background-color:rgba(255,255,255,0.4);
	color:#a6a6a6;
	width:93%;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	text-transform:capitalize;
	border-style:solid;
	border-width:1px;
	border-color:#cacaca;
}

#contactName:focus{
	border-color:#e34e47;
}

#successMessage{
	margin-top:-10px!important;
	padding-bottom:181px;
}
	
#contactEmail{
	background-color:rgba(255,255,255,0.4);
	color:#a6a6a6;
	width:93%;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	text-transform:lowercase;
	border-style:solid;
	border-width:1px;
	border-color:#cacaca;
}

#contactEmail:focus{
	border-color:#e34e47;
}
	
#contactMessage{
	background-color:rgba(255,255,255,0.4);
	color:#a6a6a6;
	padding:10px;	
	width:93%;
	height:50px;
	border-style:solid;
	border-width:1px;
	border-color:#cacaca;
}

#contactMessage:focus{
	border-color:#e34e47;
}

a.zzb07link{
	font-size: 12px;
	text-decoration:none;
	color: #9A9A9A;
	font-weight: normal;
}
a.zzb07link:visited {
	text-decoration: none;
	color: #9A9A9A;
	font-size: 12px;
	font-weight: normal;
}
a.zzb07link:hover {
	text-decoration: none;
	color: #9A9A9A;
	font-size: 12px;
	font-weight: normal;
}

.zzb07tail{
	font-size:12px;
	color: #9A9A9A;
	font-weight: normal;
}

a.ztyanse{
	font-size: 14px;
	text-decoration:none;
	color: #3B4043;
	font-weight: bold;
}
a.ztyanse:visited {
	text-decoration: none;
	color: #3B4043;
	font-size: 14px;
	font-weight: bold;
}
a.ztyanse:hover {
	text-decoration: none;
	color: #3B4043;
	font-size: 14px;
	font-weight: bold;
}
dl.message2{
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 96%;
}

dl.message2 dd{
	margin: 0 0 6px 0;
	padding: 0px;
	float: left;
	width: 100%;
}	
	
	
	.round1li2 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 95%;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	
}
.round1li2 textarea {
border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 23px;
height: 68px;
width: 95%;
padding-left: 5px;
border: 1px solid;
border-color: #CCC #EEE #EEE #CCC;
background: whiteSmoke;

}
.round1li3 input {
	border-radius: 5px;-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
	line-height: 23px;
	height: 23px;
	width: 150px;
	padding-left: 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:10px;

}
.round1li4 { margin: 0 auto; width: 96%; float:left; text-align:center;}
.round1li4:after { clear: both; content: " "; display: block; }
.round1li4 input.button { margin:0 auto;
	 font-size: 15px;
	 color:#ffffff;
	 font-weight: bold;
	  display:block;width: 100px; height: 35px; border-radius: 3px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px; border: #b83930 1px solid;  
background:-moz-linear-gradient(top,#da4c42,#9a3129);/*Mozilla*/
background:-webkit-linear-gradient(top,#da4c42,#9a3129);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#da4c42,#9a3129); /*Opera11*/
}

.list-right {
    background-image: url("../images/wap_right_16.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_right_16.png*/);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
#more_about{display:block;max-width:100%}
#mcover{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}
.oopp{ width:100%; max-width:640px; overflow:hidden; position:relative; margin:0 auto;}
.praise_btn{display:block;line-height:44px;text-align:center;background:#CBAD27;color:#fff;font-size:16px;text-shadow:0 0 1px #cb8e06;margin:20px 20px 0;border-radius:3px}
.search{width:100%;height:40px;display:box; display:-webkit-box; display:-moz-box; margin-bottom:10px }
.search .input{display:block; box-flex:1.0; -webkit-box-flex:1.0; -moz-box-flex:1.0;  text-align:left;height:38px; padding:0px 10px; line-height:40px; overflow:hidden; border:#e4e4e4 1px solid; border-right:0;  border-radius:5px  0px 0px 5px;  -moz-border-radius: 5px  0px 0px 5px; 
-khtml-border-radius: 5px  0px 0px 5px; 
-webkit-border-radius: 5px  0px 0px 5px; }
.search .button{ height:40px; width:40px;     display:block; border:#e4e4e4 1px solid; border-left:0; border-radius:0px  5px 5px 0px;  -moz-border-radius: 0px  5px 5px 0px;
-khtml-border-radius: 0px  5px 5px 0px;
-webkit-border-radius: 0px  5px 5px 0px; background:#A61E08 url("../images/wap_ico031.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_ico031.png*/) center center no-repeat; cursor:pointer;}
.biaobiao {
    background-image: url("../images/wap_right_16.png"/*tpa=http://demob8.webb.testwebsite.cn/4/10/images/wap_right_16.png*/);
    background-repeat: no-repeat;
    background-position: 0px 5px;
	width:30px;
	height:20px;
	display:block;
}
.chanpbiaoti{		text-align:left; float:left}


.c_mainso dd .pic{ width:4px; height:24px; float:left; border-radius:2px 2px 2px 2px;}
.amain{ position:relative; margin:25px 5px; height:auto; padding:1px 6px 0;  }
.c_mainso{ margin:0 1px 0;  padding:2px 0 0;}
.c_mainso dd{ padding:10px 0; border-bottom:1px solid #dedede; height:30px;}
.c_mainso dd .txtshl{ padding-left:20px; line-height:22px;}

.c_mainso dd .pic{ width:4px; height:24px; float:left; background-color:#09C;border-radius:2px 2px 2px 2px;}
.prolist { margin-right:10px;}
.prolist ul li{ text-align: center;   width: 50%; overflow: hidden; float: left; margin-bottom:10px; }
.prolist:after { clear: both; content: " "; display: block; }
.prolist  li p{ line-height: 24px; margin:0; padding:0; font-size:14px;}
.prolist  li a{ display:block; margin-left:10px;  background:#f3f3f3; font-size:14px; color:#444;  }
.prolist  li a img{ height: 100px; width:100%}