.main { padding-bottom: 0px; }
	.whitebackground { position: fixed; z-index: 0; width: 1080px; height: 100%; margin-left: -540px; background: #f7f7f7; }
	
/* Header */
	.poswrapheaderline { z-index: 2; width: 0px; margin-left: auto; margin-right: auto; height: 100%; overflow: visible; position: relative; }
	.poswrapheaderline.wide { z-index: 2; width: 100%; margin-left: 0; margin-right: 0; height: 100%; overflow: visible; position: relative; }
	.headerline { position: absolute; z-index: 2; width: 1200px; height: 10px; margin-left: -600px; top: 0; background: #111; }
	.headerline.full { position: absolute; z-index: 2; width: 100%; height: 10px; left: 0; margin-left: 0; top: 0; background: #111; }
	.header { padding-top:15px;/* padding-bottom: 11px; */}
	.logo { float: left; margin-right: 20px;}
	.logotext { float: left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #777; margin-top: 7px; }
	.mainmenu { float: left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #999; margin-top: 31px; margin-bottom: -12px; }
	.search{ float:right; overflow: hidden;border-radius: 4px; height:32px;}
	.search button,.search input { float: left; height:32px;line-height: 32px;padding:0;margin:0; box-sizing: border-box;}
	.search button{padding:0 16px;}
	.search input{ padding-left:8px; }
	.headerdivider { float: left; width: 100%; height: 1px; /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ }
	html[xmlns] .slides {display: block;} 
	* html .slides {height: 1%;}
	.no-js .slides > li:first-child {display: block;}
	/* FlexSlider Default Theme
	*********************************/
	.flexslider {background: transparent; border: 0; position: relative; zoom: 1; }
	.flexslider .slides {zoom: 1;}
	.flexslider .slides > li {position: relative;}
	/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
	.flex-container {zoom: 1; position: relative;}
	/* Caption style */
	/* IE rgba() hack */
	.flex-caption {background:none; zoom: 1;}
	.flex-caption {width: auto; max-width: 70%; padding: 3px; padding-left: 15px; padding-right: 15px; position: absolute; left: 0px; bottom: 0px; background: #222; color: #fff; /*text-shadow: 0 -1px 0 rgba(0,0,0,.9);*/ font-size: 13px; font-weight: bold; font-style: italic; line-height: 20px; margin-bottom: -24px;}
	.flex-caption a{ font-size: 13px;  font-style: normal; text-decoration:underline; line-height: 20px; color: #fff;}
	/* Direction Nav */

/* Teasers / Portfolio */

	h3.info { margin-bottom: 5px; margin-top: -5px; }
	.lightlabel { float: left; color: #ccc; width: 50px; }
	.infofield { float: left; }
	.portfolio .teaser { padding-bottom: 20px; }
	.portfolio .nopadding { padding-bottom: 0px; }
	.portfolio_selector { font-weight: bold; }
	.portfolio_filter ul { float: left; margin: 0; padding: 0; }
	.portfolio_filter ul li { margin: 0; padding: 0; float: left; list-style-type: none; display: inline-block; }
	.portfolio_filter span { padding-left: 10px; padding-right: 10px; color: #ccc; cursor: default; }
	.teasers img, .teasers_large img { float: left; }
	.teasers .topline, .teasers .subline { float: left; width: 163px; }
	.teasers_large .topline, .teasers_large .subline { float: left; width: 403px; }
	.bigplus { float: left; width: 25px; height: 25px; background: #d5d5d5 url('../images/tiles/button_plus.png') no-repeat 7px 7px; margin-right: 10px; }
	.bigdoc { float: left; width: 25px; height: 25px; background: #d5d5d5 url('../images/tiles/button_doc.png') no-repeat 7px 7px; margin-right: 10px; }
	.bigcomment { float: left; width: 25px; height: 25px; background: #d5d5d5 url('../images/tiles/button_bubble.png') no-repeat 7px 7px; margin-right: 10px; }
	.pluswrap .bigplus, .pluswrap .bigdoc, .pluswrap .bigcomment { float: right; margin-left: 10px; margin-right: 0px; }
	.pluswrap.half { width: 438px; }
	a .overlay { background-color:#ff004e; }
	a .overlaytext{ color: #fff; background-color:#ff004e; padding: 2px 10px; font-size: 11px; font-weight: normal; text-decoration: none; line-height: 21px; }
	.newsteaser img { float: left; border: 5px solid #ddd; }
	.newsteaser .topline { margin-top: 4px;	}			
	.newsteaser .topline, .newsteaser .subline { float: left; width: 365px;	margin-left: 10px; }		
	.newsexcerpt { float: left;	margin-top: 13px; width: 365px; margin-left: 10px; }
/* Mainmenu */
	.ddsmoothmenu{ position: relative; float: right; font-family: Arial, Helvetica, sans-serif;  font-size:12px; line-height: 12px; margin: 0; z-index: 99; }
	.ddsmoothmenu ul{ z-index: 100; margin: 0; padding: 0; list-style-type: none; }
	.ddsmoothmenu ul ul{ padding-top: 0px; padding-bottom: 0px; border: 1px solid #ccc; margin-left: 13px; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10); }
	/*Top level list items*/
	.ddsmoothmenu ul li{ position: relative; display: inline; float: left; line-height: 12px; background: transparent; }
	.ddsmoothmenu ul li ul li{ padding: 0; margin: 0; }
	.ddsmoothmenu ul ul ul{ border-bottom: 0; }
	/*Top level menu link items style*/
	.ddsmoothmenu ul li a{ display: block; padding-top: 0px; padding-bottom: 28px; color: #999; text-decoration: none; }
	* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }
	.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: #999; padding:0 18px; font-weight: bold; }
	.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.now{ color: #000; }
	.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ color: #000; }
	.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited{ background: #fff; color: #777; border: 0; padding-left: 20px;  font-weight: normal; font-size: 11px; }
	.ddsmoothmenu ul li ul li a:hover{ /*color: #000; background: #eee;*/ }
	/*1st sub level menu*/
	.ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; }
	/*Sub level menu list items (undo style from Top level List Items)*/
	.ddsmoothmenu ul li ul li{ display: list-item; float: none; padding-bottom: 0px; margin-left: 0px;border-bottom: 1px solid #ddd; }
    .ddsmoothmenu ul li:last-child { border-bottom: 0; }
	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	.ddsmoothmenu ul li ul li ul{ top: 0; margin-left: 0px; margin-top: -10px; }
	/* Sub level menu links style */
	.ddsmoothmenu ul li ul li a{ width: 170px; /*width of sub menus*/ padding: 15px; margin: 0; border-top-width: 0; margin-right: -2px; }
	.ddsmoothmenu li li ul,
	.ddsmoothmenu li li li ul { margin: 0 0 0 0; }
	/* Holly Hack for IE \*/
	* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
	/* CSS classes applied to down and right arrow images */
	.downarrowclass{ position: absolute; top: 2px; right: 0px; }
	.rightarrowclass{ position: absolute; top: 11px; right: 10px; visibility: hidden;}

/* #Media Queries
================================================== */
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
	}
/* Responsive Menu
================================================== */
	
#mainmenu { visibility: visible; } 
#responsive-menu{ display: none; float: left; }

@media only screen and (max-width: 767px) {
	#mainmenu { visibility: hidden; height: 0;} 
	#responsive-menu { display: inline-block; width: 100%; margin-top: 13px; }			  
}
/* mine*/
.main{
	width:1200px;
	margin:0 auto;
}
.header{
	/*overflow: hidden;
	border-bottom:1px solid #ddd;*/
}
.listbox ul{
	overflow: hidden;
	width:100%;
	padding-top:20px;
}
.listbox ul li{

	/*width:25%;;*/
	width:17%;
	float:left;
	padding:4px 5px;
	margin-left: 15px;
}
.item>div{
	/*height:131px;*/
	background:#fff;
	border:1px solid #ddd;
	bottom:0;
	border-radius: 4px;
	overflow: hidden;
}
.toptop{
	overflow: hidden;
	position: relative;
	padding:10px;
}
.toptop .imgbox{
	width:66px;
	height:66px;
	padding:8px;
	box-sizing: border-box;
	background:#fafafa;
	border-radius: 50%;
}
.imgbox img{
	width:100%;
	height:100%;
}
.toptop .ttLeft{
	float: left;
	overflow: hidden;
	position: relative;
}
.toptop h3{
	font-size:20px;
	margin:0;
	line-height: 20px;
	font-weight: bolder;
}
.toptop .ttRight{
	float: right;
	position: absolute;
	bottom:20px;
	right:10px;
	color:#888;
}
.ttLeft>div{
	float: left;
}
.ttLeft .name{
	padding-left:10px;
	padding-top:10px;
	height:66px;
	position: relative;
}
.ttLeft .name a{
	position: absolute;
	bottom:10px;
	left:10px;
}
.bottom{
	background-color:#f1f1f1;
	overflow:hidden;
	width:100%;
	height:42px;
	padding:0 12px;
	font-size:12px;
	line-height: 42px;
}
.bottom p{
	float: left;
	width:80%;
	line-height:40px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#666;
}
.bottom a{
	float: right;
	line-height:40px;
	color:blue;
}
.storebox img{
	display: inline-block;
	width:14px;
	height:14px;
}
.item:hover>div{
	box-shadow: 2px 2px 10px #ccc;
}
/*list2*/
.part1{
	height:100px;
	background:#0099cc;
	color:#fff;
	font-size:20px;
	line-height: 100px;
	text-align:center;
}
.part2{
	padding:10px;
	font-size:16px;
	line-height:24px;
	color:#333;
	text-align: justify;
}
.part3{
	padding:0 10px;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-align: justify;
	color:#444;
	font-size:13px;
}
.part4{
	font-size:12px;
	color:#666;
	padding:10px;
}
.part5 {
	padding:0 10px 10px;
}
.part5 span{
	font-size:12px;
	color:#777;
	padding:4px 6px;
	background:#f4f4f4;
	border-radius: 3px;
	margin:0 3px;
}
/**/