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

/* ~~ 其他 float/clear 類別 ~~ */
.fltrt {  /* 這個類別可用來讓元素在頁面中浮動，浮動的元素必須位於頁面上相鄰的元素之前。 */
	float:left;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓元素在頁面左方浮動，浮動的元素必須位於頁面上相鄰的元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別可放置在 <br /> 或空白的 Div 上，當做接在 #container 內最後一個浮動 Div 後方的最後一個元素 (如果已移除 .container 上的 overflow:hidden) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* BeginOAWidget_Instance_2141543: #ImageSlideShow */

#ImageSlideShow {
	width: 100%;
	max-width:600px;
	height:auto;
	margin: -20px 0px 0px 0px;
	border: solid 1px #AAAAAA;
	background-color:transparent;
	padding-top: 10px;
	position:relative;
	top: 3px;
}

/* Mobile optimization */
@media (max-width: 768px) {
    #ImageSlideShow {
        max-width: 100%;
	    height: 60%;
        margin: 0 auto;
        padding-top: 5px;
    }
    
    img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}
#ImageSlideShow .ISSName {
	top: -8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	color: #AAAAAA;
}

#ImageSlideShow .ISSSlideTitle {
	top: 300px;
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	overflow: hidden;
	color:#FFF;
	text-transform: none;
	z-index:1000;
}

#ImageSlideShow .ISSClip {
	height: 350px;
	margin: 0 10px 10px 10px;
	border: solid 1px #AAAAAA;
	background-color: #000000;
}

#ImageSlideShow .ISSControls {
	top: 11px;
	height: 280px;
}

#ImageSlideShow .FilmStrip {
	height: 65px;
	background-color:transparent;
	
}

#ImageSlideShow .FilmStripPreviousButton, #ImageSlideShow .FilmStripNextButton {
	width: 20px;
	height: 40px;
	
}

#ImageSlideShow .FilmStripTrack {
	height: 60px;
}

#ImageSlideShow .FilmStripContainer {
	height: 80px;

}

#ImageSlideShow .FilmStripPanel {
	height: 60px;
	padding-left: 10px;
	margin-right: 0px;
}

#ImageSlideShow .FilmStripPanel .ISSSlideLink {
	margin-top: 3px;
	border: solid 1px #AAAAAA;
	background-color:transparent;
}

#ImageSlideShow .FilmStripPanel .ISSSlideLinkRight {
	border: solid 1px #AAAAAA;
	width: 70px;
	height: 47px;
	margin: 3px 4px 3px 4px;
}

#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLink {
	background-color: #FFFFFF;
	border-color:#CCF000;
}

#ImageSlideShow .FilmStripCurrentPanel .ISSSlideLinkRight {
	border-color: #AAAAAA;
}
    
/* EndOAWidget_Instance_2141543 */

/* ImageSlideShow_2 */
#ImageSlideShow_2{
	width:180px;
}


/* BeginOAWidget_Instance_2141542: #ImageSlideShow_3 */

#ImageSlideShow_3.ImageSlideShow {
	width: 110px;
	height: 100px;
	border:hidden;
}

#ImageSlideShow_3 .ISSClip {
	background-image:url(en/img/Plan_agenced_en.jpg);
	background-size:contain;
}