@charset "utf-8";

/******************************************************************************************
	DEBUG start
******************************************************************************************/
/* TMP */
#carousel-timeline .section.article .more {
	display: none;
}
.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}
#timeline-debug {
	position: absolute;
	z-index: 100000;
	top: 0;
	left: 0;
	width: 400px;
	height: 80px;
	text-align: center;
	background: #000;
	color: #fff;
}
/******************************************************************************************
	DEBUG end
******************************************************************************************/



/****************************************************************************************************
	LAYOUT
****************************************************************************************************/
/* PLATFORM THEME */
#taogi-net-site-main-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* LIBRARY THEME */



/****************************************************************************************************
	BOX MODEL start 
****************************************************************************************************/
/* FRAME */
#carousel-timeline-box {
	position: relative;
	width: 100%;
	height: 100%;
}
#carousel-timeline {
	position: absolute;
	left: 0;
	width: 100%;
}
#carousel-timeline .touchcarousel-wrapper {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
}
#carousel-timeline ul.touchcarousel-container {
	position: relative;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#carousel-timeline .taogi-scrollbar-container {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
}
/* SLIDE */
li.touchcarousel-item {
	position: absolute;
	height: 100%;
	z-index: 0;
	top: 0;
	*zoom: 1;
	margin: 0;
	padding: 0;
}
li.touchcarousel-item:after {
	content: ' ';
	display: block;
	clear: both;
}
li.touchcarousel-item.last {
	margin-right: 0 !important;
}
li.touchcarousel-item .item-container {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	overflow: hidden;
/*	background-color: white; */
	*zoom: 1;
}
li.touchcarousel-item .item-container:after {
	clear: both;
	content: ' ';
	display: block;
}
li.touchcarousel-item .item-container .item-flipper {
	width: 100%;
	height: 100%;
}
li.touchcarousel-item .item-container .section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}
li.touchcarousel-item .item-container .section:after {
	content: " ";
	display: block;
	clear: both;
}
li.touchcarousel-item .item-container .section .wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	*zoom: 1;
}
li.touchcarousel-item .item-container .section .wrap:after {
	position: relative;
	clear: both;
	content: ' ';
	display: block;
}
/* ARTICLE MODE */
.section.article {
}
.section.article .wrap {
}
.section.article .wrap:after {
}
/* MEDIA MODE */
.section.media {
	cursor: default;
	display: none;
	background: #333333 url(../images/background-dots.svg) scroll repeat center center;
	box-shadow: inset 0 0 15px #000000;
}
.section.article .loading,
.section.media .loading {
	width: 100%;
	height: 100%;
	text-indent: -10000px;
	overflow: hidden;
	background: #000000 url(../images/loading.gif) scroll no-repeat center center;
}
.section.media .wrap {
}
/* MEDIA MODE -- gallery */
.section.media .gallery-wrap {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.section.media .gallery-wrap .gallery-container {
	position: relative;
	overflow: hidden;
	list-style: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.section.media .gallery-wrap .gallery-container .gallery-item {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	*zoom: 1;
}
.section.media .gallery-wrap .gallery-container .gallery-item:after {
	clear: both;
	content: ' ';
	display: block;
}
.section.media .gallery-wrap .gallery-container .gallery-item figure {
	z-index; 2;	
}
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay {
	transition: all 0.2s linear;
	opacity: 0;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 1em;
	background-color: rgba(0,0,0,0.85);
	text-align: left;
}
@media all and ( max-height: 480px ) {
	.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay {
		bottom: 60px;
	}
}
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay.show {
	opacity: 1;
	z-index: 3;
}
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay {
	color: #FFFFFF;
	font-size: 13px;
}
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay a {
	color: #CCCCCC;
	text-decoration: none;
}
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay .split,
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay cite.credit {
	font-size: 12px;
}
.section.media .gallery-wrap .gallery-container .gallery-item .caption-overlay span.close {
	display: none;
	font-weight: bold;
}
/* MEDIA MODE -- navigation */
.section.media .media-nav {
	width: 100%;
	height: 70px;
	border-top: 1px solid #222222;
	background-color: rgba(0,0,0,0.5);
	*background-color: #151515;
	box-shadow: 0 0 5px #000000;
}
.section.media .media-nav a.switch_nav {
	display: none;
}
.section.media .media-nav a.switch_mode {
	float: right;
	display: block;
	height: 1.5em;
	margin: 0 0.5em 0 0;
	padding: 0;
	line-height: 1.5;
	display: block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}
.section.media .media-nav a.switch_mode:hover {
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}
.section.media .media-nav a.switch_mode:before {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	line-height: inherit;
	vertical-align: middle;
	font-family: 'FontAwesome';
	content: '\F0EC';
	margin-right: 0.3em;
}
.section.media .media-nav p.caption {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
	color: #FFFFFF;

	text-decoration: none;
	cursor: pointer; /* show clickable */
}
.section.media .media-nav p.caption:hover {
	text-decoration: underline;
}
.section.media .media-nav p.caption a {
	color: inherit;
	text-decoration: underline;
}
.section.media .media-nav p.caption span.split,
.section.media .media-nav p.caption cite.credit,
.section.media .media-nav p.caption cite.credit a {
	color: #999999;
	font-size: 11px;
	font-style: normal;
}
.section.media .media-nav p.caption .close {
	display: none;
}
.section.media .media-nav p.caption.overlay span.caption-content,
.section.media .media-nav p.caption.overlay span.split,
.section.media .media-nav p.caption.overlay cite.credit {
	display: none;
}
.section.media .media-nav p.caption.overlay span.close {
	display: inline-block;
}
.section.media .media-nav p.caption.overlay span.close:before {
	font-family: 'FontAwesome';
	content: '\F057';
	padding: 3px 5px 0 2px;
	font-size: 10px;
}
.section.media .media-nav .thumbnails-navi {
	box-sizing: content-box;
	position: relative;
	z-index: 1;
	height: 34px;
	/*
	overflow: hidden;
	*/
	margin: 8px 0 0 0; /* for .thumbnail.current border */
	padding: 0;
}
.section.media .media-nav .thumbnails-navi .thumbnails-navi-items {
	position: relative;
	height: 34px;
	overflow: hidden;
	margin: 0;
	padding: 2px;
}
.section.media .media-nav .thumbnails-navi.use-navi .thumbnails-navi-items {
	margin: 0 70px 0 0;
}
.section.media .media-nav ul.thumbnails {
	*zoom: 1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	word-spacing: 0;
	white-space: nowrap;
}
.section.media .media-nav .thumbnails-navi.use-navi ul.thumbnails {
	transition: transform 0.6s ease-in;
	-webkit-transition: -webkit-transform 0.6s ease-in;
	-moz-transition: -moz-transform 0.6s ease-in;
	-ms-transition: -ms-transform 0.6s ease-in;
	-o-transition: -o-transform 0.6s ease-in;
}
.section.media .media-nav ul.thumbnails li {
	/*
	float: left;
	*/
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	margin: 2px 0 0 10px;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
}
.section.media .media-nav ul.thumbnails li.current {
	outline: 2px solid #FF0000;
}
.section.media .media-nav ul.thumbnails li img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.section.media .media-nav .thumbnails-navi .thumbnails-navi-buttons {
	display: none;
	position: absolute;
	top: 2px;
	right: 10px;
	width: 60px;
	height: 30px;
	margin: 0;
	padding: 0;
}
.section.media .media-nav .thumbnails-navi.use-navi .thumbnails-navi-buttons {
	display: block;
}
.section.media .media-nav button.prev,
.section.media .media-nav button.next {
	cursor: pointer;
	position: absolute;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	border: 0;
	background-color: transparent;
}
.section.media .media-nav button.prev span,
.section.media .media-nav button.next span {
	display: none;
}
.section.media .media-nav button.prev:after,
.section.media .media-nav button.next:after {
	position: absolute;
	top: 0;
	left: 0;

	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 0;
	background-color: transparent;

	content: '';
	font-family: 'FontAwesome';
	font-size: 20px;
	color: rgba(255,255,255,0.5);
}
.section.media .media-nav button.prev:hover:after,
.section.media .media-nav button.next:hover:after {
	color: rgba(255,255,255,1);
}
.section.media .media-nav button.prev {
	left: 0px;
}
.section.media .media-nav button.prev:after {
	content: '\F0A8';
}
.section.media .media-nav button.next {
	left: 30px;
}
.section.media .media-nav button.next:after {
	content: '\F0A9';
}
/****************************************************************************************************
	BOX MODEL end 
****************************************************************************************************/




/*************************************************************************************************************
	NODES(SCROLLBAR) start
*************************************************************************************************************/
.taogi-scrollbar-container {
}
.taogi-scrollbar-container-switch {
	position: absolute;
	z-index: 1;
	top: -30px;
	left: 50%;
	margin-left: -45px;
	display: none;
	width: 90px;
	height: 30px;
	overflow: hidden;
	cursor:pointer;
}
.taogi-scrollbar-container-switch:before {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	margin-left: -35px;
	display: block;
	width: 70px;
	height: 20px;
	border-radius: 5px 5px 0 0;
	background-color: #F0F0F0;
	box-shadow: 0 0 5px #666666;
	content: '';
	cursor: pointer;
}
.taogi-scrollbar-container-switch:after {
	/*
	transition: transform ease 300ms;
	-webkit-transition: -webkit-transform ease 300ms;
	-moz-transition: -moz-transform ease 300ms;
	-ms-transition: -ms-transform ease 300ms;
	-o-transition: -o-transform ease 300ms;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	*/
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-family: 'FontAwesome';
	font-size: 13px;
	content: '\F0AA';
	color: #666666;
}
.taogi-scrollbar-container.active .taogi-scrollbar-container-switch:after {
	/*
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	*/
	content: '\F0AB';
}
.taogi-scrollbar-wrap {
	position: relative;
	height: 100%;
	margin: 0 25px;
}
.taogi-scrollbar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	cursor: pointer;
}
ul.taogi-scrollbar-nodes,
.taogi-scrollbar-indicator,
.taogi-scrollbar-pointer {
	top: 20px;
}
ul.taogi-scrollbar-nodes {
	list-style: none;
	position: absolute;
	z-index: 20;
	left: 0;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}
ul.taogi-scrollbar-nodes li.taogi-scrollbar-node {
	position: absolute;
	top: 0;
	width: 1px;
	height: 1px;
}
ul.taogi-scrollbar-nodes li.taogi-scrollbar-node-cover-front {
	left: 0;
}
ul.taogi-scrollbar-nodes li.taogi-scrollbar-node-cover-rear {
	right: 0;
}
ul.taogi-scrollbar-nodes li.taogi-scrollbar-node a {
	position: absolute;
	top: -7px;
	right: -7px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
}
ul.taogi-scrollbar-nodes li.taogi-scrollbar-node a:after {
	position: absolute;
	top: 5px;
	left: 5px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	background-color: #AAAAAA;
	content: '';
}
ul.taogi-scrollbar-nodes li.taogi-scrollbar-node.past a:after {
	background-color: #000000;
}
ul.taogi-scrollbar-nodes li.taogi-scrollbar-node a span {
	display: none;
}
.taogi-scrollbar-indicator {
	position: absolute;
	z-index: 10;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #AAAAAA;
}
.taogi-scrollbar-indicator-bar {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000000;
}
.taogi-scrollbar-pointer {
	position: absolute;
	z-index: 30;
	left: 0;
	width: 1px;
	height: 1px;
}
.taogi-scrollbar-tooltip {
	position: absolute;
	bottom: 18px;
	left: -10px;
	width: auto;
	height: 1.5em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #333333;
	color: #333333;
	font-size: 11px;
	white-space: nowrap;
}
.taogi-scrollbar-tooltip span.date {
	font-weight: bold;
}
.taogi-scrollbar-tooltip span.split {
}
.taogi-scrollbar-tooltip span.label {
	color: #666666;
}
.taogi-scrollbar-marker {
	position: absolute;
	top: -9px;
	left: -9px;
	display: block;
	width: 19px;
	height: 19px;
	border: 1px solid #000000;
	border-radius: 15px;
	background-color: #FFFFFF;
	cursor:pointer;
}
.taogi-scrollbar-marker:before {
	position: absolute;
	top: -9px;
	left: 5px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	border-color: #000000 transparent;
	content: '';
}
.taogi-scrollbar-marker:after {
	position: absolute;
	top: 6px;
	left: 6px;
	display: block;
	width: 5px;
	height: 5px;
	border: 0;
	border-radius: 5px;
	background-color: #000000;
	content: '';
}
.taogi-scrollbar-marker span {
	display: none;
}

/*************************************************************************************************************
	SCROLLBAR end 
*************************************************************************************************************/

/******************************************************************************************
	FLIP ANIMATION start
******************************************************************************************/
li.touchcarousel-item.flipper .item-container {
	perspective: 1000;
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	-o-perspective: 1000;
	
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
}
li.touchcarousel-item.flipper .item-flipper {
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	position: relative;
}
.taogi-frame.isie li.touchcarousel-item.flipper .item-flipper {
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
}
.touchcarousel-item.flipper .item-flipper .section {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	position: absolute; 
	top: 0;
	left: 0;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
}
li.touchcarousel-item.flipper .item-flipper .section.article {
	z-index: 2;
}
li.touchcarousel-item.flipper .item-flipper .section.media {
	z-index: 1;
	display: block;
}
li.touchcarousel-item.flipper.horizon .item-flipper .section.media {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
}
li.touchcarousel-item.flipper.vertical .item-flipper .section.media {
	transform: rotateX(180deg);
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
}
/******************************************************************************************
	FLIP ANIMATION end
******************************************************************************************/





/******************************************************************************************
	RESPONSIVE start
******************************************************************************************/
/* DEFAULT SIZE */
@media all {
	#carousel-timeline {
		top: 50%;
		height: 600px;
		margin-top: -300px;
	}
	#carousel-timeline .touchcarousel-wrapper {
		height: 540px; /* 600-60 -- regardeing scrollbar */
	}
	li.touchcarousel-item {
		width: 768px;
	}
	li.touchcarousel-item .item-container {
		width: 765px;
	}
	li.touchcarousel-item .section.article .wrap {
		width: 665px; /* 765-50-50 */
		height: 440px; /* 470-50-50 */
		margin: 50px auto 0 auto;
	}
	li.touchcarousel-item .section.media .gallery-wrap {
		height: 470px; /* 540 - 70 -- regardeing media-nav */
	}
}
/* SMALL SIZE for 768x660 */
@media all and ( max-width: 768px ) {
	#carousel-timeline {
		height: 510px;
		margin-top: -255px;
	}
	#carousel-timeline .touchcarousel-wrapper {
		height: 450px; /* 510-60 -- regarding scrollbar */
	}
	li.touchcarousel-item {
		width: 600px;
	}
	li.touchcarousel-item .item-container {
		width: 597px;
	}
	li.touchcarousel-item .section.article .wrap {
		width: 527px; /* 597-30-30 */
		height: 390px; /* 450-30-30 */
		margin-top: 30px;
	}
	li.touchcarousel-item .section.article h2.title {
		font-size: 1.5em;
	}
	li.touchcarousel-item .section.media .gallery-wrap {
		height: 380px; /* 450-70 -- regardeing media-nav */
	}
	li.touchcarousel-item.cover .section.article h1.title {
		font-size: 2em;
	}
	li.touchcarousel-item.cover .section.article ul.social {
		bottom: 0;
	}
}
@media all and ( max-height: 660px ) {
	#carousel-timeline {
		height: 510px;
	}
	#carousel-timeline .touchcarousel-wrapper {
		height: 450px; /* 510-60 -- regarding scrollbar */
	}
	li.touchcarousel-item {
		width: 600px;
	}
	li.touchcarousel-item .item-container {
		width: 597px;
	}
	li.touchcarousel-item .section.article .wrap {
		width: 527px; /* 597-30-30 */
		height: 390px; /* 450-30-30 */
		margin-top: 30px;
	}
	li.touchcarousel-item .section.media .gallery-wrap {
		height: 380px; /* 450-70 -- regarding media-nav */
	}
	li.touchcarousel-item .section.article ul.social {
		bottom: 0;
	}
	li.touchcarousel-item .section.article h2.title {
		font-size: 1.5em;
	}
	li.touchcarousel-item .section.article h1.title {
		font-size: 2em;
	}
}
/* RESET VERTICAL ALIGN for 768x720 */
@media all and ( min-width: 768px) and ( max-height: 720px ) {
	#carousel-timeline {
		top: 60px;
		margin-top: 0;
	}
}
/* RESET VERTICAL ALIGN for h630 */
@media all and ( max-height: 630px ) {
	#carousel-timeline {
		top: 60px;
		margin-top: 0;
	}
}
/* FULL WIDTH for w600 */
@media all and ( max-width: 600px ) {
	li.touchcarousel-item {
		width: 100%;
	}
	li.touchcarousel-item .item-container {
		width: 100%;
	}
	li.touchcarousel-item .section.article .wrap {
		width: 90%;
	}
}
/* SMALLER HEIGHT for h570 */
@media all and ( max-height: 570px ) {
	#taogi-timeline-title {
		display: none;
	}
	#taogi-timeline-title-minion {
		display: block;
	}
	#carousel-timeline {
		top: 50%;
		height: 480px;
		margin-top: -240px;
	}
	#carousel-timeline .touchcarousel-wrapper {
		height: 420px; /* 480-60 -- regarding scrollbar */
	}
	#carousel-timeline .taogi-scrollbar-wrap {
		margin-left: 70px; /* for #taogi-timeline-title-minion */
	}
	li.touchcarousel-item .section.article .wrap {
		height: 360px; /* 420-30-30 */
		margin-top: 30px;
	}
	li.touchcarousel-item .section.media .gallery-wrap {
		height: 350px; /* 420-70 -- regarding media-nav */
	}
}
/* FULL HEIGHT for h480 */
@media all and ( max-height: 480px ) {
	#carousel-timeline {
		height: 100%;
		top: 0;
		margin-top: 0;
	}
	#carousel-timeline .touchcarousel-wrapper {
		height: 100%;
	}
	#carousel-timeline .taogi-scrollbar-container {
		bottom: -60px;
		background-color: #F0F0F0;
		box-shadow: 0 0 5px #666666;
	}
	#carousel-timeline .taogi-scrollbar-container .taogi-scrollbar-container-switch {
		/* display: block; */
	}
	li.touchcarousel-item .section.article .wrap {
		height: 90%;
		margin-top: 5%;
	}
	li.touchcarousel-item .section.article .title-description {
		padding-bottom: 20px;
	}
	li.touchcarousel-item .section.media .gallery-wrap {
		height: 100%; /* regarding media-nav, by javascript */
	}
	li.touchcarousel-item .section.media .media-nav {
		position: absolute;
		z-index: 1;
		left: 0;
		bottom: 0;
	}
}
/* SMALLER SPACE for 600x570 */
@media all and ( max-width: 600px ) and ( max-height: 570px) {
	li.touchcarousel-item .section.article .wrap {
		width: 95%;
		height: auto;
		margin-top: 2.5%;
	}
	li.touchcarousel-item.cover .section.article .wrap {
		height: 95%;
	}
}
.figure.overflow {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
}
.figure.overflow img {
	max-height: 190px !important;
}
.figure.instagram.overflow {
	overflow-y:auto;
}
/******************************************************************************************
	RESPONSIVE end
******************************************************************************************/

/******************************************************************************************
	Richeditor
******************************************************************************************/
.title-description .description p {
	margin: 0;
	padding: 0;
}
.title-description .description p+p {
	margin-top: 1em;
}
.title-description .description b,
.title-description .description strong {
	font-weight: bold;
}
.title-description .description i,
.title-description .description em {
	font-style: italic;
}
.title-description .description u {
	text-decoration: underline;
}
.title-description .description s,
.title-description .description strike {
	text-decoration: line-through;
}