@charset "utf-8";
/*============================================================================*/

section.tt-article.s1 { position: relative; }

section.tt-article.s1 .main {  }









section.tt-article.s1 .main ul { position: relative; }




section.tt-article.s1 .main ul:before { /*line */
	content: '';
	position: absolute; top: 0; left: 5px; margin-left: -1px; width: 1px; height: 100%;
	background-color: rgba(28, 28, 28, .85);
}

/*
section.tt-article.s1 .main li time {
	display: block; position: absolute; top: 0; left: 2em; margin: 5px 5px 5px -5px; width: 1em;height: 1em;
	outline: 10px solid white;
	background-color: black;
	-webkit-transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
}
section.tt-article.s1 .main li:hover time {
	background-color: #a83279;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}
*/

section.tt-article.s1 .main li time { position: absolute; top: 0; left: -22px; }

section.tt-article.s1 .main li time .pdate {
	display: inline-block; position: relative; width: 50px;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 5px;
	box-shadow: 1px -1px 0px 0.1px rgba(255, 255, 255, .35) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .35) inset, 1px -1px 0px 0.1px rgba(255, 255, 255, .15) inset, -1px 1px 0px 0.1px rgba(255, 255, 255, .15) inset, 0 0 36px rgba(0, 0, 0, .15);
	/*background-color: rgba(10, 170, 220, 1);*/
	background-color: rgba(255, 255, 255, 1);
}

section.tt-article.s1 .main li time .pdate ins {
	display: inline-block; width: 100%; height: 10px;
	border: 1px solid rgba(255, 0, 0, .35);
	border-radius: 5px 5px 0 0;
	box-shadow: 1px 1px 2px 0 rgba(255, 255, 255, .35) inset;
	background-color: rgba(255, 0, 0, .65);
}

section.tt-article.s1 .main li time .pdate ins:before,
section.tt-article.s1 .main li time .pdate ins:after {
	content: '';
	position: absolute; top: 0; width: 2px; height: 5px;
	background-color: rgba(28,28, 28, .95);
}

section.tt-article.s1 .main li time .pdate ins:before { right: 10px; }
section.tt-article.s1 .main li time .pdate ins:after { left: 10px; }


section.tt-article.s1 .main li time .pdate .y,
section.tt-article.s1 .main li time .pdate .md { display: flex; justify-content: center; padding: 3px 0; }

section.tt-article.s1 .main li time .pdate .y { border-bottom: 1px solid rgba(0, 0, 0, .35); color: rgba(0, 0, 0, .85); }
section.tt-article.s1 .main li time .pdate .md {
	color: rgba(1, 140, 190, .95);
	/*text-shadow: -1px -1px rgba(1, 140, 190, .65), -1px 1px rgba(1, 140, 190, .65), 1px -1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65), 1px 1px rgba(1, 140, 190, .65);*/
	background-color: rgba(10, 170, 220, .15);
}


@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-article.s1 .main li time { display: none; }
}



section.tt-article.s1 .main li { position: relative; margin: 50px 0; }

section.tt-article.s1 .main li:first-child { margin-top: 0; margin-bottom: 50px; }
section.tt-article.s1 .main li:last-child { margin-top: 50px; margin-bottom: 0; }



section.tt-article.s1 .main ul li article {
	display: flex; justify-content: center;
	border-radius: 12px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .35);
	background-color: rgba(255, 255, 255, .5);
	overflow: hidden;
	-webkit-transform: -webkit-translate(60px, 0); transform: translate(60px, 0);
	-webkit-transition: background-color 300ms linear; transition: background-color 300ms linear;
}

section.tt-article.s1 .main ul li:hover article { background-color: rgba(255, 255, 255, .85); }



section.tt-article.s1 .main ul li article:before {
	content: '';
	z-index: -2; position: absolute; top: 0; left: 0; width: 999px; height: 1200px;
	background-color: rgba(255, 255, 255, .35);
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
}
section.tt-article.s1 .main ul li article:after {
	content: '';
	z-index: -1; position: absolute; top: 0; right: -700px; width: 80%; height: 100%;
	background-color: rgba(10, 170, 220, .05);
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
}





