@charset "utf-8";

/* CSS Document */
*{padding:0;margin:0; box-sizing: border-box;}
img{max-width: 100%;}
body{-webkit-overflow-scrolling: touch;color:#2a2a2a;line-height: 1.6;font-family: "Helvetica", "Arial","LiHei Pro","黑體-繁","微軟正黑體", sans-serif;background: url(../images/footer.png) bottom center no-repeat #75451D;background-size: 100% auto;}
/*header*/
header{text-align: center;position: relative;padding-bottom: 15px;overflow: hidden;}
.head2{background: url(../images/head_s_02.png) no-repeat top;background-size: 100% auto;padding: 15px;}
.head2 .bg_white{background:linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 15%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 70%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0) 100%);padding: 15px;margin-bottom: 30px;}
h1{max-width: 1200px;margin: 0 auto;}
h2{font-weight: bolder;}
.head2 .bg_white h2{font-size: 1.4em;}

/*nav*/
nav{display: flex;flex-wrap: wrap;padding: 0 !important;}
nav div{width:48.5%;margin-bottom: 10px;}
nav a{background:linear-gradient(to bottom, #E0A431 0%,#E07E1D 100%);color: #fff;padding:10px;margin: 0 auto;display: block;border-radius: 5px;text-align: center;box-shadow: 0 0 10px #984c03;font-weight: bold;text-shadow: 0 0 5px #000;font-size: 16pt;}
nav a:hover{color: #fff;background:linear-gradient(to bottom, #E0A431 65%,#E07E1D 100%);text-decoration: none;}
/*section*/
.bg_section{background: #E2CBAA;border-radius: 15px;box-shadow: -1px -1px 0 #fff,1px 1px 0 #E07E1D;margin-bottom: 30px;}
section{position: relative;padding: 15px;margin-bottom: 60px;}
section ol{margin-bottom: 0;text-align: left;display: inline-block;}
section li{margin-bottom: 10px;}
section h3{display: inline-block;margin: 20px auto;background: #E07E1D;color: #fff;border-radius: 50px;padding: 10px 10px;font-weight: 700;box-shadow: 3px 5px 0 #E0A431;position: relative;width: 300px;margin-bottom: 40px;}
section h3:before{content: '';background: url(../images/bg_h3_l.png);display: block;width:50px;height: 50px;background-size: 100% auto;position: absolute;left:20px; top:-10px;}
section h3:after{content: '';background: url(../images/bg_h3_r.png);display: block;width:75px;height:90px;background-size: 100% auto;position: absolute;right:15px;top:-20px;}
section .h1{color: #fff;text-shadow: 2px 2px 0  #75451d, -2px -2px 0  #E07E1D, 2px -2px 0  #75451d, -2px 2px 0  #75451d, 0px 2px 0  #75451d, 2px 0px 0  #75451d, -2px 0px 0  #75451d, 0px -2px 0  #75451d, 3px 3px 5px  #75451d;}
.sec3 iframe{height: 650px;}
.sec5 .col-md-4{margin-bottom: 30px;}
.sec5 .col-md-4 a{background:linear-gradient(to bottom, #E0A431 0%,#E07E1D 100%);color: #fff;display: block;padding:10px;border-radius: 5px;font-size: 16pt;}
.sec5 .col-md-4 a:hover{background:linear-gradient(to bottom, #E0A431 50%,#E07E1D 100%);text-decoration: none;}
.sec5 .col-md-4 p{font-size: 1.4em;}
.sec5 .btn-lg.btn{background:linear-gradient(to bottom, #E0A431 0%,#E0C46B 100%);font-weight: bold;font-size: 1.6em;box-shadow: 0 0 8px #75451d;text-shadow:0 0 5px #000;margin-top: 30px;}
.sec5 .btn-lg.btn:hover{background:linear-gradient(to bottom, #E0A431 50%,#E0C46B 100%);}

.sec5 .card {border: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);}
.sec6 ol{font-size: 0.85em;}

/*footer*/
footer{text-align: center;padding-bottom: 30px; color: #fff;}
footer p{padding-top: 15px;}
footer a{margin:0 5px;vertical-align: sub; color: #fff;}
footer a:hover{ color: #E07E1D;}

@media (min-width: 576px){ /*sm*/
}
@media (min-width: 768px) {/*md*/
	header{}
	.head2 .bg_white{padding: 30px 10%;margin-top: 40px;}
	nav {margin-top: 40px;}
	nav div{width:22.5%;}
	section h3{width: 350px;}
	section h3:before{left: 20px;top:5px;}
	.sec3 iframe{height: 1000px;}
}



@media (min-width: 992px) { /*lg*/
	header{background: url(../images/bg_head.png) no-repeat top center; background-size: 100% auto;}
	.head2{background:none;padding-bottom: 30px;}
	.head2 .bg_white{font-size: 1.3em;margin-top: 0;}
	h2{margin-bottom: 30px;}
}

@media (min-width: 1200px){ /*xl*/
	.head2 .bg_white{font-size: 1.4em;margin-top: 30px;}
	.sec3 iframe{height: 2300px;}
}