html, body{
    height: 100%;
}

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

.intro-section{
    height: 60%;
    padding-top: 10px;
    text-align: center;
    background-image: url(../images/p0.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}

.latest-section{
    height: auto;
    padding-top: 150px;
	padding-bottom: 150px;
    text-align: center;
    background: linear-gradient(225deg, #3a6596 0%, #c5eff4 100%); 
    display: flex;
    align-items: center;
}

.topic-section{
    height: auto;
    padding-top: 150px;
	padding-bottom: 150px;
    text-align: center;
    background-image: url(../images/p1.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}

.buy-section{
    height: auto;
    padding-top: 150px;
	padding-bottom: 150px;
    text-align: center;
    background: linear-gradient(0deg, #283f6f 0%, #d9d9d9 100%); 
    display: flex;
    align-items: center;
}

.award-section{
    height: auto;
    padding-top: 150px;
	padding-bottom: 150px;
    text-align: center;
    background-image: url(../images/p2.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
}

.row-bg{
    background-color: rgba(255, 255, 255, 0.596);
    padding: 50px;
    border-radius: 30px;
}

.row-bg1{
    padding: 50px;
    border-radius: 30px;
}

.head01{
	font-size: 80px;
	font-family:"黑體-繁";
	font-weight: bold;
}

.head02{
	font-size: 60px;
	font-family:"黑體-繁";
}

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

.white_list {
	font-size: 18pt;
	color:#292576;
	text-align: left;
}

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

.white_list a hover {
	font-size: 18pt;
	color:#943435;
	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: 22pt;
	font-weight: bolder;
	color:#B11F21;
	text-align: left;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 比例 (9 / 16 = 56.25%) */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.listcontent a{
	font-size: 18px;
	color:#2B6FB6;
	text-decoration: none;
}

.listcontent a:link,a:visited {
	color:#2B6FB6;
	text-decoration: none;
}

.listcontent a:hover {
	color:#FC8D00;
	text-decoration: underline;
}

.blue_title {
	font-size: 40pt;
	font-weight: bold;
	color:#355caa; 
	text-shadow: white 0.05em 0.05em 0.1em;
	line-height:1.2;
	padding-bottom: 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;
    }

/*修改選單在不同寬度的樣式*/

@media (max-width:768px) {

.nav-link{
    text-align: center;
    line-height: 3em;
    border-bottom: #8f8f8f 1px dotted;
    transition: 0.5s ease-in-out;
}

.nav-link:hover{
    font-size: 20px;
    background-color: #d8d8d8;
    font-weight: bold;    
}  
    
}