@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Short+Stack:400|Open+Sans:700|Gentium+Book Basic:700|PT+Serif:400|Volkhov:700|Source+Sans Pro:300|Source+Sans Pro:400|Varela+Round:400";
/* CSS Document */
*{padding:0;margin:0; }
img{max-width: 100%;}
body{font-family: arial,'Noto Sans TC';font-weight: 300;-webkit-overflow-scrolling: touch;background: url(../images/bg.gif);}
.inner{max-width: 1200px;margin: 0 auto;}


a,a:hover{text-decoration: none;}
.wrap{font-size: 12pt;font-family: arial,'微軟正黑體';line-height: 1.6;position: relative;padding-bottom: 60px;}
.wrap:after{content:'';width: 100%;background: #B28247;height: 200px;position: absolute;bottom: 0;z-index: -1;}
.container-fluid{margin: 0 auto;max-width: 1200px;}
.red{color:#D22329;}

.nav a{color: #585858;}
.header_space{height: 75px;}

header a{background:#E787A1;box-shadow: 0 5px 0 #D1668D;border-radius: 8px;display: block;color: #fff;position: relative;padding-top: 5px;margin-bottom: 15px;}
header a:hover{box-shadow: none;top:5px;color: #fff;background: #f886af}

.main{background:#fff;border-radius: 35px ;position: relative;padding: 15px 30px 15px 20px;border:2px solid #F6E4CF;}
.main:after{content: '';width: 80%;position: absolute;right:15px;top:40px;border: #B28247 solid 4px;border-bottom: 0;border-left: 0; height: 95%;border-radius:0 25px;}

section{margin-bottom: 15px;position: relative;z-index: 1;}
.sec h2 span{background: #fff;position: relative;z-index: 3;font-weight: bold;color: #F39800;font-size: 1.8em;}
.sec .d-flex .h2{ color: #ea5514;font-size:2.5em;white-space:nowrap;}
.sec .d-flex{margin-bottom: 10px;}

.sec1 li,.sec4 p{text-indent: -9px;padding-left: 18px;}
.sec1 li a{text-indent: 0;}
.sec1 li{margin-bottom: 5px;}
.sec2 p,.sec3 p,.sec4 p{margin-bottom:5px;}

.sec2 .top{background: #B28247;color: #fff;border: 1px solid #fff;}
.sec2 .border-brown{border:1px solid #B28247;}
.sec2 .d-sm-block div{width: 50%;text-align: center;padding: 5px;}

.sec3 table{border:1px solid #B28247;}
.sec3 th{background: #B28247;color: #fff;border: 1px solid #fff;text-align: center;padding: 5px;font-size: 12pt;font-weight: normal;}
.sec3 td{border:2px solid #B28247;padding: 5px;font-size: 12pt;}
.sec3 tr td:first-child{text-align: center;}

.sec4 table{border:1px solid #B28247;}
.sec4 th{background: #B28247;color: #fff;border: 1px solid #fff;text-align: center;padding: 5px;font-size: 12pt;font-weight: normal;}
.sec4 td{border:2px solid #B28247;padding: 5px;font-size: 12pt;}
.sec4 tr td:first-child{text-align: center;}
.sec4 .bg-yellow {background: #fafadd;}


.block{background: #2f2516;font-size: 8pt;text-align: center;padding: 3px 5px;position: relative;}
.block a{color: #2f2516;visibility: hidden;}

/*上角漢堡排*/
.menu_top{position: fixed;top:8px;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;}
/*header 活動規則與獎品*/




.phone_off{ display:none;}
.phone_on{}
.modin{ position: relative; visibility: hidden; top:-60px;display: block;height: 1px; width: 1px;}


@media screen and (min-width: 500px){
	.header_space{height: 40px;}

}
@media screen and (min-width: 576px){ /*sm*/
	.sec2 .d-sm-block div{width: 100%;}
}
@media screen and (min-width: 768px) {/*md*/
	.sec h2 span{font-size: 2.2em;}
	.sec .d-flex .h2{}
	.main{padding:30px 45px 30px 40px;}




	.menu_top{top:10px;left: 10px;}
	.phone_off{display: block;}
	.phone_on{ display:none;}
	.modin{ position: relative; visibility: hidden; top:-100px;}
}




@media (min-width: 992px) { /*lg*/
.wrap,.sec4 th,.sec4 td {font-size: 14pt;}


	.menu_top{display: none;}
	
}

@media (min-width: 1200px){ /*xl*/
	

}
@media (min-width: 1580px){ /*xl*/

}