section.tt-article.s1 .main ul li article .col { display: inline-block; width: calc(100% / 2); }




section.tt-article.s1 .main ul li article .col .isimg {
	position: relative;
	overflow: hidden;
	/*overflow-x: clip;*/
}

section.tt-article.s1 .main ul li article .col .isimg:hover {
	
}

section.tt-article.s1 .main ul li article .col .isimg { /*background-color: rgba(255, 255, 255, .95);*/ }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel {  }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-stage-outer .owl-stage {

}

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item {  }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img {
	display: block; width: 100%; height: 100%;
	border: 20px solid rgba(255, 255, 255, 0); border-right: 0;
	/*border-radius: 5px;*/
	object-fit: cover;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-article.s1 .main ul:before,
	section.tt-article.s1 .main li small { display: none; }
	section.tt-article.s1 .main li {margin: 20px 0; }
	section.tt-article.s1 .main li:first-child { margin-top: 0; margin-bottom: 20px; }
	section.tt-article.s1 .main li:last-child { margin-top: 20px; margin-bottom: 0; }
	section.tt-article.s1 .main ul li article { display: inline-block; border-radius: 0; -webkit-transform: -webkit-translate(0, 0); transform: translate(0, 0); }
	section.tt-article.s1 .main ul li article .col { display: grid; width: 100%; }
	section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img { border: 20px solid rgba(255, 255, 255, 0); border-right: auto; }
}

/*----------------------------------------------------------------------------*/

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-dots { z-index: 7; display: inline-block; position: absolute; bottom: 23px; width: 100%; text-align: center; }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-dots .owl-dot span {
	display: block; margin: 0 5px; width: 15px; height: 2px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .35);
	-webkit-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out;
}
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-dots button.active span {
	width: 30px;
	background-color: rgba(255, 0, 0, .65);
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-dots .owl-dot span { margin: 0 3px; width: 8px; }
	section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-dots button.active span { width: 15px; }
}

/*----------------------------------------------------------------------------*/

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav {  }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav {  }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button { z-index: 7; position: absolute; top: 50%; }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev { left: 30px; }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next { right: 10px; }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev,
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next {
	/*margin-top: -19px;*/ width: 30px; height: 30px;
	border-radius: 100%;
	border: 1px solid rgba(0, 0, 0, .65);
	box-shadow: 1px 1px 1px 0.5px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15);
	background-color: rgba(0, 0, 0, .85);
	opacity: .75;
	-webkit-transition: opacity 300ms linear, box-shadow 300ms linear; transition: opacity 300ms linear, box-shadow 300ms linear;
}
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev { box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15); }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev:hover { box-shadow: 1px 1px 1px 0.5px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15); }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next { box-shadow: -1px 1px 1px 0px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15); }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next:hover { box-shadow: -1px 1px 1px 0.5px rgba(255, 255, 255, .65) inset, 0 0 36px rgba(0, 0, 0, .15); }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev::after,
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next::after {
	display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;
	color: rgba(255, 255, 255, .85); font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 16px;
	opacity: .85;
	-webkit-transform: -webkit-translate(-2px, -12px); transform: translate(-2px, -12px);
}
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev::after { content: '\f104'; opacity: 1; }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next::after { content: '\f105'; opacity: 1; }


section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev:hover::after { content: '\f100'; opacity: 1; }
section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next:hover::after { content: '\f101'; opacity: 1; }

section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.disabled {
	opacity: 0;
}

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-prev,
	section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next { margin-top: -15px; }
	section.tt-article.s1 .main ul li article .col .isimg div.owl-carousel .owl-nav button.owl-next { right: 30px; }
}

/*----------------------------------------------------------------------------*/

section.tt-article.s1 .main ul li article .col .iscon {
	position: relative; width: 100%; height: 100%;
	border: 20px solid rgba(255, 255, 255, 0);
}

