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


/*版頭*/
.main_ALL {
	width:100%;
	height:auto;
	background-position:center 453px;
	background-color:#f4f4f4!important; 
	background-repeat:none;
	clear:both;
}


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


.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;	
}



.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:526px;
	margin:0;
clear:both;
}

.ticket_main{
	width:1220px;
	height:526px;
	margin:0 auto;
	padding-top:65px;
	padding-left:0px;
		}


.ticket_01 a{
	width:720px;
	height:203px;
	margin:0px;
	background-image:url(../images/C220901015_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/C220901015_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/C220901015_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:80px;
	margin-bottom:25px;
	background-image:url(../images/C220901015_bar01.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	 }
	 	
.prod_bar_02 a{
	width:1220px;
	height:107px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	background-image:url(../images/C220901015_bar02.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	 }

.prod_bar_03{
	width:1220px;
	height:107px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:20px;
	background-image:url(../images/C220901015_bar03.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	 }

.prod_bar_04{
	width:1220px;
	height:65px;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	background-image:url(../images/C220901015_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:#f4f4f4;
	clear:both;
	padding-top:50px;
	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;	background-image:url(../images/main_220901M_01.png);
	background-repeat: no-repeat;
    padding-bottom:44.70%;
    background-size:cover; background-position:center top;
	display:block; }

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

.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_220901M_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_220901M_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:2px;
	background-image:url(../images/main_220901M_04.png);
	background-repeat: no-repeat;
    padding-bottom:39.80%;
    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/C220901015M_bar01.png);
	background-repeat: no-repeat;
    padding-bottom:14.54%;
    background-size:cover; 
	background-position: center top;
	display:block;
	clear:both;
	 }
.prod_bar_02 a{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:10px;
	background-image:url(../images/C220901015M_bar02.png);
 padding-bottom:14.54%;
		background-size:cover; 
	background-repeat: no-repeat;
	background-position: center top;
	display:block;	clear:both; }
	
	
	 
.prod_bar_03 {
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/C220901015M_bar03.png);
	background-repeat: no-repeat;
    padding-bottom:14.54%;
    background-size:cover; 
	background-position: center top;
	display:block;
	clear:both;
	 } 

 .prod_bar_04{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:0px;
	margin-bottom:0px;
	display:block;
	background-image:url(../images/C220901015M_bar04.png);
	background-repeat: no-repeat;
    padding-bottom:7.9%;
    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:100%;
	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:calc(100% / 2 - 4%);
	height:auto;
	background-size:cover; 
	list-style:none; 
	display: inline-block;
	margin-bottom:10px;
	padding:0px;
	float:left; 
	}	

.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%;}
}