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

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

section.tt-bd.s1 .filters-but {  }

section.tt-bd.s1 .filters-but mark {
	position: absolute; top: 0; padding: 5px 12px;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 8px;
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, 0) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35);
	background-color: rgba(0, 0, 0, .65);
	cursor: pointer;
	-webkit-transition: box-shadow 300ms ease-in-out, background-color 300ms linear; transition: box-shadow 300ms ease-in-out, background-color 300ms linear;
}

section.tt-bd.s1 .filters-but mark.open,
section.tt-bd.s1 .filters-but mark:hover,
section.tt-bd.s1 .filters-but mark.trash:hover { background-color: rgba(2, 133, 210, .65); }

section.tt-bd.s1 .filters-but mark:hover { box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .5) inset, 0 0 36px 0.5px rgba(0, 0, 0, .35); }
section.tt-bd.s1 .filters-but mark.serve { left: 0; }
section.tt-bd.s1 .filters-but mark.equipment { left: 100px; }
section.tt-bd.s1 .filters-but mark.facility { left: 200px; }
section.tt-bd.s1 .filters-but mark.trash { right: 0; }

section.tt-bd.s1 .filters-but mark:before,
section.tt-bd.s1 .filters-but mark strong {
	color: rgba(255, 255, 255, .95);
	text-shadow: -1px -1px rgba(0, 0, 0, .85), -1px 1px rgba(0, 0, 0, .85), 1px -1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85), 1px 1px rgba(0, 0, 0, .85);
}

section.tt-bd.s1 .filters-but mark.serve:before,
section.tt-bd.s1 .filters-but mark.equipment:before,
section.tt-bd.s1 .filters-but mark.facility:before,
section.tt-bd.s1 .filters-but mark.trash:before {
	display: inline-block;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 16px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: -webkit-transform 300ms ease-in-out, text-shadow 300ms linear;
	transition: transform 300ms ease-in-out, text-shadow 300ms linear;
}

section.tt-bd.s1 .filters-but mark.serve:before,
section.tt-bd.s1 .filters-but mark.equipment:before,
section.tt-bd.s1 .filters-but mark.facility:before { content: '\f0d7'; font-weight: 900; }

section.tt-bd.s1 .filters-but mark.serve.open:before,
section.tt-bd.s1 .filters-but mark.equipment.open:before,
section.tt-bd.s1 .filters-but mark.facility.open:before {
	text-shadow: -1px -1px rgba(10, 70, 85, .35), -1px 1px rgba(10, 70, 85, .35), 1px -1px rgba(10, 70, 85, .35), 1px 1px rgba(10, 70, 85, .35), 1px 1px rgba(10, 70, 85, .35);
	-webkit-transform: rotate(180deg); transform: rotate(180deg);
}

section.tt-bd.s1 .filters-but mark.trash:before { content: '\f2ed'; font-size: 14px; }

section.tt-bd.s1 .filters-but mark strong {
	display: inline-block; padding: 0 0 0 15px; font-size: 14px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
	-webkit-transition: text-shadow 300ms linear; transition: text-shadow 300ms linear;
}
section.tt-bd.s1 .filters-but mark.open strong { text-shadow: -1px -1px rgba(10, 70, 85, .65), -1px 1px rgba(10, 70, 85, .65), 1px -1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65); }

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-bd.s1 .filters-but mark.serve { left: 10px; }
	section.tt-bd.s1 .filters-but mark.equipment { left: 110px; }
	section.tt-bd.s1 .filters-but mark.facility { left: 210px; }
	section.tt-bd.s1 .filters-but mark.trash { right: 10px; }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-bd.s1 .filters-but { margin: 100px 0 0 0; }
	section.tt-bd.s1 .filters-but mark.trash { top: -40px; left: 10px; right: auto; }
}

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

section.tt-bd.s1 .filters { display: inline-block; position: relative; margin: 40px 0 0 0; width: 100%; height: 100%; border-radius: 6px; background-color: rgba(255, 255, 255, .35); }

section.tt-bd.s1 .filters .suites { display: flex; justify-content: space-between; padding: 10px; }

