/*f8b62d*/
body {
    /*box-sizing: border-box;*/
	width:100%;
	margin:0;
	position:relative;
	background: url(../images/backgroundImg.jpg) repeat left top;
	min-height:600px;
	font-family: 'Noto Sans TC', sans-serif;
}
/*LOGO*/
.logo{
	position:absolute;
	float: left;
	margin: 2% 0 0 9%;
	z-index:50;
}
.logo a{
	display: block;
}
.logo img{
	width: 150px;
}
/*LOGO*/
/*購買GOTOP按鈕*/
.buybtn{
	position: fixed;
    right: 3%;
    bottom: 20px;
    max-width: 80px;
    z-index: 9999;
}
.topbtn{
	display: none;
	position: fixed;
    right: 3%;
    bottom: 80px;
    max-width: 80px;
    z-index: 9999;
}
/*購買GOTOP按鈕*/
.wrapper{
	width:85%;
	/*height:auto;*/
	overflow:hidden;
	display:block;
	margin:2% auto;
	position:relative;
	min-height:600px;

}
.contain{
	width:85%;
	overflow:hidden;
	display:block;
	margin:0 auto;
	background:url(../images/backgroundMd.png) repeat-y top center;
	background-size:contain;

}

.bookbgTop,.bookbgBtm{
	width:85%;
	min-height:20px;
	/*margin:0 auto -10px;*/
	
}
.bookbgTop{
	margin:0 auto -10px;
	
}
.bookbgBtm{
	margin:-10px auto 0;
}
/*.bookbgBtm{
	width:100%;
	min-height:40px;
	margin:0 auto;
	
}*/
.bookbgTop img,.bookbgBtm img{
	width:100%;
}
.slideP{width:96%;position:relative;}
.carousel{margin:0 auto;width:95%;}
.secTitle{
	width:100%;
	padding:2% 0 1% 0;
	width:0 auto;
}
.secTitleview{width:90%;display:block;margin:0 auto;padding: 0 0 2% 0;}
.secTitlepro{
	width:100%;
	margin:3% 0 3% 0;
}
.sec1,.sec3{
	width:96%;
}

.sec1{
	padding:0 3% 15% 3%;
	background:url(../images/sec1bg.jpg) repeat left top;
}
.sec3{
	padding:0 3% 5% 3%;
	background:url(../images/sec3bg.jpg) repeat left top;
}


.tableBox{
	background-color:rgba(255,255,255,1);
	border-radius:25px;
	width:95%;	
	margin:0 auto;
	padding:5% 0 1% 0;
	text-align:center;
}
.tableBox img{width:80%;}
.winterpattern{
	width:13%;
	display:block;
	position:absolute;
	z-index:5;
	top:-25%;
	left:-1.5%;
	
}
.winterpattern img{width:100%;}
.summer{margin-top:-10% !important;}

