/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
blockquote,q{quotes:none}
li{list-style-type: none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
/* css reset 歸0 end */

.w-full{width:100%;}
.row100{width: 100%;}.row50{width: 48%;}.row33{width:32%;}
.flex{display:flex}
.block{display:block}.inline-block{display:inline-block}
.bg1{background-color: antiquewhite;}
.bg2{background: linear-gradient(to bottom,#e3d3b5 10%, #af8e5e 90%);}
.bg3{background: coral;}
.bg4{background: linear-gradient(to right, #e33d42 40%, #ff5459 60%, #bc0c0f 100%);}
.bg5{background: linear-gradient(to right,#bfbfbf 10%, #e0e0e0 60%,#ffffff 70%, #cfcfcf 90% ,#b8b6b8 100%);}
nav{text-align: center;padding: 1% 0 3%;color: #f1dcb7;}
nav a{color: #f1dcb7;}
.small {font-size: smaller;}
@keyframes myfirst
{
    from {opacity: 1;}
    15% {opacity: 0;}
    25% {opacity: 1;}
    100% {opacity: 1;}
}
body{
	margin:0 auto;
	padding:0;
	font-family:"Microsoft JhengHei";}
#BodyContainer{margin:0 auto;}
#BodyContentEvent{width:100%}
#event{width:100%;margin:0 auto;}
#event a:hover{text-decoration:none;left:1px;top:1px;position:relative}
.point_line {border-top: 3px #d22319 dotted;width: 99%;margin: 0 auto;display: inline-block;}

/*主圖*/
/* event_master */
#event_master {width: 850px;margin:0 auto;padding:0;text-align: center; display: block;position: relative;}
#event_master .top_h {}
#event_master .top_step li:nth-child(1) {position: absolute;right: 10%;top: 35%;animation: myfirst 1.8s infinite alternate ease-in-out;}
#event_master .top_step li:nth-child(2) {position: absolute;right: 6%;top: 25%;animation: myfirst 3.8s infinite alternate ease-in-out;}

.banner,.banner_redtext,.banner_goldtext{width: 100%;margin: auto;}
.banner img,.banner_redtext img,.banner_goldtext img{width: 100%;}
.banner_text{margin: auto;display: flex;flex-direction: row;padding: 0.1rem 0 1.5rem;}
.banner_redtext, .banner_goldtext {font-size: 2rem;line-height: 1.1rem;margin-bottom: 2%;font-family: Verdana,"Microsoft YaHei";/* font-weight: bold; */}
.banner_redtext a{ color:#ddc97e}
.banner_goldtext a{ color:#b12228}
.banner_redtext:hover{position: relative;top: 2px;left: 2px;}
.banner_goldtext:hover{position: relative;top: 2px;left: 2px;}


h1{font-size: 3rem;}
h2{font-size: 2rem;}
.top_bt{width: 1200px;text-align: center;height: 130px;}
.top_bt td{width: 50%;text-align: center;}
.top_bt p{text-align: left;font-size: 1.3rem;color: #ddc97e;line-height: 1.7em;display: inline-block;}
.top_bt_L {text-align: center;font-size: 1.5rem;background-color: #d21f26;border-radius: 50%;padding: 1.6em 0.8em;color: white;text-decoration: none;font-weight: bold;}
.top_bt_R {text-align: center;font-size: 1.5rem;background-color: #ddc97e;border-radius: 50%;padding: 1.6em 0.6em;color: #d21f26;text-decoration: none;font-weight: bold;}

#event_area{}
.area{text-align: center;font-size: 1.1rem;}
dl{background: #ffe8bd;margin:1%;padding: 1%;}
dt{font-size: 2.5rem;}
dd:nth-of-type(1){background: #bf160e;color: #eee;font-size: 1.5rem;}
dd>span:nth-child(1){display: block;}
dd>span:nth-child(2){margin-right: 1rem;}

/* 活動 */
#event_sec {text-align: center;}
.play{margin: 0% 1% 1% 1%;padding: 3% 2% 1%;font-size: 1.4em;text-align: center;vertical-align: top;color: #84100e;}
.play a{color:#ab151b;text-decoration:none;display:block}
.play:hover{text-decoration:none;top:2px}
.play_img{width: 30%;height: auto;position: relative;}
.play_cow{position: absolute;top: 35px;left: 0%;width: 100%;}
.play_book{position: absolute;left: 37%;z-index: 2;transform-origin: center;
    /*-webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;*/}
@keyframes  spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.play_car{position: absolute;top: 50px;left: -10px;}
/*
==============================================
tossing
==============================================
*/

.tossing{
	animation-name: tossing;
	-webkit-animation-name: tossing;	

	animation-duration: 2.5s;	
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}


.play_txt{width: 70%;float: right;position: relative;}
.play_txt b{font-size: 2.2rem;clip-path: polygon(100% 0, 95% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);color: #d02e33;background: linear-gradient(to right, #8b6843 0%, #c9a774 20%, #f1dbb4 80%, #a5784e 100%);padding: 0.3rem 2.5rem;display: block;text-align: center;width: max-content;margin: 0rem 0 0.5rem;}
.play_txt .red{font-size: 2.0rem;display: block;color: #c51920;font-weight: bold;}
.play_txt ul{width: 100%;}
.play_txt li{width: 30%;display: inline-block;}
.play_txt small{font-size: 1.5rem;}

.play_txt m{font-size: 2.0em;font-weight: bold;color: #683b25;padding: 0.2em 0.8em;display: inline-block;line-height: 3rem;}
.play_txt m .sale{border-radius: 50%;font-size: 1em;font-weight: bold;color: #FFF;padding: 0.25em 0.22em;background: linear-gradient(to top right, #c1272b 10%, #f14c51 100%);margin: 0.3rem 0.2rem 0 0;display: inline-block;/*animation: myfirst 0.8s infinite alternate ease-in-out;*/}
.play>a>ul>li{display: inline;padding: 1% 3%}
/* 書單 */
.car1, .car2{ cursor: pointer;}
#car1_list ,#car2_list{display: none;} /*完成再打開*/
/* 花車 */
.carBox,.carBox2{border-radius:12px}
.carBox{background:linear-gradient(to bottom,#fff9ee 30%,#fedc9c 100%)}
.carBox2{margin:1% 0 2%}
.carBox .carDis2{font-size:2em;color:#d22319;font-weight:700;font-family:Verdana,"Microsoft JhengHei",Arial}
.carBox .carDis{font-size:1.3em;color:#d22319;font-weight:700;font-family:Verdana,"Microsoft JhengHei",Arial}
.carBox .carList{font-size:1.1em;line-height:1.6em}
.carBox .carBuy{margin:1% 0}
.carBuy{float:right;width:125px}
.carBox a{font-size:1em;color:#fff;font-weight:700;background:#bf160e;border-radius:12px;padding:3% 3% 3% 6%;margin:0 5% 1% 0;display:inline-block;float:left;text-decoration:none}
/*
/* 花車+ 福袋 */
.carBox,.luckyBox{ margin: 1% 5%;padding: 1% 3% 5% 3%;text-align: left;}
.carBox .carPub,.luckyBox .pub p{font-size:1.8em;line-height:1.5em;font-weight:700;color:#fff;text-align:center;background-color:#c91d14;border-bottom:4px dotted #ffe9bf}
.carPub strong{color:#ffe9bf}
.luckyBox{background-color:#ffce4a;border-radius:12px}
.luckyBox .pub{margin:1%}
.luckyBox table{width:100%}
.luckyBox table tr td{padding:5px;font-size:1.1em;width:29%}
.luckyBox table tr td a{color:#d22319;font-weight:700}
.luckyBox table tr:nth-child(even){background:#fff3d2}
.luckyBox table tr:nth-child(odd){background:#FFF}

/*加入會員*/
.member{font-size:1.4em;line-height:1.5em;color:#FFF;padding-bottom: 3%;}
.member {font-size: 1.3em;line-height: 1.5em;color: #fff;padding: 2%;border-top: dotted;margin-top: 1rem;}
.member a{color: #f1dcb7;}
.member_button{font-size: 1.0em;line-height: 1.2em;color: #c51920;margin: 0.2em 0.2em;background-color: #ffffff;padding: 0.2em 0.5em;border-radius: 1em;text-decoration: none;display: inline-block;}


/* coupon */
#event_third{width:100%;margin:0 auto;padding:3% 0;text-align:center}
#event_third h3{font-size: 2rem;line-height:2.0rem;color:#FFF;padding: 3% 0 0.5%;}
#event_third h4{font-size:1.5rem;line-height:2rem;color:#FFF;font-weight:400}
.coupon_img{vertical-align:baseline;float:right}
#event_third p{font-size:1em;line-height:1.6em;color:#f1dcb7;padding: 1%}
#event_third p a{font-size:1em;line-height:1.6em;color:#ddc97e}

/* go other */
#event_fourth {width: 100%;margin: 0 auto;padding: 1% 0;    }
#event_fourth h4{font-size:  1.6em;line-height: 1.5em;color: #363636;text-align: center;padding-top: 2rem;border-top: 1px dotted #ffffff;}
#event_fourth h4 strong{font-weight: bold;font-family: "Microsoft YaHei", Verdana;}
#event_fourth h4 mark{background-color: #f7e795c2;font-family: "Microsoft YaHei", Verdana;color: #c51920;}
#event_fourth ul{font-size: 1.4rem;font-weight: bolder;line-height: 2rem;list-style: none;color: #c51920;padding: 1.2rem 0 0 35%;}
.comsoon{padding:1.5%;}
.comsoon a{color: #363636;line-height: 1.5rem;}
.comsoon_text{text-align: center;color: #0031a1;font-size: 1.4rem;padding: 1.2rem 0 1rem;}
.comsoon_text img{width: 42px; position: relative;top: 8px;left: -5px;rotate: -11deg;}

/* notice */
#event_notice p{font-size:1rem;line-height:1.5rem;margin-left:15%;color: #ffffff;}
#event_notice p:nth-child(2){display: none}
#event_notice p a{color: #ffffff;}

@media (max-width: 767px) {

/*主圖*/


}