section.tt-bd.s1 .filters .suites { border-bottom: 1px solid rgba(0, 0, 0, .05); }

section.tt-bd.s1 .filters .suites .hd { display: flex; width: 1%; }
section.tt-bd.s1 .filters .suites .hd:after {
	content: '';
	position: absolute; top: 0; left: 50px; width: 1px; height: 100%;
	background-color: rgba(0, 0, 0, .05);
}
section.tt-bd.s1 .filters .suites .hd strong { padding: 5px; font-size: 16px; }

section.tt-bd.s1 .filters .suites.city ul { display: flex; flex-wrap: wrap; width: 96%; }
section.tt-bd.s1 .filters .suites.city ul li { margin: 3px 10px; width: 80px; }
section.tt-bd.s1 .filters .suites.city ul li strong { padding: 0 0 0 10px; font-size: 12px; -webkit-transform: -webkit-translate(0, -8px); transform: translate(0, -8px); }

section.tt-bd.s1 .filters .suites.sef ul { display: flex; flex-wrap: wrap; margin: 0 0 0 50px; width: 100%; }
section.tt-bd.s1 .filters .suites.sef ul li { display: inline-block; position: relative; margin: 5px; width: 50px; }
section.tt-bd.s1 .filters .suites.sef ul li img {
	width: 30px;
	object-fit: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-transform: -webkit-translate(8px, 0); transform: translate(8px, 0);
	-webkit-transition: -webkit-transform 300ms linear; transition: transform 300ms linear;
	cursor: pointer;
}
section.tt-bd.s1 .filters .suites.sef ul li.ischecked img { -webkit-transform: -webkit-translate(0, 0); transform: translate(0, 0); }


section.tt-bd.s1 .filters .suites.sef ul li strong {
	display: inline-block; font-size: 12px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

section.tt-bd.s1 .filters .suites.sef.serve ul li {  }
section.tt-bd.s1 .filters .suites.sef.equipment ul li {  }
section.tt-bd.s1 .filters .suites.sef.facility ul li {  }

section.tt-bd.s1 .filters .suites.serve,
section.tt-bd.s1 .filters .suites.equipment,
section.tt-bd.s1 .filters .suites.facility {
	-webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;
}

section.tt-bd.s1 .filters .suites.serve,
section.tt-bd.s1 .filters .suites.equipment,
section.tt-bd.s1 .filters .suites.facility { display: none; height: 0; }

section.tt-bd.s1 .filters .suites.serve.open,
section.tt-bd.s1 .filters .suites.equipment.open,
section.tt-bd.s1 .filters .suites.facility.open { display: flex; height: 100%; }


section.tt-bd.s1 .filters .suites.city ul { display: flex; flex-wrap: wrap; width: 96%; }

@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.tt-bd.s1 .filters .suites.city ul { width: 90%; }
}

@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-bd.s1 .filters .suites.city ul { justify-content: center; width: 92%; }
	section.tt-bd.s1 .filters .suites.sef ul { justify-content: center; }
}



section.tt-bd.s1 .filters .suites.sef.serve ul li input,
section.tt-bd.s1 .filters .suites.sef.equipment ul li input,
section.tt-bd.s1 .filters .suites.sef.facility ul li input { position:absolute; top: 0; left: 0; opacity: 0; }

section.tt-bd.s1 .filters .suites.sef ul li img {
	-webkit-filter: grayscale(100%); filter: grayscale(100%);
	-webkit-transition: -webkit-filter 300ms linear; transition: filter 300ms linear;
}
section.tt-bd.s1 .filters .suites.sef ul li.ischecked img {
	-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
section.tt-bd.s1 .filters .suites.sef ul li strong {
	color: rgba(0, 0, 0, .95);
	text-shadow: -1px -1px rgba(0, 0, 0, 0), -1px 1px rgba(0, 0, 0, 0), 1px -1px rgba(0, 0, 0, 0), 1px 1px rgba(0, 0, 0, 0), 1px 1px rgba(0, 0, 0, 0);
	-webkit-transition: text-shadow 300ms linear, color 300ms linear;
	transition: text-shadow 300ms linear, color 300ms linear;
}
section.tt-bd.s1 .filters .suites.sef ul li.ischecked strong {
	color: rgba(255, 255, 255, .95);
	text-shadow: -1px -1px rgba(255, 0, 0, .65), -1px 1px rgba(255, 0, 0, .65), 1px -1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65), 1px 1px rgba(255, 0, 0, .65);
}