.sec2Top,.sec3Top{
	display:block;
	width:96%;
	margin:-10% 0 0 0;
}
/*.sec3Top{
	display:block;
	width:96% !important;
	margin:-10% 0 0 0;
}*/
.sec2Top img,.sec3Top img{width:100%;}
.sec2{
	display:block;
	width:96%;
	background:url(../images/sec2bgBtm.png),
	           linear-gradient(180deg,#182748,#124785);
	margin:0% 0 0 0;
	background-repeat: no-repeat;
	background-position:bottom center;
	background-size:contain;
	padding:0 0 10% 0;
}
.trafficInfo{
	display:block;
	text-align:center;
	margin:0 auto;
	padding: 2% 0 2% 0;
}
.map{
	display:block;
	text-align:center;
	margin:0 auto;
	padding:2% 0 2% 0;
}
.trafficInfo{
	width:78%;
}
.map{
	width:78%;
}
.trafficInfo img,.map img{
	width:100%;
}
.giftText{
	color:#16427a;
	font-size:1.5em;
	font-weight:bold;
	line-height:2em;
	width:60%;
	display:block;
	background-color:white;
	border-radius:5em;
	text-align:center;
	padding:1%;
	margin:0% auto 5%;
}
.linkBox,.linkBoxPDF,.linkBoxGoto{
	border-radius:25px;
	border:#164178 solid 2px;
	margin:0 0 0 3%;
}
.linkBox a{
	text-decoration:none;
	color:#164178;
	padding:0 2% 0 2%;
	font-size:80%;
}
.linkBoxPro{
	display:inline-block;
	border-radius:25px;
	border:#036eb8 solid 2px;
	margin-bottom:3%;
	width:25%;
}
.proselect span:nth-child(1),.proselect span:nth-child(2){margin-right:3%;}
.linkBoxPro a{
	text-decoration:none;
	color:#036eb8;
	padding:3% 6%;
	font-size:1em;
	
}
.linkBoxPDF {
	width:30%;
	margin:2% auto;
}
.linkBoxPDF a{
	text-decoration:none;
	color:#036eb8;
	padding:12% 6%;
	font-size:1.5em;
}



/*{
	display:block;
	position:absolute;
	z-index:10;
}*/
.tickets img,.ticketTiger{width:100%;}
.tickets{width:15%;left:18%;top:-3%;}
.ticketTiger{width:13%;right:18%;top:-22%;}
.tickets,.ticketTiger,.summerTiger,.drumnTiger,.jumpTiger,.classTiger,.mapicon,.carTiger{
	position:absolute;
	z-index:15;
}
.summerTiger{
	width:25%;
	top:-10%;
	left:3%;
}
.drumnTiger{
	width:40%;
	top:-15%;
	left:-20%;
}
.jumpTiger,.classTiger{
	width:45%;
	top:30%;
	right:-20%;
}
.mapicon{width:9%;left:25%;top:24%;}
.carTiger{width:15%;right:20%;bottom:20%;}
.summerTiger img{
	width:100%;
}
.viewBox{
	background-color:rgba(255,255,255,1);
	border-radius:25px;
	margin:0 auto;
	width:95%;	
	text-align:center;
}
.proBox{
	background-color:rgba(255,255,255,1);
	border-radius:25px;
	margin:0 auto;
	width:95%;	
	text-align:center;
	min-height:2500px;
}

.viewBox{
	padding:3% 0 3% 0;
}
.proBox{
	padding:3% 7.5% 3% 7.5%;
}
.viewTextR{
	color:#040000;
	font-size:1.2em;
	line-height:2.2em;
	font-weight:bold;
	text-align:center;
	display:block;
	width:95%;
	padding:2%;
	margin:0.5% auto;
}
.viewTitle{margin:12% 0 0 0;display:block;}
/*.proBox{max-width:25% !important;}*/
.gotoIwate{
	color:#16427a;
	font-size:1.5em;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	width:50%;
	display:block;
	background-color:white;
	border-radius:5em;
	padding:1%;
	margin:5% auto 5%;
}

.linkBoxGoto a{
	text-decoration:none;
	color:#164178;
	padding:2%;
	font-size:80%;
	letter-spacing:0.2em;
}
.tourGuid{
	letter-spacing:0.8em;	
}
.modal-dialog {
    max-width: 90%;
}
.carousel-control-next,.flightopenBtn,.flightcloseBtn,.proopenBtn,.procloseBtn{
	position:absolute;
	display:block;
	z-index:20;
	right:8%;
	top: 22%;
    opacity: 1;
}
.procloseBtn,.flightcloseBtn,.proBox,.summer{display:none;}
.redText{color:#d61b19;font-weight:bold;font-size:2.2em;letter-spacing:0em;padding:0 0 0 7%;}
.dateText{color:#1b1a1a;font-weight:bold;font-size:1.6em;letter-spacing:0em;text-align:right;padding:4% 7% 0 0;}
.priceText{font-size:1.5em;letter-spacing:0.1em;text-shadow: 3px 3px 1px rgba(255,255,255,1),;}
.smallText{font-size:70%;letter-spacing:0;}
.ltsp0{letter-spacing:0.5em;}
.pb15{padding-bottom:15%;}
.red{color:#e51712;}
.mg5{margin-top:2%;}
.bigNum{font-size:120%}


.mobile{display:none;}


.pulse {
  -webkit-animation-name: pulse;
  animation: pulse 2s infinite;
}


.trafficInfoM,.slideM{display:none;}






/**********************動態特效************************************/
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/**********************動態特效************************************/
a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }






/*************RWD 設定**********************/
@media (min-width:1401px){
	.od2{order:3;}
	.od3{order:2;}
	.od4{order:4;}
	/* -------------------------------------------------------------------
	 * header main navigation
	 * ------------------------------------------------------------------- */
	.nav{
		position:fixed;
		z-index:55;
		right:9%;
		top:5%;
	}
	.nav li{margin:15% 0;}
	.nav li a{
		writing-mode: vertical-lr ;
		text-decoration:none;
		color:#101111;
		font-size:1.5em;
		letter-spacing:0.2em;
		padding:40% 10%;
		background-color:rgba(204,204,51,1);
	}
	.nav1,.nav2,.nav3,.nav4{background-size:cover;}
	.nav1{background-image:url(../images/nav1_bg.png);}
	.nav2{background-image:url(../images/nav2_bg.png);}
	.nav3{background-image:url(../images/nav3_bg.png);}
	.nav4{background-image:url(../images/nav4_bg.png);}
}

@media (max-width:1400px){
	.od2{order:3;}
	.od3{order:2;}
	.od4{order:4;}
	/* -------------------------------------------------------------------
	 * header main navigation
	 * ------------------------------------------------------------------- */
	.nav{
		position:fixed;
		z-index:55;
		right:9%;
		top:5%;
	}
	.nav li{margin:15% 0;}
	.nav li a{
		writing-mode: vertical-lr ;
		text-decoration:none;
		color:#101111;
		font-size:1.5em;
		letter-spacing:0.2em;
		padding:40% 10%;
		background-color:rgba(204,204,51,1);
	}
	.nav1,.nav2,.nav3,.nav4{background-size:cover;}
	.nav1{background-image:url(../images/nav1_bg.png);}
	.nav2{background-image:url(../images/nav2_bg.png);}
	.nav3{background-image:url(../images/nav3_bg.png);}
	.nav4{background-image:url(../images/nav4_bg.png);}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:6%;
		bottom:15%;
		width:40%;
	}
	.procloseBtn,.flightcloseBtn,.proBox,.summer{display:none;}
	.redText{font-size:1.7em;text-align:center;}
	.dateText{font-size:1.3em;/*text-align:center;*/}
	.gotoIwate {
		font-size: 1.5em;
		line-height: 2em;
		width: 80%;
		padding: 1%;
		margin: 5% auto 5%;
	}
	.tourGuid {
		font-size:1.5em;
		letter-spacing:0.2em;
	}
	.tickets,.ticketTiger,.summerTiger,.drumnTiger,.jumpTiger,.classTiger,.mapicon,.carTiger{
		position:absolute;
		z-index:15;
	}
	.summerTiger{
		width:25%;
		top:-40%;
		left:3%;
	}
	.drumnTiger{
		width:40%;
		top:-15%;
		left:-20%;
	}
	.jumpTiger,.classTiger{
		width:45%;
		top:50%;
		right:-20%;
	}
	.mapicon{width:15%;left:13%;top:20%;}
	.carTiger{width:25%;right:2%;bottom:16%;}
	.tickets{width:15%;left:12%;top:-3%;}
	.ticketTiger{width:16%;right:10%;top:-8%;}
}

@media (max-width:1200px){
	.od2{order:3;}
	.od3{order:2;}
	.od4{order:4;}
		/* -------------------------------------------------------------------
	 * header main navigation
	 * ------------------------------------------------------------------- */
	.nav{
		position:fixed;
		z-index:55;
		right:7.5%;
		top:5%;
	}
	.nav li{margin:15% 0;}
	.nav li a{
		writing-mode: vertical-lr ;
		text-decoration:none;
		color:#101111;
		font-size:1.5em;
		letter-spacing:0.2em;
		padding:40% 10%;
		background-color:rgba(204,204,51,1);
	}
	.nav1,.nav2,.nav3,.nav4{background-size:cover;}
	.nav1{background-image:url(../images/nav1_bg.png);}
	.nav2{background-image:url(../images/nav2_bg.png);}
	.nav3{background-image:url(../images/nav3_bg.png);}
	.nav4{background-image:url(../images/nav4_bg.png);}
	.redText{font-size:1.5em;}
	.dateText{font-size:1em;padding-top:5%;}
	.secTitle{
		width:70%;
		padding:2% 0 1% 0;
		margin:0 auto;
	}
	.secTitleview {
		width: 58%;
		display: block;
		margin: 0 auto;
		padding: 0 0 1% 0;
	}
	.winterpattern {width:20%;}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:6%;
		bottom:15%;
		width:40%;
	}
	.procloseBtn,.flightcloseBtn,.proBox,.summer{display:none;}
	.gotoIwate {
		font-size: 1.5em;
		line-height: 2em;
		width: 80%;
		padding: 1%;
		margin: 5% auto 5%;
	}
	.tourGuid {
		font-size:1.5em;
		letter-spacing:0.2em;
	}
	.tickets,.ticketTiger,.summerTiger,.drumnTiger,.jumpTiger,.classTiger,.mapicon,.carTiger{
		position:absolute;
		z-index:15;
	}
	.summerTiger{
		width:25%;
		top:-40%;
		left:3%;
	}
	.drumnTiger{
		width:40%;
		top:-15%;
		left:-20%;
	}
	.jumpTiger,.classTiger{
		width:45%;
		top:50%;
		right:-20%;
	}
	.mapicon{width:15%;left:13%;top:20%;}
	.carTiger{width:25%;right:2%;bottom:16%;}
	.tickets{width:15%;left:12%;top:-3%;}
	.ticketTiger{width:16%;right:10%;top:-8%;}
}

@media (max-width:1024px){
	.od2{order:3;}
	.od3{order:2;}
	.od4{order:4;}
	/* -------------------------------------------------------------------
	 * header main navigation
	 * ------------------------------------------------------------------- */
	.nav{
		position:fixed;
		z-index:55;
		right:7.5%;
		top:5%;
	}
	.nav li{margin:15% 0;}
	.nav li a{
		writing-mode: vertical-lr ;
		text-decoration:none;
		color:#101111;
		font-size:1.5em;
		letter-spacing:0.2em;
		padding:40% 10%;
		background-color:rgba(204,204,51,1);
	}
	.nav1,.nav2,.nav3,.nav4{background-size:cover;}
	.nav1{background-image:url(../images/nav1_bg.png);}
	.nav2{background-image:url(../images/nav2_bg.png);}
	.nav3{background-image:url(../images/nav3_bg.png);}
	.nav4{background-image:url(../images/nav4_bg.png);}
	.redText{font-size:1.4em;}
	.dateText{font-size:1em;padding-top:5%;}
	.secTitle{
		width:70%;
		padding:2% 0 1% 0;
		margin:0 auto;
	}
	.secTitleview {
		width: 58%;
		display: block;
		margin: 0 auto;
		padding: 0 0 2% 0;
	}
	.winterpattern {width:20%;}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:3%;
		bottom:15%;
		width:40%;
	}
	.procloseBtn,.flightcloseBtn,.proBox,.summer{display:none;}
	.gotoIwate {
		font-size: 1.5em;
		line-height: 2em;
		width: 80%;
		padding: 1%;
		margin: 5% auto 5%;
	}
	.tourGuid {
		font-size:1.5em;
		letter-spacing:0.2em;
	}
	.tickets,.ticketTiger,.summerTiger,.drumnTiger,.jumpTiger,.classTiger,.mapicon,.carTiger{
		position:absolute;
		z-index:15;
	}
	.summerTiger{
		width:25%;
		top:-40%;
		left:3%;
	}
	.drumnTiger{
		width:40%;
		top:-15%;
		left:-20%;
	}
	.jumpTiger,.classTiger{
		width:45%;
		top:50%;
		right:-20%;
	}
	.mapicon{width:15%;left:13%;top:20%;}
	.carTiger{width:25%;right:2%;bottom:16%;}
	.tickets{width:15%;left:12%;top:-3%;}
	.ticketTiger{width:16%;right:10%;top:-8%;}
	
}

