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


/*版頭*/
.main_ALL {
	width:100%;
	height:auto;
	clear:both;
	background-image:url(../images/C220101003_bg_all.jpg);
	background-position:center 1080px;
	background-repeat:no-repeat;background-color:#eeeef0;
}

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

.slogan{
	width:593px;
	height:282px;
	position:absolute;
	top:50px;
	left:320px;
	margin:0 auto;
	background-image:url(../images/C220101003_main_title.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%);
	}
}



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


.ticket_main_bg{
	width:100%;
	height:592px;
	margin:0;
	background-color:#d9b28b;}

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


.ticket_01 a{
	width:1160px;
	height:282px;
	margin:0 auto;
	margin-top:0px;
	background-image:url(../images/C220101003_ticket_01.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:1160px;
	height:282px;
	margin:0 auto;
	margin-top:0px;
	background-image:url(../images/C220101003_ticket_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
		float:left;
	 }

.ticket_02 a:hover {  transform: translate(0px,-10px);}	
	
.prod_bar_01{
	width:1220px;
	height:130px;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	background-image:url(../images/C220101003_bar_01.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	 }
	 
.brand_main_bg{
	width:1220px;
	height:663px;
	border-radius:50px; -moz-border-radius:50px; /* Firefox 3.6 and earlier */
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;}



.brand_main{
	width:1180px;
	height:530px;
	margin:0 auto;
		border-radius:50px; -moz-border-radius:50px; /* Firefox 3.6 and earlier */
		}
.brand_main ul{
	width:1220px;
	height:auto;
	margin:0 30px;
	padding-top:20px;
		}	
.brand_main ul li{
	width:345px;
	height:215px;
	list-style:none;	float:left;
	margin: 15px;
	}	

		
/*注意事項*/
.brand_bar_01{
	width:1220px;
	height:130px;
	margin:0 auto;
	margin-top:100px;
	margin-bottom:50px;
	background-image:url(../images/C220101003_bar_02.png);
	background-repeat: no-repeat;
	background-position: center top;
	display:block;
	 }


.psmain{
	 width:1000px; 
     height:auto;
	 margin:0 auto;
     color:#000;
font-family:"微軟正黑體 Light", "Century Gothic", Verdana;
	}
.psmain h2{
	color:#c45f6a;}
.pstitle {
	width:100%;
	margin:0 auto;
	font-size:21px;
	line-height: 50px;
	display:block;
	font-weight: bold;

		}

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

	}

.psmain ul li a {
	
	color:#4594c7;
	}
	
/*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:#eeeef0!important;}



/*版頭*/

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

#main_top{
 width:100%; height:auto; margin:0 auto;  background-size:cover; background-position:center top; background-repeat:no-repeat; clear:both;	margin-bottom:0px; }
.top1 {  width:100%; height:auto; margin:0 auto; position:static; clear:both;}

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


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

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

	
.prod_bar_01{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:3%;
	background-image:url(../images/C220101003M_bar_01.png);
	background-repeat: no-repeat;
    padding-bottom:17.66%;
    background-size:cover; 
	background-position: center top;
	display:block;	
float:left; position:static;
	 }
 .brand_bar_01{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:5%;
	margin-bottom:3%;
	background-image:url(../images/C220101003M_bar_02.png);
	background-repeat: no-repeat;
    padding-bottom:17.66%;
    background-size:cover; 
	background-position: center top;
	display:block;	
float:left; position:static;
	 }
	 
.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:2%;float:left; 
		}	
.brand_main ul li{
	background-size:cover; 
	list-style:none; display: inline-block; width:90%; margin:3%;
	padding:0px;
	float:left; 
	}	

.brand_main ul li img {  width: 100%; height: auto; float:left;}


/*注意事項*/

.psmain{
	 width:80%; 
     height:auto;
	 margin:0 auto;
    font-family:"微軟正黑體 Light", "Century Gothic", Verdana;
	margin:10%;
	}
.psmain h2{
	color:#c45f6a;}


.psmain ul{
     width:100%;
     margin:0 auto;
	list-style-type: decimal-leading-zero;
	padding-left:10px;
	color:#000;
		
	
 }
.psmain ul span {
	line-height: 55px;
	display:block;
	}
.psmain ul span b{
	
	color:#4594c7; }	
	
.psmain ul li  {
   width:90%;
   height:auto;
   margin:0 auto;
   margin-left:35px;
   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%;}
}