body { margin:0 auto; background-color:#e5e5e5; color:#000; font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif; font-size:20px; }


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

img, object, embed, video {
	max-width: 100%;
}

p{
	font-size:20px;
	color:#373737;
	line-height: 2;
	}


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

.top-nav-collapse {
        padding: 0;
    }

}

.home-section {
    height: 729px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
    background-image: url("../images/bg_0.jpg");

}

.sec1-section {
    min-height: 800px;
    padding-top: 100px;
    padding-bottom: 50px;
	text-align: center;
    background-image: url(../images/bg1.jpg);}

.sec2-section {
    min-height: 800px;
    padding-top: 100px;
    padding-bottom: 50px;
	text-align: center;
    background-image: url(../images/bg2.jpg);}

.sec3-section {
    min-height: 800px;
    padding-top: 100px;
    padding-bottom: 50px;
	text-align: center;
    background-image: url(../images/bg3.jpg);}

.sec4-section {
    min-height: 800px;
    padding-top: 100px;
	padding-bottom: 50px;
	text-align: center;
    background-image: url(../images/bg4.jpg);}

.sec5-section {
    min-height: 800px;
    padding-top: 100px;
    padding-bottom: 50px;
	text-align: center;
    background-image: url(../images/bg5.jpg);}

.cont {
    font-size:22px;
    font-family:"Heiti TC", "黑體-繁", "Microsoft JhengHei", "微軟正黑體", sans-serif;
    color:#000000;
    line-height:1.6;
}

.white_title {
	font-size: 40pt;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: black 0.1em 0.1em 0.2em;
	line-height:1.2;
}

.white_list_sec1 {
	font-size: 22pt;
	color: #FFFFFF;
	text-align: center;
	margin-top:30pt;
}

.white_list {
	font-size: 22pt;
	color: #FFFFFF;
	text-align: left;
}

.white_list a {
	font-size: 22pt;
	color: #FFFFFF;
	text-decoration: none;
}

.white_list a hover {
	font-size: 22pt;
	color: #FFFFFF;
	text-decoration:underline;
}

.white_list li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	line-height: 2em;
}

.white_list_thismonth {

	font-size: 24pt;
	font-weight: bolder;
	color: #FFCE00;
	text-align: left;
}

.gray_title {
	font-size: 40pt;
	font-weight: bold;
	color:#5C5C5C;
	text-shadow: white 0.1em 0.1em 0.2em;
	line-height:1.2;
}

.gray_list {
	font-size: 22pt;
	color: #5C5C5C;
}

.gray_list a {
	font-size: 22pt;
	color: #5C5C5C;
	text-decoration: none;
}

.gray_list a hover {
	font-size: 22pt;
	color: #5C5C5C;
	text-decoration:underline;
}

.red_title {
	font-size: 40pt;
	font-weight: bold;
	color:#931212; 
	text-shadow: white 0.1em 0.1em 0.2em;
	line-height:1.2;
}

.listcontent{
	background-color: #E8E8E8;
    width:90%;
	text-align: left;
	font-size: 20px;
    border-width:1px;
	border-style:dashed;
    border-color:#969696;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
    margin:30px;}

.ordercontent{
	background-color: #f3f1e7;
	margin: auto;
    max-width:700px;
	text-align: left;
	font-size: 20px;
    border-width:1px;
	border-style:dashed;
    border-color:#969696;
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
	line-height:1;
    }

.orderlink{
    border:3px #cccccc solid;
	border-radius:50px;
	width:150px;
	height:52px;
	background-color:#c4211d;
    text-align:center;
	line-height:40px;
	color:#ffffff;
	float:left;
}

.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;}


.row{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}