@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,700&display=swap');
/* CSS Document */
*{padding:0;margin:0; }
img{max-width: 100%;}
body{font-family: 'Noto Sans TC', sans-serif;font-weight: 300;-webkit-overflow-scrolling: touch;line-height: 1.6;font-size: 12pt;background: url(../images/bg.jpg) fixed top;}
.header_space{height: 135px;}
.wrap{margin: 0 auto;max-width: 1200px;}
header{margin: 0 -15px;}


.nav a{ color: #666;}

.title{text-align: center;font-size: 1.2em;}
.sec1 h2{text-align: center;font-weight: 700;margin-bottom: 25px;}
.sec1 ol{text-align: left;line-height: 1.6;}
article{margin-top: 30px;margin-bottom: 30px;}
.end{ position: relative;}
.end:after{ position: absolute; content:' ';width: 300px; background: url(../images/end.png); display: block; height: 300px; background-size: 100% auto; left: 50%; margin-left: -150px; top:40px;}

.sec2,.sec3,.sec4{padding: 45px 15px;margin:0 -15px;}
.sec2 h3{font-size: 1.4em;font-weight:bold;margin-top: 15px;color: #fff;}
.sec4 h3{font-size: 1.4em;font-weight:bold;margin-top: 15px;color: #fff;}

footer{background: #efc176;}
footer .btn-link.disabled, .btn-link:disabled{color: #efc176;}
.float{position: fixed;right: 0;top:150px;width: 40px;padding: 10px;border-radius: 10px 0 0 10px;}
.float a{color: #fff;text-decoration: none;}
.spbox{ padding: 0 15px;}
.sp_white{ color: #fff; font-size: 14px;}
.sp_sm{ font-size: 14px;}
.phone_off{ display:none;}
.phone_on{}
.modin{ position: relative; visibility: hidden; top:-60px;display: block;height: 1px; width: 1px;}

/*上角漢堡排*/
.menu_top{position: fixed;top:5px;left: 5px;z-index: 10000;}
.slide_toggle{padding: 5px;color: #999;cursor: pointer;display: inline-block;transition-duration: 0.3s;}
.slide_toggle:hover{color: #666;transition-duration: 0.3s;}
.slide_list{background: #fff;box-shadow:0 2px 5px #777;display: none;}
.slide_list a{display: block;text-align: center;padding:10px 15px;border-bottom: 1px solid #ccc;transition-duration: 0.3s;color: #666;}
.slide_list a:hover{transition-duration: 0.3s; color: #ff6600}
.slide_list li:last-child a{border-bottom: none;}
.menu_top:hover .slide_list{display: block;transition-duration: 0.3s;}

@media screen and (min-width: 576px){ /*sm*/
	.header_space{height: 80px;}

}
@media screen and (min-width: 768px) {/*md*/
	.menu_top{top:10px;left: 10px;}
	.header_space{height: 45px;}
	
	
	
	.phone_off{display: block;}
	.phone_on{ display:none;}
	.modin{ position: relative; visibility: hidden; top:-100px;}
}



@media (min-width: 992px) { /*lg*/
	body{font-size: 14pt;}
	.menu_top{display: none;}

}

@media (min-width: 1200px){ /*xl*/
.sec2,.sec3{padding: 45px 30px;margin:0 -15px;}

}