section.tt-bd.s1 .filters .suites ul li.ischecked mark:before {
	z-index: 1; position: absolute; top: 0; right: 0;
	content: '\f058';
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-size: 16px; color: rgba(255, 0, 0, .85);
	opacity: 0;
	-webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;
}
section.tt-bd.s1 .filters .suites ul li.ischecked mark:before { opacity: 1; }





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

section.tt-bd.s1 .filters .filters-searchbut { display: flex; justify-content: center; margin: 10px 0; }

section.tt-bd.s1 .filters .filters-searchbut button {
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 6px;
	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(0, 0, 0, .85);
	-webkit-transition: border 300ms linear, box-shadow 300ms linear, background-color 300ms linear; transition: border 300ms linear, box-shadow 300ms linear, background-color 300ms linear;
}
section.tt-bd.s1 .filters .filters-searchbut button:hover {
	border: 1px solid rgba(2, 133, 210, .5);
	box-shadow: -1px -1px 0px 0.5px 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(2, 133, 210, .85);
}

section.tt-bd.s1 .filters .filters-searchbut button strong {
	display: inline-block; padding: 8px 15px;
	font-size: 14px; color: rgba(255, 255, 255, .85); letter-spacing: 5px;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
}
section.tt-bd.s1 .filters .filters-searchbut button:hover strong {
	text-shadow: -1px -1px rgba(10, 70, 85, .65), -1px 1px rgba(10, 70, 85, .65), 1px -1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65), 1px 1px rgba(10, 70, 85, .65);
}

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

section.tt-bd.s1 .main { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; overflow: hidden; }

section.tt-bd.s1 .main .col { display: inline-block; margin: 20px 0; /*width: calc(100% / 2 - 20px);*/ width: 100%; height: calc(100% / 2); }

section.tt-bd.s1 .main .col .reveal {
	position: relative; width: 100%;
	/*
	border-radius: 12px 0 0 12px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .35);
	overflow: hidden;
	/*overflow-x: clip;*/
	/*-webkit-transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out;*/
}

section.tt-bd.s1 .main .col .reveal:hover {
	/*-webkit-transform: scale(1.02); transform: scale(1.02);*/
}

section.tt-bd.s1 .main .col .reveal {  }

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


section.tt-bd.s1 .main .col .reveal article { display: flex; justify-content: space-between; flex-wrap: nowrap; position: relative; margin: 20px 0; border-radius: 8px; background-color: rgba(255, 255, 255, .35); }

section.tt-bd.s1 .main .col .reveal article input { position: absolute; top: 40px; left: 50%; width: 0; height: 0; opacity: 0; }

section.tt-bd.s1 .main .col .reveal article div.datedropper-overlay:before {
	content: '';
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: background-color 500ms linear; transition: background-color 500ms linear;
}
section.tt-bd.s1 .main .col .reveal article div.datedropper-overlay.datedropper-overlay-open:before {
	z-index: 10;
	background-color: rgba(255, 255, 255, .65);
}

section.tt-bd.s1 .main .col .reveal article .main { display: flex; position: relative; padding: 30px 20px; }


/*
set-ll 文字左 圖右
set-rr 文字右 圖左
set-lr 單數 文字左 圖右 / 雙數 文字右 圖左
*/

section.tt-bd.s1 .main .col .reveal.set-ll article .main { flex-direction: row; }
section.tt-bd.s1 .main .col .reveal.set-rr article .main { flex-direction: row-reverse; } /*反向*/

section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(odd) .main { flex-direction: row; } /*單*/
section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(even) .main { flex-direction: row-reverse; } /*雙*/