@media (max-width:960px){
	.od2{order:3;}
	.od3{order:2;}
	.od4{order:4;}
	
	.redText{font-size:1.2em;}
	.dateText{font-size:0.9em;padding-top:5%;}
	.giftText {
		font-size: 1.2em;
		line-height: 1.8em;
		width:70%;
		border-radius:75px;
		padding:1.5% 1%;
		margin: 0% auto 5%;
	}
	.secTitle{
		width:70%;
		padding:2% 0 1% 0;
		margin:0 auto;
	}
	.secTitleview {
		width: 55%;
		display: block;
		margin: 0 auto;
		padding: 0 0 1% 0;
	}
	.viewTextR {
		font-size: 1em;
		line-height: 1.8em;
		width: 100%;
		padding: 2%;
		margin: 0.5% auto;
	}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:5%;
		bottom:15%;
		width:40%;
	}
	.procloseBtn,.flightcloseBtn,.proBox,.summer{display:none;}
	.gotoIwate {
		font-size: 1.5em;
		line-height: 2em;
		width: 80%;
		padding: 1%;
		margin: 5% auto 5%;
	}
	.tourGuid {
		font-size:1.5em;
		letter-spacing:0.2em;
	}
	.trafficInfoM{display:block;width:93%;margin:0 auto;}
	.slideM{display:block;width:100%;}
	.trafficInfo,.slideP{display:none;}

}
@media (max-width:768px){
	.buybtn,.topbtn{
		width: 60px;
	    line-height: 17px;
	    font-size: 15px
	}
	.topbtn{
		bottom: 95px;
		display:block;
		right:65px;
	}
	.buybtn{
		right:70px;
	}
	.od2{order:3;}
	.od3{order:2;}
	.od4{order:4;}
	.pc{display:none;}
	.mobile{display:block;}
	/*LOGO*/
	.logoM{
		position:relative;
		float: left;
		/*margin:0 auto;*/
		width:33%;
		padding:2%;
	}
	
	.logoM img{
		width: 100%;
	}
	.logo{display:none;}
	.modal-title{margin-left:28% !important;}
	/*nav*/
	.navM{list-style-type:none;}
	.navbar,.navContent{background-color:rgba(255,255,255,0.7);}
	.navbar-toggler{background-image:url(../images/Mbtn.png);background-size:contain;background-repeat:no-repeat;}
	.navM li a{
		text-decoration:none;
		color:#595a53;
		font-size:2em;
		letter-spacing:0.8em;
		padding:2%;
		text-align:center;
		
	}
	.slide,.sec1,.sec2,.sec3,.sec2Top, .sec3Top{width:100%;}
	.bookbgTop,.bookbgBtm{display:none;}
	.contain {width:100%;margin:0 auto;}
	.secTitle{width:90%;margin:0 auto;}
	.redText{font-size:1.2em;text-align:center;}
	.dateText{font-size:0.9em;/*text-align:center;*/}
	.tableBox{
		border-radius: 15px;
		width:98%;
		padding: 5% 0 5% 0;
	}
	.tableBox img{
		width:100%;
	}
	.winterpattern {width: 20%;}
	.summer{display:block;}
	.trafficInfo,.map {width: 95%;}
	.giftText {
		font-size: 1.5em;
		line-height: 2em;
		width:80%;
		border-radius: 100px;
		padding:1%;
		margin: 0% auto 5%;
	}
	.ticketTiger,.summerTiger,.drumnTiger,.jumpTiger,.classTiger{
		display:none;
	}
	
	.linkBoxPDF {
		width: 50%;
	}
	.viewBox, .proBox {
		border-radius: 15px;
		margin: 0 auto;
		width: 100%;
	}
	.viewBox{
		padding:3%;
	}
	.proBox {
		padding: 0 5% 10%;
		margin:5% 0 0 0;
	}
	.summer,.proBox {display:none;}
	.viewTextR {
		font-size: 1em;
		line-height: 2em;
		width: 95%;
		padding: 2%;
		margin: 0.5% auto;
	}
	.viewTitle {
		margin:3% 0 0 0;
	}
	.linkBoxPro {
		width:40%;
		border-radius: 15px;
		margin: 0 auto 10%;
		display:block;
	}
	.row span:first-child,.row span:nth-child(2) {
		margin: 0 auto 5%;
	}
	.tickets{width:15%;left:5%;top:-3%;}
	.ticketTiger{width:22%;right:15%;top:-8%;}
	.gotoIwate {
		font-size: 1.5em;
		line-height: 2em;
		width: 98%;
		padding: 1%;
		margin: 5% auto 5%;
		border-radius: 1em;
	}
	.linkBoxGoto {
		width: 50%;
		display: block;
		margin: 0 auto 1%;
	}
	.tourGuid {
		font-size:1em;
		letter-spacing:0.2em;
		
	}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:1%;
		bottom:15%;
		width:45%;
	}
	.procloseBtn,.flightcloseBtn,.proBox,.summer{display:none;}
}
@media (max-width:640px){
	.buybtn,.topbtn{
		width: 60px;
	    line-height: 17px;
	    font-size: 15px
	}
	.topbtn{
		bottom: 95px;
		display:block;
		right:65px;
	}
	.buybtn{
		right:70px;
	}
	.od2{order:3;}
	.od3{order:2;}
	.od4{order:4;}
	.pc{display:none;}
	.mobile{display:block;}
	/*LOGO*/
	.logoM{
		position:relative;
		float: left;
		/*margin:0 auto;*/
		width:33%;
		padding:2%;
	}
	
	.logoM img{
		width: 100%;
	}
	.logo{display:none;}
	.modal-title{margin-left:28% !important;}
	/*nav*/
	.navM{list-style-type:none;}
	.navbar,.navContent{background-color:rgba(255,255,255,0.7);}
	.navbar-toggler{background-image:url(../images/Mbtn.png);background-size:contain;background-repeat:no-repeat;}
	.navM li a{
		text-decoration:none;
		color:#595a53;
		font-size:2em;
		letter-spacing:0.8em;
		padding:2%;
		text-align:center;
		
	}
	.slide,.sec1,.sec2,.sec3,.sec2Top, .sec3Top{width:100%;}
	.bookbgTop,.bookbgBtm{display:none;}
	.contain {width:100%;margin:0 auto;}
	.secTitle{width:55%;margin:0 auto;}
	.redText{font-size:1.1em;text-align:center;}
	.dateText{font-size:0.9em;/*text-align:center;*/}
	.tableBox{
		border-radius: 15px;
		width:98%;
		padding: 5% 0 5% 0;
	}
	.tableBox img{
		width:100%;
	}
	.winterpattern {width: 20%;}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:1.5%;
		bottom:15%;
		width:45%;
	}
	.procloseBtn,.flightcloseBtn,.summer{display:none;}
	.trafficInfo,.map {width: 95%;}
	.giftText {
		font-size: 1em;
		line-height: 2em;
		width:80%;
		border-radius: 30px;
		padding:1% 1%;
		margin: 0% auto 5%;
	}
	.summerTiger,.drumnTiger,.jumpTiger,.classTiger,.mapicon,.carTiger{
		display:none;
	}
	.tickets{width:17%;left:6%;top:-3%;}
	.ticketTiger{width:20%;right:5%;top:-10%;display:block;}
	.linkBoxPDF {
		width: 50%;
	}
	.viewBox, .proBox {
		border-radius: 15px;
		margin: 0 auto;
		width: 100%;
	}
	.viewBox{
		padding: 0 5%;
	}
	.proBox {
		display:block !important;
		padding: 0 5% 10%;
		margin:5% 0 0 0;
	}
	.viewTextR {
		font-size: 1em;
		line-height:1.5em;
		width: 100%;
		padding: 2%;
		margin: 0.5% auto;
	}
	.viewTitle {
		margin:5% 0 0 0;
	}
	.linkBoxPro {
		border-radius: 15px;
		margin-bottom:10%;
	}
}

