/* CSS Document */
/*所有內容離最上方一定距離避免被navbar遮擋*/
body,.body {
    min-height: auto;
	margin-top: 0;
    padding-top: 49px;	
}

.fontstyle {
	font-family: PingFang, STHeiti, "Noto Sans CJK TC", "微軟正黑體","Microsoft JhengHei", sans-serif, serif, ;
}

.footer {
	padding-top: 3em;
	padding-bottom: 3em;
	width:100%;
	height: auto;
	background-color: #00325F;
	color: white;
}

.container-fullbackground{
	padding-top:0.1em;
    padding-bottom:0.1em;
	background-size: cover;
}

/*Bootstrap 4.0 挪用過來的*/
.img-circle {
	border-radius: 50%;
}

.jumbotron {
	padding-top: 3em;
	padding-bottom: 2.5em;
	margin-bottom: 30px;
	color: white;
	background-color: #eee;
}

/*舊的自訂*/

.blur {   /*模糊濾鏡*/
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.brightness{   /*亮度濾鏡:0%為全黑,100%原圖,超過變亮*/
-webkit-filter:brightness(70%);
}

.brightness2{  /*亮度濾鏡:0%為全黑,100%原圖,超過變亮*/
-webkit-filter:brightness(105%);
}

/*不透明度濾鏡:0%~100%*/
.opacity{
-webkit-filter:opacity(20%);
}

/*不透明度濾鏡:0%~100%*/
.opacity2{
-webkit-filter:opacity(40%);
}

/*下拉式陰影:水平偏移,垂直偏移,陰影模糊距離,陰影顏色*/
.drop-shadow{
-webkit-filter:drop-shadow(1px 1px 2px #666666);
}

.border_1px_gray
{border-color:#DFDFDF; border-style:solid; border-width:1px}

/*懸浮按鈕*/
.float-button {
    position: fixed;
    height: 60px;
    width: 60px;
    bottom: 90px;
    right: 50px;
    z-index:999;
    /*background: #b4d145;*/}

.iframe-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}

.iframe-container > * {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

.watermark-1{
	opacity: 100%;
    position:absolute;
    z-index:1;
}

.watermark-2{
	opacity: 50%;
    position:absolute;
    z-index:2;
}

.watermark-3{
	opacity: 50%;
    position:absolute;
    z-index:3;
}

.lineclamp2 {
	width:100%;	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}