@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-bd.s1 .main .col .reveal article { border-radius: 0; }
	
	section.tt-bd.s1 .main .col .reveal.set-ll article .main,
	section.tt-bd.s1 .main .col .reveal.set-rr article .main { flex-direction: row-reverse; flex-direction: column-reverse; }
	section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(odd) .main { flex-direction: row-reverse; flex-direction: column-reverse; }
	section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(even) .main { flex-direction: column-reverse; }
}


section.tt-bd.s1 .main .col .reveal article .main .cons { width: 30%; margin: 10px 10px 0 10px; }



section.tt-bd.s1 .main .col .reveal article .main .cons .tit { margin: 10px 0; }

section.tt-bd.s1 .main .col .reveal article .main .cons .linet,
section.tt-bd.s1 .main .col .reveal article .main .cons .lineb {
	display: inline-block; position: relative; width: 100%; height: 1px;
	overflow: hidden;
}
section.tt-bd.s1 .main .col .reveal article .main .cons .linet {
	margin: 0 0 10px 0;
	background: linear-gradient(to right, rgba(233,87,255,1) 0%, rgba(54,134,255,1) 20%, rgba(187,255,0,1) 41%, rgba(245,12,12,1) 60%, rgba(240,222,24,1) 80%, rgba(83,39,230,1) 100%);
}
section.tt-bd.s1 .main .col .reveal article .main .cons .lineb {
	margin: 10px 0;
	background: linear-gradient(to right, rgba(83,39,230,1) 0%, rgba(240,222,24,1) 20%, rgba(245,12,12,1) 41%, rgba(187,255,0,1) 60%, rgba(54,134,255,1) 80%, rgba(233,87,255,1) 100%);
}
section.tt-bd.s1 .main .col .reveal article .main .cons .linet:before,
section.tt-bd.s1 .main .col .reveal article .main .cons .lineb:before {
	content: '';
	position: absolute; top: 0; width: 30px; height: 1px;
}