@media (max-width:480px){
	.od2{order:2;}
	.od3{order:3;}
	.od4{order:4;}
	.pc{display:none;}
	.mobile{display:block;}
	/*LOGO*/
	.logoM{
		position:relative;
		float: left;
		/*margin:0 auto;*/
		width:33%;
		padding:2%;
	}
	
	.logoM img{
		width: 100%;
	}
	.logo{display:none;}
	.modal-title{margin-left:28% !important;}
	.modal-dialog {
		max-width: 100%;
	}
	/*nav*/
	.navM{list-style-type:none;}
	.navbar,.navContent{background-color:rgba(255,255,255,0.7);}
	.navbar-toggler{background-image:url(../images/Mbtn.png);background-size:contain;background-repeat:no-repeat;}
	.navM li a{
		text-decoration:none;
		color:#595a53;
		font-size:2em;
		letter-spacing:0.8em;
		padding:2%;
		text-align:center;
		
	}
	.slide,.sec1,.sec2,.sec3,.sec2Top, .sec3Top{width:100%;}
	.bookbgTop,.bookbgBtm{display:none;}
	.contain {width:100%;margin:0 auto;}
	.secTitle{width:50%;margin:0 auto;}
	.secTitleview {
		width: 48%;
		display: block;
		margin: 0 auto;
		padding: 0 0 1% 0;
	}
	.redText{font-size:1.3em;text-align:center;}
	.dateText{font-size:1em;text-align:center;padding:0;}
	.tableBox{
		border-radius: 15px;
		width:98%;
		padding: 5% 0 5% 0;
	}
	.tableBox img{
		width:100%;
	}
	.winterpattern {width: 20%;}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:1.5%;
		bottom:15%;
		width:45%;
	}
	.procloseBtn,.flightcloseBtn,proBox,.summer{display:none;}
	.trafficInfo,.map {width: 95%;}
	.giftText {
		font-size: 1em;
		line-height: 2em;
		width:90%;
		border-radius: 15px;
		padding:3% 1%;
		margin: 0% auto 5%;
	}
	.ticketTiger,.summerTiger,.drumnTiger,.jumpTiger,.classTiger,.mapicon,.carTiger{
		display:none;
	}
	.tickets{width:15%;left:6%;top:-3%;}
	.linkBoxPDF {
		width: 50%;
	}
	.viewBox, .proBox {
		border-radius: 15px;
		margin: 0 auto;
		width: 100%;
		padding: 0 5%;
	}
	.viewBox{
		padding: 0 5%;
	}
	.proBox {
		display:block !important;
		padding: 0 5% 10%;
		margin:5% 0 0 0;
	}
	.viewTextR {
		font-size: 1em;
		line-height: 2em;
		width: 95%;
		padding: 2%;
		margin: 0.5% auto;
	}
	.viewTitle {
		margin:3% 0 0 0;
	}
	.linkBoxPro {
		border-radius: 15px;
		margin-bottom:10%;
	}
}
@media (max-width:414px){
	.od2{order:2;}
	.od3{order:3;}
	.od4{order:4;}
	.pc{display:none;}
	.mobile{display:block;}
	/*LOGO*/
	.logoM{
		position:relative;
		float: left;
		/*margin:0 auto;*/
		width:33%;
		padding:2%;
	}
	
	.logoM img{
		width: 100%;
	}
	.logo{display:none;}
	.modal-title{margin-left:28% !important;}
	.modal-dialog {
		max-width: 100%;
	}
	/*nav*/
	.navM{list-style-type:none;}
	.navbar,.navContent{background-color:rgba(255,255,255,0.7);}
	.navbar-toggler{background-image:url(../images/Mbtn.png);background-size:contain;background-repeat:no-repeat;}
	.navM li a{
		text-decoration:none;
		color:#595a53;
		font-size:2em;
		letter-spacing:0.8em;
		padding:2%;
		text-align:center;
		
	}
	.slide,.sec1,.sec2,.sec3,.sec2Top, .sec3Top{width:100%;}
	.bookbgTop,.bookbgBtm{display:none;}
	.contain {width:100%;margin:0 auto;}
	.secTitle{width:50%;margin:0 auto;}
	.secTitleview {
		width: 48%;
		display: block;
		margin: 0 auto;
		padding: 0 0 1% 0;
	}
	.redText{font-size:1.3em;text-align:center;}
	.dateText{font-size:1em;text-align:center;padding:0;}
	.tableBox{
		border-radius: 15px;
		width:96%;
		padding: 5% 0 5% 0;
	}
	.tableBox img{
		width:100%;
	}
	.winterpattern {width: 20%;}
	.carousel-control-next,.proopenBtn,.procloseBtn,.flightopenBtn,.flightcloseBtn{
		right:2%;
		bottom:15%;
		width:48%;
	}
	.procloseBtn,.flightcloseBtn,proBox,.summer{display:none;}
	.trafficInfo,.map {width: 95%;}
	.giftText {
		font-size: 1em;
		line-height: 2em;
		width:90%;
		border-radius: 15px;
		padding:3% 1%;
		margin: 0% auto 5%;
	}
	.ticketTiger,.summerTiger,.drumnTiger,.jumpTiger,.classTiger,.mapicon,.carTiger{
		display:none;
	}
	.tickets{width:12%;left:6%;top:-3%;}
	.linkBoxPDF {
		width: 50%;
	}
	.viewBox, .proBox {
		border-radius: 15px;
		margin:0 auto;
		width: 100%;
		padding: 0 5%;
	}
	.viewBox{
		padding: 0 5%;
	}
	.proBox {
		display:block;
		padding: 0 5% 10%;
		margin:5% 0 0 0;
	}
	.viewTextR {
		font-size: 1em;
		line-height: 2em;
		width: 95%;
		padding: 2%;
		margin: 0.5% auto;
	}
	.viewTitle {
		margin:3% 0 0 0;
	}
	.linkBoxPro {
		border-radius: 15px;
		margin-bottom:10%;
	}
	.proselect span:nth-child(1),.proselect span:nth-child(2){margin-bottom:5%;}
	
@media (max-width:320px){
	.tickets{display:none;}
}

/*************RWD 設定**********************/