html,
body {
    width: 100%;
    height: 100%;
}

/*******************************************************************
複製自 aLib.css
*******************************************************************/
body{
	font-size:17px;
}

/*******************************************************************
本站使用
*******************************************************************/

sub,sup{
	font-size:9px !important;
}

sub{
	background-color:#000;
	display:inline-block;
	color:#FFF;
	padding:1px;
	line-height:100%;
	width:1em;
	text-align:center;
}

p,p.ems{
	text-align:justify;
	line-height:1.5em;
	margin-top:1em;
}

p.ems:first-letter{
	position:relative;
	font-size:3em;
	float:left;
	top:1em;
	line-height:0.8;
	//clear:left;
}

//左上角LOGO
.navbar-brand{
	height:auto;
	vertical-align: middle;
}
a.navbar-brand{
	padding:15px 0 !important;
}

.navbar-brand img{
	position:relative;
	top:-8px;
}

.show-in-local{
	//沒事，只是一個標記，單記測試用
}

#myCarousel{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
}

.img-fit{
	object-fit:cover;
	min-height:100vh !important;
	width:100vw;
}
/*
調整輪播指標
*/
.carousel-indicators li{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius:0;
}

.carousel-indicators li.active{
	width: 13px;
	height: 13px;
	margin: 3px;
}

.intro-text{
	z-index:100;
	position:absolute;
	left:0;
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
}

header .newsflash{
	position:absolute;
	width:60%;
	padding:1rem;
	margin-left:20%;
	margin-top:320px;
	text-align:center;
	border:rgba(255,255,255,0.5) 10px solid;
	border-radius:20px;
	background-color:rgba(255,255,255,0.7);
	color:#333;
	font-weight:bold;
	font-size:2.5rem;
}
/*******************************************************************
修正 bootstrap hdr  aLib 並存
*******************************************************************/
div.row{margin:0 !important;}
.navbar-toggle{float:none;}
/*******************************************************************
一些 RWD 設置
*******************************************************************/
@media(orientation:portrait){
	header{
    	//background-image: url(../img/header.jpg);
    	//background-image: url(../img/header-landscape.jpg);
	    background-color:#222;
    	background-size:200%;
    	background-position: center top;
    	background-repeat: no-repeat;
	}
	.image-responsive{
		position:relative;
		max-height:100% !important;
		max-width:1000% !important;
		width:auto !important;
		visibility:hidden;
	}

	.carousel-inner .item{
		background-size:200%;
    	background-position: center top;
    	background-repeat: no-repeat;
	}
}
@media(orientation:landscape){
	header{
	    //background-image: url(../img/header-landscape.jpg);
    	//background-image: url(../img/header-landscape.jpg);
	    background-color:#222;
    	background-size:100%;
    	background-position: center top;
    	background-repeat: no-repeat;
	}
	.image-responsive{
		position:relative;
		max-width:100%;
		max-height:auto;
		height:auto;
	}
}

@media (max-width: 568px) {
  	.container {
    	width:100%;
  	}

	.navbar-collapse{
		//background-color:#FFF;
	}
}