body{
	font-size: 16px;
	line-height: 24px;
	/*line-height: 1em;*/
	font-family: "微軟正黑體" ,arial;
	color: #000;
	background-image: url(images/top_bg.jpg);
	background-color: #f8ebe0;
	background-repeat: repeat;
	background-size: auto;
	background-position: 50% 0%;
}

.p0{
	padding: 0px;
}
.mv{
	width: 100%;
	min-height:  280px;
	text-align: center;
	/*	margin-bottom: 217px;*/
	background-color: #dbdbdb;
	/*	line-height: 1.5em;*/
}
.movie img{
	width: 100%;
	border: 3px solid #333;
}
.copyright{
	font-size: 13px;
	text-align: center;
	color: #767676;
	/*margin-bottom: 2%;*/
}

.bg{
	/*background-image: url(images/top_bg.jpg);*/
	background-repeat: repeat;
	background-position: 50% 0;
	background-size: cover;
	/*padding-top: 25%;*/
}

.bgw{
	background-color: #FFF;
	/*border-radius: 10px;*/

}

.mt20{
	margin-top: 20px;
}
.toptxt{
	min-height: 100px;
	font-size: 1.5em;
	color: #000;
	line-height: 1.5em;
	padding: 15px;
	/*background-color: rgba(0, 0, 0, 0.7);*/
	/*margin-top: 20px;*/
}
.col-sm-4{
	text-align: center;
	line-height: 1.5em;
	color: #000;
	margin-top: 3%;


}
.col-sm-4 img{
	width: 100%;
	border-radius: 15px;
	border: 3px solid #06c755;
}

.col-sm-4 p {
	margin-top: 2%;
	text-align: center;
}

.thumbnail{
	font-size: 18px;
}

.grayimg{
	filter: grayscale(100%);
}

.caption img{
	width: 80%;

}
.su{
	text-align: center;
	background-color: #fff;
	padding: 1%;
	margin-bottom: 40px;
	margin-top: 30px;
	color: #000;
	border: #ccc 1px solid;
	border-radius: 10px;
}

.su img {
	padding: 0 1% 0 1%;
}

.mt20{
	margin-top: 20px;
}

.note{
	font-size: 15px;
	line-height: 26px;
	margin: 10px 20px 20px 20px;
	color: #555;
}
.toptxt a:link {
	color: #fff600;
	text-decoration: none;
}
.toptxt a:visited {
	color: #F00;
	text-decoration: none;
}
.toptxt a:hover {
	color: #F90;
	text-decoration: none;
}
.footer-img{
	width: 100%;
}

.col-xs-6{
	padding-bottom: 20px;
}
.mb20{
	margin-bottom: 20px;
}
.winner{
	/*text-align: left;*/
	border-radius: 30px;
	font-size: 18px;
	/*line-height: 30px;*/
	padding: 7%;
	/*margin: 3%;*/
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 10px -10px #47406f;

}

.title{
	max-width: 100%;
	padding: 15px;
	/*background-color: #ce2757;*/
	border-radius: 50px;
	color: #ce2757;
	font-weight: bold;
	font-size: 26px;
	margin-top: 20px;
	border-width: 3px 0px 3px 0px; 
	border-style: solid;
	border-color: #ce2757;
	padding: 3% 0 3% 0;

}

.winner2{
	text-align: center;
	background-color: #FFF;
	border-radius: 15px;
	font-size: 2em;
	line-height: 1.2em;
	padding: 0 3% 0 3%;
	border: #ccc 1px solid;
	border-radius: 10px;
	margin: 3% 0 3% 0;
	font-weight: bold;
}

.thumbnail{
	border-radius: 20px;
	background-color: #fcea55;
	padding: 3%;
	border-color: #f06eb4;
	border-width: 4px;
}
.thumbnail img{
	border-width: 0px;
}


.navbar-inverse{
	background-color:#d72a58;
	/*background-color:rgba(0, 0, 0, 1);*/
	color: #fbf18c; 
	border-color: #904033;
	border-width: 0px;
	border-radius: 0px;
	font-size: 18px;
}
.navbar-inverse .navbar-nav>li>a{
	color: #FFF;
	/*font-size: 17px;*/
}
.navbar-inverse .navbar-nav>li{
	/*margin-right: -15px;*/
}
.navbar-inverse .navbar-header>a{
	color: #c1d1ee;
	/*font-size: 19px;*/
}
.navbar-inverse .navbar-nav>li>a:hover{
	background-color: #000;
	color: #FFF;
}

.navbar-inverse .navbar-toggle{
	border-color: #240300;
}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color: #FFF;
	border-color: #240300;
}
.navbar-inverse .navbar-toggle:hover{
	background-color: #f6ce19;

}


.btn-success {
	color: #fff;
	background-color: #00b900;
	border-color: #00b900;
}
.btn-success:hover, .btn-success:focus, .btn-success:active:hover{
	color: #fff;
	background-color: #00d100;
	border-color: #00d100;
}


.LINE-KINK {

	color: #00b900
}

.LINE-KINK a{
	text-decoration: underline;
	color: #00b900;
}

.LINE-KINK a:hover{
	text-decoration: none;
}



bootstrap 五格語法 
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}

.col-md-1-5 p{
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
	text-align: center;
}