section.tt-bd.s1 .main .col .reveal article .main .cons .linet:before {
	left: -30px;
	background: linear-gradient(to right, rgba(233,87,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	-webkit-transition: left 1500ms linear; transition: left 1500ms linear;
}
section.tt-bd.s1 .main .col .reveal article .main .cons .lineb:before {
	right: -30px;
	background: linear-gradient(to right, rgba(233,87,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
	-webkit-transition: right 1500ms linear; transition: right 1500ms linear;
}

section.tt-bd.s1 .main .col .reveal article .main:hover .cons .linet:before { left: 120%; }
section.tt-bd.s1 .main .col .reveal article .main:hover .cons .lineb:before { right: 120%; }

section.tt-bd.s1 .main .col .reveal article .main .cons .tit strong {
	color: rgba(38, 50, 56, .95); font-size: 18px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}

section.tt-bd.s1 .main .col .reveal article .main .cons .desc {
	display: inline-block; height: 250px; line-height: 25px;
	color:  rgba(20, 30, 30, .85); font-size: 13px;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-box-orient: vertical;
	-webkit-line-clamp: 10;

	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*/
}



section.tt-bd.s1 .main .col .reveal article .main .cons .btn { display: flex; justify-content: space-around; flex-wrap: wrap; }

section.tt-bd.s1 .main .col .reveal article .main .cons .btn .todoact { margin: 20px 0; }

section.tt-bd.s1 .main .col .reveal article .main .cons .btn .todoact a {
	padding: 8px 12px;
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 6px;
	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(0, 0, 0, .85);
	-webkit-transition: border 300ms linear, box-shadow 300ms linear, background-color 300ms linear; transition: border 300ms linear, box-shadow 300ms linear, background-color 300ms linear;
}
section.tt-bd.s1 .main .col .reveal article .main .cons .btn .todoact a:hover {
	border: 1px solid rgba(2, 133, 210, .5);
	box-shadow: -1px -1px 0px 0.5px 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(2, 133, 210, .85);
}

section.tt-bd.s1 .main .col .reveal article .main .cons .btn .todoact a strong { color: rgba(255, 255, 255, .85); font-size: 14px; }


@media screen and (min-width: 1px) and (max-width: 479px) {
	section.tt-bd.s1 .main .col .reveal article .main .cons .tit strong { font-size: 14px; }
	section.tt-bd.s1 .main .col .reveal article .main .cons .desc { font-size: 12px; }
	section.tt-bd.s1 .main .col .reveal article .main .cons .btn .todoact a strong { font-size: 13px; }
}

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

section.tt-bd.s1 .main .col .reveal article .main .isfloat {  }

section.tt-bd.s1 .main .col .reveal article .main .isfloat .area,
section.tt-bd.s1 .main .col .reveal article .main .isfloat .score { z-index: 9; position: absolute; cursor: pointer; }
/*
set-ll 文字左 圖右
set-rr 文字右 圖左
set-lr 單數 文字左 圖右 / 雙數 文字右 圖左
*/
section.tt-bd.s1 .main .col .reveal.set-ll article .main .isfloat .area { top: 30px; right: 30px; }
section.tt-bd.s1 .main .col .reveal.set-ll article .main .isfloat .score { bottom: 20px; right: 30px; }

section.tt-bd.s1 .main .col .reveal.set-rr article .main .isfloat .area { top: 30px; left: 30px; }
section.tt-bd.s1 .main .col .reveal.set-rr article .main .isfloat .score { bottom: 20px; left: 30px; }

section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(odd) .main .isfloat .area { top: 30px; right: 30px; }
section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(odd) .main .isfloat .score { bottom: 20px; right: 30px; }

section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(even) .main .isfloat .area { top: 30px; left: 30px; }
section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(even) .main .isfloat .score { bottom: 20px; left: 30px; }


@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-bd.s1 .main .col .reveal.set-ll article .main .isfloat .area,
	section.tt-bd.s1 .main .col .reveal.set-rr article .main .isfloat .area { top: 30px; left: 30px; }
	
	section.tt-bd.s1 .main .col .reveal.set-ll article .main .isfloat .score { top: 30px; right: 30px; }
	section.tt-bd.s1 .main .col .reveal.set-rr article .main .isfloat .score { top: 30px; right: 30px; left: auto; }

	section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(odd) .main .isfloat .area,
	section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(even) .main .isfloat .area { top: 30px; left: 30px; }
	
	section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(odd) .main .isfloat .score,
	section.tt-bd.s1 .main .col .reveal.set-lr article:nth-child(even) .main .isfloat .score { top: 30px; right: 30px; left: auto; }
}

section.tt-bd.s1 .main .col .reveal article .main .isfloat .area strong {
	padding: 5px 12px;
	border: 1px solid rgba(0, 0, 0, .35);
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .5) inset, 0 0 10px 0.1px rgba(0, 0, 0, .35);
	border-radius: 20px;
	font-size: 14px; color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
}
section.tt-bd.s1 .main .col .reveal article .main .isfloat .area.n strong { /*北部*/
	text-shadow: -1px -1px rgba(10, 70, 85, .85), -1px 1px rgba(10, 70, 85, .85), 1px -1px rgba(10, 70, 85, .85), 1px 1px rgba(10, 70, 85, .85), 1px 1px rgba(10, 70, 85, .85);
	background-color: rgba(3, 169, 244, .35);
}
section.tt-bd.s1 .main .col .reveal article .main .isfloat .area.m strong { /*中部*/
	text-shadow: -1px -1px rgba(55, 65, 10, .85), -1px 1px rgba(55, 65, 10, .85), 1px -1px rgba(55, 65, 10, .85), 1px 1px rgba(55, 65, 10, .85), 1px 1px rgba(55, 65, 10, .85);
	background-color: rgba(205, 220, 57, .35);
}
section.tt-bd.s1 .main .col .reveal article .main .isfloat .area.s strong { /*南部*/
	text-shadow: -1px -1px rgba(70, 20, 80, .85), -1px 1px rgba(70, 20, 80, .85), 1px -1px rgba(70, 20, 80, .85), 1px 1px rgba(70, 20, 80, .85), 1px 1px rgba(70, 20, 80, .85);
	background-color: rgba(156, 39, 176, .35);
}
section.tt-bd.s1 .main .col .reveal article .main .isfloat .area.h strong { /*花東*/
	text-shadow: -1px -1px rgba(30, 35, 80, .85), -1px 1px rgba(30, 35, 80, .85), 1px -1px rgba(30, 35, 80, .85), 1px 1px rgba(30, 35, 80, .85), 1px 1px rgba(30, 35, 80, .85);
	background-color: rgba(63, 81, 181, .35);
}
section.tt-bd.s1 .main .col .reveal article .main .isfloat .area.e strong { /*西部外島*/
	text-shadow: -1px -1px rgba(65, 45, 40, .85), -1px 1px rgba(65, 45, 40, .85), 1px -1px rgba(65, 45, 40, .85), 1px 1px rgba(65, 45, 40, .85), 1px 1px rgba(65, 45, 40, .85);
	background-color: rgba(121, 85, 72, .35);
}
section.tt-bd.s1 .main .col .reveal article .main .isfloat .area.w strong { /*東部外島*/
	text-shadow: -1px -1px rgba(38, 50, 56, .85), -1px 1px rgba(38, 50, 56, .85), 1px -1px rgba(38, 50, 56, .85), 1px 1px rgba(38, 50, 56, .85), 1px 1px rgba(38, 50, 56, .85);
	background-color: rgba(96, 125, 139, .35);
}


section.tt-bd.s1 .main .col .reveal article .main .isfloat .score strong {
	position: relative; padding: 5px 8px;
	border: 1px solid rgba(80, 65, 0, .85);
	border-radius: 8px;
	box-shadow: 1px 1px 0px 0.1px rgba(255, 255, 255, .5) inset, -1px -1px 0px 0.1px rgba(255, 255, 255, .5) inset, 0 0 36px 0.5px rgba(150, 125, 0, .35);
	text-shadow: -1px -1px rgba(100, 80, 0, .65), -1px 1px rgba(100, 80, 0, .65), 1px -1px rgba(100, 80, 0, .65), 1px 1px rgba(100, 80, 0, .65), 1px 1px rgba(100, 80, 0, .65);
	background-color: rgba(245, 200, 5, .35);
	font-size: 14px; color: rgba(255, 255, 255, .95);
	overflow: hidden;
}
section.tt-bd.s1 .main .col .reveal article .main .isfloat .score strong span { padding: 0 5px; }

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

section.tt-bd.s1 .main .col .reveal article .main .swiper { width: 65%; height: 400px; }


@media screen and (min-width: 1px) and (max-width: 1679px) {
	section.tt-bd.s1 .main .col .reveal article .main .cons .desc { height: 200px; -webkit-line-clamp: 8; }
	section.tt-bd.s1 .main .col .reveal article .main .swiper { height: 320px; }
}
@media screen and (min-width: 1px) and (max-width: 1279px) {
	section.tt-bd.s1 .main .col .reveal article .main .cons .desc { height: 150px; -webkit-line-clamp: 6; }
	section.tt-bd.s1 .main .col .reveal article .main .swiper { height: 280px; }
}
@media screen and (min-width: 1px) and (max-width: 1023px) {
	section.tt-bd.s1 .main .col .reveal article .main { padding: 20px; }
	section.tt-bd.s1 .main .col .reveal article .main .cons { margin: auto; width: 100%; }
	section.tt-bd.s1 .main .col .reveal article .main .cons .desc { height: 200px; -webkit-line-clamp: 8; }
	section.tt-bd.s1 .main .col .reveal article .main .swiper { padding: 20px 0 0 0; width: 100%; height: 420px; }
}
@media screen and (min-width: 1px) and (max-width: 859px) {
	section.tt-bd.s1 .main .col .reveal article .main .swiper { padding: 30px 0 0 0; height: 380px; }
}
@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-bd.s1 .main .col .reveal article .main .swiper { padding: 40px 0 0 0; height: 320px; }
}
@media screen and (min-width: 1px) and (max-width: 479px) {
	section.tt-bd.s1 .main .col .reveal article .main .swiper { padding: 40px 0 0 0; height: 250px; }
}

section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide {
	padding: 20px 0 0 0;
	/*display: flex; flex-direction: column; justify-content: end; align-items: self-start;*/
	
	-webkit-transform: scale(1); transform: scale(1);
	-webkit-transition: -webkit-transform 500ms ease-in-out; transition: transform 500ms ease-in-out;
	
}
section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide.swiper-slide-active {
	-webkit-transform: scale(1.5); transform: scale(1.5);
}

section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info {
	position: relative;
	border: 10px solid rgba(255, 255, 255, 0);
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: border 300ms linear, background-color 300ms linear; transition: border 300ms linear, background-color 300ms linear;
}
section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide.swiper-slide-active .info {
	border: 10px solid rgba(255, 255, 255, .65);
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 1);
}

