@charset "utf-8";
/* CSS Document */

.ideaboxNews2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../imgs/line1.png) repeat-y 110px top; */
	line-height: 1;
	font-size: 100%;
	position: relative;
	display: none; 
}


.ideaboxNews2>h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	display: block;
	padding: 20px;
	box-sizing: border-box;
	background: #723b64;
	color: #FFF;
}
.ideaboxNews2>ul {
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	list-style: none;
	display: block;
	overflow: hidden;
	height: 360px;
}
.ideaboxNews2>ul li {
	display: block;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	margin-bottom:0;
}
.ideaboxNews2>ul li:hover {
	background: rgba(0, 0, 0,0.02); 

}
.ideaboxNews2>ul li:hover .in-image>span {
	width: 86px;
}
.ideaboxNews2>ul li:hover .in-image>span>h6 {
	opacity: 0.8;
}
.ideaboxNews2>ul li>.in-image {
	width: 123px;
	height: 80px;
	position: absolute;	
	overflow: hidden;
	background: url(../imgs/history.png) no-repeat right 10px;
}

.ideaboxNews2>ul li>.in-image h2{ font-size: 22px; padding-left:0; color:#1e84dc; font-weight: bold; margin-top:10px;}


.ideaboxNews2>ul li>.in-image>images {
	width: 80px;
	height: 80px;
	position: relative;
}
.ideaboxNews2>ul li>.in-image>span {
	position: absolute;
	left: 0;
	top:0;
	width: 6px;
	height: 100%;
	/* background: #0CC; */
	text-align: center;
	padding-top: 35px;
	box-sizing: border-box;
}
.ideaboxNews2>ul li>.in-image>span>h6 {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	opacity: 0;
	color: #FFF;
}



.ideaboxNews2>ul li>.moth {
	width: 100px;
	height: 30px;
	position: absolute;	
	overflow: hidden;
	left:22px;
	margin-top:24px;
	background: url(../imgs/dcdot.png) no-repeat right 0px;
}

.ideaboxNews2>ul li>.moth h2{ font-size: 16px; padding-top:0; color:#1e84dc; font-weight: bold; margin-top: -2px; text-align: right; padding-right:50px;}

.ideaboxNews2>ul li>.in-content {
	width: 100%;	
	box-sizing: border-box;
	padding: 10px 0 10px 170px;
	position: relative;
	font-size:15px;
	font-weight: normal;
}

.ideaboxNews2>ul li>.in-content p{ margin-top:5px; padding-right:8px; min-height: 30px;}
.ideaboxNews2>ul li>.in-content>h2 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	opacity: 0.8;
	display: block;
	text-transform: uppercase;
}
.ideaboxNews2>ul li>.in-content>span {
	font-size: 12px;
	opacity: 0.6;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	margin-top: 4px;
	text-transform: uppercase;
}
.ideaboxNews2>ul li>.in-content>div {
	padding: 0;
	margin: 0;
	font-size: 14px;	
	display: block;
	margin-top: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	opacity: 0.8;
}


.ideaboxNews2>ul li>.in-content2 {
	width: 100%;	
	box-sizing: border-box;
	padding: 20px 0 10px 170px;
	position: relative;
}

.ideaboxNews2>ul li>.in-content2 p{ padding-right:8px; padding-bottom:0;}
.ideaboxNews2>ul li>.in-content2>h2 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	opacity: 0.8;
	display: block;
	text-transform: uppercase;
}
.ideaboxNews2>ul li>.in-content2>span {
	font-size: 12px;
	opacity: 0.6;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	margin-top: 4px;
	text-transform: uppercase;
}
.ideaboxNews2>ul li>.in-content2>div {
	padding: 0;
	margin: 0;
	font-size: 14px;	
	display: block;
	margin-top: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
	opacity: 0.8;
}

















.ideaboxNews2 .in-viewer {
	position: absolute;
	width: 100%;
	top: 60px;
	bottom: 0;
	background: #f2f2f2;
	display: none;
}
.ideaboxNews2 .in-viewer-header {
	width: 100%;
	height: 80px;
	background: #DDD;
	position: relative;
	padding: 20px 40px 20px 20px;
	box-sizing: border-box;
}
.ideaboxNews2 .in-viewer-header>images {
	width: 40px;
	height: 40px;
	display: block;
	position: absolute;
}
.ideaboxNews2 .in-viewer-header>div {
	width: 100%;
	height: 40px;
	display: block;
	box-sizing: border-box;
	padding-left: 60px;
	font-size: 18px;
}
.ideaboxNews2 .in-viewer-header>div>h2 {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	box-sizing: border-box;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
}
.ideaboxNews2 .in-viewer-header>div>span {
	font-size: 12px;
	width: 100%;
	display: block;
	opacity: 0.6;
	font-weight: normal;
	margin-top: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: uppercase;
}
.ideaboxNews2 .in-viewer-content {
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	line-height: 1.4;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 80px;
}
.ideaboxNews2 .in-viewer-close {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	width: 24px;
	height: 24px;
	background: url(../imgs/in-close-icon.png) center no-repeat;
	cursor: pointer;
	opacity: 0.5;
}
.ideaboxNews2 .in-viewer-close:hover {
	opacity: 1;
}
/*OTHERS------------------------------------------*/
.in-easing li, .in-easing .in-image span {
	transition: .15s linear;
	-moz-transition: .15s linear;
	-webkit-transition: .15s linear;
}
.in-easing .in-image span h6 {
	transition: .35s linear;
	-moz-transition: .35s linear;
	-webkit-transition: .35s linear;
}
.in-leftfixed {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	display: block;
}
.in-rightfixed {
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
	display: block;
}
.in-relative {
	display: block;
}
.ideaboxNews2>ul li>.in-image>span.in-red {
	background: #d05e5e;
}
.ideaboxNews2>ul li>.in-image>span.in-blue {
	background: #287bc8;
}
.ideaboxNews2>ul li>.in-image>span.in-purple {
	background: #b6568d;
}
.ideaboxNews2>ul li>.in-image>span.in-yellow {
	background: #c4c636;
}
.ideaboxNews2>ul li>.in-image>span.in-green {
	background: #acd35d;
}
.ideaboxNews2>ul li>.in-image>span.in-orange {
	background: #ea9739;
}
.ideaboxNews2>ul li>.in-image>span.in-grey {
	background: #666666;
}
.ideaboxNews2>ul li>.in-image>span.in-darkblue {
	background: #5674b6;
}
.ideaboxNews2>ul li>.in-image>span.in-turquoise {
	/* background: #56b699; */
}



/* header{width:100%; min-height:100px; padding:20px; background:url(trash/bgnoise_lg.png); text-align:center; border-bottom:solid 2px #333; box-sizing:border-box;}

header h1{font-weight:normal; font-size:36px; padding:0; margin:0;}

header h3{padding:0; margin:0;}

header .examples{width:100%; height:auto; padding:20px 0;}

header .examples a{display:inline-block; padding:10px 20px; background:#333; text-decoration:none; color:#FFF;}

header .examples a.active{background:#C00;}
 */
.example_img{width:100%; text-align:center; padding:20px; box-sizing:border-box; background:#333; margin-top:50px;}

.example_img images{display:inline-block;}