html,body { margin:0; padding:0; background-color:#f3f3f3!important; font-family: Verdana,"Microsoft JhengHei", Arial, Helvetica, sans-serif;}
img { border:none;display:block;}


/*版頭*/
.main_ALL {
	width:100%;
	height:auto;
	background-image:url(../images/C220701011_bg03.jpg);
	background-position:center 962px;
	background-repeat:none;
	clear:both;
}


#main_top{
	width:100%;
	background-image:url(../images/C220701011_bg01.jpg); 
	background-position:center top; background-repeat:no-repeat; clear:both;
	height:436px;
	}
.top1{ width:1220px; height:567px;	margin:0 auto;  clear:both; position:relative;}

.slogan{
	width:492px;
	height:284px;
	position:absolute;
	top:16px;
	left:45px;
	margin:0 auto;
	background-image:url(../images/C220701011_slogan.png);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	clear:both;
	z-index:2;
}

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

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight {
	0% {
		transform: translateY(-100%);
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateY(-100%);
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}
}


.coin{
	width:60px;
	height:65px;
	position:absolute;
	top:124px;
	left:1018px;
	background-image:url(../images/C220401006a_p02.png);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	clear:both;
	z-index:2;
	animation: myAnimation 3s ease 0s infinite alternate;
	-webkit-animation: myAnimation 3s ease 0s infinite alternate;
}
.coin2{
	width:60px;
	height:65px;
	position:absolute;
	top:225px;
	left:60px;
	background-image:url(../images/C220401006a_p01.png);
	background-position:center top;
	background-repeat:no-repeat;
	display:block;
	clear:both;
	z-index:2;
	animation: myAnimation 5s ease 0s infinite alternate;
  -webkit-animation: myAnimation 5s ease 0s infinite alternate;
}
@keyframes myAnimation
{
    0% { margin-top: 0px;}
  50% { margin-top: 50px;  }
  100% { margin-top: 0px;  }
}

@-webkit-keyframes myAnimation
{
    0% { margin-top: 0px;}
  50% { margin-top: 50px;  }
  100% { margin-top: 0px;  }
}

.input {
	background-color:transparent;  
   	border: 0px solid #3e4049;	font-size:27px;
	color:#000000;
    border-radius: 4px;
    padding: 1px 2px;
	text-align:center;
	width:50px;
    }

.ticket_main_bg{
	width:100%;
	height:547px;
	margin:0;
	background-image:url(../images/C220701011_bg02.jpg); 
	background-position:center top; background-repeat:no-repeat; clear:both;
}

.ticket_main{
	width:1220px;
	height:547px;
	margin:0 auto;
	padding-top:0px;
	padding-left:0px;
	position:relative;
		}


