body{
	font-size: 1.5em;
	line-height: 1em;
	font-family: "微軟正黑體" ,arial;
/*	background: url(images/content_bg.jpg);
	background-repeat: repeat-x;
	background-size: auto;*/
	background-color: #83e2f7;
	
}

.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: #000;
}

.bg{
	background-image: url(images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;

	/*padding-top: 25%;*/
}

.p0{
	padding: 0px;
}

.gift{

}

.gift p{
	text-align: center;
}

.gift img{
	width: 100%;
	border-radius: 20px;
}

/*.gift{
	width: 100%;
	border-width: 3px;
	border-style: solid;
	border-radius: 50px;
	border-color: #000;
	background-color: #555;
	background-image: url(images/content_bg.jpg);
	min-height: 150px;
	color: #FFF;
	text-align: center;
	padding: 50px 0%;
	font-weight: bolder;
	margin-bottom: 20px;
	background-size: box;
	
}
*/

.page-header{
	margin-bottom: 5%;
	color: #053c74;
	border-bottom-color: #053c74;
	border-bottom-width: 0px;
	margin-bottom: 0px;
}
.mt20{
	margin-top: 20px;
}

.gift small{
	color: #FFF;
}

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

	color: #000;
	font-size: 18px;
	line-height: 26px;
	/*background: url(images/content_bg.jpg);*/
	background-repeat: repeat-x;
	background-size: auto;
	background-position: 50% 0;

}

.page-header h2{
	/*line-height: 50px;*/
	font-weight: 900;
	background-image: url(images/title_bg.jpg);
	background-repeat: repeat;
	padding: 1%;
	text-align: center;
}

.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;*/


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

.sub p{
	font-size: 2.5em;
	color: #FFF;
	line-height: 1.6em;
	font-weight: bolder;
	text-shadow: 3px 3px 10px #000;
	
}

.sub_s p{
	font-size: 26px;
	color: #FFF;
	line-height: 36px;
	font-weight: bolder;
	text-shadow: 3px 3px 10px #000;

	
}

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

.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%;
}

.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: 15px;
    font-size: 18px;
    line-height: 30px;
    padding: 0% 5% 0% 5%;
    margin: 0% 0 3% 0;
    color: #000;
}

.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{
	border-radius: 0px;
	background-color: rgba(0, 0, 0, 0);
	color: #FFF;
	border-width: 0px;
}

.navbar a:link{
	color: #FFF;
}


.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;
}