section.tt-article.s1 .main ul li article .col .iscon .cons {
	display: inline-block; width: 100%; height: 100%;
	
}


section.tt-article.s1 .main ul li article .col .iscon .suites { display: none; justify-content: flex-end; padding: 0 20px; width: 100%; }

section.tt-article.s1 .main ul li article .col .iscon .suites .date {  }

section.tt-article.s1 .main ul li article .col .iscon .suites .date strong { font-family: Tangerine; font-size: 30px; }

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-article.s1 .main ul li article .col .iscon .suites { display: flex; }
}

section.tt-article.s1 .main ul li article .col .iscon .cons .title { display: inline-block; position: relative; padding: 10px 20px 0 20px; width: 100%; }
section.tt-article.s1 .main ul li article .col .iscon .cons .title a {  }
section.tt-article.s1 .main ul li article .col .iscon .cons .title a strong {
	font-size: 18px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

section.tt-article.s1 .main ul li article .col .iscon .cons .title summary { display: none; position: absolute; top: 20px; right: 20px; }
section.tt-article.s1 .main ul li article .col .iscon .cons .title summary:before {
	content: '\f08e';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 20px; color: rgba(10, 170, 220, .85);
}



section.tt-article.s1 .main ul li article .col .iscon .cons em {
	display: flex; margin: 10px 20px; width: 30%; height: 1px;
	background-color: rgba(0, 0, 0, .65);
	-webkit-transition: width 300ms ease-in-out, background-color 300ms linear;
	transition: width 300ms ease-in-out, background-color 300ms linear;
}
section.tt-article.s1 .main ul li:hover article .col .iscon .cons em {
	width: 80%;
	background-color: rgba(10, 170, 220, .95);
}

section.tt-article.s1 .main ul li article .col .iscon .cons mark {
	position: absolute;
	bottom: -50px; right: -50px;
	-webkit-transition: bottom 500ms ease-in-out, right 500ms ease-in-out;
	transition: bottom 500ms ease-in-out, right 500ms ease-in-out;
}

section.tt-article.s1 .main ul li:hover article .col .iscon .cons mark { bottom: 35px; right: 35px; }
section.tt-article.s1 .main ul li article .col .iscon .cons mark span {  }
section.tt-article.s1 .main ul li article .col .iscon .cons mark span.cpoint-ico,
section.tt-article.s1 .main ul li article .col .iscon .cons mark span.cpoint-ico::before,
section.tt-article.s1 .main ul li article .col .iscon .cons mark span.cpoint-ico::after { width: 100px; height: 100px; }
section.tt-article.s1 .main ul li article .col .iscon .cons mark i:before {
	z-index: 2; position: absolute; top: 22px; left: 20px;
	content: '\f0c1';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 20px; color: rgba(10, 170, 220, .85);
	-webkit-animation: 1s .5s normal ease forwards bounceInUp; animation: 1s .5s normal ease forwards bounceInUp;
}



section.tt-article.s1 .main ul li article .col .iscon .cons .contents { display: inline-block; padding: 0 20px 50px 20px; width: 100%; max-height: 380px; overflow-y: auto; }

section.tt-article.s1 .main ul li article .col .iscon .cons .contents strong {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph; /*IE9*/
	-moz-text-align-last: justify; /*Firefox*/
	-webkit-text-align-last: justify; /*Chrome*/
	line-height: 25px;
	font-size: 14px;
}


@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-article.s1 .main ul li article .col .iscon { border: 10px solid rgba(255, 255, 255, 0); }
	section.tt-article.s1 .main ul li article .col .iscon .cons .title summary { display: block; top: 10px; }
	section.tt-article.s1 .main ul li article .col .iscon .cons mark { display: none; }
	section.tt-article.s1 .main ul li article .col .iscon .cons .contents { max-height: 250px; }
	section.tt-article.s1 .main ul li article .col .iscon .cons .title a strong { font-size: 16px; }
	section.tt-article.s1 .main ul li article .col .iscon .cons .contents strong { line-height: 20px; font-size: 13px; }
}