.ticket_01 a{
	width:720px;
	height:203px;
	margin:0 0px;
	background-image:url(../images/C220701011_sale01.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	float:left;
	}
.ticket_01 a:hover {    transform: translate(0px,-10px);}
.ticket_02 a{
	width:500px;
	height:203px;
	margin:0 0px;
	background-image:url(../images/C220701011_sale02.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	float:left;
	 }
.ticket_02 a:hover {  transform: translate(0px,-10px);}	
	

.ticket_03 a{
	width:1220px;
	height:320px;
	margin:0 auto;
	margin-top:25px;
	background-image:url(../images/C220701011_sale03.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	float:left;
	 }
.ticket_03 a:hover {  transform: translate(0px,-10px);}	
.prod_bar_01{
	width:1220px;
	height:107px;
	margin:0 auto;
	margin-top:70px;
	margin-bottom:25px;
	background-image:url(../images/C220701011_bar01.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	 }
	 	
.prod_bar_02{
	width:1220px;
	height:107px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	background-image:url(../images/C220701011_bar02.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	clear:both;
	 }

.prod_bar_03{
	width:1220px;
	height:58px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:50px;
	background-image:url(../images/C220701011_bar03.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	clear:both;
	 }

.prod_bar_04 a{
	width:1220px;
	height:107px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	background-image:url(../images/C220701011_bar04.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	clear:both;
	 }

.brand_main_bg{
	width:1220px;
	height:200px;
	border-radius:50px; -moz-border-radius:50px; /* Firefox 3.6 and earlier */
	margin:0 auto;
	margin-bottom:50px;
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;}


.brand_main{
	width:1220px;
	height:200px;
	margin:0 auto;
	border-radius:50px; -moz-border-radius:50px; /* Firefox 3.6 and earlier */
		}
.brand_main ul{
	width:1220px;
	height:auto;
	margin:0 0px;
	padding-top:20px;
		}	
.brand_main ul li{
	width:288px;
	height:168px;
	list-style:none;	float:left;
	margin: 5px;
	}	


/*注意事項*/

.ps{
	 width:100%; 
     height:auto;
	 margin:0 auto;
	 background-color:#ffffff;
	clear:both;
	padding-top:70px;
	padding-bottom:50px;
	}
.psmain{
	 width:1000px; 
     height:auto;
	 margin:0 auto;
     color:#000;
font-family:"微軟正黑體 Light", "Century Gothic", Verdana;	font-size:17px;
	line-height: 35px;
	clear:both;
	}
	
.psmain h2{
	color:#b0330d;
	line-height: 45px;}
.psmain h3{
	color:#b0330d;
	font-size:20x;
	line-height: 35px;
	display:block;}
.pstitle {
	width:100%;
	margin:0 auto;
	font-size:17px;
	line-height: 35px;
	display:block;
	font-weight: bold;

		}

.psmain ul{
     width:1000px;
     margin:0 auto;
	list-style-type: decimal-leading-zero;
	padding-left:0px;
	color:#000;		
	padding-left:15px;
 }

.psmain ul li  {
	width:945px;
	height:auto;
	margin:0 auto;
	margin-left:0px;
	font-size:17px;
	line-height: 33px;
	list-style-type: disc;
	
	}

.psmain ul li a {
	color:#4594c7;
	text-decoration: none;
	}
	
/*footer*/

.RWD_footer { width:100%; background-color:#eeeeee; margin-top:20px;}
.RWD_footer ul { max-width:1200px; margin:0 auto; padding:15px 10px; overflow:hidden;}
.RWD_footer ul li { width:100%; margin:0; padding:0; line-height:20px; font-size:12px; color: #333333; text-align: center;}
.RWD_footer ul li:nth-child(2) a { color:#666666;}
.RWD_footer ul li:nth-child(2) a:link { color:#666666; text-decoration:none;}
.RWD_footer ul li:nth-child(2) a:visited {	color:#666666; text-decoration:none;}
.RWD_footer ul li:nth-child(2) a:hover { color: #e5004f; text-decoration:none;}
.RWD_footer ul li:nth-child(2) a:active { color: #e5004f; text-decoration:none;}
.RWD_footer ul li:nth-child(3) { color:#666666;}

/*回TOP*/
#GoTOP { position:relative;	max-width:1220px;	margin:0 auto; z-index:999; }
#gotop_sidebar { position: absolute; right: 20px; display:block; }
#gotop_box { position:fixed; bottom:75px; z-index:9; }
.gotop_main { width: 70px; height:70px;}
.gotop_main a { line-height:70px; text-align:center; display:block; background-color:#000000; font-size:25px; color:#FFFFFF; filter:alpha(opacity=70); opacity: 0.7; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border-radius:50%; cursor:pointer;}

.gotop_main a:link { filter:alpha(opacity=70); opacity: 0.7;}
.gotop_main a:visited {	filter:alpha(opacity=70); opacity: 0.7;}
.gotop_main a:hover { filter:alpha(opacity=90); opacity: 0.9; transition: all .3s;}
.gotop_main a:active { filter:alpha(opacity=70); opacity: 0.7;}



/* Media Query ，也就是當寬度 < 736 px 時將載入下面這段 CSS */
 @media only screen and (max-width: 736px) {
	 
html,body { margin:0; padding:0;  background-image:none; background-color:#f3f3f3!important;}



/*版頭*/

.main_ALL {
	width:100%;
	height:auto;
	clear:both;
	background-image:none;
}

#main_top{
width:100%; height:auto; margin:0 auto;  background-image:none;}

.top1 { width:100%; height:auto; margin:0 auto; background-image:none; position:static; }

.slogan {width:100%;
	height:auto;
	 padding-bottom:44.70%;  background-image:url(../images/main_220701M_01.png); background-size:cover; background-position:center top; background-repeat:no-repeat; clear:both;  position:static;}

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

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		
	visibility: visible !important;	
}


.cloud{
	display:none;
}
.cloud2{
	display:none;
}


.input {
	background-color:transparent;  
   	border: 0px solid #3e4049;	font-size:17px;
	color:#000000;
    border-radius: 4px;
    padding: 1px 2px;
	text-align:center;
	width:40px;
    }


.ticket_main_bg{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:none; 
	}
	
.ticket_main{
	width:100%;
	height:auto;
	margin:0 auto;
	padding-left:0;
	padding-top:0px;
		}

.ticket_01 a{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:url(../images/main_220701M_02.png);
	background-repeat: no-repeat;
    padding-bottom:27.58%;
    background-size:cover; background-position:center top;
	display:block; 
	}
	
.ticket_01 a:hover {   transform: none;}

.ticket_02 a{
	width:100%;
	height:auto;
	margin:0 auto;
	background-image:url(../images/main_220701M_03.png);
	background-repeat: no-repeat;
    padding-bottom:28.67%;
    background-size:cover; background-position:center top;
	display:block;
	 }
.ticket_02 a:hover {  transform: none;}	
	

.ticket_03 a{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom:20px;
	background-image:url(../images/main_220701M_04.png);
	background-repeat: no-repeat;
    padding-bottom:63.72%;
    background-size:cover; background-position:center top;
	display:block; 
	 }
.ticket_03 a:hover {  transform: none;}	
	
.prod_bar_01{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	display:block;
	background-image:url(../images/C220701011M_bar01.png);
	background-repeat: no-repeat;
    padding-bottom:14.54%;
    background-size:cover; 
	background-position: center top;
	display:block;
	clear:both;
	 }

.prod_bar_02 {
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	background-image:url(../images/C220701011M_bar02.png);
	background-repeat: no-repeat;
    padding-bottom:14.54%;
    background-size:cover; 
	background-position: center top;
	display:block;
	clear:both;
	 }
 .prod_bar_03{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	background-image:url(../images/C220701011M_bar03.png);
	background-repeat: no-repeat;
    padding-bottom:7.9%;
    background-size:cover; 
	background-position: center top;
	display:block;		clear:both;
	 }
.prod_bar_04 a {
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	background-image:url(../images/C220701011M_bar04.png);
	background-repeat: no-repeat;
    padding-bottom:14.54%;
    background-size:cover; 
	background-position: center top;
	display:block;
	clear:both;
	 } 

.brand_main_bg{
	width:100%;
	height:auto;
	border-radius:30px; -moz-border-radius:30px; /* Firefox 3.6 and earlier */
	margin:0 auto;
	padding:3%;
	clear:both;	float:left;}


.brand_main{
	width:98%;
	height:auto;
	margin:0 auto;
 margin-left:1%;
	border-radius:30px; -moz-border-radius:30px; 
	float:left; 
			}
.brand_main ul{
	width:100%;
	height:auto;
	margin:1%;
	padding-top:5%;float:left; 
		}	
.brand_main ul li{
	width:100%;
	height:auto;
	background-size:cover; 
	list-style:none; display: inline-block; width:90%; 
	margin-bottom:10px;
	padding:0px;
	float:left; 
	margin: 3%;
	}	

.brand_main ul li img {  width: 100%; height: auto; float:left;}
 
/*注意事項*/

.psmain{
	 width:90%; 
     height:auto;
	 margin:0 auto;
    font-family:"微軟正黑體 Light", "Century Gothic", Verdana;
	margin:5%;
	  font-size:17px;
  line-height: 33px;
	}
.psmain h2{
	color:#b0330d;
	  font-size:19px;
  line-height: 33px;}

.psmain h3{
	color:#b0330d;
	  font-size:17px;
  line-height: 33px;
	}
	
.psmain ul{
     width:90%; 
     margin:0 auto;
	list-style-type: decimal-leading-zero;
	padding-left:0px;
	color:#000;
		
	
 }
.psmain ul span {
	line-height: 55px;
	display:block;
	}
.psmain ul span b{
	
	color:#4594c7; }	
	
.psmain ul li  {
    width:100%; 
   height:auto;
   margin:0 auto;
   margin-left:0px;
   font-size:17px;
  line-height: 33px;
	}

.psmain ul li a {
	
	color:#4594c7;
	}
.RWD_footer { width:100%; background-color:#eeeeee; margin-top:20px;clear:both;}
.RWD_footer ul { width:96%; margin:0 auto; padding:15px 2%; overflow:hidden;}
.RWD_footer ul li { width:100%; margin:0; padding:0; line-height:18px; font-size:12px; color: #333333; text-align: center; list-style:none;}
.RWD_footer ul li:nth-child(2) { display:none;}
.RWD_footer ul li:nth-child(3) { display:none;}
/*回TOP*/
#gotop_sidebar {right: 45px;}
#gotop_box { bottom:70px;}
.gotop_main { width: 40px; height:40px;}
.gotop_main a { line-height:40px; text-align:center; display:block; background-color:#000000; font-size:15px; color:#FFFFFF; filter:alpha(opacity=70); opacity: 0.7; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border-radius:50%;}
}