@media screen and (min-width: 1px) and (max-width: 479px) {
	section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info { border: 5px solid rgba(255, 255, 255, 0); }
	section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide.swiper-slide-active .info { border: 5px solid rgba(255, 255, 255, .65); }
}

section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info .img {  }


section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info .img img {
	width: 100%;
	object-fit: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-filter: grayscale(0%); filter: grayscale(0%);
	-webkit-transition: -webkit-filter 500ms linear; transition: -webkit-filter 500ms linear;
}
section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide:not(.swiper-slide-active) .info .img img {
	-webkit-filter: grayscale(80%); filter: grayscale(80%);
}


section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info .txt {  }

section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info .txt strong {
	padding: 10px 10px 0 10px; width: 100%;
	color: rgba(69, 69, 69, .95); font-size: 14px;
	opacity: 0;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	-webkit-transition: opacity 500ms linear; transition: opacity 500ms linear;
}
section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide.swiper-slide-active .info .txt strong { opacity: 1; }

@media screen and (min-width: 1px) and (max-width: 479px) {
	section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info .txt strong { padding: 5px 5px 0 5px; font-size: 12px; }
}


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

section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info a.ico {  }

section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info a.ico:before {
	content: '\f002';
	z-index: 9; position: absolute; bottom: -50px; right: -50px; width: 50px; height: 50px;
	font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 500; font-size: 32px; color: rgba(255, 255, 255, .85);
	text-shadow: -1px -1px rgba(0, 0, 0, 0), -1px 1px rgba(0, 0, 0, 0), 1px -1px rgba(0, 0, 0, 0), 1px 1px rgba(0, 0, 0, 0), 1px 1px rgba(0, 0, 0, 0);
	opacity: 0;
	cursor: pointer;
	-webkit-transition: bottom 500ms ease, right 500ms ease, opacity 500ms linear, text-shadow 500ms linear;
	transition: bottom 500ms ease, right 500ms ease, opacity 500ms linear, text-shadow 500ms linear;
}
section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide.swiper-slide-active .info a.ico:before {
	bottom: 20px; right: 0; opacity: 1;
	text-shadow: -1px -1px rgba(0, 0, 0, .65), -1px 1px rgba(0, 0, 0, .65), 1px -1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65), 1px 1px rgba(0, 0, 0, .65);
}

@media screen and (min-width: 1px) and (max-width: 679px) {
	section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide .info a.ico:before { font-size: 26px; }
	section.tt-bd.s1 .main .col .reveal article .main .swiper .swiper-slide.swiper-slide-active .info a.ico:before { bottom: 10px; right: -15px; }
}

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

section.tt-bd.s1 .main .col .reveal article .main .swiper-pagination {  }

section.tt-bd.s1 .main .col .reveal article .main .swiper-pagination .swiper-pagination-bullet {
	display: inline-block; margin-right: 8px; width: 8px; height: 8px; line-height: 30px;
	border-radius: 50%;
	font-size: 12px;
	opacity: 1;
	background-color: rgba(96, 125, 139, .35);
	cursor: pointer;
	-webkit-transition: width 300ms ease, border-radius 300ms ease, background-color 500ms linear; transition: width 300ms ease, border-radius 300ms ease, background-color 500ms linear;
}

section.tt-bd.s1 .main .col .reveal article .main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 20px;
	border-radius: 10px;
	background-color: rgba(3, 169, 244